/* Reset */
    
    html,
    body {
        color: #000000;
    }
    
    a.link {
        color: #ffffff;
    }
    
    a.link:hover {
        color: #f1b500;
    }
    /* Colors */
    
    .color-white {
        color: #ffffff!important;
    }
    
    .color-black {
        color: #000000!important;
    }
    
    .color-gray {
        color: #444444!important;
    }
    
    .color-fray {
        color: #e6e7e9!important;
    }
    
    .color-sgray {
        color: #f2f2f2!important;
    }
    
    .color-info,
    .h-color-info:hover {
        color: #f37736!important;
    }
    
    .color-success,
    .h-color-success:hover {
        color: #16a085!important;
    }
    
    .color-danger,
    .h-color-danger:hover {
        color: #c0392b!important;
    }
    
    .color-01,
    .h-color-01:hover {
        color: #e59d2b!important;
        text-shadow: 0px 3px 7px rgb(3 23 0 / 40%);
    }
    
    .color-02,
    .h-color-02:hover {
        color: #e7a439!important;
    }
    
    .color-03,
    .h-color-03:hover {
        color: #f86f38!important;
    }
    
    .color-04,
    .h-color-04:hover {
        color: #f89609!important;
    }
    
    .color-05,
    .h-color-05:hover {
        color: #f47c41!important;
    }
    
    .color-06,
    .h-color-06:hover {
        color: #e5cb69!important;
    }
    
    .bg-white {
        background: #ffffff!important;
    }
    
    .bg-black {
        background: #000000!important;
    }
    
    .bg-gray {
        background: #444444!important;
    }
    
    .bg-fgray {
        background: #e6e7e9!important;
    }
    
    .bg-sgray {
        background: #f2f2f2!important;
    }
    
    .bg-info {
        background: #f37736!important;
    }
    
    .bg-success {
        background: #16a085!important;
    }
    
    .bg-danger {
        background: #c0392b!important;
    }
    
    .bg-01 {
        background: #e59d2b!important;
    }
    
    .bg-02 {
        background: #e7a439!important;
    }
    
    .bg-03 {
        background: #f86f38!important;
    }
    
    .bg-04 {
        background: #f89609!important;
    }
    
    .bg-05 {
        background: #f47c41!important;
    }
    
    .bg-06 {
        background: #e5cb69!important;
    }
    
    .bcolor-white {
        border-color: #ffffff!important;
    }
    
    .bcolor-black {
        border-color: #000000!important;
    }
    
    .bcolor-gray {
        border-color: #444444!important;
    }
    
    .bcolor-fgray {
        border-color: #e6e7e9!important;
    }
    
    .bcolor-sgray {
        border-color: #f2f2f2!important;
    }
    
    .bcolor-info {
        border-color: #f37736!important;
    }
    
    .bcolor-success {
        border-color: #16a085!important;
    }
    
    .bcolor-danger {
        border-color: #c0392b!important;
    }
    
    .bcolor-01 {
        border-color: #e59d2b!important;
    }
    
    .bcolor-02 {
        border-color: #e7a439!important;
    }
    
    .bcolor-03 {
        border-color: #f86f38!important;
    }
    
    .bcolor-04 {
        border-color: #f89609!important;
    }
    
    .bcolor-05 {
        border-color: #f47c41!important;
    }
    
    .bcolor-06 {
        border-color: #e5cb69!important;
    }
    /* Input */
    
    input[type=text],
    input[type=email],
    input[type=password],
    input[type=date],
    input[type=tel],
    input[type=number],
    input[type=phone],
    input[type=submit],
    input[type=file],
    select,
    textarea {
        border-color: #ddd;
        background: #ffffff;
    }
    
    .field input[type=text],
    .field input[type=email],
    .field input[type=password],
    .field input[type=date],
    .field input[type=tel],
    .field input[type=number],
    .field input[type=phone],
    .field input[type=submit],
    .field input[type=file],
    .field select,
    .field textarea {
        background: #eaeaea;
    }
    
    input[type=text]:focus,
    input[type=email]:focus,
    input[type=password]:focus,
    input[type=date]:focus,
    input[type=tel]:focus,
    input[type=number]:focus,
    input[type=phone]:focus,
    input[type=submit]:focus,
    input[type=file]:focus,
    select:focus,
    textarea:focus {
        border-color: #db8305;
    }
    /* Input Wrappers */
    
    .select-wrapper::after {
        color: #000000;
    }
    
    .select-wrapper.icon-square::after {
        background: #000000;
        color: #ffffff;
    }
    
    .input-date-wrapper::after {
        color: #db8305;
    }
    /* Button */
    
    .btn.btn-action.btn-01.stripe-right::after,
    .btn.btn-action.btn-01 {
        color: #ffffff;
        background: #f1b500;
        border-color: #f1b500;
    }
    
    .btn.btn-action.btn-01:hover {
        box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, .05);
    }
    
    .btn.btn-action.btn-01:active {
        box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, .1);
    }
    
    .btn.btn-action.btn-02.stripe-right::after,
    .btn.btn-action.btn-02 {
        color: #ffffff;
        background: #f47735;
        border-color: #f47735;
    }
    
    .btn.btn-action.btn-02:hover {
        box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, .05);
    }
    
    .btn.btn-action.btn-02:active {
        box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, .1);
    }
    
    .btn.btn-action.btn-03.stripe-right::after,
    .btn.btn-action.btn-03 {
        color: #000000;
        background: #d4d3d1;
        border-color: #d4d3d1;
    }
    
    .btn.btn-action.btn-03:hover {
        box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, .05);
    }
    
    .btn.btn-action.btn-03:active {
        box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, .1);
    }
    
    .btn.btn-action.btn-04.stripe-right::after,
    .btn.btn-action.btn-04 {
        color: #ffffff;
        background: #282828;
        border-color: #282828;
    }
    
    .tab.active>.btn.btn-action.btn-04,
    .btn.btn-action.btn-04:hover {
        background: #f47735;
        border-color: #f47735;
        box-shadow: none;
    }
    
    .btn.btn-action.btn-04:active {
        box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, .1);
    }
    
    .btn.btn-action.btn-05.stripe-right::after,
    .btn.btn-action.btn-05 {
        color: #ffffff;
        background: #162b4a;
        border-color: #162b4a;
    }
    
    .btn.btn-action.btn-05:hover {
        box-shadow: inset 0 0 0 100rem rgba(255, 255, 255, .05);
    }
    
    .btn.btn-action.btn-05:active {
        box-shadow: inset 0 0 0 100rem rgba(255, 255, 255, .1);
    }
    
    .btn.btn-action.btn-06.stripe-right::after,
    .btn.btn-action.btn-06 {
        color: #ffffff;
        background: #f86f38;
        border-color: #f86f38;
    }
    
    .btn.btn-action.btn-06:hover {
        box-shadow: inset 0 0 0 100rem rgba(255, 255, 255, .05);
    }
    
    .btn.btn-action.btn-06:active {
        box-shadow: inset 0 0 0 100rem rgba(255, 255, 255, .1);
    }
    
    .btn.btn-action.btn-0.stripe-right::after,
    .btn.btn-action.btn-0 {
        color: #f86f38;
        background: #ffffff;
        border-color: #ff4800;
    }
    
    .btn.btn-action.btn-0:hover,
    .btn.btn-action.btn-0.active {
        color: #ffffff;
        background: #f86f38;
    }
    
    .text-title-intro-1 {
        color: #663b09;
        position: relative;
        display: inline-block;
        min-width: 7rem;
        text-align: center;
        padding: 0.5rem 1.5rem;
        font-size: 1.25rem;
        font-weight: 300;
        border-radius: 0.25rem;
        box-shadow: none;
        line-height: 1.1;
        border: 2px solid transparent;
        transition: all 0.25s;
    }
    
    .text-title-intro-2 {
        color: #663b09;
        position: relative;
        display: inline-block;
        min-width: 7rem;
        text-align: center;
        padding: 0.5rem 1.5rem;
        font-size: 1.25rem;
        font-weight: 300;
        border-radius: 0.25rem;
        box-shadow: none;
        line-height: 1.1;
        border: 2px solid transparent;
        transition: all 0.25s;
    }
    
    .text-title-intro-3 {
        color: #663b09;
        position: relative;
        display: inline-block;
        min-width: 7rem;
        text-align: center;
        padding: 0.5rem 1.5rem;
        font-size: 1.25rem;
        font-weight: 300;
        border-radius: 0.25rem;
        box-shadow: none;
        line-height: 1.1;
        border: 2px solid transparent;
        transition: all 0.25s;
    }
    
    .text-title-intro-4 {
        color: #663b09;
        position: relative;
        display: inline-block;
        min-width: 7rem;
        text-align: center;
        padding: 0.5rem 1.5rem;
        font-size: 1.25rem;
        font-weight: 300;
        border-radius: 0.25rem;
        box-shadow: none;
        line-height: 1.1;
        border: 2px solid transparent;
        transition: all 0.25s;
    }
    
    .text-title-intro-5 {
        color: #663b09;
        position: relative;
        display: inline-block;
        min-width: 7rem;
        text-align: center;
        padding: 0.5rem 1.5rem;
        font-size: 1.25rem;
        font-weight: 300;
        border-radius: 0.25rem;
        box-shadow: none;
        line-height: 1.1;
        border: 2px solid transparent;
        transition: all 0.25s;
    }
    
    .text-title-intro-6 {
        color: #663b09;
        position: relative;
        display: inline-block;
        min-width: 7rem;
        text-align: center;
        padding: 0.5rem 1.5rem;
        font-size: 1.25rem;
        font-weight: 300;
        border-radius: 0.25rem;
        box-shadow: none;
        line-height: 1.1;
        border: 2px solid transparent;
        transition: all 0.25s;
    }
    
    .text-title-intro-7 {
        color: #663b09;
        position: relative;
        display: inline-block;
        min-width: 7rem;
        text-align: center;
        padding: 0.5rem 1.5rem;
        font-size: 1.25rem;
        font-weight: 300;
        border-radius: 0.25rem;
        box-shadow: none;
        line-height: 1.1;
        border: 2px solid transparent;
        transition: all 0.25s;
    }
    
    .text-title-intro-8 {
        color: #663b09;
        position: relative;
        display: inline-block;
        min-width: 7rem;
        text-align: center;
        padding: 0.5rem 1.5rem;
        font-size: 1.25rem;
        font-weight: 300;
        border-radius: 0.25rem;
        box-shadow: none;
        line-height: 1.1;
        border: 2px solid transparent;
        transition: all 0.25s;
    }
    /* btn-1 */
    
    .btn.btn-action.btn-1 {
        color: #663b09;
        background-image: url(https://www.erc.or.th/web-upload/200xf869baf82be74c18cc110e974eea8d5c/filecenter/css/images/Asset%201.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        z-index: 1;
    }
    
    .btn-1:after {
        /* background-image: url(https://www.erc.or.th/web-upload/200xf869baf82be74c18cc110e974eea8d5c/filecenter/css/images/Asset%201.png);
        background-size: 175px 60px;
        transition: 0.3s ease transform;
        z-index: -1; */
    }
    
    .btn-1:before,
    .btn-1:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    /* .btn-1::before {
        content: '';
        position: absolute;
        background-image: url(https://www.erc.or.th/web-upload/200xf869baf82be74c18cc110e974eea8d5c/filecenter/css/images/royal-frame-left-1.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 55px;
        right: -9px;
        background-size: contain;
        top: -8px;
        transform: scaleX(-1);
    } */
    
    .btn.btn-action.btn-1:hover,
    .btn.btn-action.btn-1.active {
        /* color: #ffffff; */
        /* box-shadow: rgba(255, 136, 136, 1) 0px 7px 29px 0px; */
    }
    /* btn-2 */
    
    .btn.btn-action.btn-2 {
        color: #663b09;
        background-image: url(https://www.erc.or.th/web-upload/200xf869baf82be74c18cc110e974eea8d5c/filecenter/css/images/Asset%202.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        z-index: 1;
    }
    
    .btn-2::after {
        /* content: '';
        position: absolute;
        background-image: url(https://www.erc.or.th/web-upload/200xf869baf82be74c18cc110e974eea8d5c/filecenter/css/images/royal-frame-left.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 55px;
        left: -8px;
        background-size: contain;
        top: -8px; */
    }
    
    .btn-2::before {
        /* content: '';
        position: absolute;
        background-image: url(https://www.erc.or.th/web-upload/200xf869baf82be74c18cc110e974eea8d5c/filecenter/css/images/royal-frame-left.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 55px;
        right: -8px;
        background-size: contain;
        top: -8px;
        transform: scaleX(-1); */
    }
    
    .btn.btn-action.btn-2:hover,
    .btn.btn-action.btn-2.active {
        /* color: #ffffff;
        background: rgba(255, 217, 71, 1) 100%; */
    }
    /* btn-3 */
    
    .btn.btn-action.btn-3 {
        color: #663b09;
        background-image: url(https://www.erc.or.th/web-upload/200xf869baf82be74c18cc110e974eea8d5c/filecenter/css/images/Asset%203.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        z-index: 1;
    }
    /* .btn-3::after {
        content: '';
        position: absolute;
        background-image: url(https://www.erc.or.th/web-upload/200xf869baf82be74c18cc110e974eea8d5c/filecenter/css/images/royal-frame-left.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 55px;
        left: -8px;
        background-size: contain;
        top: -8px;
    }
    
    .btn-3::before {
        content: '';
        position: absolute;
        background-image: url(https://www.erc.or.th/web-upload/200xf869baf82be74c18cc110e974eea8d5c/filecenter/css/images/royal-frame-left.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 55px;
        right: -8px;
        background-size: contain;
        top: -8px;
        transform: scaleX(-1);
    }
    
    .btn.btn-action.btn-3:hover,
    .btn.btn-action.btn-3.active {
        color: #ffffff;
        background: #fdacd5;
    } */
    /* btn-4 */
    
    .btn.btn-action.btn-4 {
        color: #663b09;
        background-image: url(https://www.erc.or.th/web-upload/200xf869baf82be74c18cc110e974eea8d5c/filecenter/css/images/Asset%204.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        z-index: 1;
    }
    /* .btn-4::after {
        content: '';
        position: absolute;
        background-image: url(https://www.erc.or.th/web-upload/200xf869baf82be74c18cc110e974eea8d5c/filecenter/css/images/royal-frame-left.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 55px;
        left: -8px;
        background-size: contain;
        top: -8px;
    }
    
    .btn-4::before {
        content: '';
        position: absolute;
        background-image: url(https://www.erc.or.th/web-upload/200xf869baf82be74c18cc110e974eea8d5c/filecenter/css/images/royal-frame-left.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 55px;
        right: -8px;
        background-size: contain;
        top: -8px;
        transform: scaleX(-1);
    }
    
    .btn.btn-action.btn-4:hover,
    .btn.btn-action.btn-4.active {
        color: #ffffff;
        background: #9de564;
    } */
    /* btn-5 */
    
    .btn.btn-action.btn-5 {
        color: #663b09;
        background-image: url(https://www.erc.or.th/web-upload/200xf869baf82be74c18cc110e974eea8d5c/filecenter/css/images/Asset%205.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        z-index: 1;
    }
    /* .btn-5::after {
        content: '';
        position: absolute;
        background-image: url(https://www.erc.or.th/web-upload/200xf869baf82be74c18cc110e974eea8d5c/filecenter/css/images/royal-frame-left.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 55px;
        left: -8px;
        background-size: contain;
        top: -8px;
    }
    
    .btn-5::before {
        content: '';
        position: absolute;
        background-image: url(https://www.erc.or.th/web-upload/200xf869baf82be74c18cc110e974eea8d5c/filecenter/css/images/royal-frame-left.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 55px;
        right: -8px;
        background-size: contain;
        top: -8px;
        transform: scaleX(-1);
    }
    
    .btn.btn-action.btn-5:hover,
    .btn.btn-action.btn-5.active {
        color: #ffffff;
        background: #ffac5b;
    } */
    /* btn-6 */
    
    .btn.btn-action.btn-6 {
        color: #663b09;
        background-image: url(https://www.erc.or.th/web-upload/200xf869baf82be74c18cc110e974eea8d5c/filecenter/css/images/Asset%206.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        z-index: 1;
    }
    /* .btn-6::after {
        content: '';
        position: absolute;
        background-image: url(https://www.erc.or.th/web-upload/200xf869baf82be74c18cc110e974eea8d5c/filecenter/css/images/royal-frame-left.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 55px;
        left: -8px;
        background-size: contain;
        top: -8px;
    }
    
    .btn-6::before {
        content: '';
        position: absolute;
        background-image: url(https://www.erc.or.th/web-upload/200xf869baf82be74c18cc110e974eea8d5c/filecenter/css/images/royal-frame-left.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 55px;
        right: -8px;
        background-size: contain;
        top: -8px;
        transform: scaleX(-1);
    }
    
    .btn.btn-action.btn.btn-action.btn-06:hover:hover,
    .btn.btn-action.btn-6.active {
        color: #ffffff;
        background: #81d6ff;
    } */
    /* btn-7 */
    
    .btn.btn-action.btn-7 {
        color: #663b09;
        background-image: url(https://www.erc.or.th/web-upload/200xf869baf82be74c18cc110e974eea8d5c/filecenter/css/images/Asset%207.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        z-index: 1;
    }
    /* .btn-7::after {
        content: '';
        position: absolute;
        background-image: url(https://www.erc.or.th/web-upload/200xf869baf82be74c18cc110e974eea8d5c/filecenter/css/images/royal-frame-left.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 55px;
        left: -8px;
        background-size: contain;
        top: -8px;
    }
    
    .btn-7::before {
        content: '';
        position: absolute;
        background-image: url(https://www.erc.or.th/web-upload/200xf869baf82be74c18cc110e974eea8d5c/filecenter/css/images/royal-frame-left.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 55px;
        right: -8px;
        background-size: contain;
        top: -8px;
        transform: scaleX(-1);
    }
    
    .btn.btn-action.btn.btn-action.btn-7:hover:hover,
    .btn.btn-action.btn-7.active {
        color: #ffffff;
        background: #8b99e1;
    } */
    /* btn-8 */
    
    .btn.btn-action.btn-8.stripe-right::after,
    .btn.btn-action.btn-8 {
        color: #663b09;
        background-image: url(https://www.erc.or.th/web-upload/200xf869baf82be74c18cc110e974eea8d5c/filecenter/css/images/Asset%208.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        z-index: 1;
    }
    /* .btn.btn-action.btn-8:hover,
    .btn.btn-action.btn-8.active {
        color: #ffffff;
        background: #e6b419;
    }
    
    .btn-8::after {
        content: '';
        position: absolute;
        background-image: url(https://www.erc.or.th/web-upload/200xf869baf82be74c18cc110e974eea8d5c/filecenter/css/images/royal-frame-left.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 55px;
        left: -8px;
        background-size: contain;
        top: -8px;
    }
    
    .btn-8::before {
        content: '';
        position: absolute;
        background-image: url(https://www.erc.or.th/web-upload/200xf869baf82be74c18cc110e974eea8d5c/filecenter/css/images/royal-frame-left.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 55px;
        right: -8px;
        background-size: contain;
        top: -8px;
        transform: scaleX(-1);
    } */
    /* end btn-8 */
    
    .btn.btn-action.btn-07:active {
        box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, .05);
    }
    
    .btn.btn-action.btn-07.stripe-right::after,
    .btn.btn-action.btn-07 {
        color: #f86f38;
        background: #ffffff;
        border-color: #f86f38;
    }
    
    .btn.btn-action.btn-07:hover,
    .btn.btn-action.btn-07.active {
        color: #ffffff;
        background: #f86f38;
    }
    
    .btn.btn-action.btn-07:active {
        box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, .05);
    }
    
    .btn.btn-action.btn-08.stripe-right::after {
        background: #ffffff;
    }
    
    .btn.btn-action.btn-08 {
        color: #ffffff;
        background: transparent;
        border-color: #ffffff;
    }
    
    .btn.btn-action.btn-08:hover {
        color: #000000;
        background: #ffffff;
    }
    
    .btn.btn-action.btn-08:active {
        box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, .05);
    }
    
    .btn.btn-action.btn-09.stripe-right::after,
    .btn.btn-action.btn-09 {
        color: #f86f38;
        background: #ffffff;
        border-color: #ffffff;
    }
    
    .btn.btn-action.btn-09:hover {
        box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, .05);
    }
    
    .btn.btn-action.btn-09:active {
        box-shadow: inset 0 0 0 100rem rgba(0, 0, 0, .1);
    }
    /* Button Circle */
    
    .btn-circle {
        color: #000000!important;
        background: #ffffff!important;
    }
    
    .btn-circle:hover,
    .btn-circle:active {
        background: #f9f9f9!important;
    }
    
    .btn-circle.btn-theme {
        background: #ffffff!important;
        color: #dfa710!important;
    }
    
    .btn-circle.btn-theme.btn-theme-0 {
        text-decoration: underline;
    }
    
    .btn-circle.btn-theme.btn-theme-1 {
        background: #232323!important;
        color: #ffffff!important;
    }
    
    .btn-circle.btn-theme.btn-theme-2 {
        background: #232323!important;
        color: #FFFF00!important;
    }
    
    .btn-circle.dark {
        background: #232323!important;
        color: #ffffff!important;
    }
    
    .btn-circle.dark:hover,
    .btn-circle.dark:active {
        background: #000000!important;
    }
    /* Button Social */
    
    .btn-social {
        border-color: #f86f38;
        background: #f86f38;
        color: #ffffff;
    }
    
    .btn-social:hover {
        background: transparent!important;
        color: #f86f38;
    }
    
    .btn-social.fw {
        border-color: #1878f1;
        background: #1878f1;
    }
    
    .btn-social.fw:hover {
        color: #1878f1;
    }
    
    .btn-social.tw {
        border-color: #00aeef;
        background: #00aeef;
    }
    
    .btn-social.tw:hover {
        color: #00aeef;
    }
    
    .btn-social.ln {
        border-color: #00c925;
        background: #00c925;
    }
    
    .btn-social.ln:hover {
        color: #00c925;
    }
    /* Calendar - Month */
    
    .calendar-month {
        border-color: #232323;
    }
    
    .calendar-month .fc-day-header {
        background: #232323;
        color: #ffffff;
    }
    
    .calendar-month .fc-day-header>span::after {
        background: #f87037;
    }
    
    .calendar-month .fc-day-top>span {
        color: #656565;
    }
    
    .calendar-month .fc-unthemed td.fc-today>span {
        color: #f87037;
    }
    
    .calendar-month .custom-event>.table-view {
        background: #f87037;
        color: #ffffff;
    }
    
    .calendar-month .custom-event.type-1>.table-view {
        background: #219ebc;
    }
    
    .calendar-month .custom-event.type-2>.table-view {
        background: #023047;
    }
    
    .calendar-month a.fc-more {
        color: #000000;
    }
    
    .calendar-month a.fc-more:hover {
        color: #f87037;
    }
    
    .calendar-month .fc-day.fc-today,
    .calendar-month .fc-day:hover {
        background: rgba(248, 112, 55, .1);
    }
    
    .calendar-month .fc-day.fc-other-month {
        background: #dcdcdc!important;
    }
    
    .calendar-month .fc-event-container {
        background: #f5f5f5;
    }
    /* Calendar - Week */
    
    .calendar-week .fc-view.fc-timeGrid-view>table {
        border-color: #232323!important;
    }
    
    .calendar-week .fc-day.fc-today {
        background: rgba(248, 112, 55, .1);
    }
    
    .calendar-week .fc-day-grid .fc-bg td {
        background: #323232;
        border-color: #f87037!important;
        color: #ffffff;
    }
    
    .calendar-week .fc-day-grid .fc-bg td.fc-today {
        color: #f87037;
    }
    
    .calendar-week .fc-day-grid .fc-bg td:nth-child(2n+1) {
        background: #232323;
    }
    
    .calendar-week .fc-day-grid .fc-bg td:first-child {
        background: #00030b;
    }
    
    .calendar-week .fc-time-grid td.fc-axis.fc-widget-content:first-child {
        background: #13245f;
        color: #ffffff;
    }
    
    .calendar-week .fc-time-grid .fc-event {
        background: #f87037;
        color: #ffffff;
        border-color: #f87037!important;
    }
    
    .calendar-week .fc-time-grid .fc-bg td:nth-child(even) {
        background: rgba(0, 0, 0, .1);
    }
    
    .calendar-week .fc-time-grid .fc-bg td.fc-today {
        background: rgba(248, 112, 55, .1);
    }
    /* Calendar - Day */
    
    .calendar-day .fc-slats {
        border-top-color: #f87037!important;
        border-bottom-color: #232323!important;
    }
    
    .calendar-day td.fc-axis.fc-widget-content:first-child {
        background: #13245f;
        color: #ffffff;
    }
    
    .calendar-day .fc-axis.fc-time.fc-widget-content {
        background: #eeeeee;
        color: #000000;
    }
    
    .calendar-day .fc-time-grid .fc-event {
        background: #f87037;
        color: #ffffff;
        border-color: #ffffff!important;
    }
    
    .calendar-day .fc-time-grid .fc-event:nth-child(3n+2) {
        background: #37a8c3;
    }
    
    .calendar-day .fc-time-grid .fc-event:nth-child(3n) {
        background: #1b4459;
    }
    /* CMS Container */
    
    .cms-container.split>.cms-panel {
        border-color: #dadada!important;
    }
    /* Embed & Copy Container */
    
    .copy-container>.copy-popup>.wrapper::before,
    .copy-container>.copy-popup>.wrapper {
        background: #f2f2f2;
        color: #000000;
    }
    /* Fieldset */
    
    .rc-container>label::before {
        border-color: #f99509;
        background: #ffffff;
    }
    
    .rc-container>label::after {
        background: #f99509;
        color: #ffffff;
    }
    /* Topnav */
    
    nav.topnav .top-container {
        background: #ffffff;
    }
    
    nav.topnav .top-container::before {
        background-image: linear-gradient(to right, #f97038, #001254);
    }
    
    nav.topnav .option {
        color: #000000;
        border-color: #dcdcdc;
    }
    
    nav.topnav .option a.link {
        color: #000000;
    }
    
    nav.topnav .option a.link:hover {
        color: #db8305;
    }
    
    nav.topnav .top-container .logo {
        color: #000000;
    }
    
    nav.topnav .top-container .logo:hover {
        color: #db8305;
    }
    
    nav.topnav .menu-toggle>a {
        background: #2f3136;
        color: #f89609;
    }
    
    nav.topnav .menu-toggle:hover>a,
    nav.topnav .menu-toggle.active>a {
        color: #ffffff;
    }
    
    nav.topnav .menu-toggle>a .hamburger>* {
        background: #ffffff;
    }
    
    nav.topnav .menu-toggle>.menu-dropdown {
        background: #2d2e30;
        color: #ffffff;
    }
    
    nav.topnav .menu-tab .tabs,
    .menubar-01 .menu-tab .tab-content {
        border-color: #727375;
    }
    
    nav.topnav .menu-tab .tab {
        color: #ffffff;
    }
    
    nav.topnav .menu-tab .tab:hover,
    nav.topnav .menu-tab .tab.active {
        color: #eb980e;
    }
    
    nav.topnav .options-mobile .hamburger>* {
        background: #2f3136;
    }
    
    nav.topnav .menu-tab .btn-back {
        color: #ffffff;
    }
    
    nav.topnav .menu-tab .btn-back:hover {
        color: #eb980e;
    }
    
    nav.topnav .menu-tab ul.ss-list>li>a {
        color: #ffffff;
    }
    
    nav.topnav .menu-tab ul.ss-list>li:hover>a {
        color: #e9aa11;
    }
    
    nav.topnav .menu-tab ul.ss-list>li::before {
        background: #e9aa11;
    }
    
    nav.topnav .menu-tab ul.ss-list-02>li::before {
        background: #f86f38;
    }
    
    nav.topnav .menu-tab ul.ss-list-02>li>a {
        color: #b8b8b8;
    }
    
    nav.topnav .menu-tab ul.ss-list-02>li:hover>a {
        color: #e9aa11;
    }
    
    nav.topnav .option-nav>.option-dropdown {
        background: #262930;
        color: #ffffff;
    }
    
    nav.topnav .option-nav .hamburger>* {
        background: #ffffff;
    }
    
    nav.topnav .profile-dropdown .item {
        color: #ffffff;
        background: #2f3136;
        border-color: rgba(255, 255, 255, .12);
    }
    
    nav.topnav .profile-dropdown .item:hover {
        color: #f89609;
    }
    
    nav.topnav .profile-dropdown .item>.icon {
        background: #000000;
    }
    
    .footer-bottom .color-01,
    .footer-bottom .color-02,
    .footer-bottom .h-color-02:hover {
        color: #e99113!important;
        text-shadow: 0px 3px 7px rgb(3 23 0 / 40%);
    }
    
    @media screen and (max-width: 575px) {
        nav.topnav .menu-tab .tabs,
        .menubar-01 .menu-tab .tab-content {
            border-color: transparent;
        }
    }
    /* Sidenav */
    
    nav.sidenav {
        background: #ffffff;
    }
    
    nav.sidenav .hamburger>* {
        background: #000000;
    }
    
    nav.sidenav .scroll-wrapper,
    nav.sidenav .menu>a,
    nav.sidenav .item {
        border-color: #ddd;
    }
    
    nav.sidenav .menu>a,
    nav.sidenav .item,
    nav.sidenav .item>a {
        color: #000000;
    }
    
    nav.sidenav .menu:hover>a,
    nav.sidenav .item:hover>a {
        color: #db8305;
    }
    
    nav.sidenav .menu>em:hover {
        color: #db8305;
    }
    
    nav.sidenav .menu ul.ss-list>li>a {
        border-color: #ddd;
    }
    
    nav.sidenav .menu ul.ss-list>li>a+.btn-icon {
        color: #000000;
    }
    /* Global Search */
    
    .global-search>.wrapper {
        background: #272930;
        color: #ffffff;
    }
    
    .global-search .top-section {
        background: #e7e7e7;
        color: #000000;
    }
    
    .global-search .choices>.choice {
        border-color: #ffffff;
        color: #ffffff;
    }
    
    .global-search .choices>.choice:hover {
        color: #f86f38;
    }
    
    .global-search .choices>.choice>.num {
        background: #000000;
        color: #ffffff;
    }
    
    .global-search .choices>.choice:nth-child(1)>.num {
        background: #d55919;
    }
    
    .global-search .choices>.choice:nth-child(2)>.num {
        background: #f37737;
    }
    
    .global-search .choices>.choice:nth-child(3)>.num {
        background: #ff9863;
    }
    /* Policy Nav */
    
    nav.policy-nav {
        background: #000000;
        color: #ffffff;
    }
    
    nav.policy-nav .hamburger>* {
        background: #f1b500;
    }
    /* Quicklink Nav */
    
    nav.quicklink-nav .btn-main {
        background: #2f3136;
        color: #ffffff;
    }
    
    nav.quicklink-nav .btn-main:hover {
        color: #f86f38;
    }
    
    nav.quicklink-nav .btn-main>.icon {
        background: #ffffff;
        color: #f86f38;
    }
    
    nav.quicklink-nav .btn-main .icon-active {
        background: #2f3136;
        color: #f86f38;
    }
    
    nav.quicklink-nav .dropdown {
        background: #ffffff;
    }
    
    nav.quicklink-nav .dropdown .item {
        color: #000000;
        border-color: #e6e7e9;
    }
    
    nav.quicklink-nav .dropdown .item:hover {
        background: #f86f38;
        color: #ffffff;
    }
    
    nav.quicklink-nav .dropdown .item>.icon svg {
        fill: #f86f38;
    }
    
    nav.quicklink-nav .dropdown .item:hover>.icon svg {
        fill: #ffffff;
    }
    /* Back to Top */
    
    .back-to-top {
        background: #2f3136;
        color: #f89609;
    }
    /* Footer */
    
    nav.footer {
        color: #ffffff;
        background: #162b4a;
    }
    
    nav.footer .sep-icon {
        color: #f86f38;
    }
    
    nav.footer .sep-wrapper .sep-icon::before,
    nav.footer .sep-wrapper .sep-icon::after {
        background: #ffffff;
    }
    
    nav.footer .footer-list>li>a {
        color: #000;
    }
    
    nav.footer .footer-list>li>a:not([href*="javascript"]):not([href=""]):hover {
        color: #f1b500;
    }
    
    nav.footer .footer-list>li>span {
        color: #000;
    }
    
    nav.footer .footer-list>li>span:hover {
        color: #f1b500;
    }
    
    nav.footer .footer-list>li::before {
        background: #f86f38;
    }
    
    nav.footer .footer-list-sub>li>a {
        color: #000;
    }
    
    nav.footer .footer-list-sub>li>a:hover {
        color: #f1b500;
    }
    
    nav.footer .footer-list-sub>li>span {
        color: #000;
    }
    
    nav.footer .footer-list-sub>li>span:hover {
        color: #f1b500;
    }
    
    nav.footer .footer-list-sub>li::before {
        background: #f1b500;
    }
    
    nav.footer .footer-bottom .social {
        border-color: #ffffff;
        color: #ffffff;
    }
    
    nav.footer .footer-bottom .social.fb-social {
        background: #314bea;
    }
    
    nav.footer .footer-bottom .social.yt-social {
        background: red;
    }
    
    nav.footer .footer-bottom .social.tw-social {
        background: #66a9ea;
    }
    
    nav.footer .footer-bottom .social.ig-social {
        background: #5b3c01;
    }
    
    nav.footer .footer-bottom .social:hover {
        /*border-color:#f1b500; background:#f1b500; color:#ffffff;*/
        transform: scale(1.1);
    }
    /* List Header */
    
    .list-header .option .icon-view {
        border-color: #e6e7e9;
        color: #f86f38;
    }
    
    .list-header .option .icon-view:hover,
    .list-header .option .icon-view.active {
        border-color: #f86f38;
        color: #ffffff;
        background: #f86f38;
    }
    
    .list-header.calendar .tabs::before {
        background: #e6e7e9;
    }
    
    .list-header.calendar .tabs>.tab {
        color: #000000;
    }
    
    .list-header.calendar .tabs>.tab::after {
        background: #f87037;
    }
    
    .list-header.calendar .tabs>.tab:hover,
    .list-header.calendar .tabs>.tab.active {
        color: #f87037;
    }
    
    .list-header.calendar .tabs>.tab>.count {
        color: #a9a9a9;
    }
    /* Paginate */
    
    .paginate .arrow {
        color: #000000;
    }
    
    .paginate .arrow:hover {
        color: #f77039;
    }
    
    .paginate .page,
    .paginate .dot {
        color: #000000;
    }
    
    .paginate .page:hover,
    .paginate .page.active {
        background: #f77039;
        color: #ffffff;
    }
    /* Popup Container */
    
    .popup-container .popup-box {
        background: #ffffff;
    }
    
    .popup-container .close-icon {
        background: #2f3136;
        color: #f89609;
    }
    /* Semantic UI */
    
    .ui.selection.dropdown,
    .ui.input>input,
    .ui.form>textarea {
        border-color: #e6e7e9;
        color: #000000;
    }
    
    .ui.selection.dropdown:hover,
    .ui.input>input:hover,
    .ui.form>textarea:hover {
        border-color: #e6e7e9;
    }
    
    .ui.selection.dropdown>.search.icon,
    .ui.selection.dropdown>.delete.icon,
    .ui.selection.dropdown>.dropdown.icon,
    .ui.icon.input>i.icon {
        color: #f86f38;
    }
    
    .ui.selection.dropdown.active,
    .ui.selection.dropdown:focus,
    .ui.input>input:focus,
    .ui.form>textarea:focus,
    .ui.selection.dropdown .menu {
        border-color: #f86f38!important;
    }
    
    .ui.dropdown:not(.button)>.default.text,
    .ui.default.dropdown:not(.button)>.text {
        color: rgba(0, 0, 0, .6);
    }
    
    .ui>*.error:not(label) {
        border-color: #ff0000!important;
    }
    
    .ui>label.error {
        color: #ff0000!important;
    }
    
    label.error#department-error {
        color: #ff0000!important;
    }
    /* Separation */
    
    .sep-line {
        background: #dadada;
    }
    /* Special Box */
    
    .ss-box {
        background: #ffffff;
    }
    
    .ss-box.inner-box {
        background: transparent;
    }
    
    .ss-box.inner-box>.box-wrapper {
        background: #ffffff;
    }
    /* Special Card */
    
    .ss-card {
        background: #ffffff;
        color: #000000;
    }
    /* Special Card 01 */
    
    .ss-card.ss-card-01:hover {
        background: #1e222f;
        color: #ffffff;
    }
    /* Special Card 02 */
    
    .ss-card.ss-card-02 {
        background: #ffffff;
        color: #000000;
    }
    /* Special Card 03 */
    
    .ss-card.ss-card-03 .text-wrapper {
        background: #ffffff;
        color: #000000;
    }
    
    .ss-card.ss-card-03:hover .text-wrapper {
        background: rgba(30, 34, 46, .9);
        color: #ffffff;
    }
    /* Special Card 04 */
    
    .ss-card.ss-card-04>.text-container {
        background: #ffffff;
        color: #000000;
        border-color: #e7e7e9!important;
    }
    
    .ss-card.ss-card-04:hover>.text-container {
        background: #1e222e;
        color: #ffffff;
        border-color: #1e222e!important;
    }
    
    .ss-card.ss-card-04 .title {
        color: #000000;
    }
    
    .ss-card.ss-card-04:hover .title {
        color: #ffffff;
    }
    
    .ss-card.ss-card-04 .ss-stats a {
        color: #000000;
    }
    
    .ss-card.ss-card-04:hover .ss-stats a {
        color: #ffffff;
    }
    
    .ss-card.ss-card-04 .ss-stats a:hover {
        color: #f86f38;
    }
    /* Special Card 05 */
    
    .ss-card.ss-card-05>.text-container {
        background: #ffffff;
        color: #000000;
        border-color: #e7e7e9!important;
    }
    
    .ss-card.ss-card-05:hover>.text-container {
        background: #1e222e;
        color: #ffffff;
        border-color: #1e222e!important;
    }
    
    .ss-card.ss-card-05 .title {
        color: #000000;
    }
    
    .ss-card.ss-card-05:hover .title {
        color: #ffffff;
    }
    /* Special Card 06 */
    
    .ss-card.ss-card-06 {
        color: #000000;
    }
    
    .ss-card.ss-card-06:hover {
        color: #ffffff;
    }
    
    .ss-card.ss-card-06::before {
        background-image: linear-gradient(to right, #e69c32, #ed5503);
    }
    
    .ss-card.ss-card-06>.btn-icon {
        border-color: #ed5503;
        color: #ed5503;
        background: #ffffff;
    }
    /* Special Card 07 */
    
    .ss-card.ss-card-07>.text-container {
        background: #ffffff;
        color: #000000;
        border-color: #e6e7e9;
    }
    
    .ss-card.ss-card-07:hover>.text-container {
        background: #1e222e;
        color: #ffffff;
        border-color: #1e222e;
    }
    
    .ss-card.ss-card-07>.text-container::before {
        background-image: linear-gradient(to left, #f97038, #001254);
    }
    
    .ss-card.ss-card-07 .title {
        color: #000000;
    }
    
    .ss-card.ss-card-07:hover .title {
        color: #ffffff;
    }
    /* Special Card 08 */
    
    .ss-card.ss-card-08>.text-container {
        border-color: #e6e7e9;
        background: #ffffff;
        color: #000000;
    }
    
    .ss-card.ss-card-08.highlight>.text-container {
        background: #f6f6f6;
    }
    
    .ss-card.ss-card-08:hover>.text-container {
        background: #1e222e!important;
        color: #ffffff;
        border-color: #1e222e;
    }
    
    .ss-card.ss-card-08>.text-container::before {
        background-image: linear-gradient(to bottom, #f97038, #001254);
    }
    
    .ss-card.ss-card-08 .title {
        color: #000000;
    }
    
    .ss-card.ss-card-08:hover .title {
        color: #ffffff;
    }
    /* Special Card 09 */
    
    .ss-card.ss-card-09 {
        background: #ffffff;
        border-color: #e6e7e9;
        border-bottom-color: #f86f38;
    }
    
    .ss-card.ss-card-09>.text-container {
        color: #000000;
        background: #e6e7e9;
    }
    
    .ss-card.ss-card-09:hover>.text-container {
        color: #ffffff;
        background: #1e222e;
    }
    
    .ss-card.ss-card-09 .title {
        color: #000000;
    }
    
    .ss-card.ss-card-09:hover .title {
        color: #ffffff;
    }
    
    .ss-card.ss-card-09 .btn.btn-action {
        color: #000000;
        background: #ffffff;
    }
    
    .ss-card.ss-card-09:hover .btn.btn-action {
        color: #ffffff;
        background: #f89609;
    }

    /* Special Card 10 */
    .ss-card.ss-card-10 > .text-container{
        background:#ffffff; color:#000000; border-color:#e7e7e9!important;
        }
        .ss-card.ss-card-10:hover > .text-container{
        background:#1e222e; color:#ffffff; border-color:#1e222e!important;
        }
        .ss-card.ss-card-10 .title{color:#000000;}
        .ss-card.ss-card-10:hover .title{color:#ffffff;}
    
        /* Special Card 11 */
        .ss-card.ss-card-11 > .text-container{
        background:#ffffff; color:#000000; border-color:#e7e7e9!important;
        }
        .ss-card.ss-card-11:hover > .text-container{
        background:#1e222e; color:#ffffff; border-color:#1e222e!important;
        }
        .ss-card.ss-card-11 .title{color:#000000;}
        .ss-card.ss-card-11:hover .title{color:#ffffff;}
        
    /* Special Date */
    
    .ss-date>.wrapper {
        background: #f86f38;
        color: #ffffff;
    }
    
    .ss-date .date {
        border-color: #ffffff;
    }
    /* Special Image */
    
    .ss-img .hover-container {
        opacity: 1;
    }
    
    .ss-img .hover-container .icon {
        background: rgba(255, 255, 255, .4);
        color: #ffffff;
    }
    
    .ss-img .hover-container.simple {
        background: rgba(0, 0, 0, .4);
        color: #ffffff;
    }
    
    .ss-img>.intro-text {
        color: #ffffff;
        background: rgba(0, 0, 0, .7);
    }
    /* Special List */
    
    ul.ss-list>li>a {
        color: #000000;
    }
    
    ul.ss-list>li:hover>a:not([href*="javascript"]):not([href=""]) {
        color: #e9aa11;
    }
    
    ul.ss-list>li::before {
        background: #e9aa11;
    }
    
    ul.ss-list.dot-navy>li::before {
        background: #162b49;
    }
    
    .menubar-01 ul.ss-list>li>a {
        color: #ffffff;
    }
    
    .menubar-01 ul.ss-list>li:hover>a:not([href*="javascript"]) {
        color: #e9aa11;
    }
    /* Special List 02 */
    
    ul.ss-list-02>li>a {
        color: #b8b8b8;
    }
    
    ul.ss-list-02>li:hover>a:not([href*="javascript"]):not([href=""]) {
        color: #e9aa11;
    }
    /* Special Separation */
    
    .ss-sep>*::before,
    .ss-sep>*::after {
        background: #ffffff;
    }
    /* Special Stats */
    
    .ss-stats .stat>.icon {
        color: #f86f38;
    }
    
    .ss-stats .stat>.icon.circle {
        background: #f86f38;
        color: #ffffff;
    }
    
    .ss-stats .v-sep::before {
        background: #f86f38;
    }
    /* Special Tag */
    
    .ss-tags .tag {
        background: #f86f38;
        color: #ffffff;
    }
    
    .ss-tags .tag.hoverable {
        background: transparent;
        color: #f86f38;
        border-color: #f86f38;
    }
    
    .ss-tags .tag.hoverable:hover {
        background: #f86f38;
        color: #ffffff;
    }
    
    .ss-tags .tag.tag-dark {
        background: #303136;
        color: #fa6e39;
    }
    /* Table */
    
    table.table td,
    table.table th {
        border-color: #dadada;
    }
    
    table.table-progress .progress-tab::before {
        background: #ffffff;
        border-color: #f86f38;
    }
    
    table.table-progress .progress-tab>.bar {
        background-image: linear-gradient(to right, #0e2262, #f86f38);
    }
    
    table.table-report th {
        background: #000000;
        color: #ffffff;
        border-color: #f87037!important;
    }
    
    table.table-report th:nth-child(odd) {
        background: #232323;
    }
    
    table.table-report th:first-child {
        background: #000000;
    }
    
    table.table-report td {
        background: #f2f2f2;
    }
    
    table.table-report td:nth-child(odd) {
        background: #ffffff;
    }
    
    table.table-report td:first-child {
        background: #13245f;
        color: #ffffff;
    }
    
    table.table-report tr.highlight>td:first-child {
        background: #f89609;
    }
    
    HEAD .faq-01.content-data .faq>.header {
        background: #f5f6fa;
    }
    
    .faq-01.content-data .faq>.body {
        background: #fff;
    }
    /* Banner 01 */
    
    .banner-01 .slide-container {
        background: #000000;
    }
    
    .banner-01 .dots li:first-child::after,
    .banner-01 .dots li:last-child::after {
        background: #ffffff;
    }
    
    .banner-01 .dots li button {
        background: #ffffff;
    }
    
    .banner-01 .dots li button>span {
        color: #f1cb0b;
    }
    
    .banner-01 .dots li.slick-active button {
        color: #ffffff;
        background: #df660c;
    }
    
    .banner-01 .arrows .arrow-next,
    .banner-01 .arrows .arrow-prev {
        color: #ffffff;
        background-color: #df660d;
    }
    /* Breadbrumb 01 */
    
    .breadcrumb-01,
    .breadcrumb-01 .structure>.icon,
    .breadcrumb-01 .structure>a {
        color: #ffffff;
    }
    
    .breadcrumb-01 .structure>a:hover {
        color: #e59d2b;
    }
    
    .breadcrumb-01.color-black,
    .breadcrumb-01.color-black .structure>.icon,
    .breadcrumb-01.color-black .structure>a {
        color: #000000;
    }
    
    .breadcrumb-01.color-black .structure>a:hover {
        color: #e59d2b;
    }
    
    .breadcrumb-01.color-black-theme,
    .breadcrumb-01.color-black-theme .structure>.icon,
    .breadcrumb-01.color-black-theme .structure>a {
        color: #000000;
    }
    
    .breadcrumb-01.color-black-theme .structure>a:hover {
        color: #e59d2b;
    }
    
    .breadcrumb-01.style-color-02,
    .breadcrumb-01.style-color-02 .structure>.icon,
    .breadcrumb-01.style-color-02 .structure>a {
        color: #ffffff;
    }
    
    .breadcrumb-01.style-color-02 .structure>a:hover {
        color: #e59d2b;
    }
    
    .breadcrumb-01 .profile>.icon-upload {
        background: #2f302f;
    }
    /* Breadbrumb 02 */
    
    .breadcrumb-02,
    .breadcrumb-02 .structure>.icon,
    .breadcrumb-02 .structure>a {
        color: #ffffff;
    }
    
    .breadcrumb-02 .structure>a:hover {
        color: #e59d2b;
    }
    
    .breadcrumb-02.black,
    .breadcrumb-02.black .structure>.icon,
    .breadcrumb-02.black .structure>a {
        color: #000000;
    }
    
    .breadcrumb-02.black .structure>a:hover {
        color: #e59d2b;
    }
    /* Call to Action 05 */
    
    .call-05 .character {
        color: #ffffff;
    }
    
    .call-05>.filter {
        background: #000000;
    }
    /* Contact 01 */
    
    .contact-01 .contact-card {
        color: #000000;
        border-color: #d7d7d7;
    }
    
    .contact-01 .contact-card .icon {
        color: #f86f38;
    }
    
    .contact-01 .contact-card:hover,
    .contact-01 .contact-card:hover .icon {
        color: #ffffff;
    }
    
    .contact-01 .contact-card::before {
        background-image: linear-gradient(160deg, #f5c123, #e76800);
    }
    /* Content 01 */
    
    .content-01 .slick-dots button {
        color: #000000;
    }
    
    .content-01 .slick-dots button:hover,
    .content-01 .slick-dots .slick-active button {
        background: #838383;
        color: #ffffff;
    }
    /* Content 02 */
    
    .content-02 .stat-03::before {
        box-shadow: rgb(0 0 0 / 79%) -20px 0px 20px -20px;
        width: 100%;
        height: 100%;
    }
    /* Content 03 */
    
    .content-03 .arrows>.arrow {
        border-color: #f7601b;
        color: #f7601b;
    }
    
    .content-03 .arrows>.arrow:hover {
        background: #f7601b;
        color: #ffffff;
    }
    /* Highlight-Magazine */
    
    .highlight-magazine .arrows>.arrow {
        border-color: #f7601b;
        color: #f7601b;
    }
    
    .highlight-magazine .arrows>.arrow:hover {
        background: #f7601b;
        color: #ffffff;
    }
    /* Faq 01 */
    
    .faq-01 .faq-header,
    .faq-01 .faq {
        background: #ffffff;
        border-color: #f2f2f2;
    }
    
    .faq-01 .faq>.header>.icon::before,
    .faq-01 .faq>.header>.icon::after {
        background: #f86f38;
    }
    
    .faq-01.content-data .faq>.body {
        background: #f5f6fa;
    }
    
    .faq-01 .faq>.body::after {
        /* background-image: linear-gradient(to bottom, #f97038, #001254); */
        background-image: linear-gradient(to bottom, #f0f0f7, #f0f0f7);
    }
    /* Faq 02 */
    
    .faq-02 .faq {
        background: #ffffff;
        border-color: #f2f2f2;
    }
    
    .faq-02 .faq>.header:hover {
        background: #1e222e;
        color: #ffffff;
    }
    
    .faq-02 .faq>.header .faq-title {
        color: #f89609;
    }
    
    .faq-02 .faq>.header:hover .faq-title {
        color: #ffffff;
    }
    
    .faq-02 .faq>.header .faq-desc {
        color: #000000;
    }
    
    .faq-02 .faq>.header:hover .faq-desc {
        color: #f86f38;
    }
    
    .faq-02 .faq>.header>.icon {
        color: #df7e08;
        background: #0a2163;
    }
    
    .faq-02 .faq>.header:hover>.icon {
        color: #ffffff;
        background: #f9a122;
    }
    
    .faq-02 .faq>.header>.icon svg {
        fill: #df7e08;
    }
    
    .faq-02 .faq>.header:hover>.icon svg {
        fill: #ffffff;
    }
    
    .faq-02 .faq>.header .option-wrapper {
        border-color: #f2f2f2;
    }
    
    .faq-02 .faq>.header:hover .option-wrapper {
        border-color: #ffffff;
    }
    
    .faq-02 .faq>.body {
        background: #f2f2f2;
        border-color: #f2f2f2;
    }
    
    .faq-02 .faq>.body::after {
        background-image: linear-gradient(to bottom, #f97038, #001254);
    }
    
    .faq-02 .faq>.header .icon-toggle {
        color: #f65e1a;
        border-color: #f65e1a;
    }
    
    .faq-02 .faq>.body .icon-toggle {
        color: #ffffff;
        border-color: #313131;
        background: #313131;
    }
    
    .faq-02 .faq>.header .icon-toggle.icon-black {
        color: #000000;
    }
    
    .faq-02 .faq>.header:hover .icon-toggle.icon-black {
        color: #ffffff;
    }
    /* Intro 03 */
    
    .intro-03 .map-intro .pin .header {
        background: #414141;
        color: #ffffff;
    }
    
    .intro-03 .map-intro .pin:hover .header,
    .intro-03 .map-intro .pin.active .header {
        color: #f37736;
    }
    
    .intro-03 .map-intro .pin .body {
        background: #232323;
        color: #ffffff;
    }
    
    .intro-03 .intro-box {
        background: #ffffff;
        border-color: #ffffff;
        border-top-color: #162b49;
    }
    
    .intro-03 .intro-box .container-right {
        border-color: #e2e2e2!important;
    }
    /* Intro 04 */
    
    .intro-04 .detail-container::before {
        background: #f47c41;
    }
    
    .intro-04 .detail-container .pattern::before {
        background: #7e776a;
    }
    /* Menu Bar 01 */
    
    .menubar-01 .menu-icon,
    .menubar-01 .menu-icon a {
        color: #ffffff;
    }
    
    .menubar-01 .img-bg {
        background-color: #f47735;
    }
    /* Profile 01 */
    
    .profile-01 .profile-banner .detail-container::before {
        background: #f47c41;
    }
    
    .profile-01 .profile-banner .detail-container .pattern::before {
        background: #7e776a;
    }
    
    .profile-01 .quote-container>.quote-left,
    .profile-01 .quote-container>.quote-right {
        color: #000000;
    }
    
    .profile-01 .profile-card>.img-container {
        background: #a1a9b6;
    }
    
    .profile-01 .profile-card>.text-container {
        background: #ffffff;
        color: #000000;
    }
    
    .profile-01 .profile-card:hover,
    .profile-01 .profile-card.active {
        border-color: #f47c41;
    }
    
    .profile-01 .profile-card:hover>.text-container,
    .profile-01 .profile-card.active>.text-container {
        background: #f47c41;
        color: #ffffff;
    }
    
    .profile-01 .arrows>.arrow {
        border-color: #f47c41;
        color: #f47c41;
    }
    
    .profile-01 .arrows>.arrow:hover {
        background: #f47c41;
        color: #ffffff;
    }
    
    .profile-01 .profile-block {
        border-top-color: #363434!important;
    }
    /* Search 01 */
    
    .search-01 .bottom-section::after {
        background-image: linear-gradient(to right, #0c2162, #f87037);
    }
    
    .search-01 .panels>.panel-left {
        border-color: #dadada!important;
    }
    /* Search 02 */
    
    .search-02 .tabs::before {
        background: #e6e7e9;
    }
    
    .search-02 .tabs>.tab {
        color: #000000;
    }
    
    .search-02 .tabs>.tab::after {
        background: #f87037;
    }
    
    .search-02 .tabs>.tab:hover,
    .search-02 .tabs>.tab.active {
        color: #f87037;
    }
    
    .search-02 .tabs>.tab>.count {
        color: #a9a9a9;
    }
    /* Sitemap 01 */
    
    .sitemap-01 .sitemap-grid {
        border-color: #e2e2e2!important;
    }
    /* Tab Container 01 */
    
    .tab-container-01 .tabs>.tab {
        color: #000000;
    }
    
    .tab-container-01 .tabs>.tab:hover,
    .tab-container-01 .tabs>.tab.active {
        color: #f86f38;
    }
    
    .tab-container-01 .tabs>.tab::before {
        background: #e6e7e9;
    }
    
    .tab-container-01 .tabs>.tab::after {
        background: #f86f38;
    }
    /* Tab Container 02 */
    
    .tab-container-02 .tabs>.tab {
        color: #ffffff;
    }
    
    .tab-container-02 .tabs>.tab:hover,
    .tab-container-02 .tabs>.tab.active {
        color: #f86f38;
    }
    
    .tab-container-02 .tabs>.tab::before {
        background: #e6e7e9;
    }
    
    .tab-container-02 .tabs>.tab::after {
        background: #f86f38;
    }
    /* Webboard 01 */
    
    .webboard-01 .webboard-header {
        background: #232323;
        color: #ffffff;
        border-color: #000000;
        border-bottom-color: #f86f38;
    }
    
    .webboard-01 .webboard-header>.num {
        background: #000000;
    }
    
    .webboard-01 .webboard-header>.stats>.stat {
        border-color: #ffffff!important;
    }
    /* Speaker 01 */
    
    nav.speaker-nav .btn-main {
        background: #2f3136;
        color: #ffffff;
    }
    
    nav.speaker-nav .btn-main:hover {
        color: #f86f38;
    }
    
    nav.speaker-nav .btn-main>.icon {
        background: #ffffff;
        color: #f86f38;
    }
    
    nav.speaker-nav .btn-main .icon-active {
        background: #2f3136;
        color: #f86f38;
    }
    
    nav.speaker-nav .dropdown {
        background: #ffffff;
    }
    
    nav.speaker-nav .dropdown .item {
        color: #000000;
        border-color: #e6e7e9;
    }
    
    nav.speaker-nav .dropdown .item:hover {
        background: #f86f38;
        color: #ffffff;
    }
    
    nav.speaker-nav .dropdown .item>.icon svg {
        fill: #f86f38;
    }
    
    nav.speaker-nav .dropdown .item:hover>.icon svg {
        fill: #ffffff;
    }
    
    .ss-img:hover .hover-container,
    .ss-card:hover .ss-img .hover-container {
        background-image: linear-gradient(140deg, rgba(224, 100, 0, 1), rgba(224, 100, 0, 0));
    }
    
    .fc .fc-today-button {
        background-color: #f87037 !important;
    }
    /** pdf */
    
    @media screen and (max-width: 1199px) {
        .pdf-box {
            background-color: #404040;
        }
        .pdf-box #prev_,
        .pdf-box #next_ {
            background-color: #fff;
            border: #fff;
            color: #f86f38;
        }
        .pdf-box .db-mobile {
            color: #fff;
        }
    }
    /** 404 **/
    
    .btn-search-abs {
        color: #f86f38;
    }
    
    .flex-ebook {
        display: flex;
    }
    
    .btn-slide {
        display: flex;
        position: absolute;
        right: 0;
        top: 310px;
    }
    
    .btn-prev {
        color: #ffffff;
        background-color: #bbbbbb;
        font-size: 16px;
        display: inline-block;
        height: 30px;
        width: 45px;
        padding: 7px 0;
        border-radius: 60px;
        text-align: center;
        margin-left: 10px;
    }
    
    .btn-next {
        color: #ffffff;
        background-color: #bbbbbb;
        font-size: 16px;
        display: inline-block;
        height: 30px;
        width: 45px;
        padding: 7px 0;
        border-radius: 60px;
        text-align: center;
        margin-left: 10px;
    }