@charset "utf-8";
:root {
    --root-blue: #0d6efd;
    --root-indigo: #6610f2;
    --root-purple: #6f42c1;
    --root-pink: #d63384;
    --root-red: #dc3545;
    --root-orange: #fd7e14;
    --root-yellow: #ffc107;
    --root-green: #198754;
    --root-teal: #20c997;
    --root-cyan: #0dcaf0;
    --root-white: #fff;
    --root-gray: #6c757d;
    --root-gray-dark: #343a40;
    --root-primary: #0d6efd;
    --root-secondary: #6c757d;
    --root-success: #198754;
    --root-info: #0dcaf0;
    --root-warning: #ffc107;
    --root-danger: #dc3545;
    --root-light: #f8f9fa;
    --root-dark: #212529;
    --root-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --root-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --root-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0))
}

* {
    margin: 0px;
    padding: 0px;
    outline: none !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    overflow-x: hidden;
    font-size: 14px;
    background-color: #fff;
    top: 0 !important;
    position: relative
}

a {
    color: #000;
    text-decoration: none
}

ol,
ul {
    list-style: none
}

p {
    margin-bottom: 10px
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.container {
    max-width: 1220px!important;
    padding: 0px 10px;
    box-sizing: border-box;
    margin: 0 auto;
}

.clearfix {
    zoom: 1
}

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

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.1;
    margin-top: 7px!important;
    margin-bottom: 7px!important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.line-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 1;
    -moz-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.line-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.line-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 3;
    -moz-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.line-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 4;
    -moz-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.line-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 5;
    -moz-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.line-6 {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 6;
    -moz-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.line-11 {
    display: -webkit-box;
    -webkit-line-clamp: 11;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 11;
    -moz-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}


/* row item */

.row0 {
    margin: 0px
}

.row5 {
    margin: 0px -5px;
}

.row10 {
    margin: 0px -10px;
}

.row {
    margin: 0px -10px;
}

.row20 {
    margin: 0px -20px;
}

.item0 {
    padding: 0px;
}

.item5 {
    padding: 0px 5px;
}

.item {
    padding: 0px 10px
}

.item10 {
    padding: 0px 10px;
}

.item20 {
    padding: 0px 20px;
}


/*col*/

.col--3 {
    width: 3%
}

.col--10 {
    width: 10%
}

.col-15 {
    width: 15%
}

.col-20 {
    width: 20%
}

.col-22 {
    width: 22%
}

.col-25 {
    width: 25%
}

.col-30 {
    width: 30%
}

.col-35 {
    width: 35%
}

.col-40 {
    width: 40%
}

.col-50 {
    width: 50%
}

.col-55 {
    width: 55%
}

.col-60 {
    width: 60%
}

.col-70 {
    width: 70%
}

.col-75 {
    width: 75%
}

.col-78 {
    width: 78%
}

.col-80 {
    width: 80%
}

.col-90 {
    width: 90%
}

.col-94 {
    width: 94%
}

.col-100 {
    width: 100%
}

.col-1 {
    width: calc(100% / 12 * 1);
}

.col-2 {
    width: calc(100% / 12 * 2);
}

.col-3 {
    width: calc(100% / 12 * 3);
}

.col-4 {
    width: calc(100% / 12 * 4);
}

.col-5 {
    width: calc(100% / 12 * 5);
}

.col-6 {
    width: calc(100% / 12 * 6);
}

.col-7 {
    width: calc(100% / 12 * 7);
}

.col-8 {
    width: calc(100% / 12 * 8);
}

.col-9 {
    width: calc(100% / 12 * 9);
}

.col-10 {
    width: calc(100% / 12 * 10);
}

.col-11 {
    width: calc(100% / 12 * 11);
}

.col-12 {
    width: calc(100% / 12 * 12);
}


/*margin*/

.mg0 {
    margin: 0 !important
}

.mg5 {
    margin: 5px;
}

.mg10 {
    margin: 10px;
}

.mg15 {
    margin: 15px;
}

.mg20 {
    margin: 20px;
}

.mg25 {
    margin: 25px;
}

.mg30 {
    margin: 30px;
}

.mg35 {
    margin: 35px;
}

.mg40 {
    margin: 40px;
}

.mg45 {
    margin: 45px;
}

.mg50 {
    margin: 50px;
}


/*margin-top*/

.mt0 {
    margin-top: 0px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt35 {
    margin-top: 35px;
}

.mt40 {
    margin-top: 40px;
}

.mt45 {
    margin-top: 45px;
}

.mt50 {
    margin-top: 50px;
}


/*margin-bottom*/

.mb0 {
    margin-bottom: 0px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb35 {
    margin-bottom: 35px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb45 {
    margin-bottom: 45px;
}

.mb50 {
    margin-bottom: 50px;
}


/*margin-left*/

.ml0 {
    margin-left: 0px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

.ml30 {
    margin-left: 30px;
}

.ml35 {
    margin-left: 35px;
}

.ml40 {
    margin-left: 40px;
}

.ml45 {
    margin-left: 45px;
}

.ml50 {
    margin-left: 50px;
}


/*margin-right*/

.mr0 {
    margin-right: 0px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr30 {
    margin-right: 30px;
}

.mr35 {
    margin-right: 35px;
}

.mr40 {
    margin-right: 40px;
}

.mr45 {
    margin-right: 45px;
}

.mr50 {
    margin-right: 50px;
}


/*padding*/

.pd0 {
    padding: 0px;
}

.pd5 {
    padding: 5px;
}

.pd10 {
    padding: 10px;
}

.pd15 {
    padding: 15px;
}

.pd20 {
    padding: 20px;
}

.pd25 {
    padding: 25px;
}

.pd30 {
    padding: 30px;
}

.pd35 {
    padding: 35px;
}

.pd40 {
    padding: 40px;
}

.pd45 {
    padding: 45px;
}

.pd50 {
    padding: 50px;
}


/*padding-top*/

.pt0 {
    padding-top: 0px
}

.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.pt35 {
    padding-top: 35px;
}

.pt40 {
    padding-top: 40px;
}

.pt45 {
    padding-top: 45px;
}

.pt50 {
    padding-top: 50px;
}


/*padding-bottom*/

.pb0 {
    padding-bottom: 0px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb25 {
    padding-bottom: 25px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb35 {
    padding-bottom: 35px;
}

.pb40 {
    padding-bottom: 40px;
}

.pb45 {
    padding-bottom: 45px;
}

.pb50 {
    padding-bottom: 50px;
}


/*padding-left*/

.pl0 {
    padding-left: 0px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px
}

.pl25 {
    padding-left: 25px;
}

.pl30 {
    padding-left: 30px
}

.pl35 {
    padding-left: 35px;
}

.pl40 {
    padding-left: 40px;
}

.pl45 {
    padding-left: 45px;
}

.pl50 {
    padding-left: 50px;
}


/*padding-right*/

.pr0 {
    padding-right: 0px;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr25 {
    padding-right: 25px;
}

.pr30 {
    padding-right: 30px;
}

.pr35 {
    padding-right: 35px;
}

.pr40 {
    padding-right: 40px;
}

.pr45 {
    padding-right: 45px;
}

.pr50 {
    padding-right: 50px;
}


/*color*/

.cl-white {
    color: #fff !important
}

.cl-black {
    color: #000 !important
}


/*background*/

.bg-white {
    background-color: #fff !important
}

.bg-black {
    background-color: #000 !important
}


/* Build */

.p-relative {
    position: relative;
}

.p-absolute {
    position: absolute;
}

.p-sticky {
    position: sticky;
}

.p-static {
    position: static;
}

.flex-cl-1 {
    flex: 1;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.f-none {
    float: none;
}

.t-center {
    text-align: center
}

.t-start {
    text-align: start
}

.t-end {
    text-align: end
}

.t-uppercase {
    text-transform: uppercase
}

.hidden {
    display: none;
    overflow: hidden;
}

.o-hidden {
    overflow: hidden
}

.d-none {
    display: none !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.justify-content-evenly {
    -ms-flex-pack: distribute !important;
    justify-content: space-evenly !important
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

@media (max-width:767px) {
    .d-none-m {
        display: none!important
    }
    .d-block-m {
        display: block!important
    }
    .flex-nowrap-m {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .max-width {
        max-width: 100%!important
    }
    .w-5-m {
        width: 5%
    }
    .w-10-m {
        width: 10%
    }
    .w-15-m {
        width: 15%
    }
    .w-20-m {
        width: 20%
    }
    .w-25-m {
        width: 25%
    }
    .w-30-m {
        width: 30%
    }
    .w-35-m {
        width: 35%
    }
    .w-40-m {
        width: 40%
    }
    .w-45-m {
        width: 45%
    }
    .w-50-m {
        width: 50%
    }
    .w-55-m {
        width: 55%
    }
    .w-60-m {
        width: 60%
    }
    .w-65-m {
        width: 65%
    }
    .w-70-m {
        width: 70%
    }
    .w-75-m {
        width: 75%
    }
    .w-80-m {
        width: 80%
    }
    .w-85-m {
        width: 85%
    }
    .w-90-m {
        width: 90%
    }
    .w-95-m {
        width: 95%
    }
    .w-100-m {
        width: 100%
    }
    /*margin*/
    .mg0i {
        margin: 0
    }
    .mg5i {
        margin: 5px;
    }
    .mg10i {
        margin: 10px;
    }
    .mg15i {
        margin: 15px;
    }
    .mg20i {
        margin: 20px;
    }
    .mg25i {
        margin: 25px;
    }
    .mg30i {
        margin: 30px;
    }
    .mg35i {
        margin: 35px;
    }
    .mg40i {
        margin: 40px;
    }
    .mg45i {
        margin: 45px;
    }
    .mg50i {
        margin: 50px;
    }
    /*margin-top*/
    .mt5i {
        margin-top: 0px;
    }
    .mt5i {
        margin-top: 5px;
    }
    .mt10i {
        margin-top: 10px;
    }
    .mt15i {
        margin-top: 15px;
    }
    .mt20i {
        margin-top: 20px;
    }
    .mt25i {
        margin-top: 25px;
    }
    .mt30i {
        margin-top: 30px;
    }
    .mt35i {
        margin-top: 35px;
    }
    .mt40i {
        margin-top: 40px;
    }
    .mt45i {
        margin-top: 45px;
    }
    .mt50i {
        margin-top: 50px;
    }
    /*margin-bottom*/
    .mb0i {
        margin-bottom: 0px;
    }
    .mb5i {
        margin-bottom: 5px;
    }
    .mb10i {
        margin-bottom: 10px;
    }
    .mb15i {
        margin-bottom: 15px;
    }
    .mb20i {
        margin-bottom: 20px;
    }
    .mb25i {
        margin-bottom: 25px;
    }
    .mb30i {
        margin-bottom: 30px;
    }
    .mb35i {
        margin-bottom: 35px;
    }
    .mb40i {
        margin-bottom: 40px;
    }
    .mb45i {
        margin-bottom: 45px;
    }
    .mb50i {
        margin-bottom: 50px;
    }
    /*margin-left*/
    .ml0i {
        margin-left: 0px;
    }
    .ml5i {
        margin-left: 5px;
    }
    .ml10i {
        margin-left: 10px;
    }
    .ml15i {
        margin-left: 15px;
    }
    .ml20i {
        margin-left: 20px;
    }
    .ml25i {
        margin-left: 25px;
    }
    .ml30i {
        margin-left: 30px;
    }
    .ml35i {
        margin-left: 35px;
    }
    .ml40i {
        margin-left: 40px;
    }
    .ml45i {
        margin-left: 45px;
    }
    .ml50i {
        margin-left: 50px;
    }
    /*margin-right*/
    .mr0i {
        margin-right: 0px;
    }
    .mr5i {
        margin-right: 5px;
    }
    .mr10i {
        margin-right: 10px;
    }
    .mr15i {
        margin-right: 15px;
    }
    .mr20i {
        margin-right: 20px;
    }
    .mr25i {
        margin-right: 25px;
    }
    .mr30i {
        margin-right: 30px;
    }
    .mr35i {
        margin-right: 35px;
    }
    .mr40i {
        margin-right: 40px;
    }
    .mr45i {
        margin-right: 45px;
    }
    .mr50i {
        margin-right: 50px;
    }
    /*padding*/
    .pd0i {
        padding: 0px;
    }
    .pd5i {
        padding: 5px;
    }
    .pd10i {
        padding: 10px;
    }
    .pd15i {
        padding: 15px;
    }
    .pd20i {
        padding: 20px;
    }
    .pd25i {
        padding: 25px;
    }
    .pd30i {
        padding: 30px;
    }
    .pd35i {
        padding: 35px;
    }
    .pd40i {
        padding: 40px;
    }
    .pd45i {
        padding: 45px;
    }
    .pd50i {
        padding: 50px;
    }
    /*padding-top*/
    .pt0i {
        padding-top: 0px!important
    }
    .pt5i {
        padding-top: 5px;
    }
    .pt10i {
        padding-top: 10px;
    }
    .pt15i {
        padding-top: 15px;
    }
    .pt20i {
        padding-top: 20px;
    }
    .pt25i {
        padding-top: 25px;
    }
    .pt30i {
        padding-top: 30px;
    }
    .pt35i {
        padding-top: 35px;
    }
    .pt40i {
        padding-top: 40px;
    }
    .pt45i {
        padding-top: 45px;
    }
    .pt50i {
        padding-top: 50px;
    }
    /*padding-bottom*/
    .pb0i {
        padding-bottom: 0px!important
    }
    .pb5i {
        padding-bottom: 5px;
    }
    .pb10i {
        padding-bottom: 10px;
    }
    .pb15i {
        padding-bottom: 15px;
    }
    .pb20i {
        padding-bottom: 20px;
    }
    .pb25i {
        padding-bottom: 25px;
    }
    .pb30i {
        padding-bottom: 30px;
    }
    .pb35i {
        padding-bottom: 35px;
    }
    .pb40i {
        padding-bottom: 40px;
    }
    .pb45i {
        padding-bottom: 45px;
    }
    .pb50i {
        padding-bottom: 50px;
    }
    /*padding-left*/
    .pl0i {
        padding-left: 0px;
    }
    .pl5i {
        padding-left: 5px;
    }
    .pl10i {
        padding-left: 10px!important
    }
    .pl15i {
        padding-left: 15px;
    }
    .pl20i {
        padding-left: 20px;
    }
    .pl25i {
        padding-left: 25px;
    }
    .pl30i {
        padding-left: 30px;
    }
    .pl35i {
        padding-left: 35px;
    }
    .pl40i {
        padding-left: 40px;
    }
    .pl45i {
        padding-left: 45px;
    }
    .pl50i {
        padding-left: 50px;
    }
    /*padding-right*/
    .pr0i {
        padding-right: 0px;
    }
    .pr5i {
        padding-right: 5px;
    }
    .pr10i {
        padding-right: 10px;
    }
    .pr15i {
        padding-right: 15px;
    }
    .pr20i {
        padding-right: 20px;
    }
    .pr25i {
        padding-right: 25px;
    }
    .pr30i {
        padding-right: 30px;
    }
    .pr35i {
        padding-right: 35px;
    }
    .pr40i {
        padding-right: 40px;
    }
    .pr45i {
        padding-right: 45px;
    }
    .pr50i {
        padding-right: 50px;
    }
}