/* Minification failed. Returning unminified contents.
(8,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(33,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(37,28): run-time error CSS1039: Token not allowed after unary operator: '-base'
(64,28): run-time error CSS1039: Token not allowed after unary operator: '-base-dark'
(68,28): run-time error CSS1039: Token not allowed after unary operator: '-red'
(72,28): run-time error CSS1039: Token not allowed after unary operator: '-red-dark'
(76,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(77,28): run-time error CSS1039: Token not allowed after unary operator: '-black-44'
(80,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(84,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(85,28): run-time error CSS1039: Token not allowed after unary operator: '-black-light'
(88,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(92,28): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(96,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-dark'
(100,28): run-time error CSS1039: Token not allowed after unary operator: '-green'
(104,28): run-time error CSS1039: Token not allowed after unary operator: '-green-dark'
(108,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(112,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-dark'
(116,28): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(120,28): run-time error CSS1039: Token not allowed after unary operator: '-yellow-dark'
(124,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(125,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(129,18): run-time error CSS1039: Token not allowed after unary operator: '-border-input'
(139,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(142,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(147,17): run-time error CSS1039: Token not allowed after unary operator: '-base'
(148,28): run-time error CSS1039: Token not allowed after unary operator: '-base'
(152,17): run-time error CSS1039: Token not allowed after unary operator: '-base'
(157,28): run-time error CSS1039: Token not allowed after unary operator: '-black-white'
(162,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(163,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(253,18): run-time error CSS1039: Token not allowed after unary operator: '-border-input'
(257,27): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(257,53): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(260,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(260,55): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(290,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(291,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(326,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(328,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(334,18): run-time error CSS1039: Token not allowed after unary operator: '-border-input'
(344,17): run-time error CSS1039: Token not allowed after unary operator: '-red'
(349,18): run-time error CSS1039: Token not allowed after unary operator: '-border-input-dark'
(354,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(369,18): run-time error CSS1039: Token not allowed after unary operator: '-border-input-red'
(372,17): run-time error CSS1039: Token not allowed after unary operator: '-red'
(375,18): run-time error CSS1039: Token not allowed after unary operator: '-border-input-red-dark'
(406,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(407,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-modal'
(446,17): run-time error CSS1039: Token not allowed after unary operator: '-black-light'
(483,28): run-time error CSS1039: Token not allowed after unary operator: '-yellow-light'
(484,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(549,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(567,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bolder'
(583,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold'
(586,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(595,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(602,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(609,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-white'
(619,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-white'
(631,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(650,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(652,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold'
(675,28): run-time error CSS1039: Token not allowed after unary operator: '-black'
(683,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(684,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-box'
(685,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(685,55): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-base'
(711,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(717,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
 */
.layout{
    float: right;
    width: 100%;
    min-height: calc(100vh - 100px);
}
cform{
    padding: 20px;
    border-radius: var(--border-radius-base);
    position: relative;
    float: right;
    width: 100%;
}
cform > .content{
    margin: 0 -15px;
}
button{
    float: right;
    width: 100%;
    padding: 0 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    background-image: none;
    border: none;
    position: relative;
    background-color: unset;
}
button .content{
    float: right;
    width: 100%;
    height: 35px;
    border-radius: var(--border-radius-base);
    line-height: 35px;
    text-align: center;
    color: white;
    background-color: var(--base);
    z-index: 2;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    padding: 0 35px 0 20px;
}
button .content:not(:has(text)){
    padding: 0;
    width: 30px;
}
button .content > i {
    font-size: 12px;
    width: 30px;
    height: 35px;
    line-height: 35px;
    color: white;
    text-align: center;
    cursor: pointer;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
}

button:not(.disabled) .content:hover .content, button:not(.disabled):focus .content .content {
    background-color: var(--base-dark);
}

button.red .content {
    background-color: var(--red);
}

button.red:not(.disabled) .content:hover .content, button.red:not(.disabled):focus .content .content{
    background-color: var(--red-dark);
}

button.grey .content{
    color: var(--black);
    background-color: var(--black-44);
}
button.grey .content > i {
    color: var(--black);
}

button.grey:not(.disabled) .content:hover .content, button.grey:not(.disabled):focus .content .content{
    color: var(--white);
    background-color: var(--black-light);
}
button.grey:hover .content > i {
    color: var(--white);
}

button.blue .content {
    background-color: var(--blue);
}

button.blue:not(.disabled) .content:hover .content, button.blue:not(.disabled):focus .content .content {
    background-color: var(--blue-dark);
}

button.green .content {
    background-color: var(--green);
}

button.green:not(.disabled) .content:hover .content, button.green:not(.disabled):focus .content .content {
    background-color: var(--green-dark);
}

button.primary .content {
    background-color: var(--primary);
}

button.primary:not(.disabled) .content:hover, button.primary:not(.disabled):focus .content {
    background-color: var(--primary-dark);
}

button.yellow {
    background-color: var(--yellow);
}

button.yellow:not(.disabled) .content:hover, button.yellow:not(.disabled):focus .content {
    background-color: var(--yellow-dark);
}

button.white .content {
    background-color: var(--white);
    color: var(--black);
}
button.white .content:after {
    content: "";
    border: var(--border-input);
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 5px;
}

button.white:not(.disabled) .content:hover, button.white:not(.disabled):focus .content {
    background-color: var(--white);
}
button.white .content > i {
    color: var(--black);
}

button.transparent .content {
    background-color: unset;
    color: var(--base);
    border: 1px solid var(--base);
    line-height: 33px;
}
button.transparent .content > i {
    color: var(--base);
    line-height: 33px;
}

button.transparent:not(.disabled) .content:hover, button.transparent:not(.disabled):focus .content {
    background-color: var(--black-white);
}

button.transparent.white .content {
    background-color: unset;
    color: var(--white);
    border: 1px solid var(--white);
}

button.h-30 {
    font-size: 12px;
}
button.h-30 .content {
    height: 30px;
    line-height: 30px;
}

button.h-30 .content > i {
    height: 30px;
    line-height: 30px;
}
button.h-25 {
    font-size: 12px;
}
button.h-25 .content {
    height: 25px;
    line-height: 25px;
}

button.h-25 .content > i {
    height: 25px;
    line-height: 25px;
}
button.h-45 {
    font-size: 13px;
}
button.h-45 .content {
    height: 45px;
    line-height: 45px;
}

button.h-45 .content > i {
    width: 35px;
    height: 45px;
    line-height: 45px;
    font-size: 17px;
}
button.h-50 {
    font-size: 14px;
}
button.h-50 .content {
    height: 50px;
    line-height: 50px;
}

button.h-50 .content > i {
    height: 50px;
    line-height: 50px;
    font-size: 17px;
}
slide{
    float: right;
    width: 100%;
    padding: 0 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    background-image: none;
    border: none;
    position: relative;
    background-color: unset;
}
slide .content{
    float: right;
    width: 100%;
    min-height: 35px;
    background-color: white;
    overflow: hidden;
}


slide .content .option {
    text-align: center;
    cursor: pointer;
    font-size: 11px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    float: right;
    height: 35px;
    justify-content: center;
    align-items: center;
    display: flex;
    border: var(--border-input);
    overflow: hidden;
}
slide .content .option:first-of-type {
    border-radius: 0 var(--border-radius-base) var(--border-radius-base) 0;
}
slide .content .option:last-of-type {
    border-radius: var(--border-radius-base) 0 0 var(--border-radius-base);
}
slide .content .option.disabled{
    cursor: default;
    box-shadow: unset;
    opacity: 0.7;
    filter: blur(0.5px);
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}

slide .content .option .text {
    float: right;
    padding: 5px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

slide .content .option input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    right: 0;
}
slide .content .option input:checked ~ .text {
    background-color: var(--primary);
    color: var(--white);
}
slide.h-25 .content {
    min-height: 25px;
}
slide.h-25 .content .option {
    height: 25px;
}
textbox{
    float: right;
    width: 100%;
    position: relative;
    padding: 0 15px;
}
textbox .content{
    position: relative;
    float: right;
    width: 100%;
}
textbox .content label{
    position: relative;
    float: right;
    width: 100%;
    height: 17px;
    line-height: 17px;
    margin-bottom: 3px;
    font-size: 10px;
    padding: 0 10px;
    text-align: center;
}
textbox .content input {
    display: block;
    width: 100%;
    height: 35px;
    padding: 5px 35px;
    color: var(--black);
    background-image: none;
    border-radius: var(--border-radius-base);
    text-align: center;
    background-color: white;
    position: relative;
    z-index: 2;
    font-size: 11px;
    border: var(--border-input);
}

textbox .content .message {
    float: right;
    width: 100%;
    min-height: 15px;
    line-height: 15px;
    font-size: 11px;
    padding: 0 10px;
    color: var(--red);
    text-align: center;
}
textbox .content input:hover, textbox .content input:focus {
    outline: none;
    border: var(--border-input-dark);
}
textbox .content i {
    position: absolute;
    font-size: 14px;
    color: var(--primary);
    cursor: text;
    bottom: 20px;
    z-index: 2;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    width: 35px;
    text-align: center;
    height: 35px;
    line-height: 38px;
    left: 0;
    top: 0;
}

textbox.error .content input {
    border: var(--border-input-red);
}
textbox.error .content input, textbox.error .content i {
    color: var(--red);
}
textbox.error .content input:hover, textbox.error .content input:focus {
    border: var(--border-input-red-dark);
}
textbox.h-45 .content input {
    height: 45px;
    font-size: 17px;
}
textbox.h-45 .content input::-moz-placeholder, textbox.h-45 .content input::-webkit-input-placeholder {
    font-size: 12px;
}

textbox.h-45 .content i {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
}

.modal{
    display: none;
    position: fixed;
    overflow-y: auto;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #333333cc;
    z-index: 999;
}
.modal > .content{
    margin-top: 50px;
    margin-bottom: 50px;
    background-color: white;
    border-radius: var(--border-radius-base);
    box-shadow: var(--box-shadow-modal);
    z-index: 2;
    position: relative;
}

.modal > .content > button{
    position: absolute;
    left: -25px;
    top: -10px;
    z-index: 105;
}
.modal > .content > button .content{
    width: 30px;
    padding: 0;
}

.modal > .content > .body{
    float: right;
    width: 100%;
    position: relative;
}
@media (max-width: 399.98px) {
    .modal > .content > button{
        left: -10px;
        padding: 0;
    }
}
#LoginModal .content .body .title{
    float: right;
    font-size: 25px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
    position: relative;
}
#LoginModal .content .body .sub-title{
    color: var(--black-light);
    float: right;
    font-size: 12px;
    font-weight: 200;
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}

#LoginModal .content .body .rules{
    float: right;
    width: 100%;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    cursor: default;
    font-size: 12px;
    line-height: 24px;
    min-height: 24px !important;
    padding: 0 15px;
    position: relative;
    text-align: center;
    margin-top: 15px;
}
#LoginModal .content .body .warning{
    float: right;
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    min-height: 24px !important;
    position: relative;
    text-align: justify;
    margin-top: 15px;
    padding: 10px;
    background-color: var(--yellow-light);
    border-radius: var(--border-radius-base);
}
.table{
    float: right;
    width: 100%;
}
.table .header{
    float: right;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-wrap: wrap;
}
.table .header .col{
    line-height: 20px;
    text-align: center;
    min-height: 50px !important;
    padding: 10px 0;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}
.table .body{
    float: right;
    width: 100%;
}
.table .body .row{
    float: right;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-wrap: wrap;
}
.table .body .row .col{
    line-height: 20px;
    text-align: center;
    min-height: 40px !important;
    padding: 10px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.table .pagination{
    float: right;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.table .pagination .items{
    display: inline-block;
    position: relative;
}
.header{
    float: right;
    width: 100%;
    position: sticky;
    top: 0;
    background-color: var(--white);
    z-index: 3;
}
.header .logo{
    float: right;
    padding: 15px 15px 15px 0;
}
.header .logo img{
    height: 60px;
    width: 60px;
    float: right;
}
.header .logo .name{
    height: 70px;
    line-height: 70px;
    float: right;
    padding: 0 20px;
    font-size: 22px;
    font-weight: var(--font-weight-bolder);
}
.header .items{
    float: right;
    margin-right: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header .items .item{
    float: right;
    margin: 0 25px;
    line-height: 100px;
    font-size: 15px;
    cursor: pointer;
    position: relative;
    font-weight: var(--font-weight-bold);
}
.header .items .item.active, .header .items .item:hover, .header .items .item.active > a, .header .items .item:hover > a{
    color: var(--primary) !important;
}
.header .items .item.active:before, .header .items .item:hover:before{
    content: "";
    position: absolute;
    top: 0;
    right: calc(50% - 1px);
    width: 2px;
    height: 17px;
    background-color: var(--primary);
}
.header .items .item.active:after, .header .items .item:hover:after{
    content: "";
    width: 9px;
    height: 9px;
    position: absolute;
    background-color: var(--primary);
    right: calc((100% - 9px) / 2);
    top: 15px;
    border-radius: 50px;
}
.header .question{
    float: left;
    background-color: var(--primary-white);
    padding: 15px 0 15px 15px;
    position: relative;
}
.header .question:before{
    content: "";
    position: absolute;
    left: -4px;
    top: 0;
    bottom: 0;
    background-color: var(--primary-white);
    right: -18px;
    transform: skew(20deg);
    z-index: -1;
    width: 100%;
}
.header .question i{
    height: 70px;
    line-height: 70px;
    font-size: 25px;
    float: right;
    width: 40px;
    color: var(--primary);
}
.header .question .info{
    float: right;
    text-align: center;
}
.header .question .info .title{
    float: right;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    width: 100%;
}

.header .question .info .phone{
    float: right;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: var(--primary);
    width: 100%;
    font-weight: var(--font-weight-bold);
    direction: ltr;
}
.header .toggle{
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 50px;
    right: 20px;
    text-align: center;
    font-size: 30px;
    top: 25px;
    cursor: pointer;
    display: none;
}
.header .items-shadow{
    position: fixed;
    width: 100%;
    height: calc(100vh - 100px);
    right: 0;
    top: 100px;
    z-index: 3;
    visibility: hidden;
    background-color: var(--black);
    opacity: 0;
    transition: all .3s;
}

.header .items .item .sub-items{
    position: absolute;
    line-height: 50px;
    background-color: var(--white);
    box-shadow: var(--box-shadow-box);
    border-radius: 0 0 var(--border-radius-base) var(--border-radius-base);
    top: 99px;
    z-index: 1;
    right: calc(50% - 100px);
    height: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.header .items .item *{
    transition: all .3s;
}
.header .items .item:hover .sub-items[data-count="2"]{
    height: 100px;
}
.header .items .item:hover .sub-items[data-count="7"]{
    height: 350px;
}
.header .items .item .sub-items .sub-item{
    padding: 0 30px;
    white-space: nowrap;
    cursor: pointer;
    z-index: 1;
    position: relative;
    color: var(--black);
    float: right;
    width: 200px;
    text-align: center;
}
.header .items .item .sub-items .sub-item:hover, .header .items .item .sub-items .sub-item.active{
    color: var(--primary) !important;
}
@media (max-width: 899.98px) {
    .header{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .header .items{
        display: block;
        position: fixed;
        right: -250px;
        top: 100px;
        width: 250px !important;
        height: calc(100vh - 100px);
        border-top: unset !important;
        background-color: white;
        z-index: 4;
        transition: all .3s;
    }
    .header .items .item{
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center;
        line-height: 70px;
    }
    .header.open .items{
        right: 0;
    }
    .header.open .items:before{
        content:"";
        border: 0;
        height: 100%;
        width: 1px;
        float: right;
        position: absolute;
        left: 0;
        bottom: 0;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(50, 50, 50, 0.15), rgba(0, 0, 0, 0.05));
    }

    .header .items .item.active:before, .header .items .item:hover:before{
        top: calc((70px - 2px) / 2);
        right: 0;
        width: 17px;
        height: 2px;
    }
    .header .items .item.active:after, .header .items .item:hover:after{
        width: 9px;
        height: 9px;
        right: 15px;
        top: calc((70px - 9px) / 2);
    }
    .header .items .item .sub-items .sub-item{
        width: 100%;
    }
    .header.open .items-shadow{
        visibility: visible;
        opacity: 0.5;
    }
    .header .question{
        display: none;
    }
    .header .toggle {
        display: block;
    }
    .header .items .item .sub-items {
        width: 100%;
        height: unset;
        box-shadow: unset;
        position: unset;
        border-radius: unset;
        padding-right: 40px;
    }
}

@media (max-width: 1299.98px) {
    .header .items{
        border-top: 1px  solid #eaeaea;
        margin-right: 0;
        width: 100%;
    }
}
@media (max-width: 1299.98px) {
    .header .items{
        border-top: 1px  solid #eaeaea;
        margin-right: 0;
        width: 100%;
    }
}
@media (max-width: 1599.98px) {
    .header .items{
        margin-right: 0;
    }
    .header .items .item{
        margin: 0 15px;
    }
    .header .question .info{
        width: 120px;
    }
}


@media (max-width: 999.98px) {
    .header .items .item{
        margin: 0 12px;
    }
}