@font-face {
    font-family:'SEGOE UI';
    font-style: normal;
    font-weight: 400;
    src: url(../font/SEGOEUI.ttf) format('truetype');
    font-display: block;
}
@font-face {
    font-family:'UTM AVO';
    font-style: normal;
    src: url(../font/UTMAVO.ttf) format('truetype');
    font-display: block;
}
/*@font-face {*/
/*    font-family:'uvnbachdang';*/
/*    font-style: normal;*/
/*    src: url(../font/uvnbachdang.ttf) format('truetype');*/
/*    font-display: block;*/
/*}*/

* {
    font-family: "SEGOE UI",sans-serif;
}

html {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: 400;
    vertical-align: baseline;
    background: transparent
}

body {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: 400;
    vertical-align: baseline;
    background: transparent
}

body div {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: 400;
    vertical-align: baseline;
    background: transparent
}

span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: 400;
    vertical-align: baseline;
    background: transparent
}

article, aside, figure, footer, header, nav, section, details, summary {
    display: block
}

html {
    box-sizing: border-box
}

* {
    box-sizing: inherit
}

:before, :after {
    box-sizing: inherit
}

img, object, embed {
    max-width: 100%
}

html {
    overflow-y: scroll
}

ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after {
    content: '';
    content: none
}

q:before, q:after {
    content: '';
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

del {
    text-decoration: line-through
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help
}

table {
    border-collapse: separate;
    border-spacing: 0
}

th {
    font-weight: 700;
    vertical-align: bottom
}

td {
    font-weight: 400;
    vertical-align: top
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input, select {
    vertical-align: middle
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word
}

input[type="radio"] {
    vertical-align: text-bottom
}

input[type="checkbox"] {
    vertical-align: bottom
}

.ie7 input[type="checkbox"] {
    vertical-align: baseline
}

.ie6 input {
    vertical-align: text-bottom
}

select, input, textarea {
    font: 99% sans-serif
}

table {
    font-size: inherit;
    font: 100%
}

small {
    font-size: 85%
}

strong {
    font-weight: 700
}

td {
    vertical-align: top
}

td img {
    vertical-align: top
}

sub {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    top: -.5em
}

sub {
    bottom: -.25em
}

pre, code, kbd, samp {
    font-family: monospace, sans-serif
}

.clickable, label {
    cursor: pointer
}

input[type=button], input[type=submit], input[type=file] {
    cursor: pointer
}

button {
    cursor: pointer;
    margin: 0
}

input, select, textarea {
    margin: 0
}

button, input[type=button] {
    width: auto;
    overflow: visible
}

.ie7 img {
    -ms-interpolation-mode: bicubic
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both
}

.mrt-xs-0r {
    margin-top: 0
}

@media (min-width: 544px) {
    .mrt-sm-0r {
        margin-top: 0
    }
}

@media (min-width: 768px) {
    .mrt-md-0r {
        margin-top: 0
    }
}

@media (min-width: 992px) {
    .mrt-lg-0r {
        margin-top: 0
    }
}

@media (min-width: 1200px) {
    .mrt-xl-0r {
        margin-top: 0
    }
}

.mrb-xs-0r {
    margin-bottom: 0
}

@media (min-width: 544px) {
    .mrb-sm-0r {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .mrb-md-0r {
        margin-bottom: 0
    }
}

@media (min-width: 992px) {
    .mrb-lg-0r {
        margin-bottom: 0
    }
}

@media (min-width: 1200px) {
    .mrb-xl-0r {
        margin-bottom: 0
    }
}

.pdl-xs-0r {
    padding-left: 0
}

@media (min-width: 544px) {
    .pdl-sm-0r {
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .pdl-md-0r {
        padding-left: 0
    }
}

@media (min-width: 992px) {
    .pdl-lg-0r {
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    .pdl-xl-0r {
        padding-left: 0
    }
}

.pdr-xs-0r {
    padding-right: 0
}

@media (min-width: 544px) {
    .pdr-sm-0r {
        padding-right: 0
    }
}

@media (min-width: 768px) {
    .pdr-md-0r {
        padding-right: 0
    }
}

@media (min-width: 992px) {
    .pdr-lg-0r {
        padding-right: 0
    }
}

@media (min-width: 1200px) {
    .pdr-xl-0r {
        padding-right: 0
    }
}

.mrt-xs-1r {
    margin-top: 1rem
}

@media (min-width: 544px) {
    .mrt-sm-1r {
        margin-top: 1rem
    }
}

@media (min-width: 768px) {
    .mrt-md-1r {
        margin-top: 1rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-1r {
        margin-top: 1rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-1r {
        margin-top: 1rem
    }
}

.mrb-xs-1r {
    margin-bottom: 1rem
}

@media (min-width: 544px) {
    .mrb-sm-1r {
        margin-bottom: 1rem
    }
}

@media (min-width: 768px) {
    .mrb-md-1r {
        margin-bottom: 1rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-1r {
        margin-bottom: 1rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-1r {
        margin-bottom: 1rem
    }
}

.pdl-xs-1r {
    padding-left: 1rem
}

@media (min-width: 544px) {
    .pdl-sm-1r {
        padding-left: 1rem
    }
}

@media (min-width: 768px) {
    .pdl-md-1r {
        padding-left: 1rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-1r {
        padding-left: 1rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-1r {
        padding-left: 1rem
    }
}

.pdr-xs-1r {
    padding-right: 1rem
}

@media (min-width: 544px) {
    .pdr-sm-1r {
        padding-right: 1rem
    }
}

@media (min-width: 768px) {
    .pdr-md-1r {
        padding-right: 1rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-1r {
        padding-right: 1rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-1r {
        padding-right: 1rem
    }
}

.mrt-xs-2r {
    margin-top: 2rem
}

@media (min-width: 544px) {
    .mrt-sm-2r {
        margin-top: 2rem
    }
}

@media (min-width: 768px) {
    .mrt-md-2r {
        margin-top: 2rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-2r {
        margin-top: 2rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-2r {
        margin-top: 2rem
    }
}

.mrb-xs-2r {
    margin-bottom: 2rem
}

@media (min-width: 544px) {
    .mrb-sm-2r {
        margin-bottom: 2rem
    }
}

@media (min-width: 768px) {
    .mrb-md-2r {
        margin-bottom: 2rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-2r {
        margin-bottom: 2rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-2r {
        margin-bottom: 2rem
    }
}

.pdl-xs-2r {
    padding-left: 2rem
}

@media (min-width: 544px) {
    .pdl-sm-2r {
        padding-left: 2rem
    }
}

@media (min-width: 768px) {
    .pdl-md-2r {
        padding-left: 2rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-2r {
        padding-left: 2rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-2r {
        padding-left: 2rem
    }
}

.pdr-xs-2r {
    padding-right: 2rem
}

@media (min-width: 544px) {
    .pdr-sm-2r {
        padding-right: 2rem
    }
}

@media (min-width: 768px) {
    .pdr-md-2r {
        padding-right: 2rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-2r {
        padding-right: 2rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-2r {
        padding-right: 2rem
    }
}

.mrt-xs-3r {
    margin-top: 3rem
}

@media (min-width: 544px) {
    .mrt-sm-3r {
        margin-top: 3rem
    }
}

@media (min-width: 768px) {
    .mrt-md-3r {
        margin-top: 3rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-3r {
        margin-top: 3rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-3r {
        margin-top: 3rem
    }
}

.mrb-xs-3r {
    margin-bottom: 3rem
}

@media (min-width: 544px) {
    .mrb-sm-3r {
        margin-bottom: 3rem
    }
}

@media (min-width: 768px) {
    .mrb-md-3r {
        margin-bottom: 3rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-3r {
        margin-bottom: 3rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-3r {
        margin-bottom: 3rem
    }
}

.pdl-xs-3r {
    padding-left: 3rem
}

@media (min-width: 544px) {
    .pdl-sm-3r {
        padding-left: 3rem
    }
}

@media (min-width: 768px) {
    .pdl-md-3r {
        padding-left: 3rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-3r {
        padding-left: 3rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-3r {
        padding-left: 3rem
    }
}

.pdr-xs-3r {
    padding-right: 3rem
}

@media (min-width: 544px) {
    .pdr-sm-3r {
        padding-right: 3rem
    }
}

@media (min-width: 768px) {
    .pdr-md-3r {
        padding-right: 3rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-3r {
        padding-right: 3rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-3r {
        padding-right: 3rem
    }
}

.mrt-xs-4r {
    margin-top: 4rem
}

@media (min-width: 544px) {
    .mrt-sm-4r {
        margin-top: 4rem
    }
}

@media (min-width: 768px) {
    .mrt-md-4r {
        margin-top: 4rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-4r {
        margin-top: 4rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-4r {
        margin-top: 4rem
    }
}

.mrb-xs-4r {
    margin-bottom: 4rem
}

@media (min-width: 544px) {
    .mrb-sm-4r {
        margin-bottom: 4rem
    }
}

@media (min-width: 768px) {
    .mrb-md-4r {
        margin-bottom: 4rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-4r {
        margin-bottom: 4rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-4r {
        margin-bottom: 4rem
    }
}

.pdl-xs-4r {
    padding-left: 4rem
}

@media (min-width: 544px) {
    .pdl-sm-4r {
        padding-left: 4rem
    }
}

@media (min-width: 768px) {
    .pdl-md-4r {
        padding-left: 4rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-4r {
        padding-left: 4rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-4r {
        padding-left: 4rem
    }
}

.pdr-xs-4r {
    padding-right: 4rem
}

@media (min-width: 544px) {
    .pdr-sm-4r {
        padding-right: 4rem
    }
}

@media (min-width: 768px) {
    .pdr-md-4r {
        padding-right: 4rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-4r {
        padding-right: 4rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-4r {
        padding-right: 4rem
    }
}

.mrt-xs-5r {
    margin-top: 5rem
}

@media (min-width: 544px) {
    .mrt-sm-5r {
        margin-top: 5rem
    }
}

@media (min-width: 768px) {
    .mrt-md-5r {
        margin-top: 5rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-5r {
        margin-top: 5rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-5r {
        margin-top: 5rem
    }
}

.mrb-xs-5r {
    margin-bottom: 5rem
}

@media (min-width: 544px) {
    .mrb-sm-5r {
        margin-bottom: 5rem
    }
}

@media (min-width: 768px) {
    .mrb-md-5r {
        margin-bottom: 5rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-5r {
        margin-bottom: 5rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-5r {
        margin-bottom: 5rem
    }
}

.pdl-xs-5r {
    padding-left: 5rem
}

@media (min-width: 544px) {
    .pdl-sm-5r {
        padding-left: 5rem
    }
}

@media (min-width: 768px) {
    .pdl-md-5r {
        padding-left: 5rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-5r {
        padding-left: 5rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-5r {
        padding-left: 5rem
    }
}

.pdr-xs-5r {
    padding-right: 5rem
}

@media (min-width: 544px) {
    .pdr-sm-5r {
        padding-right: 5rem
    }
}

@media (min-width: 768px) {
    .pdr-md-5r {
        padding-right: 5rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-5r {
        padding-right: 5rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-5r {
        padding-right: 5rem
    }
}

.mrt-xs-6r {
    margin-top: 6rem
}

@media (min-width: 544px) {
    .mrt-sm-6r {
        margin-top: 6rem
    }
}

@media (min-width: 768px) {
    .mrt-md-6r {
        margin-top: 6rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-6r {
        margin-top: 6rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-6r {
        margin-top: 6rem
    }
}

.mrb-xs-6r {
    margin-bottom: 6rem
}

@media (min-width: 544px) {
    .mrb-sm-6r {
        margin-bottom: 6rem
    }
}

@media (min-width: 768px) {
    .mrb-md-6r {
        margin-bottom: 6rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-6r {
        margin-bottom: 6rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-6r {
        margin-bottom: 6rem
    }
}

.pdl-xs-6r {
    padding-left: 6rem
}

@media (min-width: 544px) {
    .pdl-sm-6r {
        padding-left: 6rem
    }
}

@media (min-width: 768px) {
    .pdl-md-6r {
        padding-left: 6rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-6r {
        padding-left: 6rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-6r {
        padding-left: 6rem
    }
}

.pdr-xs-6r {
    padding-right: 6rem
}

@media (min-width: 544px) {
    .pdr-sm-6r {
        padding-right: 6rem
    }
}

@media (min-width: 768px) {
    .pdr-md-6r {
        padding-right: 6rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-6r {
        padding-right: 6rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-6r {
        padding-right: 6rem
    }
}

.mrt-xs-7r {
    margin-top: 7rem
}

@media (min-width: 544px) {
    .mrt-sm-7r {
        margin-top: 7rem
    }
}

@media (min-width: 768px) {
    .mrt-md-7r {
        margin-top: 7rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-7r {
        margin-top: 7rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-7r {
        margin-top: 7rem
    }
}

.mrb-xs-7r {
    margin-bottom: 7rem
}

@media (min-width: 544px) {
    .mrb-sm-7r {
        margin-bottom: 7rem
    }
}

@media (min-width: 768px) {
    .mrb-md-7r {
        margin-bottom: 7rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-7r {
        margin-bottom: 7rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-7r {
        margin-bottom: 7rem
    }
}

.pdl-xs-7r {
    padding-left: 7rem
}

@media (min-width: 544px) {
    .pdl-sm-7r {
        padding-left: 7rem
    }
}

@media (min-width: 768px) {
    .pdl-md-7r {
        padding-left: 7rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-7r {
        padding-left: 7rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-7r {
        padding-left: 7rem
    }
}

.pdr-xs-7r {
    padding-right: 7rem
}

@media (min-width: 544px) {
    .pdr-sm-7r {
        padding-right: 7rem
    }
}

@media (min-width: 768px) {
    .pdr-md-7r {
        padding-right: 7rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-7r {
        padding-right: 7rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-7r {
        padding-right: 7rem
    }
}

.mrt-xs-8r {
    margin-top: 8rem
}

@media (min-width: 544px) {
    .mrt-sm-8r {
        margin-top: 8rem
    }
}

@media (min-width: 768px) {
    .mrt-md-8r {
        margin-top: 8rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-8r {
        margin-top: 8rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-8r {
        margin-top: 8rem
    }
}

.mrb-xs-8r {
    margin-bottom: 8rem
}

@media (min-width: 544px) {
    .mrb-sm-8r {
        margin-bottom: 8rem
    }
}

@media (min-width: 768px) {
    .mrb-md-8r {
        margin-bottom: 8rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-8r {
        margin-bottom: 8rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-8r {
        margin-bottom: 8rem
    }
}

.pdl-xs-8r {
    padding-left: 8rem
}

@media (min-width: 544px) {
    .pdl-sm-8r {
        padding-left: 8rem
    }
}

@media (min-width: 768px) {
    .pdl-md-8r {
        padding-left: 8rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-8r {
        padding-left: 8rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-8r {
        padding-left: 8rem
    }
}

.pdr-xs-8r {
    padding-right: 8rem
}

@media (min-width: 544px) {
    .pdr-sm-8r {
        padding-right: 8rem
    }
}

@media (min-width: 768px) {
    .pdr-md-8r {
        padding-right: 8rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-8r {
        padding-right: 8rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-8r {
        padding-right: 8rem
    }
}

.mrt-xs-9r {
    margin-top: 9rem
}

@media (min-width: 544px) {
    .mrt-sm-9r {
        margin-top: 9rem
    }
}

@media (min-width: 768px) {
    .mrt-md-9r {
        margin-top: 9rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-9r {
        margin-top: 9rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-9r {
        margin-top: 9rem
    }
}

.mrb-xs-9r {
    margin-bottom: 9rem
}

@media (min-width: 544px) {
    .mrb-sm-9r {
        margin-bottom: 9rem
    }
}

@media (min-width: 768px) {
    .mrb-md-9r {
        margin-bottom: 9rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-9r {
        margin-bottom: 9rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-9r {
        margin-bottom: 9rem
    }
}

.pdl-xs-9r {
    padding-left: 9rem
}

@media (min-width: 544px) {
    .pdl-sm-9r {
        padding-left: 9rem
    }
}

@media (min-width: 768px) {
    .pdl-md-9r {
        padding-left: 9rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-9r {
        padding-left: 9rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-9r {
        padding-left: 9rem
    }
}

.pdr-xs-9r {
    padding-right: 9rem
}

@media (min-width: 544px) {
    .pdr-sm-9r {
        padding-right: 9rem
    }
}

@media (min-width: 768px) {
    .pdr-md-9r {
        padding-right: 9rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-9r {
        padding-right: 9rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-9r {
        padding-right: 9rem
    }
}

.mrt-xs-10r {
    margin-top: 10rem
}

@media (min-width: 544px) {
    .mrt-sm-10r {
        margin-top: 10rem
    }
}

@media (min-width: 768px) {
    .mrt-md-10r {
        margin-top: 10rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-10r {
        margin-top: 10rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-10r {
        margin-top: 10rem
    }
}

.mrb-xs-10r {
    margin-bottom: 10rem
}

@media (min-width: 544px) {
    .mrb-sm-10r {
        margin-bottom: 10rem
    }
}

@media (min-width: 768px) {
    .mrb-md-10r {
        margin-bottom: 10rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-10r {
        margin-bottom: 10rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-10r {
        margin-bottom: 10rem
    }
}

.pdl-xs-10r {
    padding-left: 10rem
}

@media (min-width: 544px) {
    .pdl-sm-10r {
        padding-left: 10rem
    }
}

@media (min-width: 768px) {
    .pdl-md-10r {
        padding-left: 10rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-10r {
        padding-left: 10rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-10r {
        padding-left: 10rem
    }
}

.pdr-xs-10r {
    padding-right: 10rem
}

@media (min-width: 544px) {
    .pdr-sm-10r {
        padding-right: 10rem
    }
}

@media (min-width: 768px) {
    .pdr-md-10r {
        padding-right: 10rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-10r {
        padding-right: 10rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-10r {
        padding-right: 10rem
    }
}

.mrt-xs-11r {
    margin-top: 11rem
}

@media (min-width: 544px) {
    .mrt-sm-11r {
        margin-top: 11rem
    }
}

@media (min-width: 768px) {
    .mrt-md-11r {
        margin-top: 11rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-11r {
        margin-top: 11rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-11r {
        margin-top: 11rem
    }
}

.mrb-xs-11r {
    margin-bottom: 11rem
}

@media (min-width: 544px) {
    .mrb-sm-11r {
        margin-bottom: 11rem
    }
}

@media (min-width: 768px) {
    .mrb-md-11r {
        margin-bottom: 11rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-11r {
        margin-bottom: 11rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-11r {
        margin-bottom: 11rem
    }
}

.pdl-xs-11r {
    padding-left: 11rem
}

@media (min-width: 544px) {
    .pdl-sm-11r {
        padding-left: 11rem
    }
}

@media (min-width: 768px) {
    .pdl-md-11r {
        padding-left: 11rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-11r {
        padding-left: 11rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-11r {
        padding-left: 11rem
    }
}

.pdr-xs-11r {
    padding-right: 11rem
}

@media (min-width: 544px) {
    .pdr-sm-11r {
        padding-right: 11rem
    }
}

@media (min-width: 768px) {
    .pdr-md-11r {
        padding-right: 11rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-11r {
        padding-right: 11rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-11r {
        padding-right: 11rem
    }
}

.mrt-xs-12r {
    margin-top: 12rem
}

@media (min-width: 544px) {
    .mrt-sm-12r {
        margin-top: 12rem
    }
}

@media (min-width: 768px) {
    .mrt-md-12r {
        margin-top: 12rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-12r {
        margin-top: 12rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-12r {
        margin-top: 12rem
    }
}

.mrb-xs-12r {
    margin-bottom: 12rem
}

@media (min-width: 544px) {
    .mrb-sm-12r {
        margin-bottom: 12rem
    }
}

@media (min-width: 768px) {
    .mrb-md-12r {
        margin-bottom: 12rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-12r {
        margin-bottom: 12rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-12r {
        margin-bottom: 12rem
    }
}

.pdl-xs-12r {
    padding-left: 12rem
}

@media (min-width: 544px) {
    .pdl-sm-12r {
        padding-left: 12rem
    }
}

@media (min-width: 768px) {
    .pdl-md-12r {
        padding-left: 12rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-12r {
        padding-left: 12rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-12r {
        padding-left: 12rem
    }
}

.pdr-xs-12r {
    padding-right: 12rem
}

@media (min-width: 544px) {
    .pdr-sm-12r {
        padding-right: 12rem
    }
}

@media (min-width: 768px) {
    .pdr-md-12r {
        padding-right: 12rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-12r {
        padding-right: 12rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-12r {
        padding-right: 12rem
    }
}

.mrt-xs-13r {
    margin-top: 13rem
}

@media (min-width: 544px) {
    .mrt-sm-13r {
        margin-top: 13rem
    }
}

@media (min-width: 768px) {
    .mrt-md-13r {
        margin-top: 13rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-13r {
        margin-top: 13rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-13r {
        margin-top: 13rem
    }
}

.mrb-xs-13r {
    margin-bottom: 13rem
}

@media (min-width: 544px) {
    .mrb-sm-13r {
        margin-bottom: 13rem
    }
}

@media (min-width: 768px) {
    .mrb-md-13r {
        margin-bottom: 13rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-13r {
        margin-bottom: 13rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-13r {
        margin-bottom: 13rem
    }
}

.pdl-xs-13r {
    padding-left: 13rem
}

@media (min-width: 544px) {
    .pdl-sm-13r {
        padding-left: 13rem
    }
}

@media (min-width: 768px) {
    .pdl-md-13r {
        padding-left: 13rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-13r {
        padding-left: 13rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-13r {
        padding-left: 13rem
    }
}

.pdr-xs-13r {
    padding-right: 13rem
}

@media (min-width: 544px) {
    .pdr-sm-13r {
        padding-right: 13rem
    }
}

@media (min-width: 768px) {
    .pdr-md-13r {
        padding-right: 13rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-13r {
        padding-right: 13rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-13r {
        padding-right: 13rem
    }
}

.mrt-xs-14r {
    margin-top: 14rem
}

@media (min-width: 544px) {
    .mrt-sm-14r {
        margin-top: 14rem
    }
}

@media (min-width: 768px) {
    .mrt-md-14r {
        margin-top: 14rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-14r {
        margin-top: 14rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-14r {
        margin-top: 14rem
    }
}

.mrb-xs-14r {
    margin-bottom: 14rem
}

@media (min-width: 544px) {
    .mrb-sm-14r {
        margin-bottom: 14rem
    }
}

@media (min-width: 768px) {
    .mrb-md-14r {
        margin-bottom: 14rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-14r {
        margin-bottom: 14rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-14r {
        margin-bottom: 14rem
    }
}

.pdl-xs-14r {
    padding-left: 14rem
}

@media (min-width: 544px) {
    .pdl-sm-14r {
        padding-left: 14rem
    }
}

@media (min-width: 768px) {
    .pdl-md-14r {
        padding-left: 14rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-14r {
        padding-left: 14rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-14r {
        padding-left: 14rem
    }
}

.pdr-xs-14r {
    padding-right: 14rem
}

@media (min-width: 544px) {
    .pdr-sm-14r {
        padding-right: 14rem
    }
}

@media (min-width: 768px) {
    .pdr-md-14r {
        padding-right: 14rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-14r {
        padding-right: 14rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-14r {
        padding-right: 14rem
    }
}

.mrt-xs-15r {
    margin-top: 15rem
}

@media (min-width: 544px) {
    .mrt-sm-15r {
        margin-top: 15rem
    }
}

@media (min-width: 768px) {
    .mrt-md-15r {
        margin-top: 15rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-15r {
        margin-top: 15rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-15r {
        margin-top: 15rem
    }
}

.mrb-xs-15r {
    margin-bottom: 15rem
}

@media (min-width: 544px) {
    .mrb-sm-15r {
        margin-bottom: 15rem
    }
}

@media (min-width: 768px) {
    .mrb-md-15r {
        margin-bottom: 15rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-15r {
        margin-bottom: 15rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-15r {
        margin-bottom: 15rem
    }
}

.pdl-xs-15r {
    padding-left: 15rem
}

@media (min-width: 544px) {
    .pdl-sm-15r {
        padding-left: 15rem
    }
}

@media (min-width: 768px) {
    .pdl-md-15r {
        padding-left: 15rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-15r {
        padding-left: 15rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-15r {
        padding-left: 15rem
    }
}

.pdr-xs-15r {
    padding-right: 15rem
}

@media (min-width: 544px) {
    .pdr-sm-15r {
        padding-right: 15rem
    }
}

@media (min-width: 768px) {
    .pdr-md-15r {
        padding-right: 15rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-15r {
        padding-right: 15rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-15r {
        padding-right: 15rem
    }
}

.mrt-xs-16r {
    margin-top: 16rem
}

@media (min-width: 544px) {
    .mrt-sm-16r {
        margin-top: 16rem
    }
}

@media (min-width: 768px) {
    .mrt-md-16r {
        margin-top: 16rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-16r {
        margin-top: 16rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-16r {
        margin-top: 16rem
    }
}

.mrb-xs-16r {
    margin-bottom: 16rem
}

@media (min-width: 544px) {
    .mrb-sm-16r {
        margin-bottom: 16rem
    }
}

@media (min-width: 768px) {
    .mrb-md-16r {
        margin-bottom: 16rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-16r {
        margin-bottom: 16rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-16r {
        margin-bottom: 16rem
    }
}

.pdl-xs-16r {
    padding-left: 16rem
}

@media (min-width: 544px) {
    .pdl-sm-16r {
        padding-left: 16rem
    }
}

@media (min-width: 768px) {
    .pdl-md-16r {
        padding-left: 16rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-16r {
        padding-left: 16rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-16r {
        padding-left: 16rem
    }
}

.pdr-xs-16r {
    padding-right: 16rem
}

@media (min-width: 544px) {
    .pdr-sm-16r {
        padding-right: 16rem
    }
}

@media (min-width: 768px) {
    .pdr-md-16r {
        padding-right: 16rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-16r {
        padding-right: 16rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-16r {
        padding-right: 16rem
    }
}

.mrt-xs-17r {
    margin-top: 17rem
}

@media (min-width: 544px) {
    .mrt-sm-17r {
        margin-top: 17rem
    }
}

@media (min-width: 768px) {
    .mrt-md-17r {
        margin-top: 17rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-17r {
        margin-top: 17rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-17r {
        margin-top: 17rem
    }
}

.mrb-xs-17r {
    margin-bottom: 17rem
}

@media (min-width: 544px) {
    .mrb-sm-17r {
        margin-bottom: 17rem
    }
}

@media (min-width: 768px) {
    .mrb-md-17r {
        margin-bottom: 17rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-17r {
        margin-bottom: 17rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-17r {
        margin-bottom: 17rem
    }
}

.pdl-xs-17r {
    padding-left: 17rem
}

@media (min-width: 544px) {
    .pdl-sm-17r {
        padding-left: 17rem
    }
}

@media (min-width: 768px) {
    .pdl-md-17r {
        padding-left: 17rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-17r {
        padding-left: 17rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-17r {
        padding-left: 17rem
    }
}

.pdr-xs-17r {
    padding-right: 17rem
}

@media (min-width: 544px) {
    .pdr-sm-17r {
        padding-right: 17rem
    }
}

@media (min-width: 768px) {
    .pdr-md-17r {
        padding-right: 17rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-17r {
        padding-right: 17rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-17r {
        padding-right: 17rem
    }
}

.mrt-xs-18r {
    margin-top: 18rem
}

@media (min-width: 544px) {
    .mrt-sm-18r {
        margin-top: 18rem
    }
}

@media (min-width: 768px) {
    .mrt-md-18r {
        margin-top: 18rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-18r {
        margin-top: 18rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-18r {
        margin-top: 18rem
    }
}

.mrb-xs-18r {
    margin-bottom: 18rem
}

@media (min-width: 544px) {
    .mrb-sm-18r {
        margin-bottom: 18rem
    }
}

@media (min-width: 768px) {
    .mrb-md-18r {
        margin-bottom: 18rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-18r {
        margin-bottom: 18rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-18r {
        margin-bottom: 18rem
    }
}

.pdl-xs-18r {
    padding-left: 18rem
}

@media (min-width: 544px) {
    .pdl-sm-18r {
        padding-left: 18rem
    }
}

@media (min-width: 768px) {
    .pdl-md-18r {
        padding-left: 18rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-18r {
        padding-left: 18rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-18r {
        padding-left: 18rem
    }
}

.pdr-xs-18r {
    padding-right: 18rem
}

@media (min-width: 544px) {
    .pdr-sm-18r {
        padding-right: 18rem
    }
}

@media (min-width: 768px) {
    .pdr-md-18r {
        padding-right: 18rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-18r {
        padding-right: 18rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-18r {
        padding-right: 18rem
    }
}

.mrt-xs-19r {
    margin-top: 19rem
}

@media (min-width: 544px) {
    .mrt-sm-19r {
        margin-top: 19rem
    }
}

@media (min-width: 768px) {
    .mrt-md-19r {
        margin-top: 19rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-19r {
        margin-top: 19rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-19r {
        margin-top: 19rem
    }
}

.mrb-xs-19r {
    margin-bottom: 19rem
}

@media (min-width: 544px) {
    .mrb-sm-19r {
        margin-bottom: 19rem
    }
}

@media (min-width: 768px) {
    .mrb-md-19r {
        margin-bottom: 19rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-19r {
        margin-bottom: 19rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-19r {
        margin-bottom: 19rem
    }
}

.pdl-xs-19r {
    padding-left: 19rem
}

@media (min-width: 544px) {
    .pdl-sm-19r {
        padding-left: 19rem
    }
}

@media (min-width: 768px) {
    .pdl-md-19r {
        padding-left: 19rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-19r {
        padding-left: 19rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-19r {
        padding-left: 19rem
    }
}

.pdr-xs-19r {
    padding-right: 19rem
}

@media (min-width: 544px) {
    .pdr-sm-19r {
        padding-right: 19rem
    }
}

@media (min-width: 768px) {
    .pdr-md-19r {
        padding-right: 19rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-19r {
        padding-right: 19rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-19r {
        padding-right: 19rem
    }
}

.mrt-xs-20r {
    margin-top: 20rem
}

@media (min-width: 544px) {
    .mrt-sm-20r {
        margin-top: 20rem
    }
}

@media (min-width: 768px) {
    .mrt-md-20r {
        margin-top: 20rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-20r {
        margin-top: 20rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-20r {
        margin-top: 20rem
    }
}

.mrb-xs-20r {
    margin-bottom: 20rem
}

@media (min-width: 544px) {
    .mrb-sm-20r {
        margin-bottom: 20rem
    }
}

@media (min-width: 768px) {
    .mrb-md-20r {
        margin-bottom: 20rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-20r {
        margin-bottom: 20rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-20r {
        margin-bottom: 20rem
    }
}

.pdl-xs-20r {
    padding-left: 20rem
}

@media (min-width: 544px) {
    .pdl-sm-20r {
        padding-left: 20rem
    }
}

@media (min-width: 768px) {
    .pdl-md-20r {
        padding-left: 20rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-20r {
        padding-left: 20rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-20r {
        padding-left: 20rem
    }
}

.pdr-xs-20r {
    padding-right: 20rem
}

@media (min-width: 544px) {
    .pdr-sm-20r {
        padding-right: 20rem
    }
}

@media (min-width: 768px) {
    .pdr-md-20r {
        padding-right: 20rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-20r {
        padding-right: 20rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-20r {
        padding-right: 20rem
    }
}

.mrt-xs-21r {
    margin-top: 21rem
}

@media (min-width: 544px) {
    .mrt-sm-21r {
        margin-top: 21rem
    }
}

@media (min-width: 768px) {
    .mrt-md-21r {
        margin-top: 21rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-21r {
        margin-top: 21rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-21r {
        margin-top: 21rem
    }
}

.mrb-xs-21r {
    margin-bottom: 21rem
}

@media (min-width: 544px) {
    .mrb-sm-21r {
        margin-bottom: 21rem
    }
}

@media (min-width: 768px) {
    .mrb-md-21r {
        margin-bottom: 21rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-21r {
        margin-bottom: 21rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-21r {
        margin-bottom: 21rem
    }
}

.pdl-xs-21r {
    padding-left: 21rem
}

@media (min-width: 544px) {
    .pdl-sm-21r {
        padding-left: 21rem
    }
}

@media (min-width: 768px) {
    .pdl-md-21r {
        padding-left: 21rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-21r {
        padding-left: 21rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-21r {
        padding-left: 21rem
    }
}

.pdr-xs-21r {
    padding-right: 21rem
}

@media (min-width: 544px) {
    .pdr-sm-21r {
        padding-right: 21rem
    }
}

@media (min-width: 768px) {
    .pdr-md-21r {
        padding-right: 21rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-21r {
        padding-right: 21rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-21r {
        padding-right: 21rem
    }
}

.mrt-xs-22r {
    margin-top: 22rem
}

@media (min-width: 544px) {
    .mrt-sm-22r {
        margin-top: 22rem
    }
}

@media (min-width: 768px) {
    .mrt-md-22r {
        margin-top: 22rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-22r {
        margin-top: 22rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-22r {
        margin-top: 22rem
    }
}

.mrb-xs-22r {
    margin-bottom: 22rem
}

@media (min-width: 544px) {
    .mrb-sm-22r {
        margin-bottom: 22rem
    }
}

@media (min-width: 768px) {
    .mrb-md-22r {
        margin-bottom: 22rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-22r {
        margin-bottom: 22rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-22r {
        margin-bottom: 22rem
    }
}

.pdl-xs-22r {
    padding-left: 22rem
}

@media (min-width: 544px) {
    .pdl-sm-22r {
        padding-left: 22rem
    }
}

@media (min-width: 768px) {
    .pdl-md-22r {
        padding-left: 22rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-22r {
        padding-left: 22rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-22r {
        padding-left: 22rem
    }
}

.pdr-xs-22r {
    padding-right: 22rem
}

@media (min-width: 544px) {
    .pdr-sm-22r {
        padding-right: 22rem
    }
}

@media (min-width: 768px) {
    .pdr-md-22r {
        padding-right: 22rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-22r {
        padding-right: 22rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-22r {
        padding-right: 22rem
    }
}

.mrt-xs-23r {
    margin-top: 23rem
}

@media (min-width: 544px) {
    .mrt-sm-23r {
        margin-top: 23rem
    }
}

@media (min-width: 768px) {
    .mrt-md-23r {
        margin-top: 23rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-23r {
        margin-top: 23rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-23r {
        margin-top: 23rem
    }
}

.mrb-xs-23r {
    margin-bottom: 23rem
}

@media (min-width: 544px) {
    .mrb-sm-23r {
        margin-bottom: 23rem
    }
}

@media (min-width: 768px) {
    .mrb-md-23r {
        margin-bottom: 23rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-23r {
        margin-bottom: 23rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-23r {
        margin-bottom: 23rem
    }
}

.pdl-xs-23r {
    padding-left: 23rem
}

@media (min-width: 544px) {
    .pdl-sm-23r {
        padding-left: 23rem
    }
}

@media (min-width: 768px) {
    .pdl-md-23r {
        padding-left: 23rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-23r {
        padding-left: 23rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-23r {
        padding-left: 23rem
    }
}

.pdr-xs-23r {
    padding-right: 23rem
}

@media (min-width: 544px) {
    .pdr-sm-23r {
        padding-right: 23rem
    }
}

@media (min-width: 768px) {
    .pdr-md-23r {
        padding-right: 23rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-23r {
        padding-right: 23rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-23r {
        padding-right: 23rem
    }
}

.mrt-xs-24r {
    margin-top: 24rem
}

@media (min-width: 544px) {
    .mrt-sm-24r {
        margin-top: 24rem
    }
}

@media (min-width: 768px) {
    .mrt-md-24r {
        margin-top: 24rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-24r {
        margin-top: 24rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-24r {
        margin-top: 24rem
    }
}

.mrb-xs-24r {
    margin-bottom: 24rem
}

@media (min-width: 544px) {
    .mrb-sm-24r {
        margin-bottom: 24rem
    }
}

@media (min-width: 768px) {
    .mrb-md-24r {
        margin-bottom: 24rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-24r {
        margin-bottom: 24rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-24r {
        margin-bottom: 24rem
    }
}

.pdl-xs-24r {
    padding-left: 24rem
}

@media (min-width: 544px) {
    .pdl-sm-24r {
        padding-left: 24rem
    }
}

@media (min-width: 768px) {
    .pdl-md-24r {
        padding-left: 24rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-24r {
        padding-left: 24rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-24r {
        padding-left: 24rem
    }
}

.pdr-xs-24r {
    padding-right: 24rem
}

@media (min-width: 544px) {
    .pdr-sm-24r {
        padding-right: 24rem
    }
}

@media (min-width: 768px) {
    .pdr-md-24r {
        padding-right: 24rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-24r {
        padding-right: 24rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-24r {
        padding-right: 24rem
    }
}

.mrt-xs-25r {
    margin-top: 25rem
}

@media (min-width: 544px) {
    .mrt-sm-25r {
        margin-top: 25rem
    }
}

@media (min-width: 768px) {
    .mrt-md-25r {
        margin-top: 25rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-25r {
        margin-top: 25rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-25r {
        margin-top: 25rem
    }
}

.mrb-xs-25r {
    margin-bottom: 25rem
}

@media (min-width: 544px) {
    .mrb-sm-25r {
        margin-bottom: 25rem
    }
}

@media (min-width: 768px) {
    .mrb-md-25r {
        margin-bottom: 25rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-25r {
        margin-bottom: 25rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-25r {
        margin-bottom: 25rem
    }
}

.pdl-xs-25r {
    padding-left: 25rem
}

@media (min-width: 544px) {
    .pdl-sm-25r {
        padding-left: 25rem
    }
}

@media (min-width: 768px) {
    .pdl-md-25r {
        padding-left: 25rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-25r {
        padding-left: 25rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-25r {
        padding-left: 25rem
    }
}

.pdr-xs-25r {
    padding-right: 25rem
}

@media (min-width: 544px) {
    .pdr-sm-25r {
        padding-right: 25rem
    }
}

@media (min-width: 768px) {
    .pdr-md-25r {
        padding-right: 25rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-25r {
        padding-right: 25rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-25r {
        padding-right: 25rem
    }
}

.mrt-xs-26r {
    margin-top: 26rem
}

@media (min-width: 544px) {
    .mrt-sm-26r {
        margin-top: 26rem
    }
}

@media (min-width: 768px) {
    .mrt-md-26r {
        margin-top: 26rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-26r {
        margin-top: 26rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-26r {
        margin-top: 26rem
    }
}

.mrb-xs-26r {
    margin-bottom: 26rem
}

@media (min-width: 544px) {
    .mrb-sm-26r {
        margin-bottom: 26rem
    }
}

@media (min-width: 768px) {
    .mrb-md-26r {
        margin-bottom: 26rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-26r {
        margin-bottom: 26rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-26r {
        margin-bottom: 26rem
    }
}

.pdl-xs-26r {
    padding-left: 26rem
}

@media (min-width: 544px) {
    .pdl-sm-26r {
        padding-left: 26rem
    }
}

@media (min-width: 768px) {
    .pdl-md-26r {
        padding-left: 26rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-26r {
        padding-left: 26rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-26r {
        padding-left: 26rem
    }
}

.pdr-xs-26r {
    padding-right: 26rem
}

@media (min-width: 544px) {
    .pdr-sm-26r {
        padding-right: 26rem
    }
}

@media (min-width: 768px) {
    .pdr-md-26r {
        padding-right: 26rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-26r {
        padding-right: 26rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-26r {
        padding-right: 26rem
    }
}

.mrt-xs-27r {
    margin-top: 27rem
}

@media (min-width: 544px) {
    .mrt-sm-27r {
        margin-top: 27rem
    }
}

@media (min-width: 768px) {
    .mrt-md-27r {
        margin-top: 27rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-27r {
        margin-top: 27rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-27r {
        margin-top: 27rem
    }
}

.mrb-xs-27r {
    margin-bottom: 27rem
}

@media (min-width: 544px) {
    .mrb-sm-27r {
        margin-bottom: 27rem
    }
}

@media (min-width: 768px) {
    .mrb-md-27r {
        margin-bottom: 27rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-27r {
        margin-bottom: 27rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-27r {
        margin-bottom: 27rem
    }
}

.pdl-xs-27r {
    padding-left: 27rem
}

@media (min-width: 544px) {
    .pdl-sm-27r {
        padding-left: 27rem
    }
}

@media (min-width: 768px) {
    .pdl-md-27r {
        padding-left: 27rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-27r {
        padding-left: 27rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-27r {
        padding-left: 27rem
    }
}

.pdr-xs-27r {
    padding-right: 27rem
}

@media (min-width: 544px) {
    .pdr-sm-27r {
        padding-right: 27rem
    }
}

@media (min-width: 768px) {
    .pdr-md-27r {
        padding-right: 27rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-27r {
        padding-right: 27rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-27r {
        padding-right: 27rem
    }
}

.mrt-xs-28r {
    margin-top: 28rem
}

@media (min-width: 544px) {
    .mrt-sm-28r {
        margin-top: 28rem
    }
}

@media (min-width: 768px) {
    .mrt-md-28r {
        margin-top: 28rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-28r {
        margin-top: 28rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-28r {
        margin-top: 28rem
    }
}

.mrb-xs-28r {
    margin-bottom: 28rem
}

@media (min-width: 544px) {
    .mrb-sm-28r {
        margin-bottom: 28rem
    }
}

@media (min-width: 768px) {
    .mrb-md-28r {
        margin-bottom: 28rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-28r {
        margin-bottom: 28rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-28r {
        margin-bottom: 28rem
    }
}

.pdl-xs-28r {
    padding-left: 28rem
}

@media (min-width: 544px) {
    .pdl-sm-28r {
        padding-left: 28rem
    }
}

@media (min-width: 768px) {
    .pdl-md-28r {
        padding-left: 28rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-28r {
        padding-left: 28rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-28r {
        padding-left: 28rem
    }
}

.pdr-xs-28r {
    padding-right: 28rem
}

@media (min-width: 544px) {
    .pdr-sm-28r {
        padding-right: 28rem
    }
}

@media (min-width: 768px) {
    .pdr-md-28r {
        padding-right: 28rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-28r {
        padding-right: 28rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-28r {
        padding-right: 28rem
    }
}

.mrt-xs-29r {
    margin-top: 29rem
}

@media (min-width: 544px) {
    .mrt-sm-29r {
        margin-top: 29rem
    }
}

@media (min-width: 768px) {
    .mrt-md-29r {
        margin-top: 29rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-29r {
        margin-top: 29rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-29r {
        margin-top: 29rem
    }
}

.mrb-xs-29r {
    margin-bottom: 29rem
}

@media (min-width: 544px) {
    .mrb-sm-29r {
        margin-bottom: 29rem
    }
}

@media (min-width: 768px) {
    .mrb-md-29r {
        margin-bottom: 29rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-29r {
        margin-bottom: 29rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-29r {
        margin-bottom: 29rem
    }
}

.pdl-xs-29r {
    padding-left: 29rem
}

@media (min-width: 544px) {
    .pdl-sm-29r {
        padding-left: 29rem
    }
}

@media (min-width: 768px) {
    .pdl-md-29r {
        padding-left: 29rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-29r {
        padding-left: 29rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-29r {
        padding-left: 29rem
    }
}

.pdr-xs-29r {
    padding-right: 29rem
}

@media (min-width: 544px) {
    .pdr-sm-29r {
        padding-right: 29rem
    }
}

@media (min-width: 768px) {
    .pdr-md-29r {
        padding-right: 29rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-29r {
        padding-right: 29rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-29r {
        padding-right: 29rem
    }
}

.mrt-xs-30r {
    margin-top: 30rem
}

@media (min-width: 544px) {
    .mrt-sm-30r {
        margin-top: 30rem
    }
}

@media (min-width: 768px) {
    .mrt-md-30r {
        margin-top: 30rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-30r {
        margin-top: 30rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-30r {
        margin-top: 30rem
    }
}

.mrb-xs-30r {
    margin-bottom: 30rem
}

@media (min-width: 544px) {
    .mrb-sm-30r {
        margin-bottom: 30rem
    }
}

@media (min-width: 768px) {
    .mrb-md-30r {
        margin-bottom: 30rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-30r {
        margin-bottom: 30rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-30r {
        margin-bottom: 30rem
    }
}

.pdl-xs-30r {
    padding-left: 30rem
}

@media (min-width: 544px) {
    .pdl-sm-30r {
        padding-left: 30rem
    }
}

@media (min-width: 768px) {
    .pdl-md-30r {
        padding-left: 30rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-30r {
        padding-left: 30rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-30r {
        padding-left: 30rem
    }
}

.pdr-xs-30r {
    padding-right: 30rem
}

@media (min-width: 544px) {
    .pdr-sm-30r {
        padding-right: 30rem
    }
}

@media (min-width: 768px) {
    .pdr-md-30r {
        padding-right: 30rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-30r {
        padding-right: 30rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-30r {
        padding-right: 30rem
    }
}

.mrt-xs-31r {
    margin-top: 31rem
}

@media (min-width: 544px) {
    .mrt-sm-31r {
        margin-top: 31rem
    }
}

@media (min-width: 768px) {
    .mrt-md-31r {
        margin-top: 31rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-31r {
        margin-top: 31rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-31r {
        margin-top: 31rem
    }
}

.mrb-xs-31r {
    margin-bottom: 31rem
}

@media (min-width: 544px) {
    .mrb-sm-31r {
        margin-bottom: 31rem
    }
}

@media (min-width: 768px) {
    .mrb-md-31r {
        margin-bottom: 31rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-31r {
        margin-bottom: 31rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-31r {
        margin-bottom: 31rem
    }
}

.pdl-xs-31r {
    padding-left: 31rem
}

@media (min-width: 544px) {
    .pdl-sm-31r {
        padding-left: 31rem
    }
}

@media (min-width: 768px) {
    .pdl-md-31r {
        padding-left: 31rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-31r {
        padding-left: 31rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-31r {
        padding-left: 31rem
    }
}

.pdr-xs-31r {
    padding-right: 31rem
}

@media (min-width: 544px) {
    .pdr-sm-31r {
        padding-right: 31rem
    }
}

@media (min-width: 768px) {
    .pdr-md-31r {
        padding-right: 31rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-31r {
        padding-right: 31rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-31r {
        padding-right: 31rem
    }
}

.mrt-xs-32r {
    margin-top: 32rem
}

@media (min-width: 544px) {
    .mrt-sm-32r {
        margin-top: 32rem
    }
}

@media (min-width: 768px) {
    .mrt-md-32r {
        margin-top: 32rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-32r {
        margin-top: 32rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-32r {
        margin-top: 32rem
    }
}

.mrb-xs-32r {
    margin-bottom: 32rem
}

@media (min-width: 544px) {
    .mrb-sm-32r {
        margin-bottom: 32rem
    }
}

@media (min-width: 768px) {
    .mrb-md-32r {
        margin-bottom: 32rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-32r {
        margin-bottom: 32rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-32r {
        margin-bottom: 32rem
    }
}

.pdl-xs-32r {
    padding-left: 32rem
}

@media (min-width: 544px) {
    .pdl-sm-32r {
        padding-left: 32rem
    }
}

@media (min-width: 768px) {
    .pdl-md-32r {
        padding-left: 32rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-32r {
        padding-left: 32rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-32r {
        padding-left: 32rem
    }
}

.pdr-xs-32r {
    padding-right: 32rem
}

@media (min-width: 544px) {
    .pdr-sm-32r {
        padding-right: 32rem
    }
}

@media (min-width: 768px) {
    .pdr-md-32r {
        padding-right: 32rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-32r {
        padding-right: 32rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-32r {
        padding-right: 32rem
    }
}

.mrt-xs-33r {
    margin-top: 33rem
}

@media (min-width: 544px) {
    .mrt-sm-33r {
        margin-top: 33rem
    }
}

@media (min-width: 768px) {
    .mrt-md-33r {
        margin-top: 33rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-33r {
        margin-top: 33rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-33r {
        margin-top: 33rem
    }
}

.mrb-xs-33r {
    margin-bottom: 33rem
}

@media (min-width: 544px) {
    .mrb-sm-33r {
        margin-bottom: 33rem
    }
}

@media (min-width: 768px) {
    .mrb-md-33r {
        margin-bottom: 33rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-33r {
        margin-bottom: 33rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-33r {
        margin-bottom: 33rem
    }
}

.pdl-xs-33r {
    padding-left: 33rem
}

@media (min-width: 544px) {
    .pdl-sm-33r {
        padding-left: 33rem
    }
}

@media (min-width: 768px) {
    .pdl-md-33r {
        padding-left: 33rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-33r {
        padding-left: 33rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-33r {
        padding-left: 33rem
    }
}

.pdr-xs-33r {
    padding-right: 33rem
}

@media (min-width: 544px) {
    .pdr-sm-33r {
        padding-right: 33rem
    }
}

@media (min-width: 768px) {
    .pdr-md-33r {
        padding-right: 33rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-33r {
        padding-right: 33rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-33r {
        padding-right: 33rem
    }
}

.mrt-xs-34r {
    margin-top: 34rem
}

@media (min-width: 544px) {
    .mrt-sm-34r {
        margin-top: 34rem
    }
}

@media (min-width: 768px) {
    .mrt-md-34r {
        margin-top: 34rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-34r {
        margin-top: 34rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-34r {
        margin-top: 34rem
    }
}

.mrb-xs-34r {
    margin-bottom: 34rem
}

@media (min-width: 544px) {
    .mrb-sm-34r {
        margin-bottom: 34rem
    }
}

@media (min-width: 768px) {
    .mrb-md-34r {
        margin-bottom: 34rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-34r {
        margin-bottom: 34rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-34r {
        margin-bottom: 34rem
    }
}

.pdl-xs-34r {
    padding-left: 34rem
}

@media (min-width: 544px) {
    .pdl-sm-34r {
        padding-left: 34rem
    }
}

@media (min-width: 768px) {
    .pdl-md-34r {
        padding-left: 34rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-34r {
        padding-left: 34rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-34r {
        padding-left: 34rem
    }
}

.pdr-xs-34r {
    padding-right: 34rem
}

@media (min-width: 544px) {
    .pdr-sm-34r {
        padding-right: 34rem
    }
}

@media (min-width: 768px) {
    .pdr-md-34r {
        padding-right: 34rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-34r {
        padding-right: 34rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-34r {
        padding-right: 34rem
    }
}

.mrt-xs-35r {
    margin-top: 35rem
}

@media (min-width: 544px) {
    .mrt-sm-35r {
        margin-top: 35rem
    }
}

@media (min-width: 768px) {
    .mrt-md-35r {
        margin-top: 35rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-35r {
        margin-top: 35rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-35r {
        margin-top: 35rem
    }
}

.mrb-xs-35r {
    margin-bottom: 35rem
}

@media (min-width: 544px) {
    .mrb-sm-35r {
        margin-bottom: 35rem
    }
}

@media (min-width: 768px) {
    .mrb-md-35r {
        margin-bottom: 35rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-35r {
        margin-bottom: 35rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-35r {
        margin-bottom: 35rem
    }
}

.pdl-xs-35r {
    padding-left: 35rem
}

@media (min-width: 544px) {
    .pdl-sm-35r {
        padding-left: 35rem
    }
}

@media (min-width: 768px) {
    .pdl-md-35r {
        padding-left: 35rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-35r {
        padding-left: 35rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-35r {
        padding-left: 35rem
    }
}

.pdr-xs-35r {
    padding-right: 35rem
}

@media (min-width: 544px) {
    .pdr-sm-35r {
        padding-right: 35rem
    }
}

@media (min-width: 768px) {
    .pdr-md-35r {
        padding-right: 35rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-35r {
        padding-right: 35rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-35r {
        padding-right: 35rem
    }
}

.mrt-xs-36r {
    margin-top: 36rem
}

@media (min-width: 544px) {
    .mrt-sm-36r {
        margin-top: 36rem
    }
}

@media (min-width: 768px) {
    .mrt-md-36r {
        margin-top: 36rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-36r {
        margin-top: 36rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-36r {
        margin-top: 36rem
    }
}

.mrb-xs-36r {
    margin-bottom: 36rem
}

@media (min-width: 544px) {
    .mrb-sm-36r {
        margin-bottom: 36rem
    }
}

@media (min-width: 768px) {
    .mrb-md-36r {
        margin-bottom: 36rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-36r {
        margin-bottom: 36rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-36r {
        margin-bottom: 36rem
    }
}

.pdl-xs-36r {
    padding-left: 36rem
}

@media (min-width: 544px) {
    .pdl-sm-36r {
        padding-left: 36rem
    }
}

@media (min-width: 768px) {
    .pdl-md-36r {
        padding-left: 36rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-36r {
        padding-left: 36rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-36r {
        padding-left: 36rem
    }
}

.pdr-xs-36r {
    padding-right: 36rem
}

@media (min-width: 544px) {
    .pdr-sm-36r {
        padding-right: 36rem
    }
}

@media (min-width: 768px) {
    .pdr-md-36r {
        padding-right: 36rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-36r {
        padding-right: 36rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-36r {
        padding-right: 36rem
    }
}

.mrt-xs-37r {
    margin-top: 37rem
}

@media (min-width: 544px) {
    .mrt-sm-37r {
        margin-top: 37rem
    }
}

@media (min-width: 768px) {
    .mrt-md-37r {
        margin-top: 37rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-37r {
        margin-top: 37rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-37r {
        margin-top: 37rem
    }
}

.mrb-xs-37r {
    margin-bottom: 37rem
}

@media (min-width: 544px) {
    .mrb-sm-37r {
        margin-bottom: 37rem
    }
}

@media (min-width: 768px) {
    .mrb-md-37r {
        margin-bottom: 37rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-37r {
        margin-bottom: 37rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-37r {
        margin-bottom: 37rem
    }
}

.pdl-xs-37r {
    padding-left: 37rem
}

@media (min-width: 544px) {
    .pdl-sm-37r {
        padding-left: 37rem
    }
}

@media (min-width: 768px) {
    .pdl-md-37r {
        padding-left: 37rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-37r {
        padding-left: 37rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-37r {
        padding-left: 37rem
    }
}

.pdr-xs-37r {
    padding-right: 37rem
}

@media (min-width: 544px) {
    .pdr-sm-37r {
        padding-right: 37rem
    }
}

@media (min-width: 768px) {
    .pdr-md-37r {
        padding-right: 37rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-37r {
        padding-right: 37rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-37r {
        padding-right: 37rem
    }
}

.mrt-xs-38r {
    margin-top: 38rem
}

@media (min-width: 544px) {
    .mrt-sm-38r {
        margin-top: 38rem
    }
}

@media (min-width: 768px) {
    .mrt-md-38r {
        margin-top: 38rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-38r {
        margin-top: 38rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-38r {
        margin-top: 38rem
    }
}

.mrb-xs-38r {
    margin-bottom: 38rem
}

@media (min-width: 544px) {
    .mrb-sm-38r {
        margin-bottom: 38rem
    }
}

@media (min-width: 768px) {
    .mrb-md-38r {
        margin-bottom: 38rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-38r {
        margin-bottom: 38rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-38r {
        margin-bottom: 38rem
    }
}

.pdl-xs-38r {
    padding-left: 38rem
}

@media (min-width: 544px) {
    .pdl-sm-38r {
        padding-left: 38rem
    }
}

@media (min-width: 768px) {
    .pdl-md-38r {
        padding-left: 38rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-38r {
        padding-left: 38rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-38r {
        padding-left: 38rem
    }
}

.pdr-xs-38r {
    padding-right: 38rem
}

@media (min-width: 544px) {
    .pdr-sm-38r {
        padding-right: 38rem
    }
}

@media (min-width: 768px) {
    .pdr-md-38r {
        padding-right: 38rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-38r {
        padding-right: 38rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-38r {
        padding-right: 38rem
    }
}

.mrt-xs-39r {
    margin-top: 39rem
}

@media (min-width: 544px) {
    .mrt-sm-39r {
        margin-top: 39rem
    }
}

@media (min-width: 768px) {
    .mrt-md-39r {
        margin-top: 39rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-39r {
        margin-top: 39rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-39r {
        margin-top: 39rem
    }
}

.mrb-xs-39r {
    margin-bottom: 39rem
}

@media (min-width: 544px) {
    .mrb-sm-39r {
        margin-bottom: 39rem
    }
}

@media (min-width: 768px) {
    .mrb-md-39r {
        margin-bottom: 39rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-39r {
        margin-bottom: 39rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-39r {
        margin-bottom: 39rem
    }
}

.pdl-xs-39r {
    padding-left: 39rem
}

@media (min-width: 544px) {
    .pdl-sm-39r {
        padding-left: 39rem
    }
}

@media (min-width: 768px) {
    .pdl-md-39r {
        padding-left: 39rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-39r {
        padding-left: 39rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-39r {
        padding-left: 39rem
    }
}

.pdr-xs-39r {
    padding-right: 39rem
}

@media (min-width: 544px) {
    .pdr-sm-39r {
        padding-right: 39rem
    }
}

@media (min-width: 768px) {
    .pdr-md-39r {
        padding-right: 39rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-39r {
        padding-right: 39rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-39r {
        padding-right: 39rem
    }
}

.mrt-xs-40r {
    margin-top: 40rem
}

@media (min-width: 544px) {
    .mrt-sm-40r {
        margin-top: 40rem
    }
}

@media (min-width: 768px) {
    .mrt-md-40r {
        margin-top: 40rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-40r {
        margin-top: 40rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-40r {
        margin-top: 40rem
    }
}

.mrb-xs-40r {
    margin-bottom: 40rem
}

@media (min-width: 544px) {
    .mrb-sm-40r {
        margin-bottom: 40rem
    }
}

@media (min-width: 768px) {
    .mrb-md-40r {
        margin-bottom: 40rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-40r {
        margin-bottom: 40rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-40r {
        margin-bottom: 40rem
    }
}

.pdl-xs-40r {
    padding-left: 40rem
}

@media (min-width: 544px) {
    .pdl-sm-40r {
        padding-left: 40rem
    }
}

@media (min-width: 768px) {
    .pdl-md-40r {
        padding-left: 40rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-40r {
        padding-left: 40rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-40r {
        padding-left: 40rem
    }
}

.pdr-xs-40r {
    padding-right: 40rem
}

@media (min-width: 544px) {
    .pdr-sm-40r {
        padding-right: 40rem
    }
}

@media (min-width: 768px) {
    .pdr-md-40r {
        padding-right: 40rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-40r {
        padding-right: 40rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-40r {
        padding-right: 40rem
    }
}

.mrt-xs-41r {
    margin-top: 41rem
}

@media (min-width: 544px) {
    .mrt-sm-41r {
        margin-top: 41rem
    }
}

@media (min-width: 768px) {
    .mrt-md-41r {
        margin-top: 41rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-41r {
        margin-top: 41rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-41r {
        margin-top: 41rem
    }
}

.mrb-xs-41r {
    margin-bottom: 41rem
}

@media (min-width: 544px) {
    .mrb-sm-41r {
        margin-bottom: 41rem
    }
}

@media (min-width: 768px) {
    .mrb-md-41r {
        margin-bottom: 41rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-41r {
        margin-bottom: 41rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-41r {
        margin-bottom: 41rem
    }
}

.pdl-xs-41r {
    padding-left: 41rem
}

@media (min-width: 544px) {
    .pdl-sm-41r {
        padding-left: 41rem
    }
}

@media (min-width: 768px) {
    .pdl-md-41r {
        padding-left: 41rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-41r {
        padding-left: 41rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-41r {
        padding-left: 41rem
    }
}

.pdr-xs-41r {
    padding-right: 41rem
}

@media (min-width: 544px) {
    .pdr-sm-41r {
        padding-right: 41rem
    }
}

@media (min-width: 768px) {
    .pdr-md-41r {
        padding-right: 41rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-41r {
        padding-right: 41rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-41r {
        padding-right: 41rem
    }
}

.mrt-xs-42r {
    margin-top: 42rem
}

@media (min-width: 544px) {
    .mrt-sm-42r {
        margin-top: 42rem
    }
}

@media (min-width: 768px) {
    .mrt-md-42r {
        margin-top: 42rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-42r {
        margin-top: 42rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-42r {
        margin-top: 42rem
    }
}

.mrb-xs-42r {
    margin-bottom: 42rem
}

@media (min-width: 544px) {
    .mrb-sm-42r {
        margin-bottom: 42rem
    }
}

@media (min-width: 768px) {
    .mrb-md-42r {
        margin-bottom: 42rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-42r {
        margin-bottom: 42rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-42r {
        margin-bottom: 42rem
    }
}

.pdl-xs-42r {
    padding-left: 42rem
}

@media (min-width: 544px) {
    .pdl-sm-42r {
        padding-left: 42rem
    }
}

@media (min-width: 768px) {
    .pdl-md-42r {
        padding-left: 42rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-42r {
        padding-left: 42rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-42r {
        padding-left: 42rem
    }
}

.pdr-xs-42r {
    padding-right: 42rem
}

@media (min-width: 544px) {
    .pdr-sm-42r {
        padding-right: 42rem
    }
}

@media (min-width: 768px) {
    .pdr-md-42r {
        padding-right: 42rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-42r {
        padding-right: 42rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-42r {
        padding-right: 42rem
    }
}

.mrt-xs-43r {
    margin-top: 43rem
}

@media (min-width: 544px) {
    .mrt-sm-43r {
        margin-top: 43rem
    }
}

@media (min-width: 768px) {
    .mrt-md-43r {
        margin-top: 43rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-43r {
        margin-top: 43rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-43r {
        margin-top: 43rem
    }
}

.mrb-xs-43r {
    margin-bottom: 43rem
}

@media (min-width: 544px) {
    .mrb-sm-43r {
        margin-bottom: 43rem
    }
}

@media (min-width: 768px) {
    .mrb-md-43r {
        margin-bottom: 43rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-43r {
        margin-bottom: 43rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-43r {
        margin-bottom: 43rem
    }
}

.pdl-xs-43r {
    padding-left: 43rem
}

@media (min-width: 544px) {
    .pdl-sm-43r {
        padding-left: 43rem
    }
}

@media (min-width: 768px) {
    .pdl-md-43r {
        padding-left: 43rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-43r {
        padding-left: 43rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-43r {
        padding-left: 43rem
    }
}

.pdr-xs-43r {
    padding-right: 43rem
}

@media (min-width: 544px) {
    .pdr-sm-43r {
        padding-right: 43rem
    }
}

@media (min-width: 768px) {
    .pdr-md-43r {
        padding-right: 43rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-43r {
        padding-right: 43rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-43r {
        padding-right: 43rem
    }
}

.mrt-xs-44r {
    margin-top: 44rem
}

@media (min-width: 544px) {
    .mrt-sm-44r {
        margin-top: 44rem
    }
}

@media (min-width: 768px) {
    .mrt-md-44r {
        margin-top: 44rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-44r {
        margin-top: 44rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-44r {
        margin-top: 44rem
    }
}

.mrb-xs-44r {
    margin-bottom: 44rem
}

@media (min-width: 544px) {
    .mrb-sm-44r {
        margin-bottom: 44rem
    }
}

@media (min-width: 768px) {
    .mrb-md-44r {
        margin-bottom: 44rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-44r {
        margin-bottom: 44rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-44r {
        margin-bottom: 44rem
    }
}

.pdl-xs-44r {
    padding-left: 44rem
}

@media (min-width: 544px) {
    .pdl-sm-44r {
        padding-left: 44rem
    }
}

@media (min-width: 768px) {
    .pdl-md-44r {
        padding-left: 44rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-44r {
        padding-left: 44rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-44r {
        padding-left: 44rem
    }
}

.pdr-xs-44r {
    padding-right: 44rem
}

@media (min-width: 544px) {
    .pdr-sm-44r {
        padding-right: 44rem
    }
}

@media (min-width: 768px) {
    .pdr-md-44r {
        padding-right: 44rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-44r {
        padding-right: 44rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-44r {
        padding-right: 44rem
    }
}

.mrt-xs-45r {
    margin-top: 45rem
}

@media (min-width: 544px) {
    .mrt-sm-45r {
        margin-top: 45rem
    }
}

@media (min-width: 768px) {
    .mrt-md-45r {
        margin-top: 45rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-45r {
        margin-top: 45rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-45r {
        margin-top: 45rem
    }
}

.mrb-xs-45r {
    margin-bottom: 45rem
}

@media (min-width: 544px) {
    .mrb-sm-45r {
        margin-bottom: 45rem
    }
}

@media (min-width: 768px) {
    .mrb-md-45r {
        margin-bottom: 45rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-45r {
        margin-bottom: 45rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-45r {
        margin-bottom: 45rem
    }
}

.pdl-xs-45r {
    padding-left: 45rem
}

@media (min-width: 544px) {
    .pdl-sm-45r {
        padding-left: 45rem
    }
}

@media (min-width: 768px) {
    .pdl-md-45r {
        padding-left: 45rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-45r {
        padding-left: 45rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-45r {
        padding-left: 45rem
    }
}

.pdr-xs-45r {
    padding-right: 45rem
}

@media (min-width: 544px) {
    .pdr-sm-45r {
        padding-right: 45rem
    }
}

@media (min-width: 768px) {
    .pdr-md-45r {
        padding-right: 45rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-45r {
        padding-right: 45rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-45r {
        padding-right: 45rem
    }
}

.mrt-xs-46r {
    margin-top: 46rem
}

@media (min-width: 544px) {
    .mrt-sm-46r {
        margin-top: 46rem
    }
}

@media (min-width: 768px) {
    .mrt-md-46r {
        margin-top: 46rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-46r {
        margin-top: 46rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-46r {
        margin-top: 46rem
    }
}

.mrb-xs-46r {
    margin-bottom: 46rem
}

@media (min-width: 544px) {
    .mrb-sm-46r {
        margin-bottom: 46rem
    }
}

@media (min-width: 768px) {
    .mrb-md-46r {
        margin-bottom: 46rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-46r {
        margin-bottom: 46rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-46r {
        margin-bottom: 46rem
    }
}

.pdl-xs-46r {
    padding-left: 46rem
}

@media (min-width: 544px) {
    .pdl-sm-46r {
        padding-left: 46rem
    }
}

@media (min-width: 768px) {
    .pdl-md-46r {
        padding-left: 46rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-46r {
        padding-left: 46rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-46r {
        padding-left: 46rem
    }
}

.pdr-xs-46r {
    padding-right: 46rem
}

@media (min-width: 544px) {
    .pdr-sm-46r {
        padding-right: 46rem
    }
}

@media (min-width: 768px) {
    .pdr-md-46r {
        padding-right: 46rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-46r {
        padding-right: 46rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-46r {
        padding-right: 46rem
    }
}

.mrt-xs-47r {
    margin-top: 47rem
}

@media (min-width: 544px) {
    .mrt-sm-47r {
        margin-top: 47rem
    }
}

@media (min-width: 768px) {
    .mrt-md-47r {
        margin-top: 47rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-47r {
        margin-top: 47rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-47r {
        margin-top: 47rem
    }
}

.mrb-xs-47r {
    margin-bottom: 47rem
}

@media (min-width: 544px) {
    .mrb-sm-47r {
        margin-bottom: 47rem
    }
}

@media (min-width: 768px) {
    .mrb-md-47r {
        margin-bottom: 47rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-47r {
        margin-bottom: 47rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-47r {
        margin-bottom: 47rem
    }
}

.pdl-xs-47r {
    padding-left: 47rem
}

@media (min-width: 544px) {
    .pdl-sm-47r {
        padding-left: 47rem
    }
}

@media (min-width: 768px) {
    .pdl-md-47r {
        padding-left: 47rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-47r {
        padding-left: 47rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-47r {
        padding-left: 47rem
    }
}

.pdr-xs-47r {
    padding-right: 47rem
}

@media (min-width: 544px) {
    .pdr-sm-47r {
        padding-right: 47rem
    }
}

@media (min-width: 768px) {
    .pdr-md-47r {
        padding-right: 47rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-47r {
        padding-right: 47rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-47r {
        padding-right: 47rem
    }
}

.mrt-xs-48r {
    margin-top: 48rem
}

@media (min-width: 544px) {
    .mrt-sm-48r {
        margin-top: 48rem
    }
}

@media (min-width: 768px) {
    .mrt-md-48r {
        margin-top: 48rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-48r {
        margin-top: 48rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-48r {
        margin-top: 48rem
    }
}

.mrb-xs-48r {
    margin-bottom: 48rem
}

@media (min-width: 544px) {
    .mrb-sm-48r {
        margin-bottom: 48rem
    }
}

@media (min-width: 768px) {
    .mrb-md-48r {
        margin-bottom: 48rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-48r {
        margin-bottom: 48rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-48r {
        margin-bottom: 48rem
    }
}

.pdl-xs-48r {
    padding-left: 48rem
}

@media (min-width: 544px) {
    .pdl-sm-48r {
        padding-left: 48rem
    }
}

@media (min-width: 768px) {
    .pdl-md-48r {
        padding-left: 48rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-48r {
        padding-left: 48rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-48r {
        padding-left: 48rem
    }
}

.pdr-xs-48r {
    padding-right: 48rem
}

@media (min-width: 544px) {
    .pdr-sm-48r {
        padding-right: 48rem
    }
}

@media (min-width: 768px) {
    .pdr-md-48r {
        padding-right: 48rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-48r {
        padding-right: 48rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-48r {
        padding-right: 48rem
    }
}

.mrt-xs-49r {
    margin-top: 49rem
}

@media (min-width: 544px) {
    .mrt-sm-49r {
        margin-top: 49rem
    }
}

@media (min-width: 768px) {
    .mrt-md-49r {
        margin-top: 49rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-49r {
        margin-top: 49rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-49r {
        margin-top: 49rem
    }
}

.mrb-xs-49r {
    margin-bottom: 49rem
}

@media (min-width: 544px) {
    .mrb-sm-49r {
        margin-bottom: 49rem
    }
}

@media (min-width: 768px) {
    .mrb-md-49r {
        margin-bottom: 49rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-49r {
        margin-bottom: 49rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-49r {
        margin-bottom: 49rem
    }
}

.pdl-xs-49r {
    padding-left: 49rem
}

@media (min-width: 544px) {
    .pdl-sm-49r {
        padding-left: 49rem
    }
}

@media (min-width: 768px) {
    .pdl-md-49r {
        padding-left: 49rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-49r {
        padding-left: 49rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-49r {
        padding-left: 49rem
    }
}

.pdr-xs-49r {
    padding-right: 49rem
}

@media (min-width: 544px) {
    .pdr-sm-49r {
        padding-right: 49rem
    }
}

@media (min-width: 768px) {
    .pdr-md-49r {
        padding-right: 49rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-49r {
        padding-right: 49rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-49r {
        padding-right: 49rem
    }
}

.mrt-xs-50r {
    margin-top: 50rem
}

@media (min-width: 544px) {
    .mrt-sm-50r {
        margin-top: 50rem
    }
}

@media (min-width: 768px) {
    .mrt-md-50r {
        margin-top: 50rem
    }
}

@media (min-width: 992px) {
    .mrt-lg-50r {
        margin-top: 50rem
    }
}

@media (min-width: 1200px) {
    .mrt-xl-50r {
        margin-top: 50rem
    }
}

.mrb-xs-50r {
    margin-bottom: 50rem
}

@media (min-width: 544px) {
    .mrb-sm-50r {
        margin-bottom: 50rem
    }
}

@media (min-width: 768px) {
    .mrb-md-50r {
        margin-bottom: 50rem
    }
}

@media (min-width: 992px) {
    .mrb-lg-50r {
        margin-bottom: 50rem
    }
}

@media (min-width: 1200px) {
    .mrb-xl-50r {
        margin-bottom: 50rem
    }
}

.pdl-xs-50r {
    padding-left: 50rem
}

@media (min-width: 544px) {
    .pdl-sm-50r {
        padding-left: 50rem
    }
}

@media (min-width: 768px) {
    .pdl-md-50r {
        padding-left: 50rem
    }
}

@media (min-width: 992px) {
    .pdl-lg-50r {
        padding-left: 50rem
    }
}

@media (min-width: 1200px) {
    .pdl-xl-50r {
        padding-left: 50rem
    }
}

.pdr-xs-50r {
    padding-right: 50rem
}

@media (min-width: 544px) {
    .pdr-sm-50r {
        padding-right: 50rem
    }
}

@media (min-width: 768px) {
    .pdr-md-50r {
        padding-right: 50rem
    }
}

@media (min-width: 992px) {
    .pdr-lg-50r {
        padding-right: 50rem
    }
}

@media (min-width: 1200px) {
    .pdr-xl-50r {
        padding-right: 50rem
    }
}

.mrt-xs-0 {
    margin-top: 0
}

@media (min-width: 544px) {
    .mrt-sm-0 {
        margin-top: 0
    }
}

@media (min-width: 768px) {
    .mrt-md-0 {
        margin-top: 0
    }
}

@media (min-width: 992px) {
    .mrt-lg-0 {
        margin-top: 0
    }
}

@media (min-width: 1200px) {
    .mrt-xl-0 {
        margin-top: 0
    }
}

.mrb-xs-0 {
    margin-bottom: 0
}

@media (min-width: 544px) {
    .mrb-sm-0 {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .mrb-md-0 {
        margin-bottom: 0
    }
}

@media (min-width: 992px) {
    .mrb-lg-0 {
        margin-bottom: 0
    }
}

@media (min-width: 1200px) {
    .mrb-xl-0 {
        margin-bottom: 0
    }
}

.pdl-xs-0 {
    padding-left: 0
}

@media (min-width: 544px) {
    .pdl-sm-0 {
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .pdl-md-0 {
        padding-left: 0
    }
}

@media (min-width: 992px) {
    .pdl-lg-0 {
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    .pdl-xl-0 {
        padding-left: 0
    }
}

.pdr-xs-0 {
    padding-right: 0
}

@media (min-width: 544px) {
    .pdr-sm-0 {
        padding-right: 0
    }
}

@media (min-width: 768px) {
    .pdr-md-0 {
        padding-right: 0
    }
}

@media (min-width: 992px) {
    .pdr-lg-0 {
        padding-right: 0
    }
}

@media (min-width: 1200px) {
    .pdr-xl-0 {
        padding-right: 0
    }
}

.mrt-xs-5 {
    margin-top: 5px
}

@media (min-width: 544px) {
    .mrt-sm-5 {
        margin-top: 5px
    }
}

@media (min-width: 768px) {
    .mrt-md-5 {
        margin-top: 5px
    }
}

@media (min-width: 992px) {
    .mrt-lg-5 {
        margin-top: 5px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-5 {
        margin-top: 5px
    }
}

.mrb-xs-5 {
    margin-bottom: 5px
}

@media (min-width: 544px) {
    .mrb-sm-5 {
        margin-bottom: 5px
    }
}

@media (min-width: 768px) {
    .mrb-md-5 {
        margin-bottom: 5px
    }
}

@media (min-width: 992px) {
    .mrb-lg-5 {
        margin-bottom: 5px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-5 {
        margin-bottom: 5px
    }
}

.pdl-xs-5 {
    padding-left: 5px
}

@media (min-width: 544px) {
    .pdl-sm-5 {
        padding-left: 5px
    }
}

@media (min-width: 768px) {
    .pdl-md-5 {
        padding-left: 5px
    }
}

@media (min-width: 992px) {
    .pdl-lg-5 {
        padding-left: 5px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-5 {
        padding-left: 5px
    }
}

.pdr-xs-5 {
    padding-right: 5px
}

@media (min-width: 544px) {
    .pdr-sm-5 {
        padding-right: 5px
    }
}

@media (min-width: 768px) {
    .pdr-md-5 {
        padding-right: 5px
    }
}

@media (min-width: 992px) {
    .pdr-lg-5 {
        padding-right: 5px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-5 {
        padding-right: 5px
    }
}

.mrt-xs-10 {
    margin-top: 10px
}

@media (min-width: 544px) {
    .mrt-sm-10 {
        margin-top: 10px
    }
}

@media (min-width: 768px) {
    .mrt-md-10 {
        margin-top: 10px
    }
}

@media (min-width: 992px) {
    .mrt-lg-10 {
        margin-top: 10px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-10 {
        margin-top: 10px
    }
}

.mrb-xs-10 {
    margin-bottom: 10px
}

@media (min-width: 544px) {
    .mrb-sm-10 {
        margin-bottom: 10px
    }
}

@media (min-width: 768px) {
    .mrb-md-10 {
        margin-bottom: 10px
    }
}

@media (min-width: 992px) {
    .mrb-lg-10 {
        margin-bottom: 10px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-10 {
        margin-bottom: 10px
    }
}

.pdl-xs-10 {
    padding-left: 10px
}

@media (min-width: 544px) {
    .pdl-sm-10 {
        padding-left: 10px
    }
}

@media (min-width: 768px) {
    .pdl-md-10 {
        padding-left: 10px
    }
}

@media (min-width: 992px) {
    .pdl-lg-10 {
        padding-left: 10px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-10 {
        padding-left: 10px
    }
}

.pdr-xs-10 {
    padding-right: 10px
}

@media (min-width: 544px) {
    .pdr-sm-10 {
        padding-right: 10px
    }
}

@media (min-width: 768px) {
    .pdr-md-10 {
        padding-right: 10px
    }
}

@media (min-width: 992px) {
    .pdr-lg-10 {
        padding-right: 10px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-10 {
        padding-right: 10px
    }
}

.mrt-xs-15 {
    margin-top: 15px
}

@media (min-width: 544px) {
    .mrt-sm-15 {
        margin-top: 15px
    }
}

@media (min-width: 768px) {
    .mrt-md-15 {
        margin-top: 15px
    }
}

@media (min-width: 992px) {
    .mrt-lg-15 {
        margin-top: 15px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-15 {
        margin-top: 15px
    }
}

.mrb-xs-15 {
    margin-bottom: 15px
}

@media (min-width: 544px) {
    .mrb-sm-15 {
        margin-bottom: 15px
    }
}

@media (min-width: 768px) {
    .mrb-md-15 {
        margin-bottom: 15px
    }
}

@media (min-width: 992px) {
    .mrb-lg-15 {
        margin-bottom: 15px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-15 {
        margin-bottom: 15px
    }
}

.pdl-xs-15 {
    padding-left: 15px
}

@media (min-width: 544px) {
    .pdl-sm-15 {
        padding-left: 15px
    }
}

@media (min-width: 768px) {
    .pdl-md-15 {
        padding-left: 15px
    }
}

@media (min-width: 992px) {
    .pdl-lg-15 {
        padding-left: 15px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-15 {
        padding-left: 15px
    }
}

.pdr-xs-15 {
    padding-right: 15px
}

@media (min-width: 544px) {
    .pdr-sm-15 {
        padding-right: 15px
    }
}

@media (min-width: 768px) {
    .pdr-md-15 {
        padding-right: 15px
    }
}

@media (min-width: 992px) {
    .pdr-lg-15 {
        padding-right: 15px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-15 {
        padding-right: 15px
    }
}

.mrt-xs-20 {
    margin-top: 20px
}

@media (min-width: 544px) {
    .mrt-sm-20 {
        margin-top: 20px
    }
}

@media (min-width: 768px) {
    .mrt-md-20 {
        margin-top: 20px
    }
}

@media (min-width: 992px) {
    .mrt-lg-20 {
        margin-top: 20px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-20 {
        margin-top: 20px
    }
}

.mrb-xs-20 {
    margin-bottom: 20px
}

@media (min-width: 544px) {
    .mrb-sm-20 {
        margin-bottom: 20px
    }
}

@media (min-width: 768px) {
    .mrb-md-20 {
        margin-bottom: 20px
    }
}

@media (min-width: 992px) {
    .mrb-lg-20 {
        margin-bottom: 20px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-20 {
        margin-bottom: 20px
    }
}

.pdl-xs-20 {
    padding-left: 20px
}

@media (min-width: 544px) {
    .pdl-sm-20 {
        padding-left: 20px
    }
}

@media (min-width: 768px) {
    .pdl-md-20 {
        padding-left: 20px
    }
}

@media (min-width: 992px) {
    .pdl-lg-20 {
        padding-left: 20px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-20 {
        padding-left: 20px
    }
}

.pdr-xs-20 {
    padding-right: 20px
}

@media (min-width: 544px) {
    .pdr-sm-20 {
        padding-right: 20px
    }
}

@media (min-width: 768px) {
    .pdr-md-20 {
        padding-right: 20px
    }
}

@media (min-width: 992px) {
    .pdr-lg-20 {
        padding-right: 20px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-20 {
        padding-right: 20px
    }
}

.mrt-xs-25 {
    margin-top: 25px
}

@media (min-width: 544px) {
    .mrt-sm-25 {
        margin-top: 25px
    }
}

@media (min-width: 768px) {
    .mrt-md-25 {
        margin-top: 25px
    }
}

@media (min-width: 992px) {
    .mrt-lg-25 {
        margin-top: 25px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-25 {
        margin-top: 25px
    }
}

.mrb-xs-25 {
    margin-bottom: 25px
}

@media (min-width: 544px) {
    .mrb-sm-25 {
        margin-bottom: 25px
    }
}

@media (min-width: 768px) {
    .mrb-md-25 {
        margin-bottom: 25px
    }
}

@media (min-width: 992px) {
    .mrb-lg-25 {
        margin-bottom: 25px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-25 {
        margin-bottom: 25px
    }
}

.pdl-xs-25 {
    padding-left: 25px
}

@media (min-width: 544px) {
    .pdl-sm-25 {
        padding-left: 25px
    }
}

@media (min-width: 768px) {
    .pdl-md-25 {
        padding-left: 25px
    }
}

@media (min-width: 992px) {
    .pdl-lg-25 {
        padding-left: 25px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-25 {
        padding-left: 25px
    }
}

.pdr-xs-25 {
    padding-right: 25px
}

@media (min-width: 544px) {
    .pdr-sm-25 {
        padding-right: 25px
    }
}

@media (min-width: 768px) {
    .pdr-md-25 {
        padding-right: 25px
    }
}

@media (min-width: 992px) {
    .pdr-lg-25 {
        padding-right: 25px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-25 {
        padding-right: 25px
    }
}

.mrt-xs-30 {
    margin-top: 30px
}

@media (min-width: 544px) {
    .mrt-sm-30 {
        margin-top: 30px
    }
}

@media (min-width: 768px) {
    .mrt-md-30 {
        margin-top: 30px
    }
}

@media (min-width: 992px) {
    .mrt-lg-30 {
        margin-top: 30px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-30 {
        margin-top: 30px
    }
}

.mrb-xs-30 {
    margin-bottom: 30px
}

@media (min-width: 544px) {
    .mrb-sm-30 {
        margin-bottom: 30px
    }
}

@media (min-width: 768px) {
    .mrb-md-30 {
        margin-bottom: 30px
    }
}

@media (min-width: 992px) {
    .mrb-lg-30 {
        margin-bottom: 30px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-30 {
        margin-bottom: 30px
    }
}

.pdl-xs-30 {
    padding-left: 30px
}

@media (min-width: 544px) {
    .pdl-sm-30 {
        padding-left: 30px
    }
}

@media (min-width: 768px) {
    .pdl-md-30 {
        padding-left: 30px
    }
}

@media (min-width: 992px) {
    .pdl-lg-30 {
        padding-left: 30px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-30 {
        padding-left: 30px
    }
}

.pdr-xs-30 {
    padding-right: 30px
}

@media (min-width: 544px) {
    .pdr-sm-30 {
        padding-right: 30px
    }
}

@media (min-width: 768px) {
    .pdr-md-30 {
        padding-right: 30px
    }
}

@media (min-width: 992px) {
    .pdr-lg-30 {
        padding-right: 30px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-30 {
        padding-right: 30px
    }
}

.mrt-xs-35 {
    margin-top: 35px
}

@media (min-width: 544px) {
    .mrt-sm-35 {
        margin-top: 35px
    }
}

@media (min-width: 768px) {
    .mrt-md-35 {
        margin-top: 35px
    }
}

@media (min-width: 992px) {
    .mrt-lg-35 {
        margin-top: 35px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-35 {
        margin-top: 35px
    }
}

.mrb-xs-35 {
    margin-bottom: 35px
}

@media (min-width: 544px) {
    .mrb-sm-35 {
        margin-bottom: 35px
    }
}

@media (min-width: 768px) {
    .mrb-md-35 {
        margin-bottom: 35px
    }
}

@media (min-width: 992px) {
    .mrb-lg-35 {
        margin-bottom: 35px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-35 {
        margin-bottom: 35px
    }
}

.pdl-xs-35 {
    padding-left: 35px
}

@media (min-width: 544px) {
    .pdl-sm-35 {
        padding-left: 35px
    }
}

@media (min-width: 768px) {
    .pdl-md-35 {
        padding-left: 35px
    }
}

@media (min-width: 992px) {
    .pdl-lg-35 {
        padding-left: 35px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-35 {
        padding-left: 35px
    }
}

.pdr-xs-35 {
    padding-right: 35px
}

@media (min-width: 544px) {
    .pdr-sm-35 {
        padding-right: 35px
    }
}

@media (min-width: 768px) {
    .pdr-md-35 {
        padding-right: 35px
    }
}

@media (min-width: 992px) {
    .pdr-lg-35 {
        padding-right: 35px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-35 {
        padding-right: 35px
    }
}

.mrt-xs-40 {
    margin-top: 40px
}

@media (min-width: 544px) {
    .mrt-sm-40 {
        margin-top: 40px
    }
}

@media (min-width: 768px) {
    .mrt-md-40 {
        margin-top: 40px
    }
}

@media (min-width: 992px) {
    .mrt-lg-40 {
        margin-top: 40px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-40 {
        margin-top: 40px
    }
}

.mrb-xs-40 {
    margin-bottom: 40px
}

@media (min-width: 544px) {
    .mrb-sm-40 {
        margin-bottom: 40px
    }
}

@media (min-width: 768px) {
    .mrb-md-40 {
        margin-bottom: 40px
    }
}

@media (min-width: 992px) {
    .mrb-lg-40 {
        margin-bottom: 40px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-40 {
        margin-bottom: 40px
    }
}

.pdl-xs-40 {
    padding-left: 40px
}

@media (min-width: 544px) {
    .pdl-sm-40 {
        padding-left: 40px
    }
}

@media (min-width: 768px) {
    .pdl-md-40 {
        padding-left: 40px
    }
}

@media (min-width: 992px) {
    .pdl-lg-40 {
        padding-left: 40px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-40 {
        padding-left: 40px
    }
}

.pdr-xs-40 {
    padding-right: 40px
}

@media (min-width: 544px) {
    .pdr-sm-40 {
        padding-right: 40px
    }
}

@media (min-width: 768px) {
    .pdr-md-40 {
        padding-right: 40px
    }
}

@media (min-width: 992px) {
    .pdr-lg-40 {
        padding-right: 40px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-40 {
        padding-right: 40px
    }
}

.mrt-xs-45 {
    margin-top: 45px
}

@media (min-width: 544px) {
    .mrt-sm-45 {
        margin-top: 45px
    }
}

@media (min-width: 768px) {
    .mrt-md-45 {
        margin-top: 45px
    }
}

@media (min-width: 992px) {
    .mrt-lg-45 {
        margin-top: 45px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-45 {
        margin-top: 45px
    }
}

.mrb-xs-45 {
    margin-bottom: 45px
}

@media (min-width: 544px) {
    .mrb-sm-45 {
        margin-bottom: 45px
    }
}

@media (min-width: 768px) {
    .mrb-md-45 {
        margin-bottom: 45px
    }
}

@media (min-width: 992px) {
    .mrb-lg-45 {
        margin-bottom: 45px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-45 {
        margin-bottom: 45px
    }
}

.pdl-xs-45 {
    padding-left: 45px
}

@media (min-width: 544px) {
    .pdl-sm-45 {
        padding-left: 45px
    }
}

@media (min-width: 768px) {
    .pdl-md-45 {
        padding-left: 45px
    }
}

@media (min-width: 992px) {
    .pdl-lg-45 {
        padding-left: 45px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-45 {
        padding-left: 45px
    }
}

.pdr-xs-45 {
    padding-right: 45px
}

@media (min-width: 544px) {
    .pdr-sm-45 {
        padding-right: 45px
    }
}

@media (min-width: 768px) {
    .pdr-md-45 {
        padding-right: 45px
    }
}

@media (min-width: 992px) {
    .pdr-lg-45 {
        padding-right: 45px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-45 {
        padding-right: 45px
    }
}

.mrt-xs-50 {
    margin-top: 50px
}

@media (min-width: 544px) {
    .mrt-sm-50 {
        margin-top: 50px
    }
}

@media (min-width: 768px) {
    .mrt-md-50 {
        margin-top: 50px
    }
}

@media (min-width: 992px) {
    .mrt-lg-50 {
        margin-top: 50px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-50 {
        margin-top: 50px
    }
}

.mrb-xs-50 {
    margin-bottom: 50px
}

@media (min-width: 544px) {
    .mrb-sm-50 {
        margin-bottom: 50px
    }
}

@media (min-width: 768px) {
    .mrb-md-50 {
        margin-bottom: 50px
    }
}

@media (min-width: 992px) {
    .mrb-lg-50 {
        margin-bottom: 50px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-50 {
        margin-bottom: 50px
    }
}

.pdl-xs-50 {
    padding-left: 50px
}

@media (min-width: 544px) {
    .pdl-sm-50 {
        padding-left: 50px
    }
}

@media (min-width: 768px) {
    .pdl-md-50 {
        padding-left: 50px
    }
}

@media (min-width: 992px) {
    .pdl-lg-50 {
        padding-left: 50px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-50 {
        padding-left: 50px
    }
}

.pdr-xs-50 {
    padding-right: 50px
}

@media (min-width: 544px) {
    .pdr-sm-50 {
        padding-right: 50px
    }
}

@media (min-width: 768px) {
    .pdr-md-50 {
        padding-right: 50px
    }
}

@media (min-width: 992px) {
    .pdr-lg-50 {
        padding-right: 50px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-50 {
        padding-right: 50px
    }
}

.mrt-xs-55 {
    margin-top: 55px
}

@media (min-width: 544px) {
    .mrt-sm-55 {
        margin-top: 55px
    }
}

@media (min-width: 768px) {
    .mrt-md-55 {
        margin-top: 55px
    }
}

@media (min-width: 992px) {
    .mrt-lg-55 {
        margin-top: 55px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-55 {
        margin-top: 55px
    }
}

.mrb-xs-55 {
    margin-bottom: 55px
}

@media (min-width: 544px) {
    .mrb-sm-55 {
        margin-bottom: 55px
    }
}

@media (min-width: 768px) {
    .mrb-md-55 {
        margin-bottom: 55px
    }
}

@media (min-width: 992px) {
    .mrb-lg-55 {
        margin-bottom: 55px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-55 {
        margin-bottom: 55px
    }
}

.pdl-xs-55 {
    padding-left: 55px
}

@media (min-width: 544px) {
    .pdl-sm-55 {
        padding-left: 55px
    }
}

@media (min-width: 768px) {
    .pdl-md-55 {
        padding-left: 55px
    }
}

@media (min-width: 992px) {
    .pdl-lg-55 {
        padding-left: 55px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-55 {
        padding-left: 55px
    }
}

.pdr-xs-55 {
    padding-right: 55px
}

@media (min-width: 544px) {
    .pdr-sm-55 {
        padding-right: 55px
    }
}

@media (min-width: 768px) {
    .pdr-md-55 {
        padding-right: 55px
    }
}

@media (min-width: 992px) {
    .pdr-lg-55 {
        padding-right: 55px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-55 {
        padding-right: 55px
    }
}

.mrt-xs-60 {
    margin-top: 60px
}

@media (min-width: 544px) {
    .mrt-sm-60 {
        margin-top: 60px
    }
}

@media (min-width: 768px) {
    .mrt-md-60 {
        margin-top: 60px
    }
}

@media (min-width: 992px) {
    .mrt-lg-60 {
        margin-top: 60px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-60 {
        margin-top: 60px
    }
}

.mrb-xs-60 {
    margin-bottom: 60px
}

@media (min-width: 544px) {
    .mrb-sm-60 {
        margin-bottom: 60px
    }
}

@media (min-width: 768px) {
    .mrb-md-60 {
        margin-bottom: 60px
    }
}

@media (min-width: 992px) {
    .mrb-lg-60 {
        margin-bottom: 60px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-60 {
        margin-bottom: 60px
    }
}

.pdl-xs-60 {
    padding-left: 60px
}

@media (min-width: 544px) {
    .pdl-sm-60 {
        padding-left: 60px
    }
}

@media (min-width: 768px) {
    .pdl-md-60 {
        padding-left: 60px
    }
}

@media (min-width: 992px) {
    .pdl-lg-60 {
        padding-left: 60px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-60 {
        padding-left: 60px
    }
}

.pdr-xs-60 {
    padding-right: 60px
}

@media (min-width: 544px) {
    .pdr-sm-60 {
        padding-right: 60px
    }
}

@media (min-width: 768px) {
    .pdr-md-60 {
        padding-right: 60px
    }
}

@media (min-width: 992px) {
    .pdr-lg-60 {
        padding-right: 60px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-60 {
        padding-right: 60px
    }
}

.mrt-xs-65 {
    margin-top: 65px
}

@media (min-width: 544px) {
    .mrt-sm-65 {
        margin-top: 65px
    }
}

@media (min-width: 768px) {
    .mrt-md-65 {
        margin-top: 65px
    }
}

@media (min-width: 992px) {
    .mrt-lg-65 {
        margin-top: 65px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-65 {
        margin-top: 65px
    }
}

.mrb-xs-65 {
    margin-bottom: 65px
}

@media (min-width: 544px) {
    .mrb-sm-65 {
        margin-bottom: 65px
    }
}

@media (min-width: 768px) {
    .mrb-md-65 {
        margin-bottom: 65px
    }
}

@media (min-width: 992px) {
    .mrb-lg-65 {
        margin-bottom: 65px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-65 {
        margin-bottom: 65px
    }
}

.pdl-xs-65 {
    padding-left: 65px
}

@media (min-width: 544px) {
    .pdl-sm-65 {
        padding-left: 65px
    }
}

@media (min-width: 768px) {
    .pdl-md-65 {
        padding-left: 65px
    }
}

@media (min-width: 992px) {
    .pdl-lg-65 {
        padding-left: 65px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-65 {
        padding-left: 65px
    }
}

.pdr-xs-65 {
    padding-right: 65px
}

@media (min-width: 544px) {
    .pdr-sm-65 {
        padding-right: 65px
    }
}

@media (min-width: 768px) {
    .pdr-md-65 {
        padding-right: 65px
    }
}

@media (min-width: 992px) {
    .pdr-lg-65 {
        padding-right: 65px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-65 {
        padding-right: 65px
    }
}

.mrt-xs-70 {
    margin-top: 70px
}

@media (min-width: 544px) {
    .mrt-sm-70 {
        margin-top: 70px
    }
}

@media (min-width: 768px) {
    .mrt-md-70 {
        margin-top: 70px
    }
}

@media (min-width: 992px) {
    .mrt-lg-70 {
        margin-top: 70px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-70 {
        margin-top: 70px
    }
}

.mrb-xs-70 {
    margin-bottom: 70px
}

@media (min-width: 544px) {
    .mrb-sm-70 {
        margin-bottom: 70px
    }
}

@media (min-width: 768px) {
    .mrb-md-70 {
        margin-bottom: 70px
    }
}

@media (min-width: 992px) {
    .mrb-lg-70 {
        margin-bottom: 70px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-70 {
        margin-bottom: 70px
    }
}

.pdl-xs-70 {
    padding-left: 70px
}

@media (min-width: 544px) {
    .pdl-sm-70 {
        padding-left: 70px
    }
}

@media (min-width: 768px) {
    .pdl-md-70 {
        padding-left: 70px
    }
}

@media (min-width: 992px) {
    .pdl-lg-70 {
        padding-left: 70px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-70 {
        padding-left: 70px
    }
}

.pdr-xs-70 {
    padding-right: 70px
}

@media (min-width: 544px) {
    .pdr-sm-70 {
        padding-right: 70px
    }
}

@media (min-width: 768px) {
    .pdr-md-70 {
        padding-right: 70px
    }
}

@media (min-width: 992px) {
    .pdr-lg-70 {
        padding-right: 70px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-70 {
        padding-right: 70px
    }
}

.mrt-xs-75 {
    margin-top: 75px
}

@media (min-width: 544px) {
    .mrt-sm-75 {
        margin-top: 75px
    }
}

@media (min-width: 768px) {
    .mrt-md-75 {
        margin-top: 75px
    }
}

@media (min-width: 992px) {
    .mrt-lg-75 {
        margin-top: 75px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-75 {
        margin-top: 75px
    }
}

.mrb-xs-75 {
    margin-bottom: 75px
}

@media (min-width: 544px) {
    .mrb-sm-75 {
        margin-bottom: 75px
    }
}

@media (min-width: 768px) {
    .mrb-md-75 {
        margin-bottom: 75px
    }
}

@media (min-width: 992px) {
    .mrb-lg-75 {
        margin-bottom: 75px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-75 {
        margin-bottom: 75px
    }
}

.pdl-xs-75 {
    padding-left: 75px
}

@media (min-width: 544px) {
    .pdl-sm-75 {
        padding-left: 75px
    }
}

@media (min-width: 768px) {
    .pdl-md-75 {
        padding-left: 75px
    }
}

@media (min-width: 992px) {
    .pdl-lg-75 {
        padding-left: 75px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-75 {
        padding-left: 75px
    }
}

.pdr-xs-75 {
    padding-right: 75px
}

@media (min-width: 544px) {
    .pdr-sm-75 {
        padding-right: 75px
    }
}

@media (min-width: 768px) {
    .pdr-md-75 {
        padding-right: 75px
    }
}

@media (min-width: 992px) {
    .pdr-lg-75 {
        padding-right: 75px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-75 {
        padding-right: 75px
    }
}

.mrt-xs-80 {
    margin-top: 80px
}

@media (min-width: 544px) {
    .mrt-sm-80 {
        margin-top: 80px
    }
}

@media (min-width: 768px) {
    .mrt-md-80 {
        margin-top: 80px
    }
}

@media (min-width: 992px) {
    .mrt-lg-80 {
        margin-top: 80px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-80 {
        margin-top: 80px
    }
}

.mrb-xs-80 {
    margin-bottom: 80px
}

@media (min-width: 544px) {
    .mrb-sm-80 {
        margin-bottom: 80px
    }
}

@media (min-width: 768px) {
    .mrb-md-80 {
        margin-bottom: 80px
    }
}

@media (min-width: 992px) {
    .mrb-lg-80 {
        margin-bottom: 80px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-80 {
        margin-bottom: 80px
    }
}

.pdl-xs-80 {
    padding-left: 80px
}

@media (min-width: 544px) {
    .pdl-sm-80 {
        padding-left: 80px
    }
}

@media (min-width: 768px) {
    .pdl-md-80 {
        padding-left: 80px
    }
}

@media (min-width: 992px) {
    .pdl-lg-80 {
        padding-left: 80px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-80 {
        padding-left: 80px
    }
}

.pdr-xs-80 {
    padding-right: 80px
}

@media (min-width: 544px) {
    .pdr-sm-80 {
        padding-right: 80px
    }
}

@media (min-width: 768px) {
    .pdr-md-80 {
        padding-right: 80px
    }
}

@media (min-width: 992px) {
    .pdr-lg-80 {
        padding-right: 80px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-80 {
        padding-right: 80px
    }
}

.mrt-xs-85 {
    margin-top: 85px
}

@media (min-width: 544px) {
    .mrt-sm-85 {
        margin-top: 85px
    }
}

@media (min-width: 768px) {
    .mrt-md-85 {
        margin-top: 85px
    }
}

@media (min-width: 992px) {
    .mrt-lg-85 {
        margin-top: 85px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-85 {
        margin-top: 85px
    }
}

.mrb-xs-85 {
    margin-bottom: 85px
}

@media (min-width: 544px) {
    .mrb-sm-85 {
        margin-bottom: 85px
    }
}

@media (min-width: 768px) {
    .mrb-md-85 {
        margin-bottom: 85px
    }
}

@media (min-width: 992px) {
    .mrb-lg-85 {
        margin-bottom: 85px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-85 {
        margin-bottom: 85px
    }
}

.pdl-xs-85 {
    padding-left: 85px
}

@media (min-width: 544px) {
    .pdl-sm-85 {
        padding-left: 85px
    }
}

@media (min-width: 768px) {
    .pdl-md-85 {
        padding-left: 85px
    }
}

@media (min-width: 992px) {
    .pdl-lg-85 {
        padding-left: 85px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-85 {
        padding-left: 85px
    }
}

.pdr-xs-85 {
    padding-right: 85px
}

@media (min-width: 544px) {
    .pdr-sm-85 {
        padding-right: 85px
    }
}

@media (min-width: 768px) {
    .pdr-md-85 {
        padding-right: 85px
    }
}

@media (min-width: 992px) {
    .pdr-lg-85 {
        padding-right: 85px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-85 {
        padding-right: 85px
    }
}

.mrt-xs-90 {
    margin-top: 90px
}

@media (min-width: 544px) {
    .mrt-sm-90 {
        margin-top: 90px
    }
}

@media (min-width: 768px) {
    .mrt-md-90 {
        margin-top: 90px
    }
}

@media (min-width: 992px) {
    .mrt-lg-90 {
        margin-top: 90px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-90 {
        margin-top: 90px
    }
}

.mrb-xs-90 {
    margin-bottom: 90px
}

@media (min-width: 544px) {
    .mrb-sm-90 {
        margin-bottom: 90px
    }
}

@media (min-width: 768px) {
    .mrb-md-90 {
        margin-bottom: 90px
    }
}

@media (min-width: 992px) {
    .mrb-lg-90 {
        margin-bottom: 90px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-90 {
        margin-bottom: 90px
    }
}

.pdl-xs-90 {
    padding-left: 90px
}

@media (min-width: 544px) {
    .pdl-sm-90 {
        padding-left: 90px
    }
}

@media (min-width: 768px) {
    .pdl-md-90 {
        padding-left: 90px
    }
}

@media (min-width: 992px) {
    .pdl-lg-90 {
        padding-left: 90px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-90 {
        padding-left: 90px
    }
}

.pdr-xs-90 {
    padding-right: 90px
}

@media (min-width: 544px) {
    .pdr-sm-90 {
        padding-right: 90px
    }
}

@media (min-width: 768px) {
    .pdr-md-90 {
        padding-right: 90px
    }
}

@media (min-width: 992px) {
    .pdr-lg-90 {
        padding-right: 90px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-90 {
        padding-right: 90px
    }
}

.mrt-xs-95 {
    margin-top: 95px
}

@media (min-width: 544px) {
    .mrt-sm-95 {
        margin-top: 95px
    }
}

@media (min-width: 768px) {
    .mrt-md-95 {
        margin-top: 95px
    }
}

@media (min-width: 992px) {
    .mrt-lg-95 {
        margin-top: 95px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-95 {
        margin-top: 95px
    }
}

.mrb-xs-95 {
    margin-bottom: 95px
}

@media (min-width: 544px) {
    .mrb-sm-95 {
        margin-bottom: 95px
    }
}

@media (min-width: 768px) {
    .mrb-md-95 {
        margin-bottom: 95px
    }
}

@media (min-width: 992px) {
    .mrb-lg-95 {
        margin-bottom: 95px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-95 {
        margin-bottom: 95px
    }
}

.pdl-xs-95 {
    padding-left: 95px
}

@media (min-width: 544px) {
    .pdl-sm-95 {
        padding-left: 95px
    }
}

@media (min-width: 768px) {
    .pdl-md-95 {
        padding-left: 95px
    }
}

@media (min-width: 992px) {
    .pdl-lg-95 {
        padding-left: 95px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-95 {
        padding-left: 95px
    }
}

.pdr-xs-95 {
    padding-right: 95px
}

@media (min-width: 544px) {
    .pdr-sm-95 {
        padding-right: 95px
    }
}

@media (min-width: 768px) {
    .pdr-md-95 {
        padding-right: 95px
    }
}

@media (min-width: 992px) {
    .pdr-lg-95 {
        padding-right: 95px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-95 {
        padding-right: 95px
    }
}

.mrt-xs-100 {
    margin-top: 100px
}

@media (min-width: 544px) {
    .mrt-sm-100 {
        margin-top: 100px
    }
}

@media (min-width: 768px) {
    .mrt-md-100 {
        margin-top: 100px
    }
}

@media (min-width: 992px) {
    .mrt-lg-100 {
        margin-top: 100px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-100 {
        margin-top: 100px
    }
}

.mrb-xs-100 {
    margin-bottom: 100px
}

@media (min-width: 544px) {
    .mrb-sm-100 {
        margin-bottom: 100px
    }
}

@media (min-width: 768px) {
    .mrb-md-100 {
        margin-bottom: 100px
    }
}

@media (min-width: 992px) {
    .mrb-lg-100 {
        margin-bottom: 100px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-100 {
        margin-bottom: 100px
    }
}

.pdl-xs-100 {
    padding-left: 100px
}

@media (min-width: 544px) {
    .pdl-sm-100 {
        padding-left: 100px
    }
}

@media (min-width: 768px) {
    .pdl-md-100 {
        padding-left: 100px
    }
}

@media (min-width: 992px) {
    .pdl-lg-100 {
        padding-left: 100px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-100 {
        padding-left: 100px
    }
}

.pdr-xs-100 {
    padding-right: 100px
}

@media (min-width: 544px) {
    .pdr-sm-100 {
        padding-right: 100px
    }
}

@media (min-width: 768px) {
    .pdr-md-100 {
        padding-right: 100px
    }
}

@media (min-width: 992px) {
    .pdr-lg-100 {
        padding-right: 100px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-100 {
        padding-right: 100px
    }
}

.mrt-xs-105 {
    margin-top: 105px
}

@media (min-width: 544px) {
    .mrt-sm-105 {
        margin-top: 105px
    }
}

@media (min-width: 768px) {
    .mrt-md-105 {
        margin-top: 105px
    }
}

@media (min-width: 992px) {
    .mrt-lg-105 {
        margin-top: 105px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-105 {
        margin-top: 105px
    }
}

.mrb-xs-105 {
    margin-bottom: 105px
}

@media (min-width: 544px) {
    .mrb-sm-105 {
        margin-bottom: 105px
    }
}

@media (min-width: 768px) {
    .mrb-md-105 {
        margin-bottom: 105px
    }
}

@media (min-width: 992px) {
    .mrb-lg-105 {
        margin-bottom: 105px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-105 {
        margin-bottom: 105px
    }
}

.pdl-xs-105 {
    padding-left: 105px
}

@media (min-width: 544px) {
    .pdl-sm-105 {
        padding-left: 105px
    }
}

@media (min-width: 768px) {
    .pdl-md-105 {
        padding-left: 105px
    }
}

@media (min-width: 992px) {
    .pdl-lg-105 {
        padding-left: 105px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-105 {
        padding-left: 105px
    }
}

.pdr-xs-105 {
    padding-right: 105px
}

@media (min-width: 544px) {
    .pdr-sm-105 {
        padding-right: 105px
    }
}

@media (min-width: 768px) {
    .pdr-md-105 {
        padding-right: 105px
    }
}

@media (min-width: 992px) {
    .pdr-lg-105 {
        padding-right: 105px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-105 {
        padding-right: 105px
    }
}

.mrt-xs-110 {
    margin-top: 110px
}

@media (min-width: 544px) {
    .mrt-sm-110 {
        margin-top: 110px
    }
}

@media (min-width: 768px) {
    .mrt-md-110 {
        margin-top: 110px
    }
}

@media (min-width: 992px) {
    .mrt-lg-110 {
        margin-top: 110px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-110 {
        margin-top: 110px
    }
}

.mrb-xs-110 {
    margin-bottom: 110px
}

@media (min-width: 544px) {
    .mrb-sm-110 {
        margin-bottom: 110px
    }
}

@media (min-width: 768px) {
    .mrb-md-110 {
        margin-bottom: 110px
    }
}

@media (min-width: 992px) {
    .mrb-lg-110 {
        margin-bottom: 110px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-110 {
        margin-bottom: 110px
    }
}

.pdl-xs-110 {
    padding-left: 110px
}

@media (min-width: 544px) {
    .pdl-sm-110 {
        padding-left: 110px
    }
}

@media (min-width: 768px) {
    .pdl-md-110 {
        padding-left: 110px
    }
}

@media (min-width: 992px) {
    .pdl-lg-110 {
        padding-left: 110px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-110 {
        padding-left: 110px
    }
}

.pdr-xs-110 {
    padding-right: 110px
}

@media (min-width: 544px) {
    .pdr-sm-110 {
        padding-right: 110px
    }
}

@media (min-width: 768px) {
    .pdr-md-110 {
        padding-right: 110px
    }
}

@media (min-width: 992px) {
    .pdr-lg-110 {
        padding-right: 110px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-110 {
        padding-right: 110px
    }
}

.mrt-xs-115 {
    margin-top: 115px
}

@media (min-width: 544px) {
    .mrt-sm-115 {
        margin-top: 115px
    }
}

@media (min-width: 768px) {
    .mrt-md-115 {
        margin-top: 115px
    }
}

@media (min-width: 992px) {
    .mrt-lg-115 {
        margin-top: 115px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-115 {
        margin-top: 115px
    }
}

.mrb-xs-115 {
    margin-bottom: 115px
}

@media (min-width: 544px) {
    .mrb-sm-115 {
        margin-bottom: 115px
    }
}

@media (min-width: 768px) {
    .mrb-md-115 {
        margin-bottom: 115px
    }
}

@media (min-width: 992px) {
    .mrb-lg-115 {
        margin-bottom: 115px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-115 {
        margin-bottom: 115px
    }
}

.pdl-xs-115 {
    padding-left: 115px
}

@media (min-width: 544px) {
    .pdl-sm-115 {
        padding-left: 115px
    }
}

@media (min-width: 768px) {
    .pdl-md-115 {
        padding-left: 115px
    }
}

@media (min-width: 992px) {
    .pdl-lg-115 {
        padding-left: 115px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-115 {
        padding-left: 115px
    }
}

.pdr-xs-115 {
    padding-right: 115px
}

@media (min-width: 544px) {
    .pdr-sm-115 {
        padding-right: 115px
    }
}

@media (min-width: 768px) {
    .pdr-md-115 {
        padding-right: 115px
    }
}

@media (min-width: 992px) {
    .pdr-lg-115 {
        padding-right: 115px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-115 {
        padding-right: 115px
    }
}

.mrt-xs-120 {
    margin-top: 120px
}

@media (min-width: 544px) {
    .mrt-sm-120 {
        margin-top: 120px
    }
}

@media (min-width: 768px) {
    .mrt-md-120 {
        margin-top: 120px
    }
}

@media (min-width: 992px) {
    .mrt-lg-120 {
        margin-top: 120px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-120 {
        margin-top: 120px
    }
}

.mrb-xs-120 {
    margin-bottom: 120px
}

@media (min-width: 544px) {
    .mrb-sm-120 {
        margin-bottom: 120px
    }
}

@media (min-width: 768px) {
    .mrb-md-120 {
        margin-bottom: 120px
    }
}

@media (min-width: 992px) {
    .mrb-lg-120 {
        margin-bottom: 120px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-120 {
        margin-bottom: 120px
    }
}

.pdl-xs-120 {
    padding-left: 120px
}

@media (min-width: 544px) {
    .pdl-sm-120 {
        padding-left: 120px
    }
}

@media (min-width: 768px) {
    .pdl-md-120 {
        padding-left: 120px
    }
}

@media (min-width: 992px) {
    .pdl-lg-120 {
        padding-left: 120px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-120 {
        padding-left: 120px
    }
}

.pdr-xs-120 {
    padding-right: 120px
}

@media (min-width: 544px) {
    .pdr-sm-120 {
        padding-right: 120px
    }
}

@media (min-width: 768px) {
    .pdr-md-120 {
        padding-right: 120px
    }
}

@media (min-width: 992px) {
    .pdr-lg-120 {
        padding-right: 120px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-120 {
        padding-right: 120px
    }
}

.mrt-xs-125 {
    margin-top: 125px
}

@media (min-width: 544px) {
    .mrt-sm-125 {
        margin-top: 125px
    }
}

@media (min-width: 768px) {
    .mrt-md-125 {
        margin-top: 125px
    }
}

@media (min-width: 992px) {
    .mrt-lg-125 {
        margin-top: 125px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-125 {
        margin-top: 125px
    }
}

.mrb-xs-125 {
    margin-bottom: 125px
}

@media (min-width: 544px) {
    .mrb-sm-125 {
        margin-bottom: 125px
    }
}

@media (min-width: 768px) {
    .mrb-md-125 {
        margin-bottom: 125px
    }
}

@media (min-width: 992px) {
    .mrb-lg-125 {
        margin-bottom: 125px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-125 {
        margin-bottom: 125px
    }
}

.pdl-xs-125 {
    padding-left: 125px
}

@media (min-width: 544px) {
    .pdl-sm-125 {
        padding-left: 125px
    }
}

@media (min-width: 768px) {
    .pdl-md-125 {
        padding-left: 125px
    }
}

@media (min-width: 992px) {
    .pdl-lg-125 {
        padding-left: 125px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-125 {
        padding-left: 125px
    }
}

.pdr-xs-125 {
    padding-right: 125px
}

@media (min-width: 544px) {
    .pdr-sm-125 {
        padding-right: 125px
    }
}

@media (min-width: 768px) {
    .pdr-md-125 {
        padding-right: 125px
    }
}

@media (min-width: 992px) {
    .pdr-lg-125 {
        padding-right: 125px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-125 {
        padding-right: 125px
    }
}

.mrt-xs-130 {
    margin-top: 130px
}

@media (min-width: 544px) {
    .mrt-sm-130 {
        margin-top: 130px
    }
}

@media (min-width: 768px) {
    .mrt-md-130 {
        margin-top: 130px
    }
}

@media (min-width: 992px) {
    .mrt-lg-130 {
        margin-top: 130px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-130 {
        margin-top: 130px
    }
}

.mrb-xs-130 {
    margin-bottom: 130px
}

@media (min-width: 544px) {
    .mrb-sm-130 {
        margin-bottom: 130px
    }
}

@media (min-width: 768px) {
    .mrb-md-130 {
        margin-bottom: 130px
    }
}

@media (min-width: 992px) {
    .mrb-lg-130 {
        margin-bottom: 130px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-130 {
        margin-bottom: 130px
    }
}

.pdl-xs-130 {
    padding-left: 130px
}

@media (min-width: 544px) {
    .pdl-sm-130 {
        padding-left: 130px
    }
}

@media (min-width: 768px) {
    .pdl-md-130 {
        padding-left: 130px
    }
}

@media (min-width: 992px) {
    .pdl-lg-130 {
        padding-left: 130px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-130 {
        padding-left: 130px
    }
}

.pdr-xs-130 {
    padding-right: 130px
}

@media (min-width: 544px) {
    .pdr-sm-130 {
        padding-right: 130px
    }
}

@media (min-width: 768px) {
    .pdr-md-130 {
        padding-right: 130px
    }
}

@media (min-width: 992px) {
    .pdr-lg-130 {
        padding-right: 130px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-130 {
        padding-right: 130px
    }
}

.mrt-xs-135 {
    margin-top: 135px
}

@media (min-width: 544px) {
    .mrt-sm-135 {
        margin-top: 135px
    }
}

@media (min-width: 768px) {
    .mrt-md-135 {
        margin-top: 135px
    }
}

@media (min-width: 992px) {
    .mrt-lg-135 {
        margin-top: 135px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-135 {
        margin-top: 135px
    }
}

.mrb-xs-135 {
    margin-bottom: 135px
}

@media (min-width: 544px) {
    .mrb-sm-135 {
        margin-bottom: 135px
    }
}

@media (min-width: 768px) {
    .mrb-md-135 {
        margin-bottom: 135px
    }
}

@media (min-width: 992px) {
    .mrb-lg-135 {
        margin-bottom: 135px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-135 {
        margin-bottom: 135px
    }
}

.pdl-xs-135 {
    padding-left: 135px
}

@media (min-width: 544px) {
    .pdl-sm-135 {
        padding-left: 135px
    }
}

@media (min-width: 768px) {
    .pdl-md-135 {
        padding-left: 135px
    }
}

@media (min-width: 992px) {
    .pdl-lg-135 {
        padding-left: 135px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-135 {
        padding-left: 135px
    }
}

.pdr-xs-135 {
    padding-right: 135px
}

@media (min-width: 544px) {
    .pdr-sm-135 {
        padding-right: 135px
    }
}

@media (min-width: 768px) {
    .pdr-md-135 {
        padding-right: 135px
    }
}

@media (min-width: 992px) {
    .pdr-lg-135 {
        padding-right: 135px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-135 {
        padding-right: 135px
    }
}

.mrt-xs-140 {
    margin-top: 140px
}

@media (min-width: 544px) {
    .mrt-sm-140 {
        margin-top: 140px
    }
}

@media (min-width: 768px) {
    .mrt-md-140 {
        margin-top: 140px
    }
}

@media (min-width: 992px) {
    .mrt-lg-140 {
        margin-top: 140px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-140 {
        margin-top: 140px
    }
}

.mrb-xs-140 {
    margin-bottom: 140px
}

@media (min-width: 544px) {
    .mrb-sm-140 {
        margin-bottom: 140px
    }
}

@media (min-width: 768px) {
    .mrb-md-140 {
        margin-bottom: 140px
    }
}

@media (min-width: 992px) {
    .mrb-lg-140 {
        margin-bottom: 140px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-140 {
        margin-bottom: 140px
    }
}

.pdl-xs-140 {
    padding-left: 140px
}

@media (min-width: 544px) {
    .pdl-sm-140 {
        padding-left: 140px
    }
}

@media (min-width: 768px) {
    .pdl-md-140 {
        padding-left: 140px
    }
}

@media (min-width: 992px) {
    .pdl-lg-140 {
        padding-left: 140px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-140 {
        padding-left: 140px
    }
}

.pdr-xs-140 {
    padding-right: 140px
}

@media (min-width: 544px) {
    .pdr-sm-140 {
        padding-right: 140px
    }
}

@media (min-width: 768px) {
    .pdr-md-140 {
        padding-right: 140px
    }
}

@media (min-width: 992px) {
    .pdr-lg-140 {
        padding-right: 140px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-140 {
        padding-right: 140px
    }
}

.mrt-xs-145 {
    margin-top: 145px
}

@media (min-width: 544px) {
    .mrt-sm-145 {
        margin-top: 145px
    }
}

@media (min-width: 768px) {
    .mrt-md-145 {
        margin-top: 145px
    }
}

@media (min-width: 992px) {
    .mrt-lg-145 {
        margin-top: 145px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-145 {
        margin-top: 145px
    }
}

.mrb-xs-145 {
    margin-bottom: 145px
}

@media (min-width: 544px) {
    .mrb-sm-145 {
        margin-bottom: 145px
    }
}

@media (min-width: 768px) {
    .mrb-md-145 {
        margin-bottom: 145px
    }
}

@media (min-width: 992px) {
    .mrb-lg-145 {
        margin-bottom: 145px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-145 {
        margin-bottom: 145px
    }
}

.pdl-xs-145 {
    padding-left: 145px
}

@media (min-width: 544px) {
    .pdl-sm-145 {
        padding-left: 145px
    }
}

@media (min-width: 768px) {
    .pdl-md-145 {
        padding-left: 145px
    }
}

@media (min-width: 992px) {
    .pdl-lg-145 {
        padding-left: 145px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-145 {
        padding-left: 145px
    }
}

.pdr-xs-145 {
    padding-right: 145px
}

@media (min-width: 544px) {
    .pdr-sm-145 {
        padding-right: 145px
    }
}

@media (min-width: 768px) {
    .pdr-md-145 {
        padding-right: 145px
    }
}

@media (min-width: 992px) {
    .pdr-lg-145 {
        padding-right: 145px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-145 {
        padding-right: 145px
    }
}

.mrt-xs-150 {
    margin-top: 150px
}

@media (min-width: 544px) {
    .mrt-sm-150 {
        margin-top: 150px
    }
}

@media (min-width: 768px) {
    .mrt-md-150 {
        margin-top: 150px
    }
}

@media (min-width: 992px) {
    .mrt-lg-150 {
        margin-top: 150px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-150 {
        margin-top: 150px
    }
}

.mrb-xs-150 {
    margin-bottom: 150px
}

@media (min-width: 544px) {
    .mrb-sm-150 {
        margin-bottom: 150px
    }
}

@media (min-width: 768px) {
    .mrb-md-150 {
        margin-bottom: 150px
    }
}

@media (min-width: 992px) {
    .mrb-lg-150 {
        margin-bottom: 150px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-150 {
        margin-bottom: 150px
    }
}

.pdl-xs-150 {
    padding-left: 150px
}

@media (min-width: 544px) {
    .pdl-sm-150 {
        padding-left: 150px
    }
}

@media (min-width: 768px) {
    .pdl-md-150 {
        padding-left: 150px
    }
}

@media (min-width: 992px) {
    .pdl-lg-150 {
        padding-left: 150px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-150 {
        padding-left: 150px
    }
}

.pdr-xs-150 {
    padding-right: 150px
}

@media (min-width: 544px) {
    .pdr-sm-150 {
        padding-right: 150px
    }
}

@media (min-width: 768px) {
    .pdr-md-150 {
        padding-right: 150px
    }
}

@media (min-width: 992px) {
    .pdr-lg-150 {
        padding-right: 150px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-150 {
        padding-right: 150px
    }
}

.mrt-xs-155 {
    margin-top: 155px
}

@media (min-width: 544px) {
    .mrt-sm-155 {
        margin-top: 155px
    }
}

@media (min-width: 768px) {
    .mrt-md-155 {
        margin-top: 155px
    }
}

@media (min-width: 992px) {
    .mrt-lg-155 {
        margin-top: 155px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-155 {
        margin-top: 155px
    }
}

.mrb-xs-155 {
    margin-bottom: 155px
}

@media (min-width: 544px) {
    .mrb-sm-155 {
        margin-bottom: 155px
    }
}

@media (min-width: 768px) {
    .mrb-md-155 {
        margin-bottom: 155px
    }
}

@media (min-width: 992px) {
    .mrb-lg-155 {
        margin-bottom: 155px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-155 {
        margin-bottom: 155px
    }
}

.pdl-xs-155 {
    padding-left: 155px
}

@media (min-width: 544px) {
    .pdl-sm-155 {
        padding-left: 155px
    }
}

@media (min-width: 768px) {
    .pdl-md-155 {
        padding-left: 155px
    }
}

@media (min-width: 992px) {
    .pdl-lg-155 {
        padding-left: 155px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-155 {
        padding-left: 155px
    }
}

.pdr-xs-155 {
    padding-right: 155px
}

@media (min-width: 544px) {
    .pdr-sm-155 {
        padding-right: 155px
    }
}

@media (min-width: 768px) {
    .pdr-md-155 {
        padding-right: 155px
    }
}

@media (min-width: 992px) {
    .pdr-lg-155 {
        padding-right: 155px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-155 {
        padding-right: 155px
    }
}

.mrt-xs-160 {
    margin-top: 160px
}

@media (min-width: 544px) {
    .mrt-sm-160 {
        margin-top: 160px
    }
}

@media (min-width: 768px) {
    .mrt-md-160 {
        margin-top: 160px
    }
}

@media (min-width: 992px) {
    .mrt-lg-160 {
        margin-top: 160px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-160 {
        margin-top: 160px
    }
}

.mrb-xs-160 {
    margin-bottom: 160px
}

@media (min-width: 544px) {
    .mrb-sm-160 {
        margin-bottom: 160px
    }
}

@media (min-width: 768px) {
    .mrb-md-160 {
        margin-bottom: 160px
    }
}

@media (min-width: 992px) {
    .mrb-lg-160 {
        margin-bottom: 160px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-160 {
        margin-bottom: 160px
    }
}

.pdl-xs-160 {
    padding-left: 160px
}

@media (min-width: 544px) {
    .pdl-sm-160 {
        padding-left: 160px
    }
}

@media (min-width: 768px) {
    .pdl-md-160 {
        padding-left: 160px
    }
}

@media (min-width: 992px) {
    .pdl-lg-160 {
        padding-left: 160px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-160 {
        padding-left: 160px
    }
}

.pdr-xs-160 {
    padding-right: 160px
}

@media (min-width: 544px) {
    .pdr-sm-160 {
        padding-right: 160px
    }
}

@media (min-width: 768px) {
    .pdr-md-160 {
        padding-right: 160px
    }
}

@media (min-width: 992px) {
    .pdr-lg-160 {
        padding-right: 160px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-160 {
        padding-right: 160px
    }
}

.mrt-xs-165 {
    margin-top: 165px
}

@media (min-width: 544px) {
    .mrt-sm-165 {
        margin-top: 165px
    }
}

@media (min-width: 768px) {
    .mrt-md-165 {
        margin-top: 165px
    }
}

@media (min-width: 992px) {
    .mrt-lg-165 {
        margin-top: 165px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-165 {
        margin-top: 165px
    }
}

.mrb-xs-165 {
    margin-bottom: 165px
}

@media (min-width: 544px) {
    .mrb-sm-165 {
        margin-bottom: 165px
    }
}

@media (min-width: 768px) {
    .mrb-md-165 {
        margin-bottom: 165px
    }
}

@media (min-width: 992px) {
    .mrb-lg-165 {
        margin-bottom: 165px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-165 {
        margin-bottom: 165px
    }
}

.pdl-xs-165 {
    padding-left: 165px
}

@media (min-width: 544px) {
    .pdl-sm-165 {
        padding-left: 165px
    }
}

@media (min-width: 768px) {
    .pdl-md-165 {
        padding-left: 165px
    }
}

@media (min-width: 992px) {
    .pdl-lg-165 {
        padding-left: 165px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-165 {
        padding-left: 165px
    }
}

.pdr-xs-165 {
    padding-right: 165px
}

@media (min-width: 544px) {
    .pdr-sm-165 {
        padding-right: 165px
    }
}

@media (min-width: 768px) {
    .pdr-md-165 {
        padding-right: 165px
    }
}

@media (min-width: 992px) {
    .pdr-lg-165 {
        padding-right: 165px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-165 {
        padding-right: 165px
    }
}

.mrt-xs-170 {
    margin-top: 170px
}

@media (min-width: 544px) {
    .mrt-sm-170 {
        margin-top: 170px
    }
}

@media (min-width: 768px) {
    .mrt-md-170 {
        margin-top: 170px
    }
}

@media (min-width: 992px) {
    .mrt-lg-170 {
        margin-top: 170px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-170 {
        margin-top: 170px
    }
}

.mrb-xs-170 {
    margin-bottom: 170px
}

@media (min-width: 544px) {
    .mrb-sm-170 {
        margin-bottom: 170px
    }
}

@media (min-width: 768px) {
    .mrb-md-170 {
        margin-bottom: 170px
    }
}

@media (min-width: 992px) {
    .mrb-lg-170 {
        margin-bottom: 170px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-170 {
        margin-bottom: 170px
    }
}

.pdl-xs-170 {
    padding-left: 170px
}

@media (min-width: 544px) {
    .pdl-sm-170 {
        padding-left: 170px
    }
}

@media (min-width: 768px) {
    .pdl-md-170 {
        padding-left: 170px
    }
}

@media (min-width: 992px) {
    .pdl-lg-170 {
        padding-left: 170px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-170 {
        padding-left: 170px
    }
}

.pdr-xs-170 {
    padding-right: 170px
}

@media (min-width: 544px) {
    .pdr-sm-170 {
        padding-right: 170px
    }
}

@media (min-width: 768px) {
    .pdr-md-170 {
        padding-right: 170px
    }
}

@media (min-width: 992px) {
    .pdr-lg-170 {
        padding-right: 170px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-170 {
        padding-right: 170px
    }
}

.mrt-xs-175 {
    margin-top: 175px
}

@media (min-width: 544px) {
    .mrt-sm-175 {
        margin-top: 175px
    }
}

@media (min-width: 768px) {
    .mrt-md-175 {
        margin-top: 175px
    }
}

@media (min-width: 992px) {
    .mrt-lg-175 {
        margin-top: 175px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-175 {
        margin-top: 175px
    }
}

.mrb-xs-175 {
    margin-bottom: 175px
}

@media (min-width: 544px) {
    .mrb-sm-175 {
        margin-bottom: 175px
    }
}

@media (min-width: 768px) {
    .mrb-md-175 {
        margin-bottom: 175px
    }
}

@media (min-width: 992px) {
    .mrb-lg-175 {
        margin-bottom: 175px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-175 {
        margin-bottom: 175px
    }
}

.pdl-xs-175 {
    padding-left: 175px
}

@media (min-width: 544px) {
    .pdl-sm-175 {
        padding-left: 175px
    }
}

@media (min-width: 768px) {
    .pdl-md-175 {
        padding-left: 175px
    }
}

@media (min-width: 992px) {
    .pdl-lg-175 {
        padding-left: 175px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-175 {
        padding-left: 175px
    }
}

.pdr-xs-175 {
    padding-right: 175px
}

@media (min-width: 544px) {
    .pdr-sm-175 {
        padding-right: 175px
    }
}

@media (min-width: 768px) {
    .pdr-md-175 {
        padding-right: 175px
    }
}

@media (min-width: 992px) {
    .pdr-lg-175 {
        padding-right: 175px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-175 {
        padding-right: 175px
    }
}

.mrt-xs-180 {
    margin-top: 180px
}

@media (min-width: 544px) {
    .mrt-sm-180 {
        margin-top: 180px
    }
}

@media (min-width: 768px) {
    .mrt-md-180 {
        margin-top: 180px
    }
}

@media (min-width: 992px) {
    .mrt-lg-180 {
        margin-top: 180px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-180 {
        margin-top: 180px
    }
}

.mrb-xs-180 {
    margin-bottom: 180px
}

@media (min-width: 544px) {
    .mrb-sm-180 {
        margin-bottom: 180px
    }
}

@media (min-width: 768px) {
    .mrb-md-180 {
        margin-bottom: 180px
    }
}

@media (min-width: 992px) {
    .mrb-lg-180 {
        margin-bottom: 180px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-180 {
        margin-bottom: 180px
    }
}

.pdl-xs-180 {
    padding-left: 180px
}

@media (min-width: 544px) {
    .pdl-sm-180 {
        padding-left: 180px
    }
}

@media (min-width: 768px) {
    .pdl-md-180 {
        padding-left: 180px
    }
}

@media (min-width: 992px) {
    .pdl-lg-180 {
        padding-left: 180px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-180 {
        padding-left: 180px
    }
}

.pdr-xs-180 {
    padding-right: 180px
}

@media (min-width: 544px) {
    .pdr-sm-180 {
        padding-right: 180px
    }
}

@media (min-width: 768px) {
    .pdr-md-180 {
        padding-right: 180px
    }
}

@media (min-width: 992px) {
    .pdr-lg-180 {
        padding-right: 180px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-180 {
        padding-right: 180px
    }
}

.mrt-xs-185 {
    margin-top: 185px
}

@media (min-width: 544px) {
    .mrt-sm-185 {
        margin-top: 185px
    }
}

@media (min-width: 768px) {
    .mrt-md-185 {
        margin-top: 185px
    }
}

@media (min-width: 992px) {
    .mrt-lg-185 {
        margin-top: 185px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-185 {
        margin-top: 185px
    }
}

.mrb-xs-185 {
    margin-bottom: 185px
}

@media (min-width: 544px) {
    .mrb-sm-185 {
        margin-bottom: 185px
    }
}

@media (min-width: 768px) {
    .mrb-md-185 {
        margin-bottom: 185px
    }
}

@media (min-width: 992px) {
    .mrb-lg-185 {
        margin-bottom: 185px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-185 {
        margin-bottom: 185px
    }
}

.pdl-xs-185 {
    padding-left: 185px
}

@media (min-width: 544px) {
    .pdl-sm-185 {
        padding-left: 185px
    }
}

@media (min-width: 768px) {
    .pdl-md-185 {
        padding-left: 185px
    }
}

@media (min-width: 992px) {
    .pdl-lg-185 {
        padding-left: 185px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-185 {
        padding-left: 185px
    }
}

.pdr-xs-185 {
    padding-right: 185px
}

@media (min-width: 544px) {
    .pdr-sm-185 {
        padding-right: 185px
    }
}

@media (min-width: 768px) {
    .pdr-md-185 {
        padding-right: 185px
    }
}

@media (min-width: 992px) {
    .pdr-lg-185 {
        padding-right: 185px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-185 {
        padding-right: 185px
    }
}

.mrt-xs-190 {
    margin-top: 190px
}

@media (min-width: 544px) {
    .mrt-sm-190 {
        margin-top: 190px
    }
}

@media (min-width: 768px) {
    .mrt-md-190 {
        margin-top: 190px
    }
}

@media (min-width: 992px) {
    .mrt-lg-190 {
        margin-top: 190px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-190 {
        margin-top: 190px
    }
}

.mrb-xs-190 {
    margin-bottom: 190px
}

@media (min-width: 544px) {
    .mrb-sm-190 {
        margin-bottom: 190px
    }
}

@media (min-width: 768px) {
    .mrb-md-190 {
        margin-bottom: 190px
    }
}

@media (min-width: 992px) {
    .mrb-lg-190 {
        margin-bottom: 190px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-190 {
        margin-bottom: 190px
    }
}

.pdl-xs-190 {
    padding-left: 190px
}

@media (min-width: 544px) {
    .pdl-sm-190 {
        padding-left: 190px
    }
}

@media (min-width: 768px) {
    .pdl-md-190 {
        padding-left: 190px
    }
}

@media (min-width: 992px) {
    .pdl-lg-190 {
        padding-left: 190px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-190 {
        padding-left: 190px
    }
}

.pdr-xs-190 {
    padding-right: 190px
}

@media (min-width: 544px) {
    .pdr-sm-190 {
        padding-right: 190px
    }
}

@media (min-width: 768px) {
    .pdr-md-190 {
        padding-right: 190px
    }
}

@media (min-width: 992px) {
    .pdr-lg-190 {
        padding-right: 190px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-190 {
        padding-right: 190px
    }
}

.mrt-xs-195 {
    margin-top: 195px
}

@media (min-width: 544px) {
    .mrt-sm-195 {
        margin-top: 195px
    }
}

@media (min-width: 768px) {
    .mrt-md-195 {
        margin-top: 195px
    }
}

@media (min-width: 992px) {
    .mrt-lg-195 {
        margin-top: 195px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-195 {
        margin-top: 195px
    }
}

.mrb-xs-195 {
    margin-bottom: 195px
}

@media (min-width: 544px) {
    .mrb-sm-195 {
        margin-bottom: 195px
    }
}

@media (min-width: 768px) {
    .mrb-md-195 {
        margin-bottom: 195px
    }
}

@media (min-width: 992px) {
    .mrb-lg-195 {
        margin-bottom: 195px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-195 {
        margin-bottom: 195px
    }
}

.pdl-xs-195 {
    padding-left: 195px
}

@media (min-width: 544px) {
    .pdl-sm-195 {
        padding-left: 195px
    }
}

@media (min-width: 768px) {
    .pdl-md-195 {
        padding-left: 195px
    }
}

@media (min-width: 992px) {
    .pdl-lg-195 {
        padding-left: 195px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-195 {
        padding-left: 195px
    }
}

.pdr-xs-195 {
    padding-right: 195px
}

@media (min-width: 544px) {
    .pdr-sm-195 {
        padding-right: 195px
    }
}

@media (min-width: 768px) {
    .pdr-md-195 {
        padding-right: 195px
    }
}

@media (min-width: 992px) {
    .pdr-lg-195 {
        padding-right: 195px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-195 {
        padding-right: 195px
    }
}

.mrt-xs-200 {
    margin-top: 200px
}

@media (min-width: 544px) {
    .mrt-sm-200 {
        margin-top: 200px
    }
}

@media (min-width: 768px) {
    .mrt-md-200 {
        margin-top: 200px
    }
}

@media (min-width: 992px) {
    .mrt-lg-200 {
        margin-top: 200px
    }
}

@media (min-width: 1200px) {
    .mrt-xl-200 {
        margin-top: 200px
    }
}

.mrb-xs-200 {
    margin-bottom: 200px
}

@media (min-width: 544px) {
    .mrb-sm-200 {
        margin-bottom: 200px
    }
}

@media (min-width: 768px) {
    .mrb-md-200 {
        margin-bottom: 200px
    }
}

@media (min-width: 992px) {
    .mrb-lg-200 {
        margin-bottom: 200px
    }
}

@media (min-width: 1200px) {
    .mrb-xl-200 {
        margin-bottom: 200px
    }
}

.pdl-xs-200 {
    padding-left: 200px
}

@media (min-width: 544px) {
    .pdl-sm-200 {
        padding-left: 200px
    }
}

@media (min-width: 768px) {
    .pdl-md-200 {
        padding-left: 200px
    }
}

@media (min-width: 992px) {
    .pdl-lg-200 {
        padding-left: 200px
    }
}

@media (min-width: 1200px) {
    .pdl-xl-200 {
        padding-left: 200px
    }
}

.pdr-xs-200 {
    padding-right: 200px
}

@media (min-width: 544px) {
    .pdr-sm-200 {
        padding-right: 200px
    }
}

@media (min-width: 768px) {
    .pdr-md-200 {
        padding-right: 200px
    }
}

@media (min-width: 992px) {
    .pdr-lg-200 {
        padding-right: 200px
    }
}

@media (min-width: 1200px) {
    .pdr-xl-200 {
        padding-right: 200px
    }
}

.text-xs-center {
    text-align: center
}

@media (min-width: 544px) {
    .text-sm-center {
        text-align: center
    }
}

@media (min-width: 768px) {
    .text-md-center {
        text-align: center
    }
}

@media (min-width: 992px) {
    .text-lg-center {
        text-align: center
    }
}

@media (min-width: 1200px) {
    .text-xl-center {
        text-align: center
    }
}

.text-xs-left {
    text-align: left
}

@media (min-width: 544px) {
    .text-sm-left {
        text-align: left
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left
    }
}

.text-xs-right {
    text-align: right
}

@media (min-width: 544px) {
    .text-sm-right {
        text-align: right
    }
}

@media (min-width: 768px) {
    .text-md-right {
        text-align: right
    }
}

@media (min-width: 992px) {
    .text-lg-right {
        text-align: right
    }
}

@media (min-width: 1200px) {
    .text-xl-right {
        text-align: right
    }
}

.w-xs-0 {
    width: 0
}

@media (min-width: 544px) {
    .w-sm-0 {
        width: 0
    }
}

@media (min-width: 768px) {
    .w-md-0 {
        width: 0
    }
}

@media (min-width: 992px) {
    .w-lg-0 {
        width: 0
    }
}

@media (min-width: 1200px) {
    .w-xl-0 {
        width: 0
    }
}

.w-xs-5 {
    width: 5%
}

@media (min-width: 544px) {
    .w-sm-5 {
        width: 5%
    }
}

@media (min-width: 768px) {
    .w-md-5 {
        width: 5%
    }
}

@media (min-width: 992px) {
    .w-lg-5 {
        width: 5%
    }
}

@media (min-width: 1200px) {
    .w-xl-5 {
        width: 5%
    }
}

.w-xs-10 {
    width: 10%
}

@media (min-width: 544px) {
    .w-sm-10 {
        width: 10%
    }
}

@media (min-width: 768px) {
    .w-md-10 {
        width: 10%
    }
}

@media (min-width: 992px) {
    .w-lg-10 {
        width: 10%
    }
}

@media (min-width: 1200px) {
    .w-xl-10 {
        width: 10%
    }
}

.w-xs-15 {
    width: 15%
}

@media (min-width: 544px) {
    .w-sm-15 {
        width: 15%
    }
}

@media (min-width: 768px) {
    .w-md-15 {
        width: 15%
    }
}

@media (min-width: 992px) {
    .w-lg-15 {
        width: 15%
    }
}

@media (min-width: 1200px) {
    .w-xl-15 {
        width: 15%
    }
}

.w-xs-20 {
    width: 20%
}

@media (min-width: 544px) {
    .w-sm-20 {
        width: 20%
    }
}

@media (min-width: 768px) {
    .w-md-20 {
        width: 20%
    }
}

@media (min-width: 992px) {
    .w-lg-20 {
        width: 20%
    }
}

@media (min-width: 1200px) {
    .w-xl-20 {
        width: 20%
    }
}

.w-xs-25 {
    width: 25%
}

@media (min-width: 544px) {
    .w-sm-25 {
        width: 25%
    }
}

@media (min-width: 768px) {
    .w-md-25 {
        width: 25%
    }
}

@media (min-width: 992px) {
    .w-lg-25 {
        width: 25%
    }
}

@media (min-width: 1200px) {
    .w-xl-25 {
        width: 25%
    }
}

.w-xs-30 {
    width: 30%
}

@media (min-width: 544px) {
    .w-sm-30 {
        width: 30%
    }
}

@media (min-width: 768px) {
    .w-md-30 {
        width: 30%
    }
}

@media (min-width: 992px) {
    .w-lg-30 {
        width: 30%
    }
}

@media (min-width: 1200px) {
    .w-xl-30 {
        width: 30%
    }
}

.w-xs-35 {
    width: 35%
}

@media (min-width: 544px) {
    .w-sm-35 {
        width: 35%
    }
}

@media (min-width: 768px) {
    .w-md-35 {
        width: 35%
    }
}

@media (min-width: 992px) {
    .w-lg-35 {
        width: 35%
    }
}

@media (min-width: 1200px) {
    .w-xl-35 {
        width: 35%
    }
}

.w-xs-40 {
    width: 40%
}

@media (min-width: 544px) {
    .w-sm-40 {
        width: 40%
    }
}

@media (min-width: 768px) {
    .w-md-40 {
        width: 40%
    }
}

@media (min-width: 992px) {
    .w-lg-40 {
        width: 40%
    }
}

@media (min-width: 1200px) {
    .w-xl-40 {
        width: 40%
    }
}

.w-xs-45 {
    width: 45%
}

@media (min-width: 544px) {
    .w-sm-45 {
        width: 45%
    }
}

@media (min-width: 768px) {
    .w-md-45 {
        width: 45%
    }
}

@media (min-width: 992px) {
    .w-lg-45 {
        width: 45%
    }
}

@media (min-width: 1200px) {
    .w-xl-45 {
        width: 45%
    }
}

.w-xs-50 {
    width: 50%
}

@media (min-width: 544px) {
    .w-sm-50 {
        width: 50%
    }
}

@media (min-width: 768px) {
    .w-md-50 {
        width: 50%
    }
}

@media (min-width: 992px) {
    .w-lg-50 {
        width: 50%
    }
}

@media (min-width: 1200px) {
    .w-xl-50 {
        width: 50%
    }
}

.w-xs-55 {
    width: 55%
}

@media (min-width: 544px) {
    .w-sm-55 {
        width: 55%
    }
}

@media (min-width: 768px) {
    .w-md-55 {
        width: 55%
    }
}

@media (min-width: 992px) {
    .w-lg-55 {
        width: 55%
    }
}

@media (min-width: 1200px) {
    .w-xl-55 {
        width: 55%
    }
}

.w-xs-60 {
    width: 60%
}

@media (min-width: 544px) {
    .w-sm-60 {
        width: 60%
    }
}

@media (min-width: 768px) {
    .w-md-60 {
        width: 60%
    }
}

@media (min-width: 992px) {
    .w-lg-60 {
        width: 60%
    }
}

@media (min-width: 1200px) {
    .w-xl-60 {
        width: 60%
    }
}

.w-xs-65 {
    width: 65%
}

@media (min-width: 544px) {
    .w-sm-65 {
        width: 65%
    }
}

@media (min-width: 768px) {
    .w-md-65 {
        width: 65%
    }
}

@media (min-width: 992px) {
    .w-lg-65 {
        width: 65%
    }
}

@media (min-width: 1200px) {
    .w-xl-65 {
        width: 65%
    }
}

.w-xs-70 {
    width: 70%
}

@media (min-width: 544px) {
    .w-sm-70 {
        width: 70%
    }
}

@media (min-width: 768px) {
    .w-md-70 {
        width: 70%
    }
}

@media (min-width: 992px) {
    .w-lg-70 {
        width: 70%
    }
}

@media (min-width: 1200px) {
    .w-xl-70 {
        width: 70%
    }
}

.w-xs-75 {
    width: 75%
}

@media (min-width: 544px) {
    .w-sm-75 {
        width: 75%
    }
}

@media (min-width: 768px) {
    .w-md-75 {
        width: 75%
    }
}

@media (min-width: 992px) {
    .w-lg-75 {
        width: 75%
    }
}

@media (min-width: 1200px) {
    .w-xl-75 {
        width: 75%
    }
}

.w-xs-80 {
    width: 80%
}

@media (min-width: 544px) {
    .w-sm-80 {
        width: 80%
    }
}

@media (min-width: 768px) {
    .w-md-80 {
        width: 80%
    }
}

@media (min-width: 992px) {
    .w-lg-80 {
        width: 80%
    }
}

@media (min-width: 1200px) {
    .w-xl-80 {
        width: 80%
    }
}

.w-xs-85 {
    width: 85%
}

@media (min-width: 544px) {
    .w-sm-85 {
        width: 85%
    }
}

@media (min-width: 768px) {
    .w-md-85 {
        width: 85%
    }
}

@media (min-width: 992px) {
    .w-lg-85 {
        width: 85%
    }
}

@media (min-width: 1200px) {
    .w-xl-85 {
        width: 85%
    }
}

.w-xs-90 {
    width: 90%
}

@media (min-width: 544px) {
    .w-sm-90 {
        width: 90%
    }
}

@media (min-width: 768px) {
    .w-md-90 {
        width: 90%
    }
}

@media (min-width: 992px) {
    .w-lg-90 {
        width: 90%
    }
}

@media (min-width: 1200px) {
    .w-xl-90 {
        width: 90%
    }
}

.w-xs-95 {
    width: 95%
}

@media (min-width: 544px) {
    .w-sm-95 {
        width: 95%
    }
}

@media (min-width: 768px) {
    .w-md-95 {
        width: 95%
    }
}

@media (min-width: 992px) {
    .w-lg-95 {
        width: 95%
    }
}

@media (min-width: 1200px) {
    .w-xl-95 {
        width: 95%
    }
}

.w-xs-100 {
    width: 100%
}

@media (min-width: 544px) {
    .w-sm-100 {
        width: 100%
    }
}

@media (min-width: 768px) {
    .w-md-100 {
        width: 100%
    }
}

@media (min-width: 992px) {
    .w-lg-100 {
        width: 100%
    }
}

@media (min-width: 1200px) {
    .w-xl-100 {
        width: 100%
    }
}

body {
    margin: 0;
    padding: 0;
    font-size: .875rem;
    color: #111;
    line-height: 1.5
}

@media (min-width: 1200px) {
    .container {
        width: 100%
    }
}

@media (min-width: 1441px) {
    .container {
        width: calc(100% - 90px)
    }
}

@media (min-width: 1820px) {
    .container {
        width: 1790px
    }
}

html {
    overflow: auto
}

.fullpage {
    display: block;
    width: 100%;
    overflow: hidden
}

a {
    -webkit-transition: all, .3s;
    transition: all, .1s
}

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

input, button, select, textarea {
    -webkit-transition: all, .5s;
    transition: all, .5s
}

input:hover, input:active, input:focus, button:hover, button:active, button:focus, select:hover, select:active, select:focus, textarea:hover, textarea:active, textarea:focus {
    outline: none
}

button {
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    -webkit-transition: all, .3s;
    transition: all, .3s
}

img, iframe {
    vertical-align: middle
}

main {
    clear: both
}

strong span {
    font-weight: 700
}

.flex, .flex-wrap {
    clear: both
}

.justify-content-xl-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    clear: both;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 1200px) {
    .justify-content-xl-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 1199px) {
    .justify-content-lg-center {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        clear: both;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

#scrollUp {
    text-align: center;
    bottom: 20px;
    right: 20px;
    padding: 5px 0;
    width: 40px;
    height: 40px;
    color: #898989;
    -webkit-transform: translate3d(0, 0, 0);
    -khtml-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    background: #615f5f;
}

#scrollUp:after {
    font-family: FontAwesome;
    content: '\f106';
    font-size: 20px;
    color: #fff;
}

.fixed {
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    -khtml-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000
}

.fixed-filter {
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    -khtml-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000
}

.hide {
    display: none !important
}

.no-padding {
    padding: 0
}

@media (max-width: 767px) {
    .no-padding-sm {
        padding: 0
    }

    .no-margin-sm {
        padding: 0
    }
}

.custom-padding-right {
    padding-right: 0 !important
}

@media (max-width: 543px) {
    .custom-padding-0 {
        padding: 0
    }

    .custom-padding-7 {
        padding: 0 7px
    }
}

.border-right-group {
    border-right: 1px solid #c4c4c4
}

.title-page {
    font-size: 1.625rem;
    text-align: center;
    margin: 10px 0;
    font-weight: 600
}

.item-product {
    text-align: center;
}

.item-product:hover .avatar .overlay {
    opacity: 1;
}

.item-product .avatar {
    position: relative;
    display: block;
}

.item-product .avatar > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item-product .avatar .overlay {
    -webkit-transition: all .5s;
    transition: all .5s;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.05)
}

.item-product .avatar .tem .toptem {
    position: absolute;
    top: 0;
    left: 0;
    text-align: left
}

.item-product .avatar .tem .toptem .percent {
    width: 65px;
    height: 30px;
    background-color: #000;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: 'UTM AVO' !important;
}

@media (max-width: 1199px) {
    .item-product .avatar .tem .toptem .percent {
        font-size: .6875rem;
        width: 35px;
        height: 35px;
        margin: 12px 0 0 12px
    }
}

@media (min-width: 1200px) {
    .item-product .avatar .tem .toptem .percent {
        font-size: .8125rem;
        width: 65px;
        height: 30px;
    }
}

@media (min-width: 1440px) {
    .item-product .avatar .tem .toptem .percent {
        font-size: .8125rem
    }
}

@media (min-width: 1820px) {
    .item-product .avatar .tem .toptem .percent {
        font-size: .8125rem
    }
}

.item-product .avatar .tem .toptem .percent-tem {
    width: 58px;
    height: 30px;
    background-image: url(../../../../img/tem/tem.png);
    background-repeat: no-repeat;
    background-size: 100%;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px;
    font-size: .75rem;
    margin: 20px 0 0 10px;
    font-weight: 700;
    -webkit-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 12px 0 0;
    width: 50px;
    font-size: .625rem;
    height: 26px
}

.item-product .avatar .tem .topright-tem {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right
}

@media (max-width: 1199px) {
    .item-product .avatar .tem .topright-tem > img {
        max-width: 60%
    }
}

.item-product .avatar .tem .bottomright-tem {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right
}

.item-product a {
    text-decoration: none;
    color: #111
}

.item-product figcaption {
    padding: 12px 23px 25px;
    position: relative
}

.item-product figcaption .addwish {
    position: absolute;
    top: 0;
    right: 1px
}

@media (max-width: 1199px) {
    .item-product figcaption .addwish {
        width: 14px;
        top: 14px;
        right: 5px
    }
}

@media (min-width: 1200px) {
    .item-product figcaption .addwish {
        width: 15px;
        top: 15px
    }
}

@media (min-width: 1440px) {
    .item-product figcaption .addwish {
        width: 16px;
        top: 14px
    }
}

@media (min-width: 1820px) {
    .item-product figcaption .addwish {
        width: 18px
    }
}

.item-product figcaption .addwish > img {
    vertical-align: top
}

.item-product figcaption .title-product {
    line-height: 1.3;
    height: 32px;
    overflow: hidden;
}

@media (max-width: 1199px) {
    .item-product figcaption .title-product {
        font-size: .75rem
    }
}

@media (min-width: 1200px) {
    .item-product figcaption .title-product {
        font-size: 14px;
    }
}

@media (min-width: 1440px) {
    .item-product figcaption .title-product {
        font-size: 14px;
    }
}

@media (min-width: 1820px) {
    .item-product figcaption .title-product {
        font-size: 14px;
    }
}

.item-product figcaption .group-price {
    display: table;
    width: 100%;
    text-align: center
}

.item-product figcaption .group-price .price, .item-product figcaption .group-price .discount-price {
    display: inline-block;
    padding: 10px 5px
}

@media (max-width: 543px) {
    .item-product figcaption .group-price .price, .item-product figcaption .group-price .discount-price {
        padding: 5px
    }
}

.item-product figcaption .group-price .price {
    color: #b3b3b3;
}
}
.item-product figcaption .group-price .price, .item-product figcaption .group-price .discount-price {
    font-size: 15px;
}
.item-product figcaption .group-price .discount-price  {
    color: #000;
}

.item-product figcaption .group-price.sale .price {
    text-decoration: line-through;
    font-family: 'UTM AVO' !important;
}

.item-product figcaption .vip-price {
    color: red;
    font-weight: 700
}

@media (max-width: 1199px) {
    .item-product figcaption .vip-price {
        font-size: .6875rem
    }
}

@media (min-width: 1200px) {
    .item-product figcaption .vip-price {
        font-size: .625rem
    }
}

@media (min-width: 1440px) {
    .item-product figcaption .vip-price {
        font-size: .6875rem
    }
}

@media (min-width: 1820px) {
    .item-product figcaption .vip-price {
        font-size: .9375rem
    }
}

.view-all {
    text-align: center
}

@media (max-width: 1199px) {
    .view-all {
        margin: 8px 0 18px
    }
}

@media (min-width: 1200px) {
    .view-all {
        margin: 8px 0 18px
    }
}

@media (min-width: 1440px) {
    .view-all {
        margin: 10px 0 20px
    }
}

@media (min-width: 1820px) {
    .view-all {
        margin: 10px 0 30px
    }
}

.view-all a {
    text-decoration: none;
    color: #111;
    padding: 5px 8px;
    border: 1px solid #111;
    display: inline-block
}

.view-all a:hover {
    background-color: #111;
    color: #fff
}

@media (max-width: 1199px) {
    .view-all a {
        font-size: .6875rem
    }
}

@media (min-width: 1200px) {
    .view-all a {
        font-size: .625rem
    }
}

@media (min-width: 1440px) {
    .view-all a {
        font-size: .6875rem
    }
}

@media (min-width: 1820px) {
    .view-all a {
        font-size: .9375rem
    }
}

.group-block {
    padding-bottom: 15px;
}

@media (max-width: 1199px) {
    .group-block {
        padding-bottom: 10px
    }
}

.group-block .title-group {
    text-align: center;
    text-transform: uppercase
}

@media (max-width: 1199px) {
    .group-block .title-group {
        font-size: 1.25rem;
        margin: 24px 0
    }
}

@media (min-width: 1200px) {
    .group-block .title-group {
        font-size: 1.375rem;
        margin: 35px 0
    }
}

@media (min-width: 1440px) {
    .group-block .title-group {
        font-size: 1.625rem;
        margin: 40px 0
    }
}

@media (min-width: 1820px) {
    .group-block .title-group {
        font-size: 1.875rem;
        margin: 50px 0
    }
}

.group-block .no-slide-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    clear: both
}

.group-block .no-slide-block.slide-col-3 .item {
    width: calc(100% / 3 - 1px);
    float: left;
    padding: 0 15px
}

@media (max-width: 991px) {
    .group-block .no-slide-block.slide-col-3 .item {
        width: 50%;
        float: left;
        padding: 0 15px
    }
}

@media (max-width: 543px) {
    .group-block .no-slide-block.slide-col-3 .item {
        padding: 0 5px
    }
}

.group-block .no-slide-block.slide-col-4 .item {
    width: calc(100% / 4 - 1px);
    float: left;
    padding: 0 15px
}

@media (max-width: 1199px) {
    .group-block .no-slide-block.slide-col-4 .item {
        width: calc(100% / 3);
        float: left;
        padding: 0 15px
    }
}

@media (max-width: 991px) {
    .group-block .no-slide-block.slide-col-4 .item {
        width: 50%;
        float: left;
        padding: 0 15px
    }
}

@media (max-width: 543px) {
    .group-block .no-slide-block.slide-col-4 .item {
        padding: 0 5px
    }
}

@media (max-width: 991px) {
    .group-block .slide-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        clear: both;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 991px) {
    .group-block .slide-block .item {
        width: 50%;
        float: left;
        padding: 0 15px
    }
}

@media (max-width: 543px) {
    /*.group-block .slide-block .item {*/
    /*    width: 100%;*/
    /*    padding: 0*/
    /*}*/
}

.group-block .slide-block .owl-nav {
    position: absolute;
    top: 40%;
    left: 0;
    -webkit-transform: translate(0, -20%);
    -khtml-transform: translate(0, -20%);
    transform: translate(0, -20%);
    width: 100%
}

@media (max-width: 1199px) {
    .group-block .slide-block .owl-nav {
        display: none
    }
}

@media (min-width: 1200px) {
    .group-block .slide-block .owl-nav {
        top: 30%
    }
}

@media (min-width: 1440px) {
    .group-block .slide-block .owl-nav {
        top: 32%
    }
}

@media (min-width: 1820px) {
    .group-block .slide-block .owl-nav {
        top: 40%
    }
}

@media (max-width: 991px) {
    .group-block .slide-block .owl-nav img {
        width: 12px
    }
}

@media (max-width: 1199px) {
    .group-block .slide-block .owl-nav img {
        width: 13px
    }
}

@media (min-width: 1200px) {
    .group-block .slide-block .owl-nav img {
        width: 16px
    }
}

@media (min-width: 1440px) {
    .group-block .slide-block .owl-nav img {
        width: 20px
    }
}

@media (min-width: 1820px) {
    .group-block .slide-block .owl-nav img {
        width: 100%
    }
}

.group-block .slide-block .owl-nav .owl-prev {
    float: left;
    margin-left: -60px
}

@media (max-width: 1199px) {
    .group-block .slide-block .owl-nav .owl-prev {
        margin-left: -26px
    }
}

@media (max-width: 991px) {
    .group-block .slide-block .owl-nav .owl-prev {
        margin-left: -30px
    }
}

.group-block .slide-block .owl-nav .owl-next {
    float: right;
    margin-right: -60px
}

@media (max-width: 1199px) {
    .group-block .slide-block .owl-nav .owl-next {
        margin-right: -26px
    }
}

@media (max-width: 991px) {
    .group-block .slide-block .owl-nav .owl-next {
        margin-right: -30px
    }
}

.off {
    display: block
}

.breadcrumb {
    border-radius: 0;
    position: relative;
    z-index: 1;
    margin-bottom: 0;
    margin: 20px 0;
    background-color: transparent
}

@media (max-width: 1199px) {
    .breadcrumb {
        padding: 12px 0
    }
}

.breadcrumb ul li {
    float: left;
    padding: 0 15px 0 8px;
    line-height: 1;
    position: relative
}

.breadcrumb ul li:after {
    content: "\f105";
    font-family: 'Fontawesome';
    position: absolute;
    top: 0;
    right: 0
}

@media (max-width: 1199px) {
    .breadcrumb ul li {
        font-size: .6875rem;
        line-height: 14px
    }
}

@media (min-width: 1200px) {
    .breadcrumb ul li {
        font-size: .75rem
    }
}

@media (min-width: 1440px) {
    .breadcrumb ul li {
        font-size: .875rem
    }
}

@media (min-width: 1820px) {
    .breadcrumb ul li {
        font-size: 1.125rem
    }
}

.breadcrumb ul li:first-child {
    padding-left: 0
}

.breadcrumb ul li:last-child {
    border-right: 0;
    font-weight: 700
}

.breadcrumb ul li:last-child:after {
    content: ''
}

.breadcrumb ul li a {
    display: block;
    text-decoration: none;
    color: #111;
    line-height: 1
}

@media (max-width: 1199px) {
    .breadcrumb ul li a {
        line-height: 15px
    }
}

.group-paging {
    padding: 10px 0 10px 15px;
    display: inline-block;
    width: 100%
}

@media (max-width: 991px) {
    .group-paging .paging-top {
        display: none
    }
}

.group-paging .count-item-page, .group-paging .search-facet-layout-switcher {
    float: left
}

.group-paging .count-item-page {
    margin-right: 30px
}
.group-paging .count-item-page span {
    font-weight: 700
}

@media (max-width: 1199px) {
    .group-paging .search-facet-layout-switcher {
        display: none
    }
}

.group-paging .search-facet-layout-switcher .facet {
    float: left;
    padding: 0 3px
}

.group-paging .search-facet-layout-switcher .facet .fa {
    font-size: 1.25rem;
    color: #5e5e5e
}

.group-paging .title-facet {
    height: 100%;
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 15px
}

.group-paging .paging {
    float: right
}

.group-paging .paging ul li {
    float: left
}

.group-paging .paging ul li:hover a, .group-paging .paging ul li.active a {
    color: #fff;
    background-color: #111
}

.group-paging .paging ul li a {
    text-decoration: none;
    color: #111;
    width: 30px;
    height: 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10px;
    border: 1px solid #111
}

.tooltip > .tooltip-inner {
    font-size: .625rem
}

.cartbottom {
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 7;
    border-top: 1px solid #ddd;
    background-color: #fff;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px
}

@media (max-width: 1199px) {
    .cartbottom {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.cartbottom .cartdis {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cartbottom .cartdis .listitemcart {
    width: 50%;
    float: left
}

@media (max-width: 543px) {
    .cartbottom .cartdis .listitemcart {
        width: 40%
    }
}

.cartbottom .cartdis .listitemcart ul {
    float: left
}

.cartbottom .cartdis .listitemcart ul li {
    float: left;
    padding-right: 10px;
    width: calc(100% / 3);
    position: relative
}

.cartbottom .cartdis .listitemcart ul li:first-child {
    padding-left: 0
}

.cartbottom .cartdis .listitemcart ul li:last-child {
    margin-right: 0
}

.cartbottom .cartdis .listitemcart ul li img {
    width: 100%
}

.cartbottom .cartdis .listitemcart ul li span {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cartbottom .cartdis .pricebuy {
    width: 50%;
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 543px) {
    .cartbottom .cartdis .pricebuy {
        width: 60%
    }
}

.cartbottom .cartdis .pricebuy a {
    width: 50%;
    float: left;
    font-size: .6875rem
}

.cartbottom .cartdis .pricebuy #hd_totalprice {
    width: 50%;
    float: left;
    font-size: .75rem;
    font-weight: 700
}

.modal-open {
    padding-right: 0 !important
}

header {
    border-bottom: 1px solid #c4c4c4
}

@media (max-width: 1199px) {
    header {
        border-bottom: none
    }
}

header .top-header .custom-alert {
    margin-bottom: 0;
    text-align: center;
    color: #fff;
    background-color: red;
    font-size: .875rem;
    border-radius: 0
}

@media (min-width: 1200px) {
    header .top-header .custom-alert {
        font-size: .6875rem
    }
}

@media (min-width: 1440px) {
    header .top-header .custom-alert {
        font-size: .75rem
    }
}

@media (min-width: 1820px) {
    header .top-header .custom-alert {
        font-size: 1rem
    }
}

header .top-header .custom-alert .close {
    color: #fff;
    text-decoration: none;
    opacity: 1;
    font-weight: 400
}

header .top-header .custom-alert .link {
    color: #fff;
    text-decoration: underline;
    font-weight: 700
}

header .main-header {
    text-align: center;
    background-color: #000;
    position: relative;
    z-index: 10;
    color: #fff;
}


@media (max-width: 1199px) {
    header .main-header {
        border-bottom: 1px solid #c4c4c4;
        padding: 0;
        text-align: left
    }

    header .main-header.fixed-header {
        -webkit-transform: translate3d(0, 0, 0);
        -khtml-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
        width: 100%;
        position: fixed
    }
}

@media (min-width: 1200px) {
    header .main-header {
        padding: 0;
    }
}

.btn-showmenu {
    display: none;
    float: left;
    margin: 24px 0;
    width: 20px;
    height: 16px;
    position: relative;
    z-index: 110
}

.btn-showmenu span {
    display: block;
    width: 24px;
    height: 2px;
    width: 100%;
    background: #111;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all, .3s;
    transition: all, .3s
}

.btn-showmenu:before {
    content: "";
    display: block;
    height: 2px;
    background: #111;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    -webkit-transition: all, .3s;
    transition: all, .3s
}

.btn-showmenu:after {
    content: "";
    display: block;
    height: 2px;
    background: #111;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all, .3s;
    transition: all, .3s
}

.btn-showmenu.active span {
    opacity: 0
}

.btn-showmenu.active:before {
    -webkit-transform: translateY(-50%) rotateZ(45deg);
    -khtml-transform: translateY(-50%) rotateZ(45deg);
    transform: translateY(-50%) rotateZ(45deg);
    top: 50%
}

.btn-showmenu.active:after {
    -webkit-transform: translateY(50%) rotateZ(-45deg);
    -khtml-transform: translateY(50%) rotateZ(-45deg);
    transform: translateY(50%) rotateZ(-45deg);
    bottom: 50%
}

@media (max-width: 1199px) {
    .btn-showmenu {
        display: block
    }
}

@media (max-width: 1199px) {
    header .main-header .group-hotline {
        display: none
    }
}

header .main-header .group-hotline .hotline {
    float: left;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1200px) {
    header .main-header .group-hotline .hotline {
        font-size: .6875rem
    }
}

@media (min-width: 1440px) {
    header .main-header .group-hotline .hotline {
        font-size: .75rem
    }
}

@media (min-width: 1820px) {
    header .main-header .group-hotline .hotline {
        font-size: 1rem
    }
}

header .main-header .group-hotline .hotline > span {
    font-weight: 700
}

@media (max-width: 1199px) {
    header .main-header .logo {
        text-align: left;
        float: left;
        padding: 20px 0;
        margin-left: 35px;
        position: relative;
        z-index: 110
    }
}

@media (max-width: 991px) {
    header .main-header .logo {
        padding: 0;
    }
}

@media (max-width: 767px) {
    header .main-header .logo {
        margin-left: 15px
    }
}

@media (max-width: 543px) {
    header .main-header .logo {
        margin-left: 10px;
        float: right;
    }
}
@media screen and (max-width: 480px) {
    .main-header .menuMobileLeft{
        width: 58% !important;
    }
}
header .main-header .logo img {
    height: 90px !important;
    width: 200px;
    object-fit: contain;
}

@media (max-width: 991px) {
    header .main-header .logo img {
        height: 25px !important;
        width: auto !important;
    }
}

@media (max-width: 767px) {
    header .main-header .logo img {
        height: 21px !important;
        width: auto !important;
    }
}

@media (max-width: 543px) {
    header .main-header .logo img {
        height: 65px !important;
        width: auto !important;
    }
}

@media (min-width: 1200px) {
    header .main-header .logo img {
        height: 25px
    }
}

@media (min-width: 1440px) {
    header .main-header .logo img {
        height: 27px
    }
}

@media (min-width: 1820px) {
    header .main-header .logo img {
        height: 35px
    }
}

header .main-header .tool {
    float: right;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1199px) {
    header .main-header .tool {
        padding: 20px 0;
        font-size: .875rem
    }
}

@media (max-width: 767px) {
    header .main-header .tool {
        font-size: .75rem
    }
}

@media (min-width: 1200px) {
    header .main-header .tool {
        font-size: .6875rem
    }
}

@media (min-width: 1440px) {
    header .main-header .tool {
        font-size: .75rem
    }
}

@media (min-width: 1820px) {
    header .main-header .tool {
        font-size: 1rem
    }
}

header .menuwrap .tool .cart, header .menuwrap .tool .wishlist, header .menuwrap .tool .myaccount, header .menuwrap .tool .search, header .menuwrap .tool .search-icon {
    float: right;
    margin-right: 20px;
    position: relative
}

@media (max-width: 767px) {
    header .menuwrap .tool .cart, header .menuwrap .tool .wishlist, header .menuwrap .tool .myaccount, header .menuwrap .tool .search, header .menuwrap .tool .search-icon {
        margin-right: 15px
    }
}

header .menuwrap .tool .cart span, header .menuwrap .tool .wishlist span, header .menuwrap .tool .myaccount span, header .menuwrap .tool .search span, header .menuwrap .tool .search-icon span {
    position: absolute;
    top: -5px;
    right: -13px;
    background-color: #000;
    width: 17px;
    height: 17px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    border-radius: 100%
}

@media (max-width: 1199px) {
    header .menuwrap .tool .cart span, header .menuwrap .tool .wishlist span, header .menuwrap .tool .myaccount span, header .menuwrap .tool .search span, header .menuwrap .tool .search-icon span {
        font-size: .625rem
    }
}

@media (max-width: 767px) {
    header .menuwrap .tool .cart span, header .menuwrap .tool .wishlist span, header .menuwrap .tool .myaccount span, header .menuwrap .tool .search span, header .menuwrap .tool .search-icon span {
        font-size: .5rem
    }
}

@media (min-width: 1200px) {
    header .menuwrap .tool .cart span, header .menuwrap .tool .wishlist span, header .menuwrap .tool .myaccount span, header .menuwrap .tool .search span, header .menuwrap .tool .search-icon span {
        font-size: .5rem
    }
}

@media (min-width: 1440px) {
    header .menuwrap .tool .cart span, header .menuwrap .tool .wishlist span, header .menuwrap .tool .myaccount span, header .menuwrap .tool .search span, header .menuwrap .tool .search-icon span {
        font-size: .5625rem
    }
}

@media (min-width: 1820px) {
    header .menuwrap .tool .cart span, header .menuwrap .tool .wishlist span, header .menuwrap .tool .myaccount span, header .menuwrap .tool .search span, header .menuwrap .tool .search-icon span {
        font-size: .625rem
    }
}

header .menuwrap .tool .myaccount {
    cursor: pointer;
    position: relative
}

@media (max-width: 1199px) {
    header .menuwrap .tool .myaccount {
        margin-top: 5px
    }
}

@media (max-width: 991px) {
    header .menuwrap .tool .myaccount {
        display: none
    }
}

header .menuwrap .tool .myaccount:hover .list-login {
    display: block
}

header .menuwrap .tool .myaccount .myaccounttoggle {
    text-decoration: none;
    color: #111
}

header .menuwrap .tool .myaccount .myaccounttoggle img {
    margin-right: 5px;
}

header .menuwrap .tool .myaccount .list-login {
    position: absolute;
    top: calc(100% - 1px);
    left: -65px;
    z-index: 110;
    min-width: 150px;
    padding: 9px 10px;
    display: none;
    font-size: .75rem
}

header .menuwrap .tool .myaccount .list-login .login {
    box-shadow: 0 0 10px #777;
    position: relative;
    background-color: #fff;
}

header .menuwrap .tool .myaccount .list-login .login:before {
    border: 9px solid transparent;
    border-bottom: 9px solid #fff;
    margin-left: -9px;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    bottom: 100%;
    left: 50%
}

header .menuwrap .tool .myaccount .list-login li {
    margin: 8px 0;
}

header .menuwrap .tool .myaccount .list-login li a {
    display: block;
    padding: 13px 15px;
    text-decoration: none;
    color: #111;
    text-align: left;
    text-transform: uppercase;
}
header .menuwrap .tool .myaccount .list-login li a:hover {
    color: #000;
    font-weight: 600;
}
header .menuwrap .tool .myaccount .list-login li.facebook a {
    background-color: #3b5998;
    color: #fff
}

header .menuwrap .tool .myaccount .list-login li.google a {
    background-color: red;
    color: #fff
}

header .menuwrap .tool .myaccount .list-login li.zalo a {
    background-color: #008fe5;
    color: #fff
}

header .menuwrap .tool .search-icon {
    display: none;
    width: 18px
}

@media (max-width: 991px) {
    header .menuwrap .tool .search-icon {
        display: block
    }
}

header .menuwrap .tool .search-icon img {
    width: 100%
}

header .menuwrap .tool .search {
    margin-top: 0
}

@media (max-width: 1199px) {
    header .menuwrap .tool .search {
        margin-top: 0
    }
}

@media (max-width: 991px) {
    header .menuwrap .tool .search {
        display: none
    }
}

header .menuwrap .tool .search .searchwrap {
    border: 1px solid gray;
    padding: 1px 8px;
    border-radius: 10px
}

header .menuwrap .tool .search .searchwrap input {
    border: none;
    padding: 5px;
    width: 110px
}

@media (min-width: 1200px) {
    header .menuwrap .tool .search .searchwrap input {
        width: 80px
    }
}

@media (min-width: 1440px) {
    header .menuwrap .tool .search .searchwrap input {
        width: 100px
    }
}

@media (min-width: 1820px) {
    header .menuwrap .tool .search .searchwrap input {
        font-size: .625rem
    }
}

header .menuwrap .tool .search .searchwrap input:focus {
    width: 160px
}

@media (min-width: 1200px) {
    header .menuwrap .tool .search .searchwrap input:focus {
        width: 120px
    }
}

@media (min-width: 1440px) {
    header .menuwrap .tool .search .searchwrap input:focus {
        width: 140px
    }
}

@media (min-width: 1820px) {
    header .menuwrap .tool .search .searchwrap input:focus {
        width: 160px
    }
}

header .search-mobi {
    -webkit-transform: translate(0, -100%);
    -khtml-transform: translate(0, -100%);
    transform: translate(0, -100%);
    display: none
}

@media (max-width: 1199px) {
    header .search-mobi {
        display: none;
        opacity: 0;
        position: relative;
        z-index: 1;
        margin-top: 0;
        height: 0;
        -webkit-transition: all, .5s;
        transition: all, .5s
    }
}

header .search-mobi.active {
    -webkit-transition: all, .5s;
    transition: all, .5s;
    height: 38px;
    opacity: 1;
    display: block;
    -webkit-transform: translate(0);
    -khtml-transform: translate(0);
    transform: translate(0)
}

header .search-mobi .searchwrap {
    border-top: 1px solid #b3b3b3;
    padding: 5px 8px;
    background: #fff;
    color: #000;
}

header .search-mobi .searchwrap input {
    border: none;
    padding: 5px;
    width: calc(100% - 25px)
}

@media (max-width: 1199px) {
    header .menuwrap .menu {
        display: none;
        width: 35%;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 11;
        background: #fff;
        padding: 70px 0 30px;
        margin-top: 0;
        overflow: auto;
        -webkit-transform: translateX(-200%);
        -khtml-transform: translateX(-200%);
        transform: translateX(-200%);
        -webkit-transition: all, .5s;
        transition: all, .5s
    }

    header .menuwrap .menu.open {
        display: block;
        -webkit-transform: translateX(0%);
        -khtml-transform: translateX(0%);
        transform: translateX(0%)
    }

    header .menuwrap .menu.discroll {
        overflow: hidden
    }
}

@media (max-width: 991px) {
    header .menuwrap .menu {
        width: 45%
    }
}

@media (max-width: 767px) {
    header .menuwrap .menu {
        width: 50%
    }
}

@media (max-width: 543px) {
    header .menuwrap .menu {
        width: 100%
    }
}

header .menuwrap .menu .menulink {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: justify;
    justify-content: center;
    margin: 30px 0 0 0;
}

@media (max-width: 1199px) {
    header .menuwrap .menu .menulink {
        display: block;
        margin-top: 1px;
        margin-bottom: 0;
    }
}

@media (max-width: 1199px) {
    header .menuwrap .menu .menulink li a {
        padding: 10px 20px !important;
        display: block;
        border-bottom: 1px solid #ddd;
    }
}

header .menuwrap .menu .menulink > li {
    position: relative;
    padding: 0 7px;
    text-transform: uppercase;
}

header .menuwrap .menu .menulink > li > a {
    text-decoration: none;
    color: #111;
    padding-bottom: 5px;
}

@media (min-width: 1200px) {
    header .menuwrap .menu .menulink > li > a {
        font-size: .8125rem
    }

    header .menuwrap .menu .menulink > li .sub ul li a {
        font-size: 0.765rem;
    }
}

@media (min-width: 1440px) {
    header .menuwrap .menu .menulink > li > a {
        font-size: .875rem;
    }

    header .menuwrap .menu .menulink > li .sub ul li a {
        font-size: 0.875rem;
    }
}

@media (min-width: 1820px) {
    header .menuwrap .menu .menulink > li > a {
        font-size: 1.2rem;
    }
}

header .menuwrap .menu .menulink > li > a:hover {
    font-weight: 600;
}

header .menuwrap .menu .menulink > li.hassub .btn-showsub {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    text-align: center;
    font-size: 1.75rem;
    -webkit-transition: all, .3s;
    transition: all, .3s;
}

@media (max-width: 1199px) {
    header .menuwrap .menu .menulink > li.hassub .btn-showsub {
        display: block;
    }
}

header .menuwrap .menu .menulink > li.hassub .btn-closesub {
    display: none;
    text-align: center;
    font-size: 1.25rem;
    padding: 11px 0;
    border-top: 1px solid #c4c4c4
}

header .menuwrap .menu .menulink > li.hassub .btn-closesub .fa {
    float: left;
    margin-left: 15px;
    font-size: 1.75rem;
}

@media (max-width: 1199px) {
    header .menuwrap .menu .menulink > li.hassub .btn-closesub {
        display: block;
    }
}

header .menuwrap .menu .menulink > li:hover .sub {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    display: block
}

@media (min-width: 1200px) {
    header .menuwrap .menu .menulink > li .sub {
        position: absolute;
        top: calc(100% + 5px);
        z-index: 3;
        -webkit-transition: all, .3s;
        transition: all, .3s;
        visibility: hidden;
        opacity: 0;
        margin-top: 10px;
        background: #fff;
        min-width: 200px;
    }
}

@media (max-width: 1199px) {
    header .menuwrap .menu .menulink > li .sub {
        width: 100%;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 120;
        box-shadow: none;
        background: #fff;
        -webkit-transform: translateX(100%);
        -khtml-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all, .25s;
        transition: all, .25s;
        padding: 70px 0 30px
    }

    header .menuwrap .menu .menulink > li .sub.open {
        -webkit-transform: translateX(0%);
        -khtml-transform: translateX(0%);
        transform: translateX(0%)
    }

    header .menuwrap .menu .menulink > li .sub.open > ul {
        border-top: 1px solid #c4c4c4;
    }
}

header .menuwrap .menu .menulink > li .sub ul li {
    padding: 10px 20px
}

@media (max-width: 1199px) {
    header .menuwrap .menu .menulink > li .sub ul li {
        padding: 0
    }
}

header .menuwrap .menu .menulink > li .sub ul li.level1:hover > a > span{
    color: #000;
    font-weight: 600;
}

header .menuwrap .menu .menulink > li .sub ul li a {
    display: block;
    text-decoration: none;
    color: #111
}

header .menuwrap .menu .group-login {
    display: none
}

@media (max-width: 1199px) {
    header .menuwrap .menu .group-login.mobi {
        display: block
    }
}

header .menuwrap .menu .group-login .no-login ul li:first-child a {
    border-top: 2px solid #111
}

header .menuwrap .menu .group-login .no-login ul li a {
    text-decoration: none;
    color: #111;
    text-align: center;
    display: block;
    padding: 8px 0;
    font-size: 1rem;
    border-bottom: 1px solid #c4c4c4
}

header .menuwrap .menu .group-login .login li {
    border-bottom: 1px solid #c4c4c4
}

header .menuwrap .menu .group-login .login a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: #111
}

header .menuwrap .menu .group-login .login a.logout {
    display: block;
    padding: 10px 15px
}

header .menuwrap .menu .group-login .login a .fa {
    float: right;
    padding: 0 10px;
    font-size: 1.875rem
}

header .menuwrap .menu .group-login .login .avatar {
    float: left;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    margin: 10px 15px;
    border: 1px solid #c4c4c4
}

header .menuwrap .menu .group-login .login .avatar img {
    border-radius: 100%
}

header .menuwrap .menu .group-login .login .name {
    float: left;
    width: calc(100% - 80px)
}

header .menuwrap .menu .group-login .login .name > span {
    font-weight: 700
}

footer {
    background-color: #fff;
    border-top: 1px solid #f2f2f2;
}

@media (max-width: 1199px) {
    footer {
        padding: 20px 0
    }
}

@media (min-width: 1200px) {
    footer {
        padding: 6px 0 20px
    }
}

@media (min-width: 1440px) {
    footer {
        padding: 14px 0 30px
    }
}

@media (min-width: 1820px) {
    footer {
        padding: 30px 0 20px
    }
}

@media (max-width: 1199px) {
    footer .newsletter {
        text-align: center
    }
}

footer .newsletter .titleletter {
    text-transform: uppercase
}

@media (max-width: 1199px) {
    footer .newsletter .titleletter {
        font-size: 1rem;
        padding: 0 0 14px
    }
}

@media (min-width: 1200px) {
    footer .newsletter .titleletter {
        font-size: 20px;
        padding: 14px 0;
    }
}

@media (min-width: 1440px) {
    footer .newsletter .titleletter {
        font-size: 1rem;
        padding: 16px 0
    }
}

@media (min-width: 1820px) {
    footer .newsletter .titleletter {
        font-size: 1.25rem;
        padding: 20px 0
    }
}

footer .newsletter .subscribefrm input {
    float: left;
    border-radius: 0
}

@media (max-width: 1199px) {
    footer .newsletter .subscribefrm input {
        width: 100%;
        padding: 6px 15px
    }
}

@media (max-width: 767px) {
    footer .newsletter .subscribefrm input {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    footer .newsletter .subscribefrm input {
        width: 100%;
        padding: 6px 15px
    }
}

@media (min-width: 1440px) {
    footer .newsletter .subscribefrm input {
        width: 100%;
        padding: 6px 15px
    }
}

@media (min-width: 1820px) {
    footer .newsletter .subscribefrm input {
        width: 100%;
        padding: 9px 15px
    }
}

footer .newsletter .subscribefrm .subscribebutton {
    text-transform: uppercase;
    font-weight: 700;
    padding: 0 8px;
    color: #fff;
    float: left;
    background-color: #000
}

@media (max-width: 1199px) {
    footer .newsletter .subscribefrm .subscribebutton {
        font-size: .75rem;
        /*width: 100px;*/
        height: 32px
    }
}

@media (max-width: 1199px) {
    footer .newsletter .subscribefrm .subscribebutton {
        font-size: .75rem;
        width: 80px;
        height: 32px
    }
}

@media (min-width: 1200px) {
    footer .newsletter .subscribefrm .subscribebutton {
        font-size: .6875rem;
        width: 80px;
        height: 32px
    }
}

@media (min-width: 1440px) {
    footer .newsletter .subscribefrm .subscribebutton {
        font-size: .75rem;
        width: 100px;
        height: 32px
    }
}

@media (min-width: 1820px) {
    footer .newsletter .subscribefrm .subscribebutton {
        font-size: 1rem;
        /*width: 154px;*/
        height: 38px
    }
}

footer .newsletter .alert-mess-subcri {
    font-size: .75rem;
    margin: 10px 0;
    font-weight: 700
}

@media (max-width: 1199px) {
    footer .newsletter .social {
        margin: 20px 0
    }
}

@media (min-width: 1200px) {
    footer .newsletter .social {
        margin: 15px 0
    }
}

@media (min-width: 1440px) {
    footer .newsletter .social {
        margin: 15px 0
    }
}

@media (min-width: 1820px) {
    footer .newsletter .social {
        margin: 30px 0
    }
}

footer .newsletter .social .title-social {
    text-transform: uppercase;
    float: left;
    margin-right: 15px;
    padding: 2px 0
}

@media (max-width: 1199px) {
    footer .newsletter .social .title-social {
        font-size: .75rem;
        padding: 5px 0
    }
}

@media (min-width: 1200px) {
    footer .newsletter .social .title-social {
        font-size: .6875rem
    }
}

@media (min-width: 1440px) {
    footer .newsletter .social .title-social {
        font-size: .75rem
    }
}

@media (min-width: 1820px) {
    footer .newsletter .social .title-social {
        font-size: .9375rem
    }
}

footer .newsletter .social .item-social {
    display: inline-block;
    position: relative;
    margin-right: 18px
}

footer .social .item-social {
    margin-right: 9px !important
}

@media (max-width: 1199px) {
    footer .newsletter .bct img {
        width: 120px
    }
}

@media (min-width: 1200px) {
    footer .newsletter .bct img {
        width: 154px
    }
}

@media (min-width: 1820px) {
    footer .newsletter .bct img {
        width: 194px
    }
}

footer .group-col.col-1 {
    padding-left: 25px
}

@media (max-width: 1199px) {
    footer .group-col.col-1 {
        padding-left: 0
    }
}

footer .group-col .title-footer {
    text-transform: uppercase;
    font-weight: 700
}

@media (max-width: 1199px) {
    footer .group-col .title-footer {
        font-size: .875rem;
        padding: 14px 0
    }
}

@media (min-width: 1200px) {
    footer .group-col .title-footer {
        font-size: .8125rem;
        padding: 14px 0
    }
}

@media (min-width: 1440px) {
    footer .group-col .title-footer {
        font-size: .9375rem;
        padding: 16px 0
    }
}

@media (min-width: 1820px) {
    footer .group-col .title-footer {
        font-size: 1.25rem;
        padding: 20px 0
    }
}

footer .group-col ul li {
    padding-bottom: 5px
}

footer .group-col ul li a {
    text-decoration: none;
    color: #111
}

@media (max-width: 1199px) {
    footer .group-col ul li a {
        font-size: .75rem
    }
}

@media (min-width: 1200px) {
    footer .group-col ul li a {
        font-size: .6875rem
    }
}

@media (min-width: 1440px) {
    footer .group-col ul li a {
        font-size: .75rem
    }
}

@media (min-width: 1820px) {
    footer .group-col ul li a {
        font-size: .9375rem
    }
}

footer .group-col ul li a:hover {
    text-decoration: underline
}

footer .group-col .name-location {
    padding-bottom: 3px
}

@media (max-width: 1199px) {
    footer .group-col .name-location {
        font-size: .75rem
    }
}

@media (min-width: 1200px) {
    footer .group-col .name-location {
        font-size: .6875rem
    }
}

@media (min-width: 1440px) {
    footer .group-col .name-location {
        font-size: .75rem
    }
}

@media (min-width: 1820px) {
    footer .group-col .name-location {
        font-size: .9375rem
    }
}

footer .group-col .add-location {
    color: #777;
    margin-bottom: 5px
}

@media (max-width: 1199px) {
    footer .group-col .add-location {
        font-size: .75rem
    }
}

@media (min-width: 1200px) {
    footer .group-col .add-location {
        line-height: 1.2;
        font-size: .6875rem
    }
}

@media (min-width: 1440px) {
    footer .group-col .add-location {
        line-height: 1.5;
        font-size: .75rem
    }
}

@media (min-width: 1820px) {
    footer .group-col .add-location {
        line-height: normal;
        font-size: .9375rem
    }
}

footer .more-location {
    text-transform: uppercase;
    color: #111;
    text-decoration: underline
}

@media (max-width: 1199px) {
    footer .more-location {
        font-size: .75rem
    }
}

@media (min-width: 1200px) {
    footer .more-location {
        font-size: .6875rem
    }
}

@media (min-width: 1440px) {
    footer .more-location {
        font-size: .75rem
    }
}

@media (min-width: 1820px) {
    footer .more-location {
        font-size: .9375rem
    }
}

footer .more-location > img {
    margin-right: 5px;
    margin-top: -5px
}

footer .info-cp {
    text-align: center
}

@media (max-width: 767px) {
    footer .info-cp {
        border-top: 1px solid #111;
        padding-top: 15px
    }
}

@media (max-width: 1199px) {
    footer .info-cp {
        margin-top: 20px;
        font-size: .75rem
    }
}

@media (min-width: 1200px) {
    footer .info-cp {
        font-size: 12px;
        margin-top: 20px
    }
}

@media (min-width: 1440px) {
    footer .info-cp {
        font-size: .75rem;
        margin-top: 30px
    }
}

@media (min-width: 1820px) {
    footer .info-cp {
        font-size: .9375rem;
        margin-top: 40px
    }
}

footer .info-cp p {
    margin: 5px 0
}

footer .info-cp span {
    font-weight: 700
}

.homepage {
}

.homepage .title-group {
    text-align: center
}

@media (max-width: 1199px) {
    .homepage .title-group {
        font-size: 1.25rem;
        margin: 24px 0
    }
}

@media (min-width: 1200px) {
    .homepage .title-group {
        font-size: 1.375rem;
        margin: 26px 0
    }
}

@media (min-width: 1440px) {
    .homepage .title-group {
        font-size: 1.625rem;
        margin: 30px 0
    }
}

@media (min-width: 1820px) {
    .homepage .title-group {
        font-size: 1.875rem;
        margin: 50px 0
    }
}

.homepage .mainbanner .mainslide .carousel-control-prev, .homepage .mainbanner .mainslide .carousel-control-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 1199px) {
    .homepage .mainbanner .mainslide .carousel-control-prev img, .homepage .mainbanner .mainslide .carousel-control-next img {
        width: 15px
    }
}

@media (min-width: 1200px) {
    .homepage .mainbanner .mainslide .carousel-control-prev img, .homepage .mainbanner .mainslide .carousel-control-next img {
        width: 16px;
        filter: invert(50%);
    }
}

@media (min-width: 1440px) {
    .homepage .mainbanner .mainslide .carousel-control-prev img, .homepage .mainbanner .mainslide .carousel-control-next img {
        width: 20px
    }
}

@media (min-width: 1820px) {
    .homepage .mainbanner .mainslide .carousel-control-prev img, .homepage .mainbanner .mainslide .carousel-control-next img {
        width: 100%
    }
}

.homepage .mainbanner .mainslide .carousel-control-next {
    right: 10px;
    padding: 10px 20px;
}

.homepage .mainbanner .mainslide .carousel-control-prev {
    left: 10px;
    padding: 10px 20px;
}

.homepage .mainbanner .mainslide .carousel-indicators li {
    width: 12px;
    height: 12px;
    margin: 2px;
    border-color: #111;
    background-color: #fff
}

.homepage .mainbanner .mainslide .carousel-indicators li.active {
    background-color: #111
}

.homepage .mainbanner .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%
}

@media (max-width: 1199px) {
    .homepage .mainbanner .owl-nav {
        display: none
    }
}

@media (max-width: 1199px) {
    .homepage .mainbanner .owl-nav img {
        width: 15px
    }
}

@media (min-width: 1200px) {
    .homepage .mainbanner .owl-nav img {
        width: 16px
    }
}

@media (min-width: 1440px) {
    .homepage .mainbanner .owl-nav img {
        width: 20px
    }
}

@media (min-width: 1820px) {
    .homepage .mainbanner .owl-nav img {
        width: 100%
    }
}

.homepage .mainbanner .owl-nav .owl-prev {
    float: left;
    margin-left: 30px
}

.homepage .mainbanner .owl-nav .owl-next {
    float: right;
    margin-right: 30px
}

.homepage .mainbanner .owl-dots {
    position: absolute;
    bottom: 5px;
    width: 100%;
    text-align: center
}

.homepage .mainbanner .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    border: 1px solid #111;
    display: inline-block;
    margin: 5px;
    background-color: #fff
}

.homepage .mainbanner .owl-dots .owl-dot.active {
    background-color: #111
}

.homepage .colection figure {
    position: relative
}

.homepage .colection figure a {
    display: block
}

.homepage .colection figure a > img {
    width: 100%
}

.homepage .colection figure:hover figcaption {
    opacity: 1
}

.homepage .colection figure figcaption {
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

@media (max-width: 767px) {
    .homepage .colection figure figcaption {
        opacity: 1
    }
}

.homepage .colection figure figcaption a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.15)
}

@media (max-width: 1199px) {
    .homepage .colection figure figcaption a {
        font-size: 1.375rem
    }
}

@media (max-width: 991px) {
    .homepage .colection figure figcaption a {
        font-size: 1rem;
        text-align: center
    }
}

@media (min-width: 1200px) {
    .homepage .colection figure figcaption a {
        font-size: 1.5rem
    }
}

@media (min-width: 1440px) {
    .homepage .colection figure figcaption a {
        font-size: 1.625rem
    }
}

@media (min-width: 1820px) {
    .homepage .colection figure figcaption a {
        font-size: 1.875rem
    }
}

.homepage .category .listcate {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media (max-width: 1199px) {
    .homepage .category .listcate {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.homepage .category .listcate li {
    text-align: center
}

@media (max-width: 1199px) {
    .homepage .category .listcate li {
        width: calc(100% / 3);
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .homepage .category .listcate li {
        width: calc(100% / 2)
    }
}

.homepage .category .listcate li a {
    text-decoration: none;
    color: #111
}

@media (max-width: 1199px) {
    .homepage .category .listcate li a {
        font-size: 1rem
    }
}

@media (min-width: 1200px) {
    .homepage .category .listcate li a {
        font-size: 1.125rem
    }
}

@media (min-width: 1440px) {
    .homepage .category .listcate li a {
        font-size: 1.25rem
    }
}

@media (min-width: 1820px) {
    .homepage .category .listcate li a {
        font-size: 1.5rem
    }
}

.homepage .category .listcate li a:hover .title-cate {
    opacity: 1
}

@media (max-width: 1199px) {
    .homepage .category .listcate li a img {
        width: 40%
    }
}

@media (max-width: 767px) {
    .homepage .category .listcate li a img {
        width: 50%
    }
}

@media (max-width: 543px) {
    .homepage .category .listcate li a img {
        width: 60%
    }
}

@media (min-width: 1200px) {
    .homepage .category .listcate li a img {
        width: 100%
    }
}

@media (min-width: 1440px) {
    .homepage .category .listcate li a img {
        width: 1000%
    }
}

@media (min-width: 1820px) {
    .homepage .category .listcate li a img {
        width: 100%
    }
}

.homepage .category .listcate li a .title-cate {
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

@media (max-width: 1199px) {
    .homepage .category .listcate li a .title-cate {
        opacity: 1;
        margin-top: 10px
    }
}

@media (min-width: 1200px) {
    .homepage .category .listcate li a .title-cate {
        margin: 12px 0
    }
}

@media (min-width: 1440px) {
    .homepage .category .listcate li a .title-cate {
        margin: 15px 0
    }
}

@media (min-width: 1820px) {
    .homepage .category .listcate li a .title-cate {
        margin: 30px 0
    }
}

.homepage .event {
    text-align: center;
    margin: 15px 0
}

.homepage .event a {
    display: block
}

.homepage .event > img {
    max-width: 100%
}

#categories .group-paging {
    padding-top: 0
}
@media (min-width: 1200px) {
    #categories .group-paging .count-item-page {
        font-size: 1rem
    }
}
#categories .group-paging .show-filter {
    float: left;
    display: none;
    padding: 3px 15px;
    border: 1px solid #111
}

#categories .group-paging .show-filter .fa {
    margin-right: 5px
}

#categories .group-paging .show-filter:hover {
    background-color: #111;
    color: #fff
}

@media (max-width: 1199px) {
    #categories .group-paging .show-filter {
        display: block
    }
}

#categories .group-paging .search-facet-layout-switcher {
    padding-top: 5px
}

@media (max-width: 1199px) {
    #categories .group-paging .search-facet-layout-switcher {
        display: none
    }
}

#categories .group-paging .search-facet-layout-switcher .facet {
    cursor: pointer
}

#categories .group-paging .search-facet-layout-switcher .facet .line-col {
    position: relative;
    width: 7px;
    display: inline-block;
    height: 16px;
    margin: 2px 1px 0;
    background-color: #b3b3b3
}

#categories .group-paging .search-facet-layout-switcher .facet:hover .line-col, #categories .group-paging .search-facet-layout-switcher .facet.active .line-col {
    background-color: #111
}

#categories .group-paging .search-facet-layout-switcher .facet:hover .fa {
    color: #111
}

@media (max-width: 991px) {
    #categories .group-paging .paging-top {
        display: none
    }
}

#categories .listproduct {
    width: calc(100% + 30px);
    margin: 0 -30px;
}
#categories .listproduct .item {
    width: calc(100% / 3 - 1px);
    float: left;
    padding: 0 15px;
    -webkit-transition: all, .5s;
    transition: all, .5s
}

@media (max-width: 991px) {
    #categories .listproduct .item {
        width: 50%
    }
}

@media (max-width: 543px) {
    #categories .listproduct .item {
        width: 50%;
    }
}

#categories .listproduct .item.col-2 {
    width: 50%;
    -webkit-transition: all, .5s;
    transition: all, .5s
}

@media (max-width: 1199px) {
    .filter {
        position: fixed;
        top: 0;
        bottom: 0;
        left: -100%;
        width: 30%;
        z-index: 10;
        background-color: #fff;
        overflow-y: scroll;
        -webkit-transition: all, .8s;
        transition: all, .8s
    }

    .filter .title-filter {
        padding: 10px
    }

    .filter .group-filter {
        padding: 0 15px
    }
}

@media (max-width: 991px) {
    .filter {
        width: 40%
    }
}

@media (max-width: 767px) {
    .filter {
        width: 60%
    }
}

@media (max-width: 543px) {
    .filter {
        width: 100%
    }
}

.filter.open-filter {
    -webkit-transition: all, .8s;
    transition: all, .8s;
    position: fixed;
    top: 0;
    left: 0
}

.filter .close-filter {
    display: none;
    color: #fff;
    opacity: 1;
    text-shadow: none;
    margin-top: -4px;
    float: right;
    font-size: 1.125rem
}

@media (max-width: 1199px) {
    .filter .close-filter {
        display: block
    }
}

.filter .title-filter {
    background-color: #eaeaea;
    color: #111;
    padding: 5px 15px;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 600
}

@media (max-width: 1199px) {
    .filter .title-filter {
        font-size: .75rem;
        padding: 10px 20px
    }
}

@media (min-width: 1200px) {
    .filter .title-filter {
        font-size: .875rem
    }
}

@media (min-width: 1440px) {
    .filter .title-filter {
        font-size: .875rem
    }
}

.filter .title-group-filter {
    font-size: .875rem;
    text-transform: uppercase;
    padding: 15px 15px 15px 0;
    font-weight: 600
}

@media (max-width: 1199px) {
    .filter .title-group-filter {
        font-size: .75rem
    }
}

@media (min-width: 1200px) {
    .filter .title-group-filter {
        font-size: .6875rem
    }
}

@media (min-width: 1440px) {
    .filter .title-group-filter {
        font-size: .8125rem
    }
}

@media (min-width: 1820px) {
    .filter .title-group-filter {
        font-size: .875rem
    }
}

.filter .title-group-filter.show .buttontoggle {
    -webkit-transform: rotate(-90deg);
    -khtml-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.filter .title-group-filter .buttontoggle {
    float: right;
    -webkit-transition: all, .5s;
    transition: all, .5s
}

.filter .title-group-filter .buttontoggle .fa {
    font-weight: 700;
    font-size: 1.25rem
}

.filter .rangePrice {
    display: block;
    width: 100%;
    padding: 0 25px 0 20px
}

.filter .group-filter {
    border-bottom: 1px solid #c4c4c4
}

.filter .group-filter:last-child {
    border-bottom: none
}

.filter .group-filter .content-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 15px;
    -webkit-transition: all, .5s;
    transition: all, .5s
}

.filter .group-filter .content-group.active {
    display: none
}

.filter .group-filter .content-group .item-filter:hover label {
    font-weight: 700
}

.filter .group-filter .content-group .item-filter.col-2 {
    width: 50%;
    float: left
}

.filter .group-filter .content-group .item-filter .form-check-input {
    margin-left: 0
}

.filter .group-filter .content-group .item-filter .form-check-input:checked + label {
    font-weight: 700
}

.filter .irs {
    height: 18px;
    margin-bottom: 25px
}

.filter .irs .irs-bar, .filter .irs .irs-line {
    top: 8px
}

.filter .irs i.fa {
    color: #000;
    display: block;
    margin-top: 1px;
    display: none
}

.filter .irs .irs-slider {
    float: inherit;
    color: #fff;
    margin-right: 0;
    background: #fff;
    top: 0;
    width: 18px;
    height: 18px;
    border: none;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: none
}

.filter .irs .irs-slider.from, .filter .irs .irs-slider.to {
    text-align: center
}

.filter .irs .irs-slider.from {
    background-color: #c4c4c4
}

.filter .irs .irs-slider.to {
    background-color: red
}

.filter .irs .irs-line {
    border: .6px solid #CCC
}

.filter .irs .irs-from, .filter .irs .irs-to, .filter .irs .irs-single {
    background: transparent;
    color: gray;
    top: inherit;
    bottom: -25px;
    font-size: .75rem
}

@media (max-width: 1199px) {
    .filter .irs .irs-from, .filter .irs .irs-to, .filter .irs .irs-single {
        font-size: .625rem
    }
}

@media (min-width: 1200px) {
    .filter .irs .irs-from, .filter .irs .irs-to, .filter .irs .irs-single {
        font-size: .6875rem
    }
}

@media (min-width: 1440px) {
    .filter .irs .irs-from, .filter .irs .irs-to, .filter .irs .irs-single {
        font-size: .75rem
    }
}

.filter .irs .irs-bar {
    border-top: .7px solid #444;
    border-bottom: .7px solid #444;
    height: 1px
}

.filter .style001 .content-group, .filter .style002 .content-group {
    padding-right: 5px
}

.filter .style001 .content-group .item-filter, .filter .style002 .content-group .item-filter {
    font-size: .75rem;
    padding-bottom: 5px;
    display: block
}

.filter .group-filter .content-group .item-filter.checked {

}

@media (max-width: 1199px) {
    .filter .style001 .content-group .item-filter, .filter .style002 .content-group .item-filter {
        font-size: .625rem
    }
}

@media (min-width: 1200px) {
    .filter .style001 .content-group .item-filter, .filter .style002 .content-group .item-filter {
        font-size: .6875rem
    }
}

@media (min-width: 1440px) {
    .filter .style001 .content-group .item-filter, .filter .style002 .content-group .item-filter {
        font-size: .75rem
    }
}

.filter .style001 .content-group .item-filter .form-check-label, .filter .style002 .content-group .item-filter .form-check-label {
    position: relative;
    padding-left: 35px
}

.filter .style001 .content-group .item-filter .form-check-label .thuml-img, .filter .style002 .content-group .item-filter .form-check-label .thuml-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    z-index: 1;
    background-position: center;
    background-size: 100% 100%;
    border-radius: 100%
}

.filter .style001 .content-group .item-filter .form-check-input, .filter .style002 .content-group .item-filter .form-check-input {
    display: none
}

.filter .style001 .content-group .item-filter .form-check-input:checked + label:after, .filter .style002 .content-group .item-filter .form-check-input:checked + label:after {
    opacity: 1
}

.filter .style001 .content-group .item-filter .form-check-input:not(:checked) + label:after, .filter .style002 .content-group .item-filter .form-check-input:not(:checked) + label:after {
    opacity: 0
}

.filter .style001 .content-group .item-filter .form-check-input:not(:checked) + label:after, .filter .style001 .content-group .item-filter .form-check-input:checked + label:after, .filter .style002 .content-group .item-filter .form-check-input:not(:checked) + label:after, .filter .style002 .content-group .item-filter .form-check-input:checked + label:after {
    content: '';
    width: 12px;
    height: 6px;
    position: absolute;
    top: 8px;
    left: 7px;
    background: transparent;
    border-left: 2px solid #777;
    border-bottom: 2px solid #777;
    -webkit-transform: rotate(-50deg);
    -khtml-transform: rotate(-50deg);
    transform: rotate(-50deg);
    z-index: 2
}

.filter .style001 .content-group .item-filter .form-check-input:not(:checked) + label:before, .filter .style001 .content-group .item-filter .form-check-input:checked + label:before, .filter .style002 .content-group .item-filter .form-check-input:not(:checked) + label:before, .filter .style002 .content-group .item-filter .form-check-input:checked + label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    border: 1px solid #919191;
    z-index: 2;
    border-radius: 100%
}

.filter .style002 .content-group ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.filter .style002 .content-group .item-filter {
    width: 100%
}

.filter .style002 .content-group .item-filter .form-check-label .thuml-img {
    background-color: #fff
}

.filter .style003 .content-group ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.filter .style003 .content-group .item-filter {
    width: 100%
}

@media (max-width: 1199px) {
    .filter .style003 .content-group .item-filter {
        font-size: .625rem
    }
}

@media (min-width: 1200px) {
    .filter .style003 .content-group .item-filter {
        font-size: .6875rem
    }
}

@media (min-width: 1440px) {
    .filter .style003 .content-group .item-filter {
        font-size: .75rem
    }
}

.filter .style003 .content-group .item-filter.col-2 {
    margin-bottom: 10px
}

@media (max-width: 1199px) {
    .filter .style003 .content-group .item-filter.col-2 .thuml-img {
        padding: 15px
    }
}

.filter .style003 .content-group .item-filter.col-2 .form-check-label {
    text-align: center;
    display: block
}

.filter .style003 .content-group .item-filter.col-2 .form-check-label .thuml-img {
    margin-right: 0;
    margin-bottom: 10px;
    float: none;
    width: 100%
}

.filter .style003 .content-group .item-filter.col-2 .form-check-label .thuml-img img {
    width: 100%
}

.filter .style003 .content-group .item-filter.col-2 .form-check-label .title-thuml {
    float: none;
    width: 100%
}

.filter .style003 .content-group .item-filter .form-check-input {
    display: none
}

.filter .style003 .content-group .item-filter .form-check-input:checked + label.form-check-label .thuml-img {
    border: 2px solid #777
}

.filter .style003 .content-group .item-filter .form-check-label {
    padding-left: 0;
    padding-right: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.filter .style003 .content-group .item-filter .form-check-label .thuml-img {
    border: 1px solid #ddd;
    float: left;
    display: inline-block;
    margin-right: 10px;
    width: 70px
}

.filter .style003 .content-group .item-filter .form-check-label .title-thuml {
    width: calc(100% - 70px);
    float: left
}

.filter .style004 .content-group ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 1199px) {
    .filter .style004 .content-group .item-filter {
        font-size: .625rem
    }
}

@media (min-width: 1200px) {
    .filter .style004 .content-group .item-filter {
        font-size: .6875rem
    }
}

@media (min-width: 1440px) {
    .filter .style004 .content-group .item-filter {
        font-size: .75rem
    }
}

.filter .style004 .content-group .item-filter.col-2 {
    margin-bottom: 10px;
    text-align: center
}

.filter .style004 .content-group .item-filter.col-2 .form-check-label {
    text-align: center
}

.filter .style004 .content-group .item-filter.col-2 .form-check-label .thuml-img {
    margin-right: 0;
    margin-bottom: 10px;
    float: none;
    border-radius: 100%
}

.filter .style004 .content-group .item-filter.col-2 .form-check-label .thuml-img img {
    border-radius: 100%
}

.filter .style004 .content-group .item-filter .form-check-input {
    display: none
}

.filter .style004 .content-group .item-filter .form-check-input:checked + label.form-check-label .thuml-img {
    border: 2px solid #777
}

.filter .style004 .content-group .item-filter .form-check-label {
    padding-left: 0;
    padding-right: 10px
}

.filter .style004 .content-group .item-filter .form-check-label .thuml-img {
    border: 1px solid #ddd;
    float: left;
    display: block;
    margin-right: 10px
}

#productdetail .fb-like {
    margin-top: 15px
}

@media (max-width: 1199px) {
    #productdetail .fb-like {
        display: inline-block
    }
}

#productdetail .group-images {
    margin-left: -15px
}

@media (max-width: 1199px) {
    #productdetail .group-images {
        margin-left: 0
    }
}

#productdetail .group-images .list-images-product {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#productdetail .group-images .list-images-product .item {
    outline: 0
}

@media (min-width: 1200px) {
    #productdetail .group-images .list-images-product .item {
        width: 50%;
        float: left
    }
}

#productdetail .group-images .list-images-product .item > img {
    width: 100%
}

#slider-thumb .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%;
    display: block;
}

@media (max-width: 991px) {
    #slider-thumb .owl-nav img {
        width: 20px
    }
}

@media (max-width: 1199px) {
    #slider-thumb .owl-nav img {
        width: 15px
    }
}

#slider-thumb .owl-nav .owl-prev {
    float: left;
    margin-left: 10px;
    padding: 10px;
    background: rgba(196, 196, 196, 0.4)
}

#slider-thumb .owl-nav .owl-next {
    float: right;
    margin-right: 10px;
    padding: 10px;
    background: rgba(196, 196, 196, 0.4)
}

#productdetail .product-info .title-product {
    font-size: 1.875rem
}

@media (max-width: 767px) {
    #productdetail .product-info .title-product {
        margin-top: 15px
    }
}

@media (max-width: 1199px) {
    #productdetail .product-info .title-product {
        font-size: 1.125rem
    }
}

@media (min-width: 1200px) {
    #productdetail .product-info .title-product {
        font-size: 1.375rem
    }
}

@media (min-width: 1440px) {
    #productdetail .product-info .title-product {
        font-size: 1.625rem
    }
}

@media (min-width: 1820px) {
    #productdetail .product-info .title-product {
        font-size: 1.875rem
    }
}

#productdetail .product-info .out-stock {
    background-color: #aaa;
    display: inline-block;
    padding: 2px 8px;
    color: #fff;
    text-transform: uppercase
}

@media (max-width: 1199px) {
    #productdetail .product-info .out-stock {
        font-size: .6875rem;
        margin: 10px 0
    }
}

@media (min-width: 1200px) {
    #productdetail .product-info .out-stock {
        margin: 10px 0 0
    }
}

@media (min-width: 1440px) {
    #productdetail .product-info .out-stock {
        font-size: .6875rem;
        margin: 10px 0 0
    }
}

@media (min-width: 1820px) {
    #productdetail .product-info .out-stock {
        font-size: .9375rem;
        margin: 15px 0 0
    }
}

#productdetail .product-info .group-price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 1199px) {
    #productdetail .product-info .group-price {
        font-size: 1.0625rem;
        margin-top: 25px
    }
}

@media (min-width: 1200px) {
    #productdetail .product-info .group-price {
        font-size: 1.3125rem;
        margin-top: 20px;
        padding-bottom: 30px;
        border-bottom: 1px solid #ccc;
    }
}

@media (min-width: 1820px) {
    #productdetail .product-info .group-price {
        font-size: 1.5625rem;
        margin-top: 15px
    }
}

#productdetail .product-info .group-price.sale .price {
    text-decoration: line-through;
    font-family: 'UTM AVO' !important;
}

#productdetail .product-info .group-price li {
    float: left;
}

#productdetail .product-info .group-price li.price {
    margin-top: 10px;
    margin-left: 20px;
    font-weight: 400;
    color: #888;
    font-size: 16px;
}

#productdetail .product-info .group-price li.discount-price {
    color: #000;
    font-size: 26px;
    font-weight: 400;
    font-family: 'UTM AVO' !important;
}

#productdetail .product-info .vip-price, #productdetail .product-info .in-stock {
    color: red;
    font-weight: 700;
    margin-top: 5px
}

@media (max-width: 1199px) {
    #productdetail .product-info .vip-price, #productdetail .product-info .in-stock {
        font-size: .8125rem
    }
}

@media (min-width: 1200px) {
    #productdetail .product-info .vip-price, #productdetail .product-info .in-stock {
        font-size: .875rem
    }
}

@media (min-width: 1440px) {
    #productdetail .product-info .vip-price, #productdetail .product-info .in-stock {
        font-size: .875rem
    }
}

@media (min-width: 1820px) {
    #productdetail .product-info .vip-price, #productdetail .product-info .in-stock {
        font-size: .9375rem
    }
}

#productdetail .product-info .title-group {
    margin-top: 25px;
    font-weight: 400;
}

@media (max-width: 1199px) {
    #productdetail .product-info .title-group {
        font-size: 1rem
    }
}

@media (min-width: 1200px) {
    #productdetail .product-info .title-group {
        font-size: 1.1rem
    }
}
#productdetail .product-info .title-group span {
    font-weight: 400;
    margin-left: 5px
}

#productdetail .product-info .title-group span#lblcolor, #productdetail .product-info .title-group span#lblsize {
    text-transform: uppercase
}

#productdetail .product-info .group-option .list-option {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#productdetail .product-info .group-option .list-option.list-color .item-outstock .thuml-img {
    border: 1px solid #b3b3b3
}

#productdetail .product-info .group-option .list-option.list-color .item-outstock .thuml-img:before {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: rotate(-45deg);
    -khtml-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#productdetail .product-info .group-option .list-option.list-color .item-outstock:hover .thuml-img {
    border: 1px solid #b3b3b3
}

#productdetail .product-info .group-option .list-option.list-price .item-instock .thuml-img {
    border: none
}

#productdetail .product-info .group-option .list-option.list-price .item-outstock .thuml-img {
    border: none !important
}

#productdetail .product-info .group-option .list-option.list-price .item-outstock .thuml-img .option {
    background-color: #c4c4c4;
    color: #919191;
    border: none
}

#productdetail .product-info .group-option .list-option.list-price .item-outstock:hover .thuml-img .option {
    background-color: #c4c4c4;
    color: #919191;
    border: none
}

#productdetail .product-info .group-option .list-option .item-option {
    width: 60px;
    height: 60px;
    float: left;
    margin: 10px 10px 0;
    font-size: 1.25rem;
    color: #111;
    position: relative;
    -webkit-transition: all, .5s;
    transition: all, .5s;
    cursor: pointer;
    text-align: center;
}

#productdetail .product-info .group-option .list-option .item-option.item-outstock {
    cursor: default
}

@media (max-width: 1199px) {
    #productdetail .product-info .group-option .list-option .item-option {
        width: 35px;
        height: 35px;
        font-size: .875rem;
    }
}

@media (min-width: 1200px) {
    #productdetail .product-info .group-option .list-option .item-option {
        width: 35px;
        height: 35px;
        font-size: .875rem
    }
}
#productdetail .product-info .group-option .list-option .item-option:hover.item-outstock:after {
    border: none
}

#productdetail .product-info .group-option .list-option .item-option:hover:after, #productdetail .product-info .group-option .list-option .item-option.active:after {
    content: '';
    border-radius: 100%;
    -webkit-transition: all, 1s;
    transition: all, 1s;
    border: 1px solid #111;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#productdetail .product-info .group-option .list-option .item-option:hover .thuml-img .option, #productdetail .product-info .group-option .list-option .item-option.active .thuml-img .option {
    background-color: #fff;
    color: #111;
}

#productdetail .product-info .group-option .list-option .item-option .thuml-img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: 1px solid #b3b3b3;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

@media (max-width: 1199px) {
    #productdetail .product-info .group-option .list-option .item-option .thuml-img {
        width: 35px;
        height: 35px;
    }
}

@media (min-width: 1200px) {
    #productdetail .product-info .group-option .list-option .item-option .thuml-img {
        width: 35px;
        height: 35px;
        font-size: .7rem;
    }
}

#productdetail .product-info .group-option .list-option .item-option .thuml-img .option {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #9c9c9c;
}

#productdetail .product-info .number .content-number {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 15px 0
}

#productdetail .product-info .number .content-number .book-number {
    width: 170px;
    float: left
}

#productdetail .product-info .number .content-number .book-number .input-number {
    width: 60%;
    height: 100%;
    float: left
}

#productdetail .product-info .number .content-number .book-number .input-number input {
    width: 100%;
    height: 45px;
    text-align: center;
    max-height: 100%;
    border-radius: 0;
    font-size: 1rem;
    border: none;
}

@media (max-width: 1199px) {
    #productdetail .product-info .number .content-number .book-number .input-number input {
        font-size: .875rem
    }
}

@media (min-width: 1200px) {
    #productdetail .product-info .number .content-number .book-number .input-number input {
        font-size: .875rem
    }
}

@media (min-width: 1440px) {
    #productdetail .product-info .number .content-number .book-number .input-number input {
        font-size: .875rem
    }
}

@media (min-width: 1820px) {
    #productdetail .product-info .number .content-number .book-number .input-number input {
        font-size: 1rem
    }
}

#productdetail .product-info .number .content-number .book-number .change-number {
    width: 40%;
    float: left;
    height: 100%
}

#productdetail .product-info .number .content-number .book-number .change-number .item-change {
    height: 50%;
    border: 1px solid #111;
    border-left: 0;
    text-align: center;
    cursor: pointer
}

#productdetail .product-info .number .content-number .book-number .change-number .item-change:hover {
    background-color: #111;
    color: #fff
}

#productdetail .product-info .number .content-number .book-number .change-number .item-change:nth-child(1) {
    border-bottom: 0
}

#productdetail .product-info .number .content-number .button {
    width: 50%;
    float: left;
    background-color: #ea131c;
    text-align: center;
    color: #fff;
    font-size: 1.25rem;
    display: block;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

@media (max-width: 1199px) {
    #productdetail .product-info .number .content-number .button {
        font-size: 1rem
    }
}

@media (min-width: 1200px) {
    #productdetail .product-info .number .content-number .button {
        font-size: 1rem
    }
}

@media (min-width: 1440px) {
    #productdetail .product-info .number .content-number .button {
        font-size: 1rem
    }
}

@media (min-width: 1820px) {
    #productdetail .product-info .number .content-number .button {
        font-size: 1.25rem
    }
}

#productdetail .product-info .number .content-number .button:hover {
    background-color: #c00
}

#productdetail .product-info .number .content-number .button-mobi {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #111;
    width: 100%;
    padding: 10px;
    color: #fff;
    text-align: center;
    z-index: 7;
    display: none
}

#productdetail .product-info .number .content-number .button-mobi.show-botton {
    display: block
}

#productdetail .product-info .deliver {
    clear: both
}

#productdetail .product-info .deliver .item-deliver {
    margin: 20px 0 0;
    padding-left: 34px;
    position: relative;
    text-align: left
}

#productdetail .product-info .deliver .item-deliver span {
    color: #ea131c;
    font-weight: 700
}

#productdetail .product-info .deliver .item-deliver a {
    text-decoration: none;
    color: #111
}

#productdetail .product-info .deliver .item-deliver a:hover {
    color: #ea131c
}

#productdetail .product-info .deliver .item-deliver:before {
    content: '';
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 100%
}

#productdetail .product-info .deliver .item-deliver.fhotcall:before {
    background-image: url(../../../../img/icon/call.png);
    background-position: 0 0
}

#productdetail .product-info .deliver .item-deliver.fhotcall:hover:before {
    background-image: url(../../../../img/icon/call-hv.png)
}

#productdetail .product-info .deliver .item-deliver.fshipping:before {
    background-image: url(../../../../img/icon/delivery-m.png);
    background-position: 0 0
}

#productdetail .product-info .deliver .item-deliver.fshipping:hover:before {
    background-image: url(../../../../img/icon/delivery-m-hv.png)
}

#productdetail .product-info .deliver .item-deliver.fbuyment:before {
    background-image: url(../../../../img/icon/money.png);
    background-position: 0 0
}

#productdetail .product-info .deliver .item-deliver.fbuyment:hover:before {
    background-image: url(../../../../img/icon/money-hv.png)
}

#productdetail .product-info .deliver .item-deliver.fguarantee:before {
    background-image: url(../../../../img/icon/clock.png);
    background-position: 0 0
}

#productdetail .product-info .deliver .item-deliver.fguarantee:hover:before {
    background-image: url(../../../../img/icon/clock-hv.png)
}

#productdetail .product-info .deliver .item-deliver.ffreereturning:before {
    background-image: url(../../../../img/icon/hours.png);
    background-position: 0 0
}

#productdetail .product-info .deliver .item-deliver.ffreereturning:hover:before {
    background-image: url(../../../../img/icon/hours-hv.png)
}

#productdetail .product-info .deliver .item-deliver.fevent:before {
    background-image: url(../../../../img/icon/event.png);
    background-position: 0 0
}

#productdetail .product-info .deliver .item-deliver.fevent:hover:before {
    background-image: url(../../../../img/icon/event-hv.png)
}

@media (max-width: 1199px) {
    #productdetail .note-order {
        font-size: .75rem
    }
}

@media (min-width: 1200px) {
    #productdetail .note-order {
        font-size: .75rem
    }
}

@media (min-width: 1440px) {
    #productdetail .note-order {
        font-size: .875rem
    }
}

@media (min-width: 1820px) {
    #productdetail .note-order {
        font-size: 1rem
    }
}

#productdetail .note-order span {
    font-weight: 700
}

#productdetail .content-product {
    margin-bottom: 30px
}

#productdetail .content-product.mobi {
    display: none
}

@media (max-width: 1199px) {
    #productdetail .content-product {
        margin-top: 20px
    }
}

@media (max-width: 991px) {
    #productdetail .content-product.pc {
        display: none
    }

    #productdetail .content-product.mobi {
        display: block
    }
}

#productdetail .content-product .group-content {
    margin-bottom: 10px
}

#productdetail .content-product .group-content .header-content {
    border-bottom: 1px solid #aaa;
    text-transform: uppercase;
    font-size: 1.5rem;
    cursor: pointer
}

@media (max-width: 1199px) {
    #productdetail .content-product .group-content .header-content {
        font-size: 1rem;
        padding-bottom: 5px
    }
}

@media (min-width: 1200px) {
    #productdetail .content-product .group-content .header-content {
        font-size: 1rem;
        padding-bottom: 5px
    }
}

@media (min-width: 1440px) {
    #productdetail .content-product .group-content .header-content {
        font-size: 1.25rem
    }
}

@media (min-width: 1820px) {
    #productdetail .content-product .group-content .header-content {
        font-size: 1.5rem
    }
}

#productdetail .content-product .group-content .header-content .fa {
    float: right;
    padding-top: 10px
}

#productdetail .content-product .group-content .body-content {
    padding-top: 10px
}

#productdetail .content-product .group-content .body-content .table .item-option {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #eaeaea;
    padding: 10px 0
}

#productdetail .content-product .group-content .body-content .table .item-option:last-child {
    border-bottom: 0
}

#productdetail .content-product .group-content .body-content .table .item-option .title-option, #productdetail .content-product .group-content .body-content .table .item-option .ct-option {
    width: 50%;
    float: left
}

#sb-nav-close {
    margin: 5px 5px 0 0 !important
}

@media (max-width: 767px) {
    #sb-wrapper {
        width: 100% !important;
        padding-top: 0 !important;
        left: auto !important;
        top: 0 !important;
        bottom: 0;
        height: 100%
    }
}

#sb-body {
    padding: 20px 30px 0 !important
}

@media (max-width: 991px) {
    #sb-body {
        padding: 20px 10px 0 !important
    }
}

@media (max-width: 767px) {
    #sb-body {
        height: 100% !important;
        border-radius: 0 !important
    }
}

#sb-body figure span {
    font-weight: 500
}

#sb-body figure span em {
    font-weight: 700
}

#sb-body .bartable {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 10px
}

@media (max-width: 991px) {
    #sb-body .bartable {
        display: none
    }
}

#sb-body .bartable li {
    float: left;
    text-align: center;
    border-top: 1px solid #c4c4c4;
    border-left: 1px solid #c4c4c4;
    padding: 10px 0;
    font-weight: 700;
    text-transform: uppercase
}

#sb-body .bartable li:nth-child(1) {
    width: calc(40% - 1px)
}

#sb-body .bartable li:nth-child(2) {
    width: 30%
}

#sb-body .bartable li:nth-child(3) {
    width: calc(30% + 1px);
    border-right: 1px solid #c4c4c4
}

#sb-body .listcart {
    border: 1px solid #c4c4c4;
    margin-bottom: 10px
}

@media (max-width: 991px) {
    #sb-body .listcart {
        margin-top: 10px
    }
}

#sb-body .listcart li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #c4c4c4
}

@media (max-width: 991px) {
    #sb-body .listcart li {
        border-bottom: 2px solid #111
    }
}

#sb-body .listcart li:last-child {
    border-bottom: 0
}

#sb-body .listcart li .col1, #sb-body .listcart li .col2, #sb-body .listcart li .col3, #sb-body .listcart li .coldel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#sb-body .listcart li .col1 {
    width: 40%;
    float: left;
    border-right: 1px solid #c4c4c4
}

@media (max-width: 991px) {
    #sb-body .listcart li .col1 {
        width: 70%;
        border-bottom: 1px solid #c4c4c4
    }
}

@media (max-width: 767px) {
    #sb-body .listcart li .col1 {
        width: 100%;
        border-right: 0
    }
}

#sb-body .listcart li .col1 img {
    width: 70px;
    float: left
}

#sb-body .listcart li .col1 h3, #sb-body .listcart li .col1 span {
    float: right;
    padding: 5px 0 5px 10px
}

#sb-body .listcart li .col1 h3 {
    width: calc(100% - 70px);
    font-weight: 600;
    line-height: 16px;
    font-size: .8125rem
}

#sb-body .listcart li .col1 span {
    font-size: .75rem;
    width: 100%;
    padding-left: 80px
}

#sb-body .listcart li .col2 {
    width: 30%;
    float: left;
    padding: 10px 15px;
    font-size: .8125rem;
    border-right: 1px solid #c4c4c4
}

@media (max-width: 991px) {
    #sb-body .listcart li .col2 {
        border-bottom: 1px solid #c4c4c4;
        border-right: 0
    }
}

@media (max-width: 767px) {
    #sb-body .listcart li .col2 {
        width: 100%
    }
}

#sb-body .listcart li .col2 select {
    width: 100%;
    margin: 5px 0;
    padding: 8px 10px
}

@media (max-width: 767px) {
    #sb-body .listcart li .col2 select {
        width: calc(100% / 3)
    }
}

#sb-body .listcart li .col3 {
    width: calc(30% - 50px);
    float: left;
    padding: 10px 15px;
    font-size: .8125rem;
    border-right: 1px solid #c4c4c4
}

@media (max-width: 991px) {
    #sb-body .listcart li .col3 {
        width: calc(100% - 50px);
        padding: 0 15px;
        border-right: 0
    }
}

@media (max-width: 767px) {
    #sb-body .listcart li .col3 {
        width: 100%
    }
}

#sb-body .listcart li .col3 label {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px 0
}

@media (max-width: 991px) {
    #sb-body .listcart li .col3 label:first-child {
        width: 70%
    }

    #sb-body .listcart li .col3 label:last-child {
        width: 30%
    }
}

@media (max-width: 767px) {
    #sb-body .listcart li .col3 label:first-child {
        width: 60%
    }

    #sb-body .listcart li .col3 label:last-child {
        width: 40%
    }
}

@media (max-width: 543px) {
    #sb-body .listcart li .col3 label:first-child {
        width: 50%
    }

    #sb-body .listcart li .col3 label:last-child {
        width: 50%
    }
}

#sb-body .listcart li .col3 label span {
    width: 70px;
    float: left
}

@media (max-width: 543px) {
    #sb-body .listcart li .col3 label span {
        width: 100%;
        float: none
    }
}

#sb-body .listcart li .col3 label select {
    width: calc(100% - 70px);
    float: right;
    padding: 8px 10px
}

@media (max-width: 991px) {
    #sb-body .listcart li .col3 label select {
        width: 100px
    }
}

#sb-body .listcart li .col3 label strong {
    width: calc(100% - 70px);
    float: right
}

@media (max-width: 543px) {
    #sb-body .listcart li .col3 label strong {
        width: 100%;
        float: none
    }
}

#sb-body .listcart li .coldel {
    width: 50px;
    float: left
}

@media (max-width: 991px) {
    #sb-body .listcart li .coldel {
        text-align: right
    }
}

@media (max-width: 543px) {
    #sb-body .listcart li .coldel {
        width: 100%;
        display: inline-block;
        padding: 5px 10px
    }
}

#sb-body .listcart li .coldel a {
    text-decoration: none;
    color: #111
}

#sb-body .listcart li .coldel a:hover {
    font-weight: 700;
    text-decoration: underline
}

#sb-body .rowcouptotal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px
}

#sb-body .rowcouptotal .pp_notify {
    width: 50%;
    -webkit-box-flex: left;
    -webkit-flex: left;
    -ms-flex: left;
    flex: left;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

@media (max-width: 767px) {
    #sb-body .rowcouptotal .pp_notify {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }
}

#sb-body .rowcouptotal .note-plus {
    width: 50%;
    float: left;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

@media (max-width: 767px) {
    #sb-body .rowcouptotal .note-plus {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        width: 100%
    }
}

#sb-body .rowcouptotal .total {
    width: 50%;
    float: right;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

@media (max-width: 767px) {
    #sb-body .rowcouptotal .total {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }
}

#sb-body .rowcouptotal .total .padd {
    width: 100%
}

#sb-body .rowcouptotal .total .padd span {
    width: 100px;
    float: left
}

#sb-body .rowcouptotal .total .padd strong {
    width: calc(100% - 120px);
    float: right
}

#sb-body .rowcouptotal .total .text-muted {
    width: 100%
}

#sb-body .wrap_paynext {
    border-top: 1px solid #5e5e5e;
    padding: 10px 0;
    width: 100%
}

#sb-body .wrap_paynext a {
    float: right;
    text-decoration: none;
    color: #111;
    font-weight: 600;
    padding: 20px 0
}

@media (max-width: 767px) {
    #sb-body .wrap_paynext a {
        width: calc(50% - 30px);
        margin: 5px;
        float: left
    }
}

@media (max-width: 543px) {
    #sb-body .wrap_paynext a {
        width: 100%
    }
}

#sb-body .wrap_paynext a span {
    font-size: 1.25rem;
    line-height: 10px
}

#sb-body .wrap_paynext a.button {
    background-color: #000;
    color: #fff;
    font-weight: 400;
    font-size: .8125rem;
    padding: 10px 20px;
    margin-left: 20px
}

@media (max-width: 543px) {
    #sb-body .wrap_paynext a.button {
        margin-left: 5px
    }
}

#news45 img {
    max-width: 100%
}

#news45 figure {
    margin-bottom: 30px
}

#news45 figure img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

#news45 figure figcaption {
    border: 1px solid #e6e6e6
}

#news45 figure figcaption .info {
    padding: 20px 20px 15px
}

#news45 figure figcaption .info h3 {
    font-size: 1.125rem;
    margin-bottom: 10px
}

#news45 figure figcaption .info h3 a {
    color: #111;
    line-height: 24px;
    font-weight: 700
}

#news45 figure figcaption .info .date {
    font-size: .8125rem;
    margin-bottom: 10px;
    color: #999
}

#news45 figure figcaption .info p {
    color: #333
}

#news45 figure figcaption .footer {
    padding: 20px 20px 15px;
    border-top: 1px solid #e6e6e6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#news45 figure figcaption .footer a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000
}

@media (max-width: 1199px) {
    #news45 figure figcaption .footer a {
        font-size: .75rem
    }
}

#news45 figure figcaption .footer .like {
    padding-right: 35px
}

#news45 figure figcaption .footer .like i {
    padding-right: 10px
}

#news45 figure figcaption .footer .share {
    margin-right: auto
}

#news45 figure figcaption .footer .share i {
    padding-right: 10px
}

#newsdetail1 h1 {
    font-size: 1.75rem
}

#newsdetail1 .post-meta-info {
    margin: 15px 0
}

#newsdetail1 .post-meta-info .post-meta-item {
    font-size: .75rem;
    padding: 5px 10px;
    background-color: #f9f9f9;
    color: #aaa;
    display: inline-block
}

#newsdetail1 .post-meta-info .post-meta-item span i {
    margin-right: 5px
}

#newsdetail1 .post-meta-info .post-meta-item span a {
    color: inherit
}

#newsdetail1 .post-content {
    margin-bottom: 15px
}

#newsdetail1 .post-tags {
    text-transform: uppercase;
    color: #aaa;
    margin-bottom: 30px
}

#newsdetail1 .post-tags span {
    color: #111;
    margin-right: 5px;
    font-weight: 700
}

#newsdetail1 .post-tags a {
    color: inherit
}

#newsdetail1 .title-recent-left {
    font-size: 1.5rem;
    position: relative;
    border-bottom: 1px solid #111;
    margin-bottom: 15px
}

#newsdetail1 .title-recent-left:after {
    content: '';
    width: 100px;
    height: 2px;
    background-color: #111;
    position: absolute;
    bottom: -1px;
    left: 0
}

#newsdetail1 .recent-news li {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#newsdetail1 .recent-news li .thuml-item {
    width: 70px;
    float: left
}

#newsdetail1 .recent-news li .item-detail {
    width: calc(100% - 100px);
    float: left;
    padding-left: 10px
}

#newsdetail1 .recent-news li .item-detail h3 {
    font-size: .75rem;
    line-height: 16px
}

#newsdetail1 .recent-news li .item-detail h3 a {
    text-decoration: none;
    color: #111
}

#newsdetail1 .recent-news li .item-detail .meta-info {
    font-size: .6875rem;
    color: #c4c4c4
}

#newsdetail1 .recent-news li:hover .item-detail h3 a {
    font-weight: 700
}

#news2c-8 {
    background: #eee;
    padding-bottom: 30px;
    margin-bottom: 30px
}

#news2c-8 img {
    max-width: 100%
}

#news2c-8 .group-2 {
    margin-top: 30px
}

#news2c-8 .group-2 .title-group h3 {
    font-size: 1rem;
    color: #222;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px
}

@media (max-width: 991px) {
    #news2c-8 .group-2 .title-group h3 {
        margin-top: 30px;
        padding-left: 15px
    }
}

#news2c-8 .group-2 .group-item {
    background: #fff
}

#news2c-8 .group-2 .group-item .list-item-1 {
    padding: 15px 7.5px
}

#news2c-8 .group-2 .group-item .list-item-1 .item {
    width: 50%;
    float: left;
    padding: 0 7.5px;
    margin-bottom: 15px
}

@media (max-width: 767px) {
    #news2c-8 .group-2 .group-item .list-item-1 .item {
        width: 50%
    }
}

@media (max-width: 543px) {
    #news2c-8 .group-2 .group-item .list-item-1 .item {
        width: 100%
    }
}

#news2c-8 .group-2 .group-item .list-item-1 .item .description .cat {
    font-size: .65rem;
    color: #999;
    text-transform: uppercase
}

#news2c-8 .group-2 .group-item .list-item-1 .item .description p {
    font-size: .9375rem;
    color: #222;
    font-weight: 700
}

#news2c-8 .group-2 .group-item .list-item-1 .item:hover p {
    color: #999
}

#news2c-8 .group-2 .group-item .list-item-2 {
    clear: both;
    padding: 30px 15px 15px
}

#news2c-8 .group-2 .group-item .list-item-2 .group-item .item {
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #ccc
}

#news2c-8 .group-2 .group-item .list-item-2 .group-item .item:last-child {
    border-bottom: none
}

#news2c-8 .group-2 .group-item .list-item-2 .group-item .item article a .avatar {
    width: 30%;
    float: left;
    padding-right: 25px
}

@media (max-width: 767px) {
    #news2c-8 .group-2 .group-item .list-item-2 .group-item .item article a .avatar {
        width: 40%
    }
}

@media (max-width: 543px) {
    #news2c-8 .group-2 .group-item .list-item-2 .group-item .item article a .avatar {
        width: 100%;
        padding-right: 0
    }
}

#news2c-8 .group-2 .group-item .list-item-2 .group-item .item article a .description {
    width: 70%;
    float: left
}

@media (max-width: 767px) {
    #news2c-8 .group-2 .group-item .list-item-2 .group-item .item article a .description {
        width: 60%
    }
}

@media (max-width: 543px) {
    #news2c-8 .group-2 .group-item .list-item-2 .group-item .item article a .description {
        width: 100%
    }
}

#news2c-8 .group-2 .group-item .list-item-2 .group-item .item article a .description .cat {
    font-size: .65rem;
    color: #999;
    text-transform: uppercase
}

#news2c-8 .group-2 .group-item .list-item-2 .group-item .item article a .description h2 {
    font-size: 1rem;
    color: #222;
    font-weight: 700;
    line-height: 120%;
    margin: 10px 0 15px
}

@media (max-width: 767px) {
    #news2c-8 .group-2 .group-item .list-item-2 .group-item .item article a .description h2 {
        font-size: 1rem;
        line-height: 100%
    }
}

#news2c-8 .group-2 .group-item .list-item-2 .group-item .item article a .description p {
    font-size: .875rem;
    color: #999
}

#news2c-8 .group-2 .group-item .list-item-2 .group-item .item:hover h2 {
    color: #999 !important
}

#news2c-8 .group-2 .group-item .list-item-2 .group-item .item:after {
    content: "";
    display: table;
    clear: both
}

@media (max-width: 767px) {
    #event-page .pc {
        display: none
    }
}

#event-page .mobi {
    display: none
}

@media (max-width: 767px) {
    #event-page .mobi {
        display: block
    }
}

#event-page .banner-page img {
    width: 100%
}

#event-page .tab-page {
    text-align: center;
    width: 100%
}

#event-page .tab-page li {
    float: left;
    padding: 20px;
    color: #fff;
    text-align: center;
    background-color: #111;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 700
}

@media (max-width: 1199px) {
    #event-page .tab-page li {
        font-size: 1.5rem;
        margin: 30px 0;
        width: calc(50% - (30px / 2))
    }
}

@media (max-width: 767px) {
    #event-page .tab-page li {
        font-size: 1rem;
        margin: 20px 0;
        width: calc(50% - (30px / 2));
        padding: 10px
    }
}

@media (min-width: 1200px) {
    #event-page .tab-page li {
        font-size: 1.625rem;
        margin: 30px 0;
        width: calc(50% - (30px / 2))
    }
}

@media (min-width: 1440px) {
    #event-page .tab-page li {
        font-size: 1.75rem;
        margin: 35px 0;
        width: calc(50% - (35px / 2))
    }
}

@media (min-width: 1820px) {
    #event-page .tab-page li {
        font-size: 1.875rem;
        margin: 45px 0;
        width: calc(50% - (45px / 2))
    }
}

#event-page .tab-page li:hover, #event-page .tab-page li.active {
    background-color: #ecbc4a
}

#event-page .tab-page li:first-child {
    margin-right: calc(45px / 2)
}

@media (max-width: 1199px) {
    #event-page .tab-page li:first-child {
        margin-right: calc(30px / 2)
    }
}

@media (max-width: 543px) {
    #event-page .tab-page li:first-child {
        margin-right: 10px
    }
}

@media (min-width: 1200px) {
    #event-page .tab-page li:first-child {
        margin-right: calc(30px / 2)
    }
}

@media (min-width: 1440px) {
    #event-page .tab-page li:first-child {
        margin-right: calc(35px / 2)
    }
}

@media (min-width: 1820px) {
    #event-page .tab-page li:first-child {
        margin-right: calc(45px / 2)
    }
}

#event-page .tab-page li:last-child {
    margin-left: calc(45px / 2)
}

@media (max-width: 1199px) {
    #event-page .tab-page li:last-child {
        margin-left: calc(30px / 2)
    }
}

@media (min-width: 1200px) {
    #event-page .tab-page li:last-child {
        margin-left: calc(30px / 2)
    }
}

@media (min-width: 1440px) {
    #event-page .tab-page li:last-child {
        margin-left: calc(35px / 2)
    }
}

@media (min-width: 1820px) {
    #event-page .tab-page li:last-child {
        margin-left: calc(45px / 2)
    }
}

#event-page .about .block-about {
    padding: 110px 0 0;
    background-image: url(../../../../img/100/bg1.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 100%
}

@media (max-width: 991px) {
    #event-page .about .block-about {
        padding: 0
    }
}

@media (max-width: 991px) {
    #event-page .about .block-about .about100 {
        margin: 30px 0
    }
}

#event-page .about .block-about .slide-img {
    border: 5px solid #e8aa46
}

#event-page .about .block-about .slide-img .owl-item {
    z-index: 10
}

#event-page .about .block-about .slide-img .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%;
    z-index: 1
}

#event-page .about .block-about .slide-img .owl-nav img {
    width: 100%
}

#event-page .about .block-about .slide-img .owl-nav .owl-prev {
    float: left;
    margin-left: 15px
}

@media (max-width: 1199px) {
    #event-page .about .block-about .slide-img .owl-nav .owl-prev {
        width: 30px
    }
}

@media (min-width: 1200px) {
    #event-page .about .block-about .slide-img .owl-nav .owl-prev {
        width: 35px
    }
}

@media (min-width: 1440px) {
    #event-page .about .block-about .slide-img .owl-nav .owl-prev {
        width: 40px
    }
}

@media (min-width: 1820px) {
    #event-page .about .block-about .slide-img .owl-nav .owl-prev {
        width: 65px
    }
}

#event-page .about .block-about .slide-img .owl-nav .owl-next {
    float: right;
    margin-right: 15px
}

@media (max-width: 1199px) {
    #event-page .about .block-about .slide-img .owl-nav .owl-next {
        width: 30px
    }
}

@media (min-width: 1200px) {
    #event-page .about .block-about .slide-img .owl-nav .owl-next {
        width: 35px
    }
}

@media (min-width: 1440px) {
    #event-page .about .block-about .slide-img .owl-nav .owl-next {
        width: 40px
    }
}

@media (min-width: 1820px) {
    #event-page .about .block-about .slide-img .owl-nav .owl-next {
        width: 65px
    }
}

#event-page .about .group-store {
    background-color: #e1b56d;
    display: inline-block;
    width: 100%
}

#event-page .about .group-store .store {
    position: relative
}

#event-page .about .group-store .store .ribbons .style1 {
    position: absolute;
    top: -80px;
    left: 60px;
    z-index: 2
}

@media (max-width: 1199px) {
    #event-page .about .group-store .store .ribbons .style1 {
        position: absolute;
        top: -60px;
        left: 60px
    }

    #event-page .about .group-store .store .ribbons .style1 img {
        width: 70%
    }
}

@media (max-width: 991px) {
    #event-page .about .group-store .store .ribbons .style1 {
        position: absolute;
        top: -30px;
        left: 30px
    }

    #event-page .about .group-store .store .ribbons .style1 img {
        width: 60%
    }
}

@media (max-width: 767px) {
    #event-page .about .group-store .store .ribbons .style1 img {
        width: 50%
    }
}

@media (max-width: 543px) {
    #event-page .about .group-store .store .ribbons .style1 img {
        width: 30%
    }
}

@media (min-width: 1200px) {
    #event-page .about .group-store .store .ribbons .style1 {
        position: absolute;
        top: -60px;
        left: 60px
    }

    #event-page .about .group-store .store .ribbons .style1 img {
        width: 80%
    }
}

@media (min-width: 1820px) {
    #event-page .about .group-store .store .ribbons .style1 {
        position: absolute;
        top: -80px;
        left: 60px
    }

    #event-page .about .group-store .store .ribbons .style1 img {
        width: 100%
    }
}

#event-page .about .group-store .store .ribbons .style2 {
    position: absolute;
    right: -140px;
    bottom: -60px;
    z-index: 2
}

@media (max-width: 1199px) {
    #event-page .about .group-store .store .ribbons .style2 {
        position: absolute;
        right: -200px;
        bottom: -30px
    }

    #event-page .about .group-store .store .ribbons .style2 img {
        width: 70%
    }
}

@media (max-width: 991px) {
    #event-page .about .group-store .store .ribbons .style2 {
        position: absolute;
        right: -250px;
        bottom: -30px
    }

    #event-page .about .group-store .store .ribbons .style2 img {
        width: 60%
    }
}

@media (max-width: 767px) {
    #event-page .about .group-store .store .ribbons .style2 {
        position: absolute;
        right: -300px;
        bottom: -30px
    }

    #event-page .about .group-store .store .ribbons .style2 img {
        width: 50%
    }
}

@media (max-width: 543px) {
    #event-page .about .group-store .store .ribbons .style2 {
        position: absolute;
        right: -350px;
        bottom: -30px
    }

    #event-page .about .group-store .store .ribbons .style2 img {
        width: 30%
    }
}

@media (min-width: 1200px) {
    #event-page .about .group-store .store .ribbons .style2 {
        position: absolute;
        right: -140px;
        bottom: -30px
    }

    #event-page .about .group-store .store .ribbons .style2 img {
        width: 80%
    }
}

@media (min-width: 1820px) {
    #event-page .about .group-store .store .ribbons .style2 {
        position: absolute;
        right: -140px;
        bottom: -60px
    }

    #event-page .about .group-store .store .ribbons .style2 img {
        width: 100%
    }
}

#event-page .about .group-store .store .ribbons .style3 {
    position: absolute;
    bottom: 250px;
    left: -240px;
    z-index: 2
}

@media (max-width: 1199px) {
    #event-page .about .group-store .store .ribbons .style3 {
        position: absolute;
        bottom: 100px;
        left: -100px
    }

    #event-page .about .group-store .store .ribbons .style3 img {
        width: 70%
    }
}

@media (max-width: 991px) {
    #event-page .about .group-store .store .ribbons .style3 {
        position: absolute;
        bottom: 100px;
        left: -100px
    }

    #event-page .about .group-store .store .ribbons .style3 img {
        width: 60%
    }
}

@media (max-width: 767px) {
    #event-page .about .group-store .store .ribbons .style3 {
        position: absolute;
        bottom: 60px;
        left: -100px
    }

    #event-page .about .group-store .store .ribbons .style3 img {
        width: 50%
    }
}

@media (max-width: 543px) {
    #event-page .about .group-store .store .ribbons .style3 {
        position: absolute;
        bottom: 30px;
        left: -50px
    }

    #event-page .about .group-store .store .ribbons .style3 img {
        width: 30%
    }
}

@media (min-width: 1200px) {
    #event-page .about .group-store .store .ribbons .style3 {
        position: absolute;
        bottom: 200px;
        left: -200px
    }

    #event-page .about .group-store .store .ribbons .style3 img {
        width: 80%
    }
}

@media (min-width: 1820px) {
    #event-page .about .group-store .store .ribbons .style3 {
        position: absolute;
        bottom: 250px;
        left: -240px
    }

    #event-page .about .group-store .store .ribbons .style3 img {
        width: 100%
    }
}

#event-page .about .group-store .store .ribbons .style4 {
    position: absolute;
    right: -50px;
    bottom: 270px;
    z-index: 2
}

@media (max-width: 1199px) {
    #event-page .about .group-store .store .ribbons .style4 {
        position: absolute;
        right: -70px;
        bottom: 170px
    }

    #event-page .about .group-store .store .ribbons .style4 img {
        width: 70%
    }
}

@media (max-width: 991px) {
    #event-page .about .group-store .store .ribbons .style4 {
        position: absolute;
        right: -80px;
        bottom: 120px
    }

    #event-page .about .group-store .store .ribbons .style4 img {
        width: 60%
    }
}

@media (max-width: 767px) {
    #event-page .about .group-store .store .ribbons .style4 {
        position: absolute;
        right: -100px;
        bottom: 100px
    }

    #event-page .about .group-store .store .ribbons .style4 img {
        width: 50%
    }
}

@media (max-width: 543px) {
    #event-page .about .group-store .store .ribbons .style4 {
        position: absolute;
        right: -110px;
        bottom: 60px
    }

    #event-page .about .group-store .store .ribbons .style4 img {
        width: 30%
    }
}

@media (min-width: 1200px) {
    #event-page .about .group-store .store .ribbons .style4 {
        position: absolute;
        right: -60px;
        bottom: 200px
    }

    #event-page .about .group-store .store .ribbons .style4 img {
        width: 80%
    }
}

@media (min-width: 1820px) {
    #event-page .about .group-store .store .ribbons .style4 {
        position: absolute;
        right: -50px;
        bottom: 270px
    }

    #event-page .about .group-store .store .ribbons .style4 img {
        width: 100%
    }
}

#event-page .sale .about-sale {
    background-image: url(../../../../img/100/bg2.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 100%;
    padding: 110px 0
}

@media (max-width: 1199px) {
    #event-page .sale .about-sale {
        padding: 30px 0
    }
}

@media (min-width: 1200px) {
    #event-page .sale .about-sale {
        padding: 60px 0
    }
}

@media (min-width: 1440px) {
    #event-page .sale .about-sale {
        padding: 80px 0
    }
}

@media (min-width: 1820px) {
    #event-page .sale .about-sale {
        padding: 110px 0
    }
}

#event-page .sale .group-product {
    background-color: #e1b56d
}

#event-page .sale .group-product .list-cate {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -25px
}

@media (max-width: 1199px) {
    #event-page .sale .group-product .list-cate {
        margin: 0 -10px
    }
}

@media (max-width: 767px) {
    #event-page .sale .group-product .list-cate {
        margin: 0 -5px
    }
}

@media (min-width: 1200px) {
    #event-page .sale .group-product .list-cate {
        margin: 0 -15px
    }
}

@media (min-width: 1440px) {
    #event-page .sale .group-product .list-cate {
        margin: 0 -15px
    }
}

@media (min-width: 1820px) {
    #event-page .sale .group-product .list-cate {
        margin: 0 -25px
    }
}

#event-page .sale .group-product .list-cate li {
    float: left;
    width: 20%;
    text-align: center;
    font-size: 1.625rem;
    text-transform: uppercase;
    font-weight: 700;
    padding: 50px 25px
}

@media (max-width: 1199px) {
    #event-page .sale .group-product .list-cate li {
        font-size: 1rem;
        padding: 20px 10px
    }
}

@media (max-width: 767px) {
    #event-page .sale .group-product .list-cate li {
        font-size: .875rem;
        padding: 20px 5px
    }
}

@media (max-width: 543px) {
    #event-page .sale .group-product .list-cate li {
        font-size: .625rem;
        padding: 20px 1px
    }
}

@media (min-width: 1200px) {
    #event-page .sale .group-product .list-cate li {
        font-size: 1.375rem;
        padding: 30px 15px
    }
}

@media (min-width: 1440px) {
    #event-page .sale .group-product .list-cate li {
        font-size: 1.5rem;
        padding: 40px 15px
    }
}

@media (min-width: 1820px) {
    #event-page .sale .group-product .list-cate li {
        font-size: 1.625rem;
        padding: 50px 25px
    }
}

#event-page .sale .group-product .list-cate li.active span, #event-page .sale .group-product .list-cate li:hover span {
    background-color: #111;
    color: #fff
}

#event-page .sale .group-product .list-cate li.active span:after, #event-page .sale .group-product .list-cate li:hover span:after {
    display: block
}

#event-page .sale .group-product .list-cate li span {
    padding: 20px 0;
    display: block;
    border: 1px solid #111;
    cursor: pointer;
    position: relative
}

@media (max-width: 1199px) {
    #event-page .sale .group-product .list-cate li span {
        padding: 10px 0
    }
}

@media (min-width: 1200px) {
    #event-page .sale .group-product .list-cate li span {
        padding: 12px 0
    }
}

@media (min-width: 1440px) {
    #event-page .sale .group-product .list-cate li span {
        padding: 15px 0
    }
}

@media (min-width: 1820px) {
    #event-page .sale .group-product .list-cate li span {
        padding: 20px 0
    }
}

#event-page .sale .group-product .list-cate li span:after {
    content: '';
    position: absolute;
    right: -1px;
    bottom: calc(-100% - 1px);
    left: -1px;
    width: calc(100% + 2px);
    height: 100%;
    background-image: url(../../../../img/100/shadow1.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top center;
    display: none
}

#event-page .sale .group-product .list-product {
    display: none
}

#event-page .sale .group-product .list-product.active {
    display: block
}

#event-page .sale .group-product .item-product {
    background-color: #fff;
    margin-bottom: 30px;
    border: 1px solid #111;
    -webkit-transition: translate(all, 0.5s);
    transition: translate(all, 0.5s)
}

#event-page .sale .group-product .item-product:hover {
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5)
}

#event-page .sale .group-product .item-product .overlay {
    display: none
}

#event-page .sale .group-product .item-product .title-product {
    font-size: 1rem
}

@media (max-width: 1199px) {
    #event-page .sale .group-product .item-product .title-product {
        font-size: .8125rem
    }
}

@media (min-width: 1200px) {
    #event-page .sale .group-product .item-product .title-product {
        font-size: .875rem
    }
}

@media (min-width: 1440px) {
    #event-page .sale .group-product .item-product .title-product {
        font-size: 1rem
    }
}

#event-page .sale .group-product .item-product .group-price .discount-price, #event-page .sale .group-product .item-product .group-price .price {
    font-size: .875rem
}

@media (max-width: 1199px) {
    #event-page .sale .group-product .item-product .group-price .discount-price, #event-page .sale .group-product .item-product .group-price .price {
        font-size: .625rem
    }
}

@media (min-width: 1200px) {
    #event-page .sale .group-product .item-product .group-price .discount-price, #event-page .sale .group-product .item-product .group-price .price {
        font-size: .75rem
    }
}

@media (min-width: 1440px) {
    #event-page .sale .group-product .item-product .group-price .discount-price, #event-page .sale .group-product .item-product .group-price .price {
        font-size: .875rem
    }
}

#event-page .sale .view-more {
    text-align: center;
    margin: 15px 0 45px
}

#event-page .sale .view-more a {
    text-decoration: none;
    color: #fff;
    background-color: #111;
    font-size: 1.625rem;
    padding: 25px 45px;
    text-transform: uppercase;
    display: inline-block;
    border: 1px solid #111
}

@media (max-width: 1199px) {
    #event-page .sale .view-more a {
        font-size: 1.25rem;
        padding: 10px 15px
    }
}

@media (max-width: 991px) {
    #event-page .sale .view-more a {
        font-size: 1.125rem;
        padding: 10px
    }
}

@media (max-width: 767px) {
    #event-page .sale .view-more a {
        font-size: 1rem;
        display: block
    }
}

@media (max-width: 543px) {
    #event-page .sale .view-more a {
        font-size: .875rem
    }
}

@media (min-width: 1200px) {
    #event-page .sale .view-more a {
        font-size: 1.375rem;
        padding: 15px 25px
    }
}

@media (min-width: 1440px) {
    #event-page .sale .view-more a {
        font-size: 1.5rem;
        padding: 15px 35px
    }
}

@media (min-width: 1820px) {
    #event-page .sale .view-more a {
        font-size: 1.625rem;
        padding: 20px 45px
    }
}

#event-page .sale .view-more a:hover {
    color: #111;
    background-color: #fff
}

#page {
    padding-bottom: 15px
}

@media (max-width: 1199px) {
    #page #sidebarmenu {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 15px
    }
}

#page #sidebarmenu .active-menu {
    background-color: #111
}

#page #sidebarmenu .active-menu > a {
    color: #fff !important
}

#page #sidebarmenu .side-custom-menu {
    margin-bottom: 11px;
    border: 1px solid #ddd
}

#page #sidebarmenu .side-custom-menu h2 {
    border-bottom: 1px solid #ddd;
    padding: 13px 19px;
    background-color: #f5f5f5;
    margin: 0;
    color: #111;
    font-size: 1.25rem;
    text-align: left;
    font-weight: 700;
    text-transform: uppercase
}

@media (max-width: 1199px) {
    #page #sidebarmenu .side-custom-menu h2 {
        font-size: .875rem
    }
}

@media (min-width: 1200px) {
    #page #sidebarmenu .side-custom-menu h2 {
        font-size: .875rem
    }
}

@media (min-width: 1440px) {
    #page #sidebarmenu .side-custom-menu h2 {
        font-size: 1rem
    }
}

@media (min-width: 1820px) {
    #page #sidebarmenu .side-custom-menu h2 {
        font-size: 1.25rem
    }
}

#page #sidebarmenu .side-custom-menu h2 i {
    padding-right: 4px
}

#page #sidebarmenu .side-custom-menu ul {
    padding: 0
}

#page #sidebarmenu .side-custom-menu ul li {
    text-align: left;
    padding: 13px 4px 12px;
    border-top: 1px solid #ddd
}

#page #sidebarmenu .side-custom-menu ul li:first-child {
    border: 0
}

#page #sidebarmenu .side-custom-menu ul li a {
    color: #777;
    display: block;
    padding: 0 15px;
    font-size: 1rem
}

@media (max-width: 1199px) {
    #page #sidebarmenu .side-custom-menu ul li a {
        font-size: .75rem
    }
}

@media (min-width: 1200px) {
    #page #sidebarmenu .side-custom-menu ul li a {
        font-size: .875rem
    }
}

@media (min-width: 1440px) {
    #page #sidebarmenu .side-custom-menu ul li a {
        font-size: .875rem
    }
}

@media (min-width: 1820px) {
    #page #sidebarmenu .side-custom-menu ul li a {
        font-size: 1rem
    }
}

#page #sidebarmenu .side-custom-menu ul li:hover {
    background-color: #111
}

#page #sidebarmenu .side-custom-menu ul li:hover a {
    color: #fff
}

#page #sidebarmenu .side-custom-menu .have-sub:hover .sub-menu {
    opacity: 1;
    right: -100%;
    z-index: 10
}

@media (max-width: 991px) {
    #page #sidebarmenu .side-custom-menu .have-sub:hover .sub-menu {
        top: 100%;
        right: 0
    }
}

#page #sidebarmenu .side-custom-menu * {
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}

#page #sidebarmenu .side-custom-menu .menu li {
    position: relative
}

#page #sidebarmenu .side-custom-menu .menu li i {
    position: absolute;
    right: 0;
    line-height: 20px;
    padding-right: 10px;
    font-size: 1.25rem
}

#page #sidebarmenu .side-custom-menu .menu li .sub-menu {
    position: absolute;
    top: 0;
    right: -80%;
    opacity: 0;
    z-index: 0;
    background-color: #fff;
    width: 100%
}

#page #sidebarmenu .side-custom-menu .menu li .sub-menu li a {
    color: #777
}

#page #sidebarmenu .side-custom-menu .menu li .sub-menu li:hover {
    background-color: #0083c1
}

#page #sidebarmenu .side-custom-menu .menu li .sub-menu li:hover a {
    color: #fff
}

@media (max-width: 1199px) {
    #page .content-page {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
}

#page .content-page .title-content {
    font-size: 1.625rem;
    border-bottom: 2px solid #c4c4c4;
    padding: 8px 0;
    margin-bottom: 10px
}

#ss18 {
    font-family: 'Times New Roman'
}

@media (max-width: 767px) {
    #ss18 .pc {
        display: none
    }
}

#ss18 .mobi {
    display: none
}

@media (max-width: 767px) {
    #ss18 .mobi {
        display: block
    }
}

#ss18 .tab-list {
    text-align: center;
    margin: 60px 0;
    display: none
}

@media (max-width: 1199px) {
    #ss18 .tab-list {
        margin: 30px 0
    }
}

@media (max-width: 991px) {
    #ss18 .tab-list {
        margin: 30px 0
    }
}

@media (min-width: 1200px) {
    #ss18 .tab-list {
        margin: 40px 0
    }
}

@media (min-width: 1440px) {
    #ss18 .tab-list {
        margin: 50px 0
    }
}

@media (min-width: 1820px) {
    #ss18 .tab-list {
        margin: 60px 0
    }
}

#ss18 .tab-list li {
    display: inline-block;
    padding: 5px 60px;
    -webkit-transition: all, .5s;
    transition: all, .5s
}

@media (max-width: 1199px) {
    #ss18 .tab-list li {
        padding: 5px 30px
    }
}

@media (max-width: 991px) {
    #ss18 .tab-list li {
        padding: 5px 30px
    }
}

@media (max-width: 543px) {
    #ss18 .tab-list li {
        padding: 5px 20px
    }
}

@media (min-width: 1200px) {
    #ss18 .tab-list li {
        padding: 5px 40px
    }
}

@media (min-width: 1440px) {
    #ss18 .tab-list li {
        padding: 5px 50px
    }
}

@media (min-width: 1820px) {
    #ss18 .tab-list li {
        padding: 5px 60px
    }
}

#ss18 .tab-list li a {
    font-size: 1.5rem;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    padding-bottom: 10px;
    position: relative;
    -webkit-transition: all, .5s;
    transition: all, .5s
}

@media (max-width: 1199px) {
    #ss18 .tab-list li a {
        font-size: 1rem
    }
}

@media (max-width: 991px) {
    #ss18 .tab-list li a {
        font-size: .875rem
    }
}

@media (max-width: 543px) {
    #ss18 .tab-list li a {
        font-size: .75rem
    }
}

@media (min-width: 1200px) {
    #ss18 .tab-list li a {
        font-size: 1.125rem
    }
}

@media (min-width: 1440px) {
    #ss18 .tab-list li a {
        font-size: 1.25rem
    }
}

@media (min-width: 1820px) {
    #ss18 .tab-list li a {
        font-size: 1.5rem
    }
}

#ss18 .tab-list li a:after {
    content: '';
    width: calc(100% + 120px);
    height: 3px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    -khtml-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-transition: all, .5s;
    transition: all, .5s
}

@media (max-width: 1199px) {
    #ss18 .tab-list li a:after {
        width: calc(100% + 60px)
    }
}

@media (max-width: 991px) {
    #ss18 .tab-list li a:after {
        width: calc(100% + 20px)
    }
}

@media (min-width: 1200px) {
    #ss18 .tab-list li a:after {
        width: calc(100% + 80px)
    }
}

@media (min-width: 1440px) {
    #ss18 .tab-list li a:after {
        width: calc(100% + 100px)
    }
}

@media (min-width: 1820px) {
    #ss18 .tab-list li a:after {
        width: calc(100% + 120px)
    }
}

#ss18 .tab-list li.active a, #ss18 .tab-list li:hover a {
    color: #ea131c;
}

#ss18 .tab-list li.active a:after, #ss18 .tab-list li:hover a:after {
    width: 100%;
    background-color: #ea131c;
}

#ss18 .video {
    cursor: pointer
}

#ss18 img {
    width: 100%
}

#ss18 .group-cl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    clear: both;
    margin-top: 80px
}

@media (max-width: 1199px) {
    #ss18 .group-cl {
        margin-top: 40px
    }
}

@media (max-width: 991px) {
    #ss18 .group-cl {
        margin-top: 40px
    }
}

@media (max-width: 767px) {
    #ss18 .group-cl {
        background-color: #f9e9d1;
        margin-top: 30px
    }
}

@media (min-width: 1200px) {
    #ss18 .group-cl {
        margin-top: 50px
    }
}

@media (min-width: 1440px) {
    #ss18 .group-cl {
        margin-top: 60px
    }
}

@media (min-width: 1820px) {
    #ss18 .group-cl {
        margin-top: 80px
    }
}

#ss18 .style-group1 {
    width: 100%;
    display: table;
    clear: both
}

#ss18 .style-group1 .left-cl {
    width: 63%;
    float: left
}

@media (max-width: 767px) {
    #ss18 .style-group1 .left-cl {
        width: 100%;
        float: none
    }
}

#ss18 .style-group1 .right-cl {
    width: 37%;
    float: left;
    padding: 0 70px
}

@media (max-width: 1199px) {
    #ss18 .style-group1 .right-cl {
        padding: 0 30px
    }
}

@media (max-width: 991px) {
    #ss18 .style-group1 .right-cl {
        padding: 0 20px
    }
}

@media (max-width: 767px) {
    #ss18 .style-group1 .right-cl {
        width: 100%;
        padding: 0 15%
    }
}

@media (max-width: 543px) {
    #ss18 .style-group1 .right-cl {
        padding: 0 30px
    }
}

@media (min-width: 1200px) {
    #ss18 .style-group1 .right-cl {
        padding: 0 30px
    }
}

@media (min-width: 1440px) {
    #ss18 .style-group1 .right-cl {
        padding: 0 50px
    }
}

@media (min-width: 1820px) {
    #ss18 .style-group1 .right-cl {
        padding: 0 70px
    }
}

#ss18 .style-group2 {
    width: 100%;
    display: table;
    clear: both
}

#ss18 .style-group2 .right-cl {
    width: 66%;
    float: right;
    padding-right: 70px
}

@media (max-width: 1199px) {
    #ss18 .style-group2 .right-cl {
        padding-right: 30px
    }
}

@media (max-width: 991px) {
    #ss18 .style-group2 .right-cl {
        padding-right: 20px
    }
}

@media (max-width: 767px) {
    #ss18 .style-group2 .right-cl {
        width: 100%;
        float: none
    }
}

@media (min-width: 1200px) {
    #ss18 .style-group2 .right-cl {
        padding-right: 30px
    }
}

@media (min-width: 1440px) {
    #ss18 .style-group2 .right-cl {
        padding-right: 50px
    }
}

@media (min-width: 1820px) {
    #ss18 .style-group2 .right-cl {
        padding-right: 70px
    }
}

#ss18 .style-group2 .left-cl {
    width: 34%;
    float: right;
    padding: 0 70px
}

@media (max-width: 1199px) {
    #ss18 .style-group2 .left-cl {
        padding: 0 30px
    }
}

@media (max-width: 991px) {
    #ss18 .style-group2 .left-cl {
        padding: 0 20px
    }
}

@media (max-width: 767px) {
    #ss18 .style-group2 .left-cl {
        width: 100%;
        float: none;
        padding: 0 70px
    }
}

@media (max-width: 543px) {
    #ss18 .style-group2 .left-cl {
        padding: 0 30px
    }
}

@media (min-width: 1200px) {
    #ss18 .style-group2 .left-cl {
        padding: 0 30px
    }
}

@media (min-width: 1440px) {
    #ss18 .style-group2 .left-cl {
        padding: 0 50px
    }
}

@media (min-width: 1820px) {
    #ss18 .style-group2 .left-cl {
        padding: 0 70px
    }
}

#ss18 .style1 .item-cl {
    position: relative
}

@media (max-width: 767px) {
    #ss18 .style1 .item-cl > img {
        display: none
    }
}

#ss18 .style1 .item-cl .content-item-cl {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 0 20px 30px
}

@media (max-width: 991px) {
    #ss18 .style1 .item-cl .content-item-cl {
        padding: 0 0 15px 20px
    }
}

@media (max-width: 767px) {
    #ss18 .style1 .item-cl .content-item-cl {
        top: 15px;
        position: relative
    }
}

#ss18 .style1 .item-cl .content-item-cl .sub-title {
    font-size: 2.875rem;
    margin-bottom: 45px;
    margin-left: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1199px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-title {
        margin-bottom: 20px;
        margin-left: 20px;
        font-size: 1.5rem
    }
}

@media (max-width: 991px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-title {
        margin-bottom: 10px;
        margin-left: 10px;
        font-size: 1.125rem
    }
}

@media (max-width: 767px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-title {
        font-size: 1.125rem;
        margin-left: 20px;
        margin-bottom: 15px
    }
}

@media (max-width: 543px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-title {
        font-size: 1.125rem;
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-title {
        font-size: 1.875rem;
        margin-bottom: 20px;
        margin-left: 20px
    }
}

@media (min-width: 1440px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-title {
        font-size: 2.5rem;
        margin-bottom: 35px;
        margin-left: 35px
    }
}

@media (min-width: 1820px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-title {
        font-size: 2.875rem;
        margin-bottom: 45px;
        margin-left: 45px
    }
}

#ss18 .style1 .item-cl .content-item-cl .sub-title li {
    float: left;
    line-height: 30px
}

@media (max-width: 1199px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-title li {
        line-height: 20px
    }
}

@media (max-width: 767px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-title li {
        line-height: 14px
    }
}

@media (min-width: 1200px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-title li {
        line-height: 25px
    }
}

#ss18 .style1 .item-cl .content-item-cl .sub-title li:last-child {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 3px solid #000
}

@media (max-width: 1199px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-title li:last-child {
        border-left: 2px solid #000
    }
}

@media (max-width: 767px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-title li:last-child {
        border-left: 1px solid #000
    }
}

@media (min-width: 1200px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-title li:last-child {
        border-left: 2px solid #000
    }
}

#ss18 .style1 .item-cl .content-item-cl .sub-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    clear: both;
    width: 100%
}

#ss18 .style1 .item-cl .content-item-cl .sub-group .img-item {
    width: 55%;
    float: left
}

@media (max-width: 543px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-group .img-item {
        width: 50%
    }
}

#ss18 .style1 .item-cl .content-item-cl .sub-group .img-item img {
    width: 100%;
    max-width: 100%
}

#ss18 .style1 .item-cl .content-item-cl .sub-group .content-sub-group {
    width: 45%;
    float: left;
    position: relative
}

@media (max-width: 543px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-group .content-sub-group {
        width: 50%
    }
}

#ss18 .style1 .item-cl .content-item-cl .sub-group .content-sub-group .title-main {
    font-size: 9.375rem;
    line-height: 1;
    padding-top: 150px;
    padding-bottom: 40px;
    margin-left: -25px;
    position: relative
}

@media (max-width: 1199px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-group .content-sub-group .title-main {
        margin-left: 20px;
        padding-top: 60px;
        font-size: 3.75rem
    }
}

@media (max-width: 991px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-group .content-sub-group .title-main {
        margin-left: 20px;
        padding-top: 40px;
        padding-bottom: 20px;
        font-size: 3.125rem
    }
}

@media (max-width: 767px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-group .content-sub-group .title-main {
        margin-left: -15px;
        padding-top: 40px;
        padding-bottom: 30px;
        font-size: 4.375rem
    }
}

@media (max-width: 543px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-group .content-sub-group .title-main {
        padding-top: 5px;
        padding-bottom: 10px;
        font-size: 2.5rem
    }
}

@media (min-width: 1200px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-group .content-sub-group .title-main {
        margin-left: -15px;
        padding-top: 100px;
        padding-bottom: 30px;
        font-size: 5rem
    }
}

@media (min-width: 1440px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-group .content-sub-group .title-main {
        margin-left: -20px;
        padding-top: 100px;
        font-size: 6.25rem
    }
}

@media (min-width: 1820px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-group .content-sub-group .title-main {
        font-size: 9.375rem
    }
}

#ss18 .style1 .item-cl .content-item-cl .sub-group .content-sub-group .title-main span {
    display: block
}

#ss18 .style1 .item-cl .content-item-cl .sub-group .content-sub-group .title-main:after {
    content: '';
    width: 175px;
    height: 10px;
    background-color: #ea131c;
    position: absolute;
    bottom: 0;
    left: 40%;
    -webkit-transform: translate(-50%);
    -khtml-transform: translate(-50%);
    transform: translate(-50%)
}

@media (max-width: 1199px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-group .content-sub-group .title-main:after {
        left: 30%;
        height: 6px;
        width: 125px
    }
}

@media (max-width: 991px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-group .content-sub-group .title-main:after {
        left: 30%;
        height: 6px;
        width: 100px
    }
}

@media (max-width: 767px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-group .content-sub-group .title-main:after {
        height: 4px;
        width: 80px
    }
}

@media (min-width: 1200px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-group .content-sub-group .title-main:after {
        left: 40%;
        height: 6px;
        width: 125px
    }
}

@media (min-width: 1440px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-group .content-sub-group .title-main:after {
        left: 40%;
        height: 6px
    }
}

@media (min-width: 1820px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-group .content-sub-group .title-main:after {
        left: 40%
    }
}

#ss18 .style1 .item-cl .content-item-cl .sub-group .content-sub-group .description {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 48%;
    padding-left: 20px;
    font-size: 1.25rem
}

@media (max-width: 1199px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-group .content-sub-group .description {
        font-size: .875rem;
        bottom: 20px;
        width: 55%
    }
}

@media (max-width: 991px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-group .content-sub-group .description {
        width: 85%
    }
}

@media (max-width: 543px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-group .content-sub-group .description {
        width: 100%;
        font-size: .6875rem;
        padding-right: 15px;
        bottom: 0
    }
}

@media (min-width: 1200px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-group .content-sub-group .description {
        font-size: .875rem;
        bottom: 20px
    }
}

@media (min-width: 1440px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-group .content-sub-group .description {
        font-size: 1rem;
        bottom: 30px
    }
}

@media (min-width: 1820px) {
    #ss18 .style1 .item-cl .content-item-cl .sub-group .content-sub-group .description {
        font-size: 1.25rem
    }
}

#ss18 .style2 {
    position: relative;
    z-index: 10
}

#ss18 .style2 .item-cl img {
    width: 60%
}

#ss18 .style2 .item-cl:nth-child(1) {
    margin-top: 115px;
    position: relative;
    z-index: 10
}

@media (max-width: 1199px) {
    #ss18 .style2 .item-cl:nth-child(1) {
        margin-top: 50px
    }
}

@media (max-width: 991px) {
    #ss18 .style2 .item-cl:nth-child(1) {
        margin-top: 40px
    }
}

@media (max-width: 767px) {
    #ss18 .style2 .item-cl:nth-child(1) {
        margin-top: 20px
    }
}

@media (min-width: 1200px) {
    #ss18 .style2 .item-cl:nth-child(1) {
        margin-top: 70px
    }
}

@media (min-width: 1440px) {
    #ss18 .style2 .item-cl:nth-child(1) {
        margin-top: 90px
    }
}

@media (min-width: 1820px) {
    #ss18 .style2 .item-cl:nth-child(1) {
        margin-top: 115px
    }
}

#ss18 .style2 .item-cl:nth-child(2) {
    width: 100%;
    text-align: right;
    position: absolute;
    top: calc(40% + 30px);
    right: 0;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    transform: translateY(-50%)
}

#ss18 .style2 .item-cl:nth-child(3) {
    margin-top: 315px
}

@media (max-width: 1199px) {
    #ss18 .style2 .item-cl:nth-child(3) {
        margin-top: 200px
    }
}

@media (max-width: 991px) {
    #ss18 .style2 .item-cl:nth-child(3) {
        margin-top: 100px
    }
}

@media (max-width: 767px) {
    #ss18 .style2 .item-cl:nth-child(3) {
        margin-top: 235px;
        margin-bottom: 30px
    }
}

@media (max-width: 543px) {
    #ss18 .style2 .item-cl:nth-child(3) {
        margin-top: 200px
    }
}

@media (min-width: 1200px) {
    #ss18 .style2 .item-cl:nth-child(3) {
        margin-top: 230px
    }
}

@media (min-width: 1440px) {
    #ss18 .style2 .item-cl:nth-child(3) {
        margin-top: 245px
    }
}

@media (min-width: 1820px) {
    #ss18 .style2 .item-cl:nth-child(3) {
        margin-top: 315px
    }
}

#ss18 .style3 .item-cl {
    position: relative
}

@media (max-width: 767px) {
    #ss18 .style3 .item-cl > img {
        display: none
    }
}

#ss18 .style3 .item-cl .content-item-cl {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 30px 20px 0
}

@media (max-width: 991px) {
    #ss18 .style3 .item-cl .content-item-cl {
        padding: 0 20px 15px 0
    }
}

@media (max-width: 767px) {
    #ss18 .style3 .item-cl .content-item-cl {
        position: relative;
        padding-right: 0
    }
}

#ss18 .style3 .item-cl .content-item-cl .sub-title {
    font-size: 2.875rem;
    margin-bottom: 45px;
    margin-right: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: right;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width: 1199px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-title {
        margin-bottom: 20px;
        margin-right: 20px;
        font-size: 1.5rem
    }
}

@media (max-width: 991px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-title {
        font-size: 1.125rem
    }
}

@media (max-width: 767px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-title {
        margin-right: 20px;
        margin-bottom: 15px;
        margin-top: 15px;
        font-size: 1.125rem
    }
}

@media (min-width: 1200px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-title {
        font-size: 2.1875rem;
        margin-bottom: 20px;
        margin-right: 20px
    }
}

@media (min-width: 1440px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-title {
        font-size: 2.5rem;
        margin-bottom: 35px;
        margin-right: 35px
    }
}

@media (min-width: 1820px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-title {
        font-size: 2.875rem;
        margin-bottom: 45px;
        margin-right: 45px
    }
}

#ss18 .style3 .item-cl .content-item-cl .sub-title li {
    float: left;
    line-height: 30px
}

@media (max-width: 1199px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-title li {
        line-height: 20px
    }
}

@media (min-width: 1200px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-title li {
        line-height: 25px
    }
}

#ss18 .style3 .item-cl .content-item-cl .sub-title li:last-child {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 3px solid #000
}

@media (max-width: 1199px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-title li:last-child {
        border-left: 2px solid #000
    }
}

@media (min-width: 1200px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-title li:last-child {
        border-left: 2px solid #000
    }
}

#ss18 .style3 .item-cl .content-item-cl .sub-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    clear: both;
    width: 100%
}

#ss18 .style3 .item-cl .content-item-cl .sub-group .img-item {
    width: 55%;
    float: left
}

@media (max-width: 543px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-group .img-item {
        width: 50%
    }
}

#ss18 .style3 .item-cl .content-item-cl .sub-group .img-item img {
    width: 100%;
    max-width: 100%
}

#ss18 .style3 .item-cl .content-item-cl .sub-group .content-sub-group {
    width: 45%;
    float: left;
    position: relative
}

@media (max-width: 543px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-group .content-sub-group {
        width: 50%
    }
}

#ss18 .style3 .item-cl .content-item-cl .sub-group .content-sub-group .title-main {
    font-size: 9.375rem;
    line-height: 1;
    padding-top: 150px;
    padding-bottom: 40px;
    margin-left: 150px;
    position: relative;
    width: 150%
}

@media (max-width: 1199px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-group .content-sub-group .title-main {
        margin-left: 100px;
        padding-top: 60px;
        padding-bottom: 30px;
        font-size: 3.75rem
    }
}

@media (max-width: 991px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-group .content-sub-group .title-main {
        margin-left: 60px;
        padding-top: 30px;
        padding-bottom: 30px;
        font-size: 3.125rem
    }
}

@media (max-width: 767px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-group .content-sub-group .title-main {
        font-size: 4.375rem
    }
}

@media (max-width: 543px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-group .content-sub-group .title-main {
        margin-left: 40px;
        padding-top: 5px;
        padding-bottom: 10px;
        font-size: 2.5rem
    }
}

@media (min-width: 1200px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-group .content-sub-group .title-main {
        margin-left: 110px;
        padding-top: 100px;
        font-size: 5rem
    }
}

@media (min-width: 1440px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-group .content-sub-group .title-main {
        margin-left: 120px;
        font-size: 6.25rem
    }
}

@media (min-width: 1820px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-group .content-sub-group .title-main {
        font-size: 9.375rem
    }
}

#ss18 .style3 .item-cl .content-item-cl .sub-group .content-sub-group .title-main span {
    display: block
}

#ss18 .style3 .item-cl .content-item-cl .sub-group .content-sub-group .title-main:after {
    content: '';
    width: 175px;
    height: 10px;
    background-color: #ea131c;
    position: absolute;
    bottom: 0;
    left: 40%;
    -webkit-transform: translate(-50%);
    -khtml-transform: translate(-50%);
    transform: translate(-50%)
}

@media (max-width: 1199px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-group .content-sub-group .title-main:after {
        left: 40%;
        height: 6px;
        width: 125px
    }
}

@media (max-width: 991px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-group .content-sub-group .title-main:after {
        left: 40%
    }
}

@media (max-width: 767px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-group .content-sub-group .title-main:after {
        height: 4px;
        width: 80px
    }
}

@media (min-width: 1200px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-group .content-sub-group .title-main:after {
        left: 40%;
        height: 6px;
        width: 125px
    }
}

@media (min-width: 1440px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-group .content-sub-group .title-main:after {
        left: 40%;
        height: 6px
    }
}

@media (min-width: 1820px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-group .content-sub-group .title-main:after {
        left: 40%
    }
}

#ss18 .style3 .item-cl .content-item-cl .sub-group .content-sub-group .description {
    position: absolute;
    right: 0;
    bottom: 40px;
    width: 48%;
    padding-right: 20px;
    font-size: 1.25rem
}

@media (max-width: 1199px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-group .content-sub-group .description {
        font-size: .875rem;
        bottom: 20px;
        width: 60%
    }
}

@media (max-width: 991px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-group .content-sub-group .description {
        width: 75%
    }
}

@media (max-width: 543px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-group .content-sub-group .description {
        width: 100%;
        padding-left: 15px;
        font-size: .6875rem;
        bottom: 0;
        padding-right: 10px
    }
}

@media (min-width: 1200px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-group .content-sub-group .description {
        font-size: .875rem;
        bottom: 20px
    }
}

@media (min-width: 1440px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-group .content-sub-group .description {
        font-size: 1rem;
        bottom: 30px
    }
}

@media (min-width: 1820px) {
    #ss18 .style3 .item-cl .content-item-cl .sub-group .content-sub-group .description {
        font-size: 1.25rem
    }
}

#ss18 .style4 {
    position: relative;
    z-index: 10
}

#ss18 .style4 .item-cl:nth-child(1) {
    margin-top: 92px;
    position: relative;
    z-index: 10
}

@media (max-width: 1199px) {
    #ss18 .style4 .item-cl:nth-child(1) {
        margin-top: 42px
    }
}

@media (max-width: 767px) {
    #ss18 .style4 .item-cl:nth-child(1) {
        margin-top: 15px;
        padding-right: 20%
    }
}

@media (max-width: 543px) {
    #ss18 .style4 .item-cl:nth-child(1) {
        margin-top: 5px
    }
}

@media (min-width: 1200px) {
    #ss18 .style4 .item-cl:nth-child(1) {
        margin-top: 52px
    }
}

@media (min-width: 1440px) {
    #ss18 .style4 .item-cl:nth-child(1) {
        margin-top: 72px
    }
}

@media (min-width: 1820px) {
    #ss18 .style4 .item-cl:nth-child(1) {
        margin-top: 92px
    }
}

#ss18 .style4 .item-cl:nth-child(2) {
    margin-top: 70px;
    margin-right: -140px;
    padding-left: 140px
}

@media (max-width: 1199px) {
    #ss18 .style4 .item-cl:nth-child(2) {
        margin-right: -60px;
        padding-left: 60px;
        margin-top: 30px
    }
}

@media (max-width: 991px) {
    #ss18 .style4 .item-cl:nth-child(2) {
        margin-right: -40px;
        padding-left: 40px;
        margin-top: 20px
    }
}

@media (max-width: 767px) {
    #ss18 .style4 .item-cl:nth-child(2) {
        padding-left: 20%;
        margin-right: 0;
        margin-bottom: 30px
    }
}

@media (min-width: 1200px) {
    #ss18 .style4 .item-cl:nth-child(2) {
        margin-right: -60px;
        padding-left: 60px;
        margin-top: 30px
    }
}

@media (min-width: 1440px) {
    #ss18 .style4 .item-cl:nth-child(2) {
        margin-right: -100px;
        padding-left: 100px;
        margin-top: 50px
    }
}

@media (min-width: 1820px) {
    #ss18 .style4 .item-cl:nth-child(2) {
        margin-right: -140px;
        padding-left: 140px;
        margin-top: 70px
    }
}

#ss18 .style5 .item-cl {
    position: relative
}

@media (max-width: 767px) {
    #ss18 .style5 .item-cl > img {
        display: none
    }
}

#ss18 .style5 .item-cl .content-item-cl {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 0 20px 30px
}

@media (max-width: 991px) {
    #ss18 .style5 .item-cl .content-item-cl {
        padding: 0 0 15px 20px
    }
}

@media (max-width: 767px) {
    #ss18 .style5 .item-cl .content-item-cl {
        position: relative
    }
}

#ss18 .style5 .item-cl .content-item-cl .sub-title {
    font-size: 2.875rem;
    margin-bottom: 45px;
    margin-left: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1199px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-title {
        margin-bottom: 20px;
        margin-left: 20px;
        font-size: 1.5rem
    }
}

@media (max-width: 991px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-title {
        margin-bottom: 10px;
        margin-left: 10px;
        font-size: 1.125rem
    }
}

@media (max-width: 767px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-title {
        margin-top: 15px
    }
}

@media (max-width: 543px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-title {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-title {
        font-size: 2.1875rem;
        margin-bottom: 20px;
        margin-left: 20px
    }
}

@media (min-width: 1440px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-title {
        font-size: 2.5rem;
        margin-bottom: 35px;
        margin-left: 35px
    }
}

@media (min-width: 1820px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-title {
        font-size: 2.875rem;
        margin-bottom: 45px;
        margin-left: 45px
    }
}

#ss18 .style5 .item-cl .content-item-cl .sub-title li {
    float: left;
    line-height: 30px
}

@media (max-width: 1199px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-title li {
        line-height: 20px
    }
}

@media (min-width: 1200px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-title li {
        line-height: 25px
    }
}

#ss18 .style5 .item-cl .content-item-cl .sub-title li:last-child {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 3px solid #000
}

@media (max-width: 1199px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-title li:last-child {
        border-left: 2px solid #000
    }
}

@media (min-width: 1200px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-title li:last-child {
        border-left: 2px solid #000
    }
}

#ss18 .style5 .item-cl .content-item-cl .sub-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    clear: both;
    width: 100%
}

#ss18 .style5 .item-cl .content-item-cl .sub-group .img-item {
    width: 55%;
    float: left
}

@media (max-width: 543px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-group .img-item {
        width: 50%
    }
}

#ss18 .style5 .item-cl .content-item-cl .sub-group .img-item img {
    width: 100%;
    max-width: 100%
}

#ss18 .style5 .item-cl .content-item-cl .sub-group .content-sub-group {
    width: 45%;
    float: left;
    position: relative
}

@media (max-width: 543px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-group .content-sub-group {
        width: 50%
    }
}

#ss18 .style5 .item-cl .content-item-cl .sub-group .content-sub-group .title-main {
    font-size: 9.375rem;
    line-height: 1;
    padding-top: 150px;
    padding-bottom: 40px;
    margin-left: 60px;
    position: relative
}

@media (max-width: 1199px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-group .content-sub-group .title-main {
        margin-left: 40px;
        padding-top: 60px;
        padding-bottom: 30px;
        font-size: 3.75rem
    }
}

@media (max-width: 991px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-group .content-sub-group .title-main {
        margin-left: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
        font-size: 3.125rem
    }
}

@media (max-width: 767px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-group .content-sub-group .title-main {
        font-size: 4.375rem
    }
}

@media (max-width: 543px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-group .content-sub-group .title-main {
        font-size: 2.5rem;
        padding-top: 0;
        padding-bottom: 10px
    }
}

@media (min-width: 1200px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-group .content-sub-group .title-main {
        margin-left: 40px;
        padding-top: 100px;
        padding-bottom: 30px;
        font-size: 5rem
    }
}

@media (min-width: 1440px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-group .content-sub-group .title-main {
        margin-left: 60px;
        padding-top: 100px;
        font-size: 6.25rem
    }
}

@media (min-width: 1820px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-group .content-sub-group .title-main {
        font-size: 9.375rem
    }
}

#ss18 .style5 .item-cl .content-item-cl .sub-group .content-sub-group .title-main span {
    display: block
}

#ss18 .style5 .item-cl .content-item-cl .sub-group .content-sub-group .title-main:after {
    content: '';
    width: 175px;
    height: 10px;
    background-color: #ea131c;
    position: absolute;
    bottom: 0;
    left: 30%;
    -webkit-transform: translate(-50%);
    -khtml-transform: translate(-50%);
    transform: translate(-50%)
}

@media (max-width: 1199px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-group .content-sub-group .title-main:after {
        left: 35%;
        height: 6px;
        width: 125px
    }
}

@media (max-width: 991px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-group .content-sub-group .title-main:after {
        left: 40%
    }
}

@media (max-width: 543px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-group .content-sub-group .title-main:after {
        height: 4px;
        width: 80px
    }
}

@media (min-width: 1200px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-group .content-sub-group .title-main:after {
        left: 30%;
        height: 6px;
        width: 125px
    }
}

@media (min-width: 1440px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-group .content-sub-group .title-main:after {
        left: 30%;
        height: 6px;
        width: 110px
    }
}

@media (min-width: 1820px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-group .content-sub-group .title-main:after {
        left: 40%
    }
}

#ss18 .style5 .item-cl .content-item-cl .sub-group .content-sub-group .description {
    position: absolute;
    bottom: 40px;
    left: 86px;
    width: 48%;
    padding-left: 20px;
    font-size: 1.25rem
}

@media (max-width: 1199px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-group .content-sub-group .description {
        font-size: .875rem;
        bottom: 20px;
        left: 36px;
        width: 60%
    }
}

@media (max-width: 991px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-group .content-sub-group .description {
        width: 85%;
        left: 0
    }
}

@media (max-width: 543px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-group .content-sub-group .description {
        width: 100%;
        font-size: .6875rem;
        bottom: 0;
        padding-right: 5px
    }
}

@media (min-width: 1200px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-group .content-sub-group .description {
        font-size: .875rem;
        bottom: 20px;
        left: 56px
    }
}

@media (min-width: 1440px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-group .content-sub-group .description {
        font-size: 1rem;
        bottom: 30px;
        left: 66px
    }
}

@media (min-width: 1820px) {
    #ss18 .style5 .item-cl .content-item-cl .sub-group .content-sub-group .description {
        font-size: 1.25rem
    }
}

#ss18 .style6 {
    position: relative;
    z-index: 10
}

#ss18 .style6 .item-cl img {
    width: 60%
}

#ss18 .style6 .item-cl:nth-child(1) {
    margin-top: 115px;
    position: relative;
    z-index: 10;
    text-align: right
}

@media (max-width: 1199px) {
    #ss18 .style6 .item-cl:nth-child(1) {
        margin-top: 50px
    }
}

@media (max-width: 991px) {
    #ss18 .style6 .item-cl:nth-child(1) {
        margin-top: 30px
    }
}

@media (max-width: 767px) {
    #ss18 .style6 .item-cl:nth-child(1) {
        margin-top: 15px
    }
}

@media (min-width: 1200px) {
    #ss18 .style6 .item-cl:nth-child(1) {
        margin-top: 70px
    }
}

@media (min-width: 1440px) {
    #ss18 .style6 .item-cl:nth-child(1) {
        margin-top: 90px
    }
}

@media (min-width: 1820px) {
    #ss18 .style6 .item-cl:nth-child(1) {
        margin-top: 115px
    }
}

#ss18 .style6 .item-cl:nth-child(2) {
    margin-top: 100px
}

@media (max-width: 1199px) {
    #ss18 .style6 .item-cl:nth-child(2) {
        margin-top: 40px
    }
}

@media (max-width: 991px) {
    #ss18 .style6 .item-cl:nth-child(2) {
        margin-top: 30px
    }
}

@media (max-width: 767px) {
    #ss18 .style6 .item-cl:nth-child(2) {
        margin-top: 20px;
        margin-bottom: 30px
    }
}

@media (min-width: 1200px) {
    #ss18 .style6 .item-cl:nth-child(2) {
        margin-top: 40px
    }
}

@media (min-width: 1440px) {
    #ss18 .style6 .item-cl:nth-child(2) {
        margin-top: 70px
    }
}

@media (min-width: 1820px) {
    #ss18 .style6 .item-cl:nth-child(2) {
        margin-top: 100px
    }
}

#ss18 .view-more {
    margin: 80px 0;
    text-align: center
}

#ss18 .view-more a {
    padding: 15px 45px;
    background-color: #000;
    color: #fff;
    font-size: 1.625rem
}

@media (max-width: 1199px) {
    #ss18 .view-more a {
        font-size: 1.125rem
    }
}

@media (max-width: 991px) {
    #ss18 .view-more a {
        font-size: 1rem;
        padding: 15px 25px
    }
}

@media (max-width: 767px) {
    #ss18 .view-more a {
        font-size: .875rem
    }
}

@media (max-width: 543px) {
    #ss18 .view-more a {
        font-size: .75rem
    }
}

@media (min-width: 1200px) {
    #ss18 .view-more a {
        font-size: 1.25rem
    }
}

@media (min-width: 1440px) {
    #ss18 .view-more a {
        font-size: 1.375rem
    }
}

@media (min-width: 1820px) {
    #ss18 .view-more a {
        font-size: 1.625rem
    }
}

#ss18 .view-more a:hover {
    border: 1px solid #000;
    color: #000;
    background-color: #fff
}

#ss18 .tab-reward .slide-reward .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%
}

@media (max-width: 991px) {
    #ss18 .tab-reward .slide-reward .owl-nav {
        display: none
    }
}

@media (max-width: 767px) {
    #ss18 .tab-reward .slide-reward .owl-nav {
        display: block
    }
}

@media (max-width: 1199px) {
    #ss18 .tab-reward .slide-reward .owl-nav img {
        width: 40px
    }
}

@media (max-width: 543px) {
    #ss18 .tab-reward .slide-reward .owl-nav img {
        width: 30px
    }
}

@media (min-width: 1200px) {
    #ss18 .tab-reward .slide-reward .owl-nav img {
        width: 40px
    }
}

@media (min-width: 1440px) {
    #ss18 .tab-reward .slide-reward .owl-nav img {
        width: 50px
    }
}

@media (min-width: 1820px) {
    #ss18 .tab-reward .slide-reward .owl-nav img {
        width: 100%
    }
}

#ss18 .tab-reward .slide-reward .owl-nav .owl-prev {
    float: left;
    margin-left: 30px
}

#ss18 .tab-reward .slide-reward .owl-nav .owl-next {
    float: right;
    margin-right: 30px
}

#ss18 .tab-reward .ab-ct {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-grid-column-align: center;
    justify-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#ss18 .tab-reward .ab-ct .about-reward {
    text-align: center
}

@media (max-width: 543px) {
    #ss18 .tab-reward .ab-ct .about-reward {
        padding: 0 10px
    }
}

#ss18 .tab-reward .ab-ct .about-reward .title-about {
    font-weight: 700;
    font-size: 1.75rem;
    margin-bottom: 45px
}

@media (max-width: 1199px) {
    #ss18 .tab-reward .ab-ct .about-reward .title-about {
        margin-bottom: 10px;
        font-size: 1.125rem
    }
}

@media (max-width: 991px) {
    #ss18 .tab-reward .ab-ct .about-reward .title-about {
        font-size: 1rem;
        margin-top: 30px
    }
}

@media (min-width: 1200px) {
    #ss18 .tab-reward .ab-ct .about-reward .title-about {
        font-size: 1.25rem;
        margin-bottom: 15px
    }
}

@media (min-width: 1440px) {
    #ss18 .tab-reward .ab-ct .about-reward .title-about {
        font-size: 1.5rem;
        margin-bottom: 35px
    }
}

@media (min-width: 1820px) {
    #ss18 .tab-reward .ab-ct .about-reward .title-about {
        font-size: 1.75rem
    }
}

#ss18 .tab-reward .ab-ct .about-reward .title-about span {
    display: block;
    font-weight: 700
}

#ss18 .tab-reward .ab-ct .about-reward .content-about {
    font-size: 1.125rem
}

@media (max-width: 1199px) {
    #ss18 .tab-reward .ab-ct .about-reward .content-about {
        font-size: .8125rem
    }
}

@media (min-width: 1200px) {
    #ss18 .tab-reward .ab-ct .about-reward .content-about {
        font-size: .8125rem
    }
}

@media (min-width: 1440px) {
    #ss18 .tab-reward .ab-ct .about-reward .content-about {
        font-size: .875rem
    }
}

@media (min-width: 1820px) {
    #ss18 .tab-reward .ab-ct .about-reward .content-about {
        font-size: 1.125rem
    }
}

#ss18 .tab-reward .ab-ct .about-reward .content-about p {
    padding: 2px 0
}

#ss18 .tab-reward .group-partner .list-partner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 0 -5px 40px
}

@media (max-width: 1199px) {
    #ss18 .tab-reward .group-partner .list-partner {
        margin-top: 25px;
        margin-bottom: 15px
    }
}

@media (max-width: 991px) {
    #ss18 .tab-reward .group-partner .list-partner {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 543px) {
    #ss18 .tab-reward .group-partner .list-partner {
        margin-left: 2px;
        margin-right: 2px
    }
}

@media (min-width: 1200px) {
    #ss18 .tab-reward .group-partner .list-partner {
        margin-top: 35px;
        margin-bottom: 20px
    }
}

@media (min-width: 1440px) {
    #ss18 .tab-reward .group-partner .list-partner {
        margin-top: 50px
    }
}

@media (min-width: 1820px) {
    #ss18 .tab-reward .group-partner .list-partner {
        margin-top: 60px
    }
}

#ss18 .tab-reward .group-partner .list-partner li {
    width: calc(100% / 7 - 10px);
    border: 1px solid #ddd;
    cursor: pointer
}

@media (max-width: 991px) {
    #ss18 .tab-reward .group-partner .list-partner li {
        width: calc(100% / 4 - 10px);
        margin: 5px
    }
}

@media (max-width: 543px) {
    #ss18 .tab-reward .group-partner .list-partner li {
        width: calc(100% / 4 - 4px);
        margin: 2px
    }
}

#ss18 .tab-reward .group-partner .list-partner li.active, #ss18 .tab-reward .group-partner .list-partner li:hover {
    box-shadow: 0 0 10px #c4c4c4
}

@media (max-width: 543px) {
    #ss18 .tab-reward .group-partner .partner {
        padding: 0 10px
    }
}

#ss18 .tab-reward .group-partner .partner .content-partner {
    padding: 10px 0;
    font-size: 1.125rem
}

@media (max-width: 1199px) {
    #ss18 .tab-reward .group-partner .partner .content-partner {
        font-size: .8125rem;
        padding: 5px 0 0
    }
}

@media (max-width: 991px) {
    #ss18 .tab-reward .group-partner .partner .content-partner {
        font-size: .75rem
    }
}

@media (min-width: 1200px) {
    #ss18 .tab-reward .group-partner .partner .content-partner {
        font-size: .8125rem;
        padding: 5px 0 10px
    }
}

@media (min-width: 1440px) {
    #ss18 .tab-reward .group-partner .partner .content-partner {
        font-size: .875rem;
        padding: 5px 0 10px
    }
}

@media (min-width: 1820px) {
    #ss18 .tab-reward .group-partner .partner .content-partner {
        font-size: 1.125rem
    }
}

#ss18 .tab-reward .group-partner .partner .content-partner .title-partner {
    font-size: 1.75rem;
    font-weight: 700
}

@media (max-width: 1199px) {
    #ss18 .tab-reward .group-partner .partner .content-partner .title-partner {
        font-size: 1rem
    }
}

@media (max-width: 767px) {
    #ss18 .tab-reward .group-partner .partner .content-partner .title-partner {
        font-size: 1.125rem;
        margin-top: 5px
    }
}

@media (min-width: 1200px) {
    #ss18 .tab-reward .group-partner .partner .content-partner .title-partner {
        font-size: 1.25rem
    }
}

@media (min-width: 1440px) {
    #ss18 .tab-reward .group-partner .partner .content-partner .title-partner {
        font-size: 1.5rem
    }
}

@media (min-width: 1820px) {
    #ss18 .tab-reward .group-partner .partner .content-partner .title-partner {
        font-size: 1.75rem
    }
}

#ss18 .tab-reward .group-partner .partner .content-partner .height-light {
    color: #ea131c;
    font-size: 1.25rem;
    font-weight: 700;
    margin-top: 5px
}

@media (max-width: 1199px) {
    #ss18 .tab-reward .group-partner .partner .content-partner .height-light {
        font-size: .75rem
    }
}

@media (max-width: 991px) {
    #ss18 .tab-reward .group-partner .partner .content-partner .height-light {
        margin-top: 2px
    }
}

@media (min-width: 1200px) {
    #ss18 .tab-reward .group-partner .partner .content-partner .height-light {
        font-size: .75rem
    }
}

@media (min-width: 1440px) {
    #ss18 .tab-reward .group-partner .partner .content-partner .height-light {
        font-size: 1rem
    }
}

@media (min-width: 1820px) {
    #ss18 .tab-reward .group-partner .partner .content-partner .height-light {
        font-size: 1.25rem
    }
}

#ss18 .tab-reward .group-partner .partner .content-partner .mini-title {
    font-weight: 700;
    margin-top: 15px
}

@media (max-width: 1199px) {
    #ss18 .tab-reward .group-partner .partner .content-partner .mini-title {
        margin-top: 5px
    }
}

@media (max-width: 991px) {
    #ss18 .tab-reward .group-partner .partner .content-partner .mini-title {
        margin-top: 2px
    }
}

@media (min-width: 1200px) {
    #ss18 .tab-reward .group-partner .partner .content-partner .mini-title {
        margin-top: 5px
    }
}

@media (min-width: 1440px) {
    #ss18 .tab-reward .group-partner .partner .content-partner .mini-title {
        margin-top: 10px
    }
}

@media (min-width: 1820px) {
    #ss18 .tab-reward .group-partner .partner .content-partner .mini-title {
        margin-top: 15px
    }
}

#ss18 .tab-reward .group-partner .partner .content-partner p {
    margin: 3px 0
}

#ss18 .tab-reward .group-partner .partner .content-partner .list-dk {
    list-style: disc;
    padding-left: 20px
}

#ss18 .tab-reward .note-dk {
    margin-bottom: 65px
}

@media (max-width: 1199px) {
    #ss18 .tab-reward .note-dk {
        margin-bottom: 25px
    }
}

@media (max-width: 543px) {
    #ss18 .tab-reward .note-dk {
        padding: 0 10px
    }
}

@media (min-width: 1200px) {
    #ss18 .tab-reward .note-dk {
        margin-bottom: 45px
    }
}

@media (min-width: 1440px) {
    #ss18 .tab-reward .note-dk {
        margin-bottom: 55px
    }
}

@media (min-width: 1820px) {
    #ss18 .tab-reward .note-dk {
        margin-bottom: 65px
    }
}

#ss18 .tab-reward .note-dk .title-note-dk {
    font-size: 1.75rem;
    font-weight: 700;
    padding: 55px 0;
    margin-top: 55px;
    position: relative;
    text-align: center
}

@media (max-width: 1199px) {
    #ss18 .tab-reward .note-dk .title-note-dk {
        font-size: 1.125rem;
        padding: 15px 0;
        margin-top: 35px
    }
}

@media (max-width: 991px) {
    #ss18 .tab-reward .note-dk .title-note-dk {
        font-size: 1rem;
        padding: 15px 0 10px
    }
}

@media (min-width: 1200px) {
    #ss18 .tab-reward .note-dk .title-note-dk {
        font-size: 1.25rem;
        padding: 25px 0
    }
}

@media (min-width: 1440px) {
    #ss18 .tab-reward .note-dk .title-note-dk {
        padding: 35px 0;
        font-size: 1.5rem
    }
}

@media (min-width: 1820px) {
    #ss18 .tab-reward .note-dk .title-note-dk {
        font-size: 1.75rem
    }
}

#ss18 .tab-reward .note-dk .title-note-dk:after {
    content: '';
    width: 130px;
    height: 2px;
    background-color: #111;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    -khtml-transform: translate(-50%);
    transform: translate(-50%)
}

#ss18 .tab-reward .note-dk .list-note-dk {
    list-style: disc;
    padding-left: 20px
}

#ss18 .tab-reward .note-dk .list-note-dk li {
    font-size: 1.125rem;
    padding: 2px 0
}

@media (max-width: 1199px) {
    #ss18 .tab-reward .note-dk .list-note-dk li {
        font-size: .8125rem
    }
}

@media (max-width: 991px) {
    #ss18 .tab-reward .note-dk .list-note-dk li {
        font-size: .75rem
    }
}

@media (min-width: 1200px) {
    #ss18 .tab-reward .note-dk .list-note-dk li {
        font-size: .8125rem
    }
}

@media (min-width: 1440px) {
    #ss18 .tab-reward .note-dk .list-note-dk li {
        font-size: .875rem
    }
}

@media (min-width: 1820px) {
    #ss18 .tab-reward .note-dk .list-note-dk li {
        font-size: 1.125rem
    }
}

#ss18 .tab-reward .note-dk .list-note-dk li span {
    width: 5px;
    display: inline-block
}

#ss18 .tab-reward .note-dk .sub-note {
    font-size: 1rem;
    margin-top: 20px;
    font-style: italic
}

@media (max-width: 1199px) {
    #ss18 .tab-reward .note-dk .sub-note {
        font-size: .6875rem;
        margin-top: 10px
    }
}

@media (min-width: 1200px) {
    #ss18 .tab-reward .note-dk .sub-note {
        font-size: .6875rem
    }
}

@media (min-width: 1440px) {
    #ss18 .tab-reward .note-dk .sub-note {
        font-size: .75rem
    }
}

@media (min-width: 1820px) {
    #ss18 .tab-reward .note-dk .sub-note {
        font-size: 1rem
    }
}

@media (max-width: 767px) {
    #sf18 .pc {
        display: none !important
    }
}

#sf18 .mobi {
    display: none
}

@media (max-width: 767px) {
    #sf18 .mobi {
        display: block
    }
}

#sf18 .group-banner .banner {
    position: relative
}

#sf18 .group-banner .banner img {
    width: 100%
}

#sf18 .group-banner .banner .group-title-banner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #fff
}

#sf18 .group-banner .banner .group-title-banner .title-banner {
    font-size: 5rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 15px;
    margin-top: 110px
}

@media (max-width: 1199px) {
    #sf18 .group-banner .banner .group-title-banner .title-banner {
        font-size: 3.125rem
    }
}

@media (max-width: 991px) {
    #sf18 .group-banner .banner .group-title-banner .title-banner {
        font-size: 2.5rem;
        margin-top: 50px;
        letter-spacing: 5px
    }
}

@media (max-width: 767px) {
    #sf18 .group-banner .banner .group-title-banner .title-banner {
        font-size: 3.125rem
    }
}

@media (max-width: 543px) {
    #sf18 .group-banner .banner .group-title-banner .title-banner {
        font-size: 1.875rem;
        letter-spacing: 2px
    }
}

@media (min-width: 1200px) {
    #sf18 .group-banner .banner .group-title-banner .title-banner {
        font-size: 3.75rem
    }
}

@media (min-width: 1440px) {
    #sf18 .group-banner .banner .group-title-banner .title-banner {
        font-size: 4.375rem
    }
}

@media (min-width: 1820px) {
    #sf18 .group-banner .banner .group-title-banner .title-banner {
        font-size: 5rem
    }
}

#sf18 .group-banner .banner .group-title-banner .title-banner span {
    display: block;
    font-size: 1.875rem;
    font-family: 'Times New Roman';
    letter-spacing: 0;
    text-transform: none;
    font-style: italic;
    font-weight: 400;
    margin-top: 12px
}

@media (max-width: 1199px) {
    #sf18 .group-banner .banner .group-title-banner .title-banner span {
        font-size: 1rem
    }
}

@media (min-width: 1200px) {
    #sf18 .group-banner .banner .group-title-banner .title-banner span {
        font-size: 1.125rem
    }
}

@media (min-width: 1440px) {
    #sf18 .group-banner .banner .group-title-banner .title-banner span {
        font-size: 1.5625rem
    }
}

@media (min-width: 1820px) {
    #sf18 .group-banner .banner .group-title-banner .title-banner span {
        font-size: 1.9375rem
    }
}

#sf18 .tab-menu {
    background-color: #c26baa;
    display: table;
    width: 100%
}

#sf18 .tab-menu.f-nav {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100
}

#sf18 .tab-menu li {
    width: 50%;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
    text-transform: uppercase;
    padding: 10px 0;
    cursor: pointer
}

@media (max-width: 1199px) {
    #sf18 .tab-menu li {
        font-size: .875rem
    }
}

@media (max-width: 991px) {
    #sf18 .tab-menu li {
        font-size: .875rem
    }
}

@media (min-width: 1200px) {
    #sf18 .tab-menu li {
        font-size: 1rem
    }
}

@media (min-width: 1440px) {
    #sf18 .tab-menu li {
        font-size: 1.125rem
    }
}

@media (min-width: 1820px) {
    #sf18 .tab-menu li {
        font-size: 1.5rem
    }
}

#sf18 .tab-menu li span {
    padding-bottom: 2px;
    position: relative
}

#sf18 .tab-menu li.active span, #sf18 .tab-menu li:hover span {
    font-weight: 700
}

#sf18 .tab-menu li.active span:after, #sf18 .tab-menu li:hover span:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    background-color: #fff
}

#sf18 .group-bst .about {
    padding: 50px 0
}

@media (max-width: 1199px) {
    #sf18 .group-bst .about {
        padding: 15px 0
    }
}

@media (max-width: 991px) {
    #sf18 .group-bst .about {
        width: 100%;
        padding: 0
    }
}

@media (min-width: 1200px) {
    #sf18 .group-bst .about {
        padding: 20px 0
    }
}

@media (min-width: 1440px) {
    #sf18 .group-bst .about {
        padding: 30px 0
    }
}

@media (min-width: 1820px) {
    #sf18 .group-bst .about {
        padding: 50px 0
    }
}

@media (max-width: 991px) {
    #sf18 .group-bst .about img {
        width: 100%
    }
}

#sf18 .group-bst .about .ab-ct {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-grid-column-align: center;
    justify-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#sf18 .group-bst .about .about-reward {
    text-align: center
}

#sf18 .group-bst .about .about-reward img {
    width: auto;
    max-width: 100%
}

#sf18 .group-bst .about .about-reward .title-about {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 700
}

@media (max-width: 1199px) {
    #sf18 .group-bst .about .about-reward .title-about {
        margin-top: 25px;
        font-size: 1.125rem
    }
}

@media (max-width: 991px) {
    #sf18 .group-bst .about .about-reward .title-about {
        font-size: 1rem
    }
}

@media (min-width: 1200px) {
    #sf18 .group-bst .about .about-reward .title-about {
        font-size: 1.125rem
    }
}

@media (min-width: 1440px) {
    #sf18 .group-bst .about .about-reward .title-about {
        font-size: 1.25rem
    }
}

@media (min-width: 1820px) {
    #sf18 .group-bst .about .about-reward .title-about {
        font-size: 1.5rem
    }
}

#sf18 .group-bst .about .about-reward .content-about {
    padding: 15px 0 10px;
    font-size: 1rem
}

@media (max-width: 1199px) {
    #sf18 .group-bst .about .about-reward .content-about {
        padding: 20px 0 25px;
        font-size: .8125rem
    }
}

@media (max-width: 991px) {
    #sf18 .group-bst .about .about-reward .content-about {
        font-size: .75rem
    }
}

@media (min-width: 1200px) {
    #sf18 .group-bst .about .about-reward .content-about {
        font-size: .875rem
    }
}

@media (min-width: 1440px) {
    #sf18 .group-bst .about .about-reward .content-about {
        font-size: .9375rem
    }
}

@media (min-width: 1820px) {
    #sf18 .group-bst .about .about-reward .content-about {
        font-size: 1rem
    }
}

@media (max-width: 1199px) {
    #sf18 .group-bst .cate-product {
        width: 100%
    }
}

#sf18 .group-bst .cate-product .item-cate {
    text-align: center;
    padding: 50px 0;
    cursor: pointer
}

#sf18 .group-bst .cate-product .item-cate:hover .content-cate {
    -webkit-transform: rotateY(180deg);
    -khtml-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

@media (max-width: 1199px) {
    #sf18 .group-bst .cate-product .item-cate {
        padding: 20px 0 15px
    }
}

@media (min-width: 1200px) {
    #sf18 .group-bst .cate-product .item-cate {
        padding: 25px 0
    }
}

@media (min-width: 1440px) {
    #sf18 .group-bst .cate-product .item-cate {
        padding: 30px 0
    }
}

@media (min-width: 1820px) {
    #sf18 .group-bst .cate-product .item-cate {
        padding: 50px 0
    }
}

#sf18 .group-bst .cate-product .item-cate .title-cate {
    font-size: 1.5rem;
    font-weight: 700;
    padding-bottom: 22px
}

@media (max-width: 1199px) {
    #sf18 .group-bst .cate-product .item-cate .title-cate {
        font-size: 1rem
    }
}

@media (max-width: 991px) {
    #sf18 .group-bst .cate-product .item-cate .title-cate {
        font-size: .875rem
    }
}

@media (min-width: 1200px) {
    #sf18 .group-bst .cate-product .item-cate .title-cate {
        font-size: 1.125rem
    }
}

@media (min-width: 1440px) {
    #sf18 .group-bst .cate-product .item-cate .title-cate {
        font-size: 1.25rem
    }
}

@media (min-width: 1820px) {
    #sf18 .group-bst .cate-product .item-cate .title-cate {
        font-size: 1.5rem
    }
}

#sf18 .group-bst .cate-product .item-cate .content-cate {
    -webkit-transition: all, .6s;
    transition: all, .6s;
    -webkit-transform-style: preserve-3d;
    -khtml-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative
}

#sf18 .group-bst .cate-product .item-cate .content-cate > a {
    display: block;
    height: 100%
}

#sf18 .group-bst .cate-product .item-cate .content-cate .before, #sf18 .group-bst .cate-product .item-cate .content-cate .after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0
}

#sf18 .group-bst .cate-product .item-cate .content-cate .before {
    -webkit-transform: rotateY(0deg);
    -khtml-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

#sf18 .group-bst .cate-product .item-cate .content-cate .after {
    -webkit-transform: rotateY(180deg);
    -khtml-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

#sf18 .group-bst .cate-product .item-cate .description-cate {
    font-size: 1.25rem;
    margin-top: 30px;
    padding: 20px;
    border-top: 1px solid #e0e0e0
}

@media (max-width: 1199px) {
    #sf18 .group-bst .cate-product .item-cate .description-cate {
        font-size: .875rem
    }
}

@media (max-width: 991px) {
    #sf18 .group-bst .cate-product .item-cate .description-cate {
        font-size: .75rem
    }
}

@media (min-width: 1200px) {
    #sf18 .group-bst .cate-product .item-cate .description-cate {
        font-size: .875rem
    }
}

@media (min-width: 1440px) {
    #sf18 .group-bst .cate-product .item-cate .description-cate {
        font-size: 1rem
    }
}

@media (min-width: 1820px) {
    #sf18 .group-bst .cate-product .item-cate .description-cate {
        font-size: 1.25rem
    }
}

#sf18 .group-bst .cate-product .item-cate-mobi img {
    width: 100%
}

#sf18 .group-bst .cate-product .item-cate-mobi .head-item-cate {
    position: relative
}

#sf18 .group-bst .cate-product .item-cate-mobi .head-item-cate .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    display: none
}

#sf18 .group-bst .cate-product .item-cate-mobi .head-item-cate.active .overlay {
    display: block
}

#sf18 .group-bst .cate-product .item-cate-mobi .body-item-cate {
    opacity: 0;
    height: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

#sf18 .group-bst .cate-product .item-cate-mobi .body-item-cate.active {
    opacity: 1;
    height: auto
}

@media (max-width: 991px) {
    #sf18 .group-bst .list-bst {
        width: 100%
    }
}

#sf18 .group-bst .list-bst .group-style {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 80px;
    clear: both
}

@media (max-width: 767px) {
    #sf18 .group-bst .list-bst .group-style {
        margin-top: 40px;
        margin-bottom: 0
    }
}

#sf18 .group-bst .list-bst .group-style .item-bst {
    width: 50%;
    float: left
}

#sf18 .group-bst .list-bst .group-style .item-bst img {
    width: 100%
}

#sf18 .group-bst .list-bst .group-style .item-bst.item-1 {
    text-align: center;
    width: calc(50% - 15px);
    padding: 74px 104px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 1199px) {
    #sf18 .group-bst .list-bst .group-style .item-bst.item-1 {
        padding: 24px 54px;
        width: 50%
    }
}

@media (max-width: 991px) {
    #sf18 .group-bst .list-bst .group-style .item-bst.item-1 {
        padding: 0 20px 0 58px
    }
}

@media (max-width: 767px) {
    #sf18 .group-bst .list-bst .group-style .item-bst.item-1 {
        padding: 0 15px 0 40px
    }

    #sf18 .group-bst .list-bst .group-style .item-bst.item-1 a {
        width: 100%
    }
}

@media (max-width: 543px) {
    #sf18 .group-bst .list-bst .group-style .item-bst.item-1 {
        padding: 0 15px 0 16px
    }
}

@media (min-width: 1200px) {
    #sf18 .group-bst .list-bst .group-style .item-bst.item-1 {
        padding: 24px 54px
    }
}

@media (min-width: 1440px) {
    #sf18 .group-bst .list-bst .group-style .item-bst.item-1 {
        padding: 44px 74px
    }
}

@media (min-width: 1820px) {
    #sf18 .group-bst .list-bst .group-style .item-bst.item-1 {
        padding: 74px 104px
    }
}

#sf18 .group-bst .list-bst .group-style .item-bst.item-2 {
    width: calc(50% + 15px)
}

@media (max-width: 767px) {
    #sf18 .group-bst .list-bst .group-style .item-bst.item-2 {
        width: 50%
    }

    #sf18 .group-bst .list-bst .group-style .item-bst.item-2 a {
        width: 100%
    }
}

#sf18 .group-bst .list-bst .group-style .item-bst.item-3 {
    width: calc(50% + 15px)
}

#sf18 .group-bst .list-bst .group-style .item-bst.item-4 {
    width: calc(50% - 15px);
    text-align: right;
    padding-left: 104px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 767px) {
    #sf18 .group-bst .list-bst .group-style .item-bst.item-4 {
        padding-left: 15px
    }
}

#sf18 .group-bst .list-bst .group-style .item-bst.item-5 {
    width: calc(50% - 15px);
    text-align: left;
    padding: 0 104px
}

@media (max-width: 1199px) {
    #sf18 .group-bst .list-bst .group-style .item-bst.item-5 {
        padding: 0 15px 0 0
    }
}

@media (max-width: 991px) {
    #sf18 .group-bst .list-bst .group-style .item-bst.item-5 {
        width: 50%
    }
}

#sf18 .group-bst .list-bst .group-style .item-bst.item-5 a {
    display: block;
    height: 50%
}

#sf18 .group-bst .list-bst .group-style .item-bst.item-5 a:nth-child(1) {
    padding-bottom: 23px
}

@media (max-width: 1199px) {
    #sf18 .group-bst .list-bst .group-style .item-bst.item-5 a:nth-child(1) {
        padding-bottom: 10px;
        padding-right: 94px
    }
}

@media (max-width: 991px) {
    #sf18 .group-bst .list-bst .group-style .item-bst.item-5 a:nth-child(1) {
        padding-bottom: 10px;
        padding-right: 74px
    }
}

@media (max-width: 767px) {
    #sf18 .group-bst .list-bst .group-style .item-bst.item-5 a:nth-child(1) {
        padding-bottom: 10px;
        padding-right: 44px
    }
}

@media (max-width: 543px) {
    #sf18 .group-bst .list-bst .group-style .item-bst.item-5 a:nth-child(1) {
        padding-right: 0
    }

    #sf18 .group-bst .list-bst .group-style .item-bst.item-5 a:nth-child(1) img {
        width: auto;
        height: auto
    }
}

#sf18 .group-bst .list-bst .group-style .item-bst.item-5 a:nth-child(2) {
    padding-top: 23px
}

@media (max-width: 1199px) {
    #sf18 .group-bst .list-bst .group-style .item-bst.item-5 a:nth-child(2) {
        padding-top: 10px;
        padding-left: 94px
    }
}

@media (max-width: 991px) {
    #sf18 .group-bst .list-bst .group-style .item-bst.item-5 a:nth-child(2) {
        padding-top: 10px;
        padding-left: 74px
    }
}

@media (max-width: 767px) {
    #sf18 .group-bst .list-bst .group-style .item-bst.item-5 a:nth-child(2) {
        padding-top: 10px;
        padding-left: 44px
    }
}

@media (max-width: 543px) {
    #sf18 .group-bst .list-bst .group-style .item-bst.item-5 a:nth-child(2) {
        padding-left: 0;
        text-align: right
    }

    #sf18 .group-bst .list-bst .group-style .item-bst.item-5 a:nth-child(2) img {
        width: auto;
        height: auto
    }
}

#sf18 .group-bst .list-bst .group-style .item-bst.item-5 a img {
    height: 100%
}

#sf18 .group-bst .list-bst .group-style .item-bst.item-6 {
    width: calc(50% + 15px)
}

#sf18 .group-qt .about {
    padding: 50px 0
}

@media (max-width: 1199px) {
    #sf18 .group-qt .about {
        padding: 20px 0;
        width: 100%
    }
}

@media (max-width: 991px) {
    #sf18 .group-qt .about {
        padding: 0
    }
}

@media (min-width: 1200px) {
    #sf18 .group-qt .about {
        padding: 20px 0
    }
}

@media (min-width: 1440px) {
    #sf18 .group-qt .about {
        padding: 30px 0
    }
}

@media (min-width: 1820px) {
    #sf18 .group-qt .about {
        padding: 50px 0
    }
}

#sf18 .group-qt .about .slide-sf18 .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%
}

@media (max-width: 991px) {
    #sf18 .group-qt .about .slide-sf18 .owl-nav {
        display: none
    }
}

@media (max-width: 767px) {
    #sf18 .group-qt .about .slide-sf18 .owl-nav {
        display: block
    }
}

@media (max-width: 1199px) {
    #sf18 .group-qt .about .slide-sf18 .owl-nav img {
        width: 40px
    }
}

@media (max-width: 543px) {
    #sf18 .group-qt .about .slide-sf18 .owl-nav img {
        width: 30px
    }
}

@media (min-width: 1200px) {
    #sf18 .group-qt .about .slide-sf18 .owl-nav img {
        width: 40px
    }
}

@media (min-width: 1440px) {
    #sf18 .group-qt .about .slide-sf18 .owl-nav img {
        width: 50px
    }
}

@media (min-width: 1820px) {
    #sf18 .group-qt .about .slide-sf18 .owl-nav img {
        width: 100%
    }
}

#sf18 .group-qt .about .slide-sf18 .owl-nav .owl-prev {
    float: left;
    margin-left: 30px
}

#sf18 .group-qt .about .slide-sf18 .owl-nav .owl-next {
    float: right;
    margin-right: 30px
}

#sf18 .group-qt .about .ab-ct {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-grid-column-align: center;
    justify-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#sf18 .group-qt .about .about-reward {
    text-align: center
}

#sf18 .group-qt .about .about-reward img {
    width: auto;
    max-width: 100%
}

@media (max-width: 767px) {
    #sf18 .group-qt .about .about-reward {
        margin-top: 25px
    }
}

#sf18 .group-qt .about .about-reward .title-about {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 700
}

@media (max-width: 1199px) {
    #sf18 .group-qt .about .about-reward .title-about {
        font-size: 1rem
    }
}

@media (max-width: 991px) {
    #sf18 .group-qt .about .about-reward .title-about {
        font-size: .875rem
    }
}

@media (min-width: 1200px) {
    #sf18 .group-qt .about .about-reward .title-about {
        font-size: 1.125rem
    }
}

@media (min-width: 1440px) {
    #sf18 .group-qt .about .about-reward .title-about {
        font-size: 1.25rem
    }
}

@media (min-width: 1820px) {
    #sf18 .group-qt .about .about-reward .title-about {
        font-size: 1.5rem
    }
}

#sf18 .group-qt .about .about-reward .content-about {
    padding: 20px 0 25px;
    font-size: 1rem
}

@media (max-width: 1199px) {
    #sf18 .group-qt .about .about-reward .content-about {
        font-size: .75rem;
        padding: 10px 0 12px
    }
}

@media (min-width: 1200px) {
    #sf18 .group-qt .about .about-reward .content-about {
        font-size: .875rem
    }
}

@media (min-width: 1440px) {
    #sf18 .group-qt .about .about-reward .content-about {
        font-size: .875rem
    }
}

@media (min-width: 1820px) {
    #sf18 .group-qt .about .about-reward .content-about {
        font-size: 1rem
    }
}

#sf18 .group-qt .dkct {
    padding: 40px 0
}

@media (max-width: 991px) {
    #sf18 .group-qt .dkct {
        padding: 20px 0
    }
}

#sf18 .group-qt .dkct .list-dk {
    list-style: disc;
    margin-left: 15px;
    font-size: 1rem
}

@media (max-width: 1199px) {
    #sf18 .group-qt .dkct .list-dk {
        font-size: .8125rem
    }
}

@media (max-width: 991px) {
    #sf18 .group-qt .dkct .list-dk {
        font-size: .75rem
    }
}

@media (min-width: 1200px) {
    #sf18 .group-qt .dkct .list-dk {
        font-size: .875rem
    }
}

@media (min-width: 1440px) {
    #sf18 .group-qt .dkct .list-dk {
        font-size: .875rem
    }
}

@media (min-width: 1820px) {
    #sf18 .group-qt .dkct .list-dk {
        font-size: 1rem
    }
}

#sf18 .group-qt .dkct .list-dk li {
    padding: 2px 0
}

#sf18 .group-qt .dkct .note-dk {
    font-style: italic;
    margin-top: 10px
}

@media (max-width: 767px) {
    #sf18 .list-product {
        width: 100%
    }
}

#sf18 .group-block .slide-col-4 {
    width: calc(100% + 30px);
    margin: 0 -15px
}

#sf18 .group-block .title-group {
    margin-top: 0;
    position: relative
}

@media (max-width: 767px) {
    #sf18 .group-block .title-group {
        margin-top: 20px
    }
}

#sf18 .group-block .title-group:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e0e0e0
}

#sf18 .group-block .title-group span {
    background-color: #fff;
    position: relative;
    z-index: 10;
    padding: 0 20px;
    font-size: 1.5rem;
    font-weight: 700
}

@media (max-width: 1199px) {
    #sf18 .group-block .title-group span {
        font-size: 1rem
    }
}

@media (max-width: 991px) {
    #sf18 .group-block .title-group span {
        font-size: .9375rem
    }
}

@media (min-width: 1200px) {
    #sf18 .group-block .title-group span {
        font-size: 1.125rem
    }
}

@media (min-width: 1440px) {
    #sf18 .group-block .title-group span {
        font-size: 1.25rem
    }
}

@media (min-width: 1820px) {
    #sf18 .group-block .title-group span {
        font-size: 1.5rem
    }
}

@media (max-width: 767px) {
    #sf18 .group-block .item {
        width: 50%;
        padding: 0 10px
    }
}

@media (max-width: 543px) {
    #sf18 .group-block .item {
        width: 100%;
        padding: 0
    }
}

#sf18 .view-more {
    margin: 80px 0;
    text-align: center
}

#sf18 .view-more a {
    padding: 15px 45px;
    background-color: #000;
    color: #fff;
    font-size: 1.625rem
}

@media (max-width: 1199px) {
    #sf18 .view-more a {
        font-size: 1.125rem
    }
}

@media (max-width: 991px) {
    #sf18 .view-more a {
        font-size: 1rem;
        padding: 15px 25px
    }
}

@media (max-width: 767px) {
    #sf18 .view-more a {
        font-size: .875rem
    }
}

@media (max-width: 543px) {
    #sf18 .view-more a {
        font-size: .625rem
    }
}

@media (min-width: 1200px) {
    #sf18 .view-more a {
        font-size: 1.25rem
    }

    .group-3 .item-product>a {
        height: 456px;
    }

    .group-4 .item-product>a {
        height: 343px;
    }
}

@media (min-width: 1440px) {
    #sf18 .view-more a {
        font-size: 1.375rem
    }
}

@media (min-width: 1820px) {
    #sf18 .view-more a {
        font-size: 1.625rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .group-sm-2 .item-product>a {
        height: 315px;
    }
}

@media (max-width: 767px) {
    .group-xs-2 .item-product>a {
        height: 162px;
    }
}

#sf18 .view-more a:hover {
    border: 1px solid #000;
    color: #000;
    background-color: #fff
}
.slide-galleryBanner .custom-padding-7{
    padding: 0 10px;
}