@font-face {
    font-family: 'udin';
    src: url('../fonts/udinlight.otf') format('opentype');
    font-weight: 300; 
    font-style: normal;
}
@font-face {
    font-family: 'udin';
    src: url('../fonts/udinregular.otf') format('opentype');
    font-weight: 400; 
    font-style: normal;
}
@font-face {
    font-family: 'udin';
    src: url('../fonts/udinsemibold.otf') format('opentype');
    font-weight: 600; 
    font-style: normal;
}
@font-face {
    font-family: 'udin';
    src: url('../fonts/udinbold.otf') format('opentype');
    font-weight: 800; 
    font-style: normal;
}

//datepicker
.gj-button-md,
.gj-text-align-center {
    text-align: center
}

.gj-button-md,
.gj-modal {
    overflow: hidden;
    outline: 0
}

.gj-button-md,
.gj-button-md-group {
    position: relative;
    vertical-align: middle
}

.gj-button,
.gj-button-md,
.gj-cursor-pointer {
    cursor: pointer
}

.gj-button {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    color: #000;
    border-radius: 3px;
    padding: 6px 10px
}

.gj-unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.gj-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.gj-margin-left-5 {
    margin-left: 5px
}

.gj-margin-left-10 {
    margin-left: 10px
}

.gj-width-full {
    width: 100%
}

.gj-font-size-16 {
    font-size: 16px
}

.gj-hidden {
    display: none
}

.gj-button-md {
    background: 0 0;
    border: none;
    border-radius: 2px;
    color: rgba(0, 0, 0, .87);
    height: 36px;
    margin: 0;
    min-width: 64px;
    padding: 0 16px;
    display: inline-block;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    will-change: box-shadow;
    transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
    text-decoration: none;
    line-height: 36px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.gj-button-md:hover {
    background-color: rgba(158, 158, 158, .2)
}

.gj-button-md:disabled {
    color: rgba(0, 0, 0, .26);
    background: 0 0
}

.gj-button-md .gj-icon,
.gj-button-md .material-icons {
    vertical-align: middle
}

.gj-button-md.gj-button-md-icon {
    width: 24px;
    height: 31px;
    min-width: 24px;
    padding: 0;
    display: table
}

ul.gj-list-bootstrap li [data-role=image],
ul.gj-list-md li [data-role=checkbox],
ul.gj-list-md li [data-role=image] {
    height: 24px;
    width: 24px
}

.gj-button-md.gj-button-md-icon .gj-icon,
.gj-button-md.gj-button-md-icon .material-icons {
    display: table-cell;
    margin-right: 0;
    width: 24px;
    height: 24px
}

.gj-button-md.active {
    background-color: rgba(158, 158, 158, .4)
}

.gj-button-md-group {
    display: inline-block
}

.gj-textbox-md {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .42);
    display: block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
    padding: 4px 0;
    margin: 0;
    width: 100%;
    background: 0 0;
    text-align: left;
    color: rgba(0, 0, 0, .87)
}

.gj-textbox-md:active,
.gj-textbox-md:focus {
    border-bottom: 2px solid rgba(0, 0, 0, .42);
    outline: 0
}

.gj-textbox-md::placeholder {
    color: #8e8e8e
}

.gj-textbox-md:-ms-input-placeholder {
    color: #8e8e8e
}

.gj-textbox-md::-ms-input-placeholder {
    color: #8e8e8e
}

.gj-md-spacer-24 {
    min-width: 24px;
    width: 24px;
    display: inline-block
}

.gj-md-spacer-32 {
    min-width: 32px;
    width: 32px;
    display: inline-block
}

.gj-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1203;
    display: none;
    -webkit-overflow-scrolling: touch;
    background-color: rgba(0, 0, 0, .54118);
    transition: .2s ease opacity;
    will-change: opacity
}

ul.gj-list li [data-role=wrapper] {
    display: table;
    width: 100%
}

ul.gj-list li [data-role=checkbox],
ul.gj-list li [data-role=image] {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

ul.gj-list li [data-role=display] {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer
}

ul.gj-list li [data-role=display]:empty:before {
    content: "\200b"
}

ul.gj-list-bootstrap {
    padding-left: 0;
    margin-bottom: 0
}

ul.gj-list-bootstrap li {
    padding: 0
}

ul.gj-list-bootstrap li [data-role=wrapper] {
    padding: 0 10px
}

ul.gj-list-bootstrap li [data-role=checkbox] {
    width: 24px;
    padding: 3px
}

ul.gj-list-bootstrap li [data-role=display] {
    padding: 8px 0 8px 4px
}

.list-group-item.active ul li,
.list-group-item.active:focus ul li,
.list-group-item.active:hover ul li {
    text-shadow: none;
    color: initial
}

ul.gj-list-md {
    padding: 0;
    list-style: none;
    line-height: 24px;
    letter-spacing: 0;
    color: #616161
}

.gj-picker-md,
ul.gj-list-md li {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1
}

ul.gj-list-md li {
    display: list-item;
    list-style-type: none;
    padding: 0;
    min-height: unset;
    box-sizing: border-box;
    align-items: center;
    cursor: default;
    overflow: hidden;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

ul.gj-list-md li [data-role=display] {
    padding: 8px 0 8px 5px;
    order: 0;
    flex-grow: 2;
    text-decoration: none;
    box-sizing: border-box;
    align-items: center;
    text-align: left;
    color: rgba(0, 0, 0, .87)
}

ul.gj-list-md li.disabled>[data-role=wrapper]>[data-role=display] {
    color: #9E9E9E
}

.gj-list-md-active {
    background: #e0e0e0;
    color: #3f51b5
}

.gj-picker {
    position: absolute;
    z-index: 1203;
    background-color: #fff
}

.gj-picker .selected {
    color: #fff
}

.gj-picker-md {
    color: rgba(0, 0, 0, .87);
    border: 1px solid #E0E0E0
}

.gj-modal .gj-picker-md {
    border: 0
}

.gj-picker-md [role=header] {
    color: rgba(255, 255, 255, .54);
    display: flex;
    background: #2196f3;
    align-items: baseline;
    user-select: none;
    justify-content: center
}

.gj-picker-md [role=footer] {
    float: right;
    padding: 10px
}

.gj-picker-md [role=footer] button.gj-button-md {
    color: #2196f3;
    font-weight: 700;
    font-size: 13px
}

.gj-picker-bootstrap {
    border: 1px solid #E0E0E0
}

.gj-picker-bootstrap .selected {
    color: #888
}

.gj-picker-bootstrap [role=header] {
    background: #eee;
    color: #AAA
}

@font-face {
    font-family: gijgo-material;
    src: url(../fonts/gijgo-material.eot?235541);
    src: url(../fonts/gijgo-material.eot?235541#iefix) format('embedded-opentype'), url(../fonts/gijgo-material.ttf?235541) format('truetype'), url(../fonts/gijgo-material.woff?235541) format('woff'), url(../fonts/gijgo-material.svg?235541#gijgo-material) format('svg');
    font-weight: 400;
    font-style: normal
}

.gj-icon {
    font-family: gijgo-material!important;
    font-size: 24px;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.gj-icon.undo:before {
    content: "\e900"
}

.gj-icon.vertical-align-top:before {
    content: "\e901"
}

.gj-icon.vertical-align-center:before {
    content: "\e902"
}

.gj-icon.vertical-align-bottom:before {
    content: "\e903"
}

.gj-icon.arrow-dropup:before {
    content: "\e904"
}

.gj-icon.clock:before {
    content: "\e905"
}

.gj-icon.refresh:before {
    content: "\e906"
}

.gj-icon.last-page:before {
    content: "\e907"
}

.gj-icon.first-page:before {
    content: "\e908"
}

.gj-icon.cancel:before {
    content: "\e909"
}

.gj-icon.clear:before {
    content: "\e90a"
}

.gj-icon.check-circle:before {
    content: "\e90b"
}

.gj-icon.delete:before {
    content: "\e90c"
}

.gj-icon.arrow-upward:before {
    content: "\e90d"
}

.gj-icon.arrow-forward:before {
    content: "\e90e"
}

.gj-icon.arrow-downward:before {
    content: "\e90f"
}

.gj-icon.arrow-back:before {
    content: "\e910"
}

.gj-icon.list-numbered:before {
    content: "\e911"
}

.gj-icon.list-bulleted:before {
    content: "\e912"
}

.gj-icon.indent-increase:before {
    content: "\e913"
}

.gj-icon.indent-decrease:before {
    content: "\e914"
}

.gj-icon.redo:before {
    content: "\e915"
}

.gj-icon.align-right:before {
    content: "\e916"
}

.gj-icon.align-left:before {
    content: "\e917"
}

.gj-icon.align-justify:before {
    content: "\e918"
}

.gj-icon.align-center:before {
    content: "\e919"
}

.gj-icon.strikethrough:before {
    content: "\e91a"
}

.gj-icon.italic:before {
    content: "\e91b"
}

.gj-icon.underlined:before {
    content: "\e91c"
}

.gj-icon.bold:before {
    content: "\e91d"
}

.gj-icon.arrow-dropdown:before {
    content: "\e91e"
}

.gj-icon.done:before {
    content: "\e91f"
}

.gj-icon.pencil:before {
    content: "\e920"
}

.gj-icon.minus:before {
    content: "\e921"
}

.gj-icon.plus:before {
    content: "\e922"
}

.gj-icon.chevron-up:before {
    content: "\e923"
}

.gj-icon.chevron-right:before {
    content: "\e924"
}

.gj-icon.chevron-down:before {
    content: "\e925"
}

.gj-icon.chevron-left:before {
    content: "\e926"
}

.gj-icon.event:before {
    content: "\e927"
}

.gj-draggable {
    cursor: move
}

.gj-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1203
}

.gj-dialog-bootstrap [data-role=title],
.gj-dialog-bootstrap4 [data-role=title] {
    display: inline
}

.gj-dialog-bootstrap,
.gj-dialog-bootstrap4,
.gj-dialog-md {
    z-index: 1202;
    overflow: hidden
}

.gj-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.gj-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.gj-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.gj-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.gj-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.gj-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.gj-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.gj-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.gj-dialog-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-top: 0
}

.gj-dialog-scrollable [data-role=body] {
    overflow-x: hidden;
    overflow-y: scroll
}

.gj-dialog-bootstrap [data-role=close] {
    line-height: 1.42857143
}

.gj-dialog-bootstrap4 [data-role=close] {
    line-height: 1.5
}

.gj-dialog-md {
    background-color: #FFF;
    border: none;
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
    box-sizing: border-box;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0
}

.gj-dialog-md-header {
    padding: 24px 24px 0;
    font-family: Roboto, Helvetica, Arial, sans-serif
}

.gj-dialog-md-title {
    margin: 0;
    font-weight: 400;
    display: inline;
    line-height: 28px;
    font-size: 20px
}

.gj-dialog-md-close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    float: right;
    line-height: 28px;
    font-size: 28px
}

.gj-dialog-md-body {
    padding: 20px 24px 24px;
    color: rgba(0, 0, 0, .54);
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.gj-dialog-md-footer {
    padding: 8px 8px 8px 24px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box
}

.gj-dialog-md-footer>:first-child {
    margin-right: 0
}

.gj-dialog-md-footer>* {
    margin-right: 8px;
    height: 36px
}

DIV.gj-grid-wrapper {
    margin: auto;
    position: relative;
    clear: both;
    z-index: 1
}

TABLE.gj-grid {
    margin: auto;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed
}

TABLE.gj-grid THEAD TH [data-role=selectAll] {
    margin: auto
}

table.gj-grid-bootstrap thead th [data-role=sorticon],
table.gj-grid-md thead th [data-role=sorticon] {
    margin-left: 5px
}

TABLE.gj-grid THEAD TH [data-role=title],
TABLE.gj-grid THEAD TH [data-role=sorticon] {
    display: inline-block
}

TABLE.gj-grid THEAD TH {
    overflow: hidden;
    text-overflow: ellipsis
}

TABLE.gj-grid.autogrow-header-row THEAD TH {
    overflow: auto;
    text-overflow: initial;
    white-space: pre-wrap;
    -ms-word-break: break-word;
    word-break: break-word
}

TABLE.gj-grid>tbody>tr>td {
    overflow: hidden;
    position: relative
}

table.gj-grid tbody div[data-role=display] {
    vertical-align: middle;
    text-indent: 0;
    white-space: pre-wrap;
    -ms-word-break: break-word;
    word-break: break-word
}

table.gj-grid.fixed-body-rows tbody div[data-role=display] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -ms-word-break: initial;
    word-break: initial
}

table.gj-grid tfoot DIV[data-role=display] {
    vertical-align: middle;
    text-indent: 0;
    display: flex
}

TABLE.gj-grid .fa {
    padding: 2px
}

TABLE.gj-grid>tbody>tr>td>div {
    padding: 2px;
    overflow: hidden
}

DIV.gj-grid-wrapper DIV.gj-grid-loading-cover {
    background: #BBB;
    opacity: .5;
    position: absolute;
    vertical-align: middle
}

DIV.gj-grid-wrapper DIV.gj-grid-loading-text {
    position: absolute;
    font-weight: 700
}

table.gj-grid-bootstrap thead th {
    background-color: #f5f5f5;
    vertical-align: middle
}

table.gj-grid-bootstrap thead th [data-role=sorticon] i.gj-icon,
table.gj-grid-bootstrap thead th [data-role=sorticon] i.material-icons {
    position: absolute;
    font-size: 20px;
    top: 15px
}

table.gj-grid-bootstrap tbody tr td div[data-role=display] {
    padding: 0
}

.gj-grid-bootstrap-4 .gj-checkbox-bootstrap {
    display: inline-block;
    padding-top: 2px
}

.gj-grid-bootstrap-4 tbody tr.active {
    background-color: rgba(0, 0, 0, .075)
}

.gj-grid-md {
    position: relative;
    border: 1px solid #e0e0e0;
    border-collapse: collapse;
    white-space: nowrap;
    font-size: 13px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    background-color: #fff
}

.gj-grid-md td:first-of-type,
.gj-grid-md th:first-of-type {
    padding-left: 24px
}

.gj-grid-md td,
.gj-grid-md th {
    padding: 12px 18px;
    position: relative;
    box-sizing: border-box
}

.gj-grid-md th {
    vertical-align: bottom;
    font-weight: 700;
    line-height: 31px;
    letter-spacing: 0;
    height: 56px;
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
    text-align: right
}

.gj-grid-md td {
    height: 48px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    text-align: left;
    color: rgba(0, 0, 0, .87)
}

.gj-grid-bootstrap tbody tr.gj-grid-top-border td,
.gj-grid-md tbody tr.gj-grid-top-border td {
    border-top: 2px solid #777
}

.gj-grid-bootstrap tbody tr.gj-grid-bottom-border td,
.gj-grid-md tbody tr.gj-grid-bottom-border td {
    border-bottom: 2px solid #777
}

.gj-grid-md tbody tr {
    position: relative;
    height: 48px;
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: background-color
}

.gj-grid-md tbody tr:hover {
    background-color: #EEE
}

.gj-grid-md tbody tr.gj-grid-md-select {
    background-color: #F5F5F5
}

table.gj-grid-md thead th [data-role=sorticon] i.gj-icon,
table.gj-grid-md thead th [data-role=sorticon] i.material-icons {
    position: absolute;
    font-size: 16px;
    top: 19px
}

table.gj-grid-md thead th.gj-grid-select-all {
    padding-bottom: 3px
}

div#social-links {
    margin: 0 auto;
    max-width: 500px;
}
div#social-links ul {
    margin-left: -3.5em;
}
div#social-links ul li {
    display: inline-block;
}          
div#social-links ul li a {
    padding: 20px;
    border: 1px solid #ccc;
    margin: 1px;
    font-size: 30px;
    color: #222;
    background-color: #ccc;
}

div.definition{
    word-break: break-word;
    font-size: 12px;
    margin-left:14px;
    font-style: italic;
}
div.definition::first-letter{
    text-transform: capitalize; 
}

vote-challenger .challenger-video .challengers-item .archive-item{width: 100%}

@media only all {
    td.display-1120,
    td.display-320,
    td.display-480,
    td.display-640,
    td.display-800,
    td.display-960,
    th.display-1120,
    th.display-320,
    th.display-480,
    th.display-640,
    th.display-800,
    th.display-960 {
        display: none
    }
}

@media screen and (min-width:20em) {
    TABLE.gj-grid-bootstrap td.display-320,
    TABLE.gj-grid-bootstrap th.display-320 {
        display: table-cell
    }
}

@media screen and (min-width:30em) {
    TABLE.gj-grid-bootstrap td.display-480,
    TABLE.gj-grid-bootstrap th.display-480 {
        display: table-cell
    }
}

@media screen and (min-width:40em) {
    TABLE.gj-grid-bootstrap td.display-640,
    TABLE.gj-grid-bootstrap th.display-640 {
        display: table-cell
    }
}

@media screen and (min-width:50em) {
    TABLE.gj-grid-bootstrap td.display-800,
    TABLE.gj-grid-bootstrap th.display-800 {
        display: table-cell
    }
}

@media screen and (min-width:60em) {
    TABLE.gj-grid-bootstrap td.display-960,
    TABLE.gj-grid-bootstrap th.display-960 {
        display: table-cell
    }
}

@media screen and (min-width:70em) {
    TABLE.gj-grid-bootstrap td.display-1120,
    TABLE.gj-grid-bootstrap th.display-1120 {
        display: table-cell
    }
}

.gj-grid-md tfoot tr th {
    padding-right: 14px
}

.gj-grid-md tfoot tr[data-role=pager] .gj-grid-mdl-pager-label {
    padding-left: 5px;
    padding-right: 5px
}

.gj-grid-md tfoot tr[data-role=pager] .gj-dropdown-md {
    margin-left: 12px
}

.gj-grid-md tfoot tr[data-role=pager] .gj-dropdown-md [role=presenter] {
    font-size: 12px;
    font-weight: 700;
    color: rgba(0, 0, 0, .54)
}

.gj-grid-md tfoot tr[data-role=pager] .gj-dropdown-md [role=presenter] [role=display] {
    text-align: right
}

.gj-grid-md tfoot tr[data-role=pager] .gj-grid-md-limit-select {
    margin-left: 10px;
    font-size: 12px;
    font-weight: 700;
    color: rgba(0, 0, 0, .54)
}

.gj-grid-bootstrap tfoot tr[data-role=pager] th {
    line-height: 30px;
    background-color: #f5f5f5
}

.gj-grid-bootstrap tfoot tr[data-role=pager] th>div>button,
.gj-grid-bootstrap tfoot tr[data-role=pager] th>div>div {
    margin-right: 5px
}

.gj-grid-bootstrap-4 tfoot tr[data-role=pager] th>div button {
    height: 34px
}

.gj-grid-bootstrap-4 tfoot tr[data-role=pager] th div .gj-dropdown-bootstrap-4 .gj-dropdown-expander-mi .gj-icon {
    top: 5px
}

.gj-grid-bootstrap-3 tfoot tr[data-role=pager] th>div>input {
    margin-right: 5px;
    width: 40px;
    text-align: right;
    display: inline-block;
    font-weight: 700
}

.gj-grid-bootstrap-4 tfoot tr[data-role=pager] th>div>div.input-group {
    width: 40px
}

.gj-grid-bootstrap-4 tfoot tr[data-role=pager] th>div>div.input-group input {
    text-align: right;
    font-weight: 700;
    height: 34px;
    padding-top: 2px;
    padding-bottom: 6px
}

.gj-grid-bootstrap tfoot tr[data-role=pager] th>div>select {
    display: inline-block;
    margin-right: 5px;
    width: 60px
}

.gj-grid-bootstrap tfoot tr[data-role=pager] th .gj-dropdown-bootstrap .gj-list-bootstrap [data-role=display] {
    line-height: 14px
}

.gj-grid-bootstrap tfoot tr[data-role=pager] th .gj-dropdown-bootstrap [role=presenter] [role=display] {
    font-weight: 700
}

.gj-grid-bootstrap tfoot tr[data-role=pager] th .gj-dropdown-bootstrap-3 [role=presenter] {
    padding: 2px 8px
}

.gj-grid-bootstrap tfoot tr[data-role=pager] th .gj-dropdown-bootstrap-4 [role=presenter] {
    padding: 1px 8px
}

.gj-grid thead tr th div.gj-grid-column-resizer-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    padding: 0
}

span.gj-grid-column-resizer {
    position: absolute;
    right: 0;
    width: 10px;
    top: -100px;
    height: 300px;
    z-index: 1203;
    cursor: e-resize
}

.gj-grid-resize-cursor {
    cursor: e-resize
}

.gj-grid-md tbody tr td.gj-grid-left-border,
.gj-grid-md thead tr th.gj-grid-left-border {
    border-left: 3px solid #777
}

.gj-grid-md tbody tr td.gj-grid-right-border,
.gj-grid-md thead tr th.gj-grid-right-border {
    border-right: 3px solid #777
}

.gj-grid-bootstrap tbody tr td.gj-grid-left-border,
.gj-grid-bootstrap thead tr th.gj-grid-left-border {
    border-left: 5px solid #ddd
}

.gj-grid-bootstrap tbody tr td.gj-grid-right-border,
.gj-grid-bootstrap thead tr th.gj-grid-right-border {
    border-right: 5px solid #ddd
}

.gj-dirty {
    position: absolute;
    top: 0;
    left: 0;
    border-style: solid;
    border-width: 3px;
    border-color: red transparent transparent red;
    padding: 0;
    overflow: hidden;
    vertical-align: top
}

.gj-grid-md tbody tr td.gj-grid-management-column {
    padding: 3px
}

.gj-grid-md tbody tr td[data-mode=edit] {
    padding: 0 18px
}

.gj-grid-bootstrap tbody tr td[data-mode=edit],
.gj-grid-bootstrap tbody tr td[data-mode=edit] [data-role=edit],
.gj-grid-md tbody .gj-dropdown-md [role=presenter] [role=display] {
    padding: 0
}

.gj-grid-bootstrap-3 tbody tr td.gj-grid-management-column {
    padding: 3px
}

.gj-grid-bootstrap-3 tbody tr td[data-mode=edit] {
    height: 38px
}

.gj-grid-bootstrap-3 tbody tr td[data-mode=edit] [data-role=edit] input[type=text] {
    height: 37px;
    padding: 8px
}

.gj-grid-bootstrap-3 tbody tr td[data-mode=edit] .gj-dropdown-bootstrap [role=presenter] {
    border: 0;
    border-radius: 0;
    height: 37px;
    padding-left: 8px
}

.gj-grid-bootstrap-3 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap {
    height: 37px
}

.gj-grid-bootstrap-3 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=input] {
    height: 37px;
    border: 0;
    border-radius: 0
}

.gj-grid-bootstrap-3 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=right-icon] {
    border: 0;
    border-radius: 0
}

.gj-grid-bootstrap-3 tbody tr td[data-mode=edit] .gj-checkbox-bootstrap {
    display: inline-block;
    padding-top: 10px;
    height: 32px
}

.gj-grid-bootstrap-4 tbody tr td.gj-grid-management-column {
    padding: 6px
}

.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] [data-role=edit] input[type=text] {
    height: 48px;
    padding-left: 12px
}

.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-dropdown-bootstrap [role=presenter] {
    border: 0;
    border-radius: 0;
    height: 48px;
    padding-left: 12px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
}

.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-dropdown-bootstrap-4 [role=expander].gj-dropdown-expander-mi .gj-icon,
.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-dropdown-bootstrap-4 [role=expander].gj-dropdown-expander-mi .material-icons {
    top: 13px
}

.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap {
    height: 48px
}

.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=input] {
    height: 48px;
    border: 0;
    border-radius: 0
}

.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=right-icon] {
    background-color: #fff
}

.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=right-icon] button {
    border: 0;
    border-radius: 0;
    width: 43px;
    position: relative
}

.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=right-icon] .gj-icon,
.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=right-icon] .material-icons {
    top: 13px;
    left: 10px;
    font-size: 24px
}

.gj-grid-bootstrap-4 tbody tr td[data-mode=edit] .gj-checkbox-bootstrap {
    display: inline-block;
    padding-top: 15px;
    height: 42px
}

.gj-grid-md thead tr[data-role=filter] th {
    border-top: 1px solid #e0e0e0
}

div.gj-grid-wrapper div.gj-grid-bootstrap-toolbar {
    background-color: #f5f5f5;
    padding: 8px;
    font-weight: 700;
    border: 1px solid #ddd
}

div.gj-grid-wrapper div.gj-grid-bootstrap-4-toolbar {
    background-color: #f5f5f5;
    padding: 12px;
    font-weight: 700;
    border: 1px solid #ddd
}

div.gj-grid-wrapper div.gj-grid-md-toolbar {
    font-weight: 700;
    font-size: 24px;
    font-family: Helvetica, Arial, sans-serif;
    background-color: #fff;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 0;
    border-collapse: collapse;
    padding: 0 18px;
    line-height: 56px
}

.gj-checkbox-bootstrap,
.gj-checkbox-md {
    min-width: 0;
    font-weight: 400;
    text-align: center;
    position: relative
}

table.gj-grid-scrollable tbody {
    overflow-y: auto;
    overflow-x: hidden;
    display: block
}

table.gj-grid-md.gj-grid-scrollable {
    border-bottom: 0
}

table.gj-grid-md.gj-grid-scrollable tbody {
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

table.gj-grid-md.gj-grid-scrollable tfoot {
    border-bottom: 1px solid #e0e0e0
}

table.gj-grid-bootstrap.gj-grid-scrollable {
    border-bottom: 0
}

table.gj-grid-bootstrap.gj-grid-scrollable tbody {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

table.gj-grid-bootstrap.gj-grid-scrollable tbody tr[data-role=row]:first-child td {
    border-top: 0
}

table.gj-grid-bootstrap.gj-grid-scrollable tbody tr[data-role=row] td:first-child {
    border-left: 0
}

table.gj-grid-bootstrap.gj-grid-scrollable tbody tr[data-role=row] td:last-child {
    border-right: 0
}

table.gj-grid-bootstrap.gj-grid-scrollable tfoot {
    border-bottom: 1px solid #ddd
}

ul.gj-list li [data-role=spacer] {
    display: table-cell
}

ul.gj-list li [data-role=expander] {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    cursor: pointer
}

[data-type=tree] ul li [data-role=expander].gj-tree-font-awesome-expander,
[data-type=tree] ul li [data-role=expander].gj-tree-glyphicons-expander,
[data-type=tree] ul li [data-role=expander].gj-tree-material-icons-expander {
    width: 24px
}

[data-type=tree] ul li [data-role=expander].gj-tree-glyphicons-expander .glyphicon {
    top: 4px;
    height: 24px
}

.gj-tree-bootstrap-3 ul.gj-list-bootstrap li {
    border: 0;
    border-radius: 0;
    color: #333
}

.gj-tree-bootstrap-3 ul.gj-list-bootstrap li.active {
    color: #fff
}

.gj-tree-bootstrap-3 ul.gj-list-bootstrap li.disabled {
    color: #777;
    background-color: #eee
}

.gj-tree-bootstrap-4 ul.gj-list-bootstrap li {
    border: 0;
    border-radius: 0;
    color: #212529
}

.gj-tree-bootstrap-4 ul.gj-list-bootstrap li.active {
    color: #fff
}

.gj-tree-bootstrap-4 ul.gj-list-bootstrap li.disabled {
    color: #868e96
}

.gj-tree-bootstrap-4 ul.gj-list-bootstrap li ul.gj-list-bootstrap {
    width: 100%
}

.gj-tree-bootstrap-border ul.gj-list-bootstrap li {
    border: 1px solid #ddd
}

.gj-tree-bootstrap-border ul.gj-list-bootstrap li ul.gj-list-bootstrap li {
    border-left: 0;
    border-right: 0
}

.gj-tree-bootstrap-border ul.gj-list-bootstrap li:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.gj-tree-bootstrap-border ul.gj-list-bootstrap li:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.gj-tree-bootstrap-border ul.gj-list-bootstrap li ul.gj-list-bootstrap li:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.gj-tree-bootstrap-border ul.gj-list-bootstrap li ul.gj-list-bootstrap li:last-child {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

ul.gj-list-bootstrap li [data-role=expander].gj-tree-material-icons-expander {
    padding-top: 8px;
    padding-bottom: 4px
}

.gj-tree-drag-el,
.gj-tree-drag-el li {
    padding: 0;
    margin: 0
}

ul.gj-list-bootstrap li [data-role=expander].gj-tree-material-icons-expander .gj-icon {
    width: 24px;
    height: 24px
}

ul.gj-list-md li.disabled>[data-role=wrapper]>[data-role=expander] {
    color: #9E9E9E
}

.gj-tree-md-border ul.gj-list-md li {
    border: 1px solid #616161;
    margin-bottom: -1px
}

.gj-tree-md-border ul.gj-list-md li ul.gj-list-md li {
    border-left: 0;
    border-right: 0
}

.gj-tree-md-border ul.gj-list-md li ul.gj-list-md li:last-child {
    border-bottom: 0
}

.gj-tree-drop-above {
    border-top: 1px solid #000
}

.gj-tree-bootstrap-3 ul.gj-list-bootstrap li [data-role=wrapper].drop-above,
.gj-tree-bootstrap-4 ul.gj-list-bootstrap li [data-role=wrapper].drop-above {
    border-top: 2px solid #000
}

.gj-tree-drop-below {
    border-bottom: 1px solid #000
}

.gj-tree-bootstrap-3 ul.gj-list-bootstrap li [data-role=wrapper].drop-below,
.gj-tree-bootstrap-4 ul.gj-list-bootstrap li [data-role=wrapper].drop-below {
    border-bottom: 2px solid #000
}

.gj-tree-drag-el {
    z-index: 1203
}

.gj-tree-drag-el [data-role=wrapper] {
    cursor: move;
    display: table
}

.gj-tree-drag-el [data-role=indicator] {
    width: 14px;
    padding: 0 3px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.gj-tree-bootstrap-drag-el li.list-group-item {
    border: 0;
    background: unset
}

.gj-tree-bootstrap-drag-el [data-role=indicator],
.gj-tree-md-drag-el [data-role=indicator] {
    width: 24px;
    height: 24px;
    padding: 0
}

.gj-checkbox-bootstrap {
    font-size: 0;
    margin: 0;
    width: 18px;
    height: 18px;
    display: inline
}

.gj-checkbox-bootstrap input[type=checkbox] {
    display: none;
    margin-bottom: -12px
}

.gj-checkbox-bootstrap span {
    background: #fff;
    display: block;
    content: " ";
    width: 18px;
    height: 18px;
    line-height: 11px;
    font-size: 11px;
    padding: 2px;
    color: #555;
    border: 1px solid #CCC;
    border-radius: 3px;
    transition: box-shadow .2s linear, border-color .2s linear;
    cursor: pointer;
    margin: auto
}

.gj-checkbox-bootstrap input[type=checkbox]:focus+span:before {
    outline: 0;
    box-shadow: 0 0 0 0 #66afe9, 0 0 6px rgba(102, 175, 233, .6);
    border-color: #66afe9
}

.gj-datepicker-bootstrap :active,
.gj-datepicker-bootstrap :focus,
.gj-timepicker-bootstrap :active,
.gj-timepicker-bootstrap :focus {
    box-shadow: none
}

.gj-checkbox-bootstrap input[type=checkbox][disabled]+span {
    opacity: .6;
    cursor: not-allowed
}

.gj-checkbox-bootstrap.gj-checkbox-bootstrap-4 span {
    line-height: 16px;
    padding: 0
}

.gj-checkbox-bootstrap-4.gj-checkbox-material-icons input[type=checkbox]:checked+span:after,
.gj-checkbox-bootstrap-4.gj-checkbox-material-icons input[type=checkbox]:indeterminate+span:after {
    font-size: 16px
}

.gj-checkbox-md {
    font-size: 0;
    margin: 0;
    width: 16px;
    height: 16px
}

.gj-checkbox-md input[type=checkbox] {
    display: none;
    margin-bottom: -12px
}

.gj-checkbox-md span {
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    border: 2px solid #616161;
    border-radius: 2px;
    z-index: 2
}

.gj-checkbox-md input[type=checkbox]:checked+span {
    border: 2px solid #536DFE
}

.gj-checkbox-md input[type=checkbox]:checked+span:after {
    color: #FFF;
    background-color: #536DFE;
    position: absolute;
    left: 1px;
    top: -15px
}

.gj-checkbox-md input[type=checkbox]:indeterminate+span {
    border: 2px solid #616161
}

.gj-checkbox-md input[type=checkbox]:indeterminate+span:after {
    color: #616161;
    position: absolute;
    left: 1px;
    top: -15px
}

.gj-checkbox-md input[type=checkbox][disabled]+span {
    border: 2px solid #9E9E9E
}

.gj-editor-md,
.gj-editor-md [role=body] {
    border: 1px solid rgba(158, 158, 158, .2)
}

.gj-checkbox-md input[type=checkbox][disabled]+span:after {
    background-color: #9E9E9E
}

.gj-checkbox-md input[type=checkbox][disabled]:indeterminate+span:after {
    color: #FFF
}

.gj-checkbox-material-icons input[type=checkbox]:checked+span:after {
    content: "\e91f";
    font-size: 14px;
    font-weight: 700;
    white-space: pre
}

.gj-checkbox-material-icons input[type=checkbox]:indeterminate+span:after {
    content: "\e921";
    font-size: 14px;
    font-weight: 700;
    white-space: pre
}

.gj-checkbox-glyphicons input[type=checkbox]:checked+span:after {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    content: "\e013 "
}

.gj-checkbox-glyphicons input[type=checkbox]:indeterminate+span:after {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    content: "\2212 ";
    padding-right: 1px
}

.gj-checkbox-fontawesome .fa {
    font-size: 14px
}

.gj-checkbox-bootstrap.gj-checkbox-fontawesome .fa {
    line-height: 18px
}

.gj-checkbox-fontawesome input[type=checkbox]:checked+span:before {
    content: "\f00c "
}

.gj-checkbox-fontawesome input[type=checkbox]:indeterminate+span:before {
    content: "\f068 "
}

.gj-editor [role=body] {
    overflow: auto;
    outline: transparent solid 0;
    box-sizing: border-box
}

.gj-editor-md {
    padding: 7px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0
}

.gj-editor-md [role=toolbar] {
    margin-bottom: 7px
}

.gj-editor-md [role=toolbar] .gj-button-md {
    min-width: 54px;
    margin-right: 5px
}

.gj-editor-md [role=toolbar] .gj-button-md .gj-icon {
    width: 24px;
    height: 24px
}

.gj-editor-bootstrap,
.gj-editor-bootstrap [role=body] {
    border: 1px solid #eceeef
}

.gj-editor-md p {
    margin: 0;
    padding: 0
}

.gj-editor-md blockquote {
    font-size: 14px
}

.gj-editor-bootstrap {
    padding: 7px
}

.gj-editor-bootstrap [role=toolbar] {
    margin-bottom: 7px
}

.gj-editor-bootstrap [role=toolbar] .btn-group {
    margin-right: 10px
}

.gj-editor-bootstrap [role=toolbar] button {
    height: 36px
}

.gj-editor-bootstrap p {
    margin: 0;
    padding: 0
}

.gj-editor-bootstrap blockquote {
    font-size: 14px
}

.gj-datepicker-md,
.gj-dropdown-md [role=presenter] {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .04em
}

.gj-dropdown {
    position: relative;
    border-collapse: separate
}

.gj-dropdown [role=presenter] {
    display: table;
    cursor: pointer;
    outline: 0;
    position: relative
}

.gj-dropdown [role=presenter] [role=display] {
    display: table-cell;
    text-align: left;
    width: 100%
}

.gj-dropdown [role=presenter] [role=expander] {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 24px;
    height: 24px
}

.gj-dropdown-md [role=presenter] {
    line-height: 1;
    color: rgba(0, 0, 0, .87);
    padding: 0;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .42);
    background: 0 0
}

.gj-dropdown-md [role=presenter]:active,
.gj-dropdown-md [role=presenter]:focus {
    border-bottom: 2px solid rgba(0, 0, 0, .42)
}

.gj-dropdown-md [role=presenter] [role=display] {
    padding: 4px 0;
    line-height: 18px
}

.gj-dropdown-md [role=presenter] [role=display] .placeholder {
    color: #8e8e8e
}

.gj-dropdown-list-md {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f5f5f5;
    color: #000;
    margin: 0;
    z-index: 1203
}

.gj-dropdown-list-md li.active,
.gj-dropdown-list-md li:hover {
    background-color: #eee
}

.gj-dropdown-bootstrap [role=presenter] [role=display] {
    padding-right: 5px
}

.gj-dropdown-bootstrap [role=presenter] [role=expander] {
    padding-left: 5px
}

.gj-dropdown-bootstrap [role=presenter] [role=expander].gj-dropdown-expander-mi {
    width: 24px
}

.gj-dropdown-bootstrap-3 [role=presenter] [role=display] {
    line-height: 20px
}

.gj-dropdown-bootstrap-3 [role=presenter] [role=display] .placeholder {
    color: #9999b3
}

.gj-dropdown-bootstrap-3 [role=presenter] [role=expander] {
    width: 20px;
    height: 20px
}

.gj-dropdown-bootstrap-3 [role=presenter] [role=expander].gj-dropdown-expander-mi .gj-icon,
.gj-dropdown-bootstrap-3 [role=presenter] [role=expander].gj-dropdown-expander-mi .material-icons {
    top: 5px;
    right: 10px;
    position: absolute
}

.gj-dropdown-bootstrap-4 [role=presenter] {
    border: 1px solid #ced4da
}

.gj-dropdown-bootstrap-4 [role=presenter] [role=display] {
    line-height: 24px
}

.gj-dropdown-bootstrap-4 [role=presenter] [role=expander].gj-dropdown-expander-mi .gj-icon,
.gj-dropdown-bootstrap-4 [role=presenter] [role=expander].gj-dropdown-expander-mi .material-icons {
    top: 7px;
    right: 10px;
    position: absolute
}

.gj-dropdown-list-bootstrap {
    position: absolute;
    top: 32px;
    left: 0;
    margin: 0;
    z-index: 1203
}

.gj-datepicker [role=input]::-ms-clear {
    display: none
}

.gj-datepicker [role=right-icon] {
    cursor: pointer
}

.gj-picker div[role=navigator] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.gj-picker div[role=navigator] div {
    cursor: pointer;
    position: relative;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.gj-datepicker-md {
    line-height: 1;
    color: rgba(0, 0, 0, .87);
    position: relative
}

.gj-datepicker-md [role=right-icon] {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 24px
}

.gj-datepicker-md.small .gj-textbox-md {
    font-size: 14px
}

.gj-datepicker-md.small .gj-icon {
    font-size: 22px
}

.gj-datepicker-md.large .gj-textbox-md {
    font-size: 18px
}

.gj-datepicker-md.large .gj-icon {
    font-size: 28px
}

.gj-picker-md.datepicker [role=header] {
    padding: 20px;
    display: block
}

.gj-picker-md.datepicker [role=header] [role=year] {
    font-size: 17px;
    padding-bottom: 5px;
    cursor: pointer
}

.gj-picker-md.datepicker [role=header] [role=date] {
    font-size: 36px;
    cursor: pointer
}

.gj-picker-md div[role=navigator] {
    height: 42px;
    line-height: 42px
}

.gj-picker div[role=navigator] div[role=period] {
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 15px
}

.gj-picker-md div[role=navigator] div:first-child,
.gj-picker-md div[role=navigator] div:last-child {
    max-width: 42px
}

.gj-picker-md div[role=navigator] div i.gj-icon,
.gj-picker-md div[role=navigator] div i.material-icons {
    position: absolute;
    top: 8px
}

.gj-picker-md div[role=navigator] div:first-child i.gj-icon,
.gj-picker-md div[role=navigator] div:first-child i.material-icons {
    left: 10px
}

.gj-picker-md div[role=navigator] div:last-child i.gj-icon,
.gj-picker-md div[role=navigator] div:last-child i.material-icons {
    right: 11px
}

.gj-picker-md table thead {
    color: #9E9E9E
}

.gj-picker-md table tr td div,
.gj-picker-md table tr th div {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    text-align: center;
    vertical-align: middle
}

[type=year].gj-picker-md table tr td div,
[type=decade].gj-picker-md table tr td div,
[type=century].gj-picker-md table tr td div {
    width: 73px;
    height: 73px;
    line-height: 73px;
    cursor: pointer
}

.gj-picker-md table tr td.gj-cursor-pointer div:hover {
    background: #EEE;
    border-radius: 50%;
    color: rgba(0, 0, 0, .87)
}

.gj-picker-md table tr td.disabled div,
.gj-picker-md table tr td.other-month div {
    color: #BDBDBD
}

.gj-picker-md table tr td.focused div {
    background: #E0E0E0;
    border-radius: 50%
}

.gj-picker-md table tr td.today div {
    color: #1976D2
}

.gj-picker-md table tr td.selected.gj-cursor-pointer div {
    color: #FFF;
    background: #1976D2;
    border-radius: 50%
}

.gj-picker-md table tr td.calendar-week div {
    font-weight: 700
}

.gj-picker-bootstrap {
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    padding: 4px
}

.gj-modal .gj-picker-bootstrap {
    padding: 0
}

.gj-picker-bootstrap.datepicker [role=header] {
    padding: 10px 20px;
    display: block
}

.gj-picker-bootstrap.datepicker [role=header] [role=year] {
    font-size: 15px;
    cursor: pointer
}

.gj-picker-bootstrap [role=header] [role=date] {
    font-size: 24px;
    cursor: pointer
}

.gj-modal .gj-picker-bootstrap.datepicker [role=body] {
    padding: 15px
}

.gj-picker-bootstrap div[role=navigator] {
    height: 30px;
    line-height: 30px;
    text-align: center
}

.gj-picker-bootstrap div[role=navigator] div:first-child,
.gj-picker-bootstrap div[role=navigator] div:last-child {
    max-width: 30px
}

.gj-picker-bootstrap table tr td div,
.gj-picker-bootstrap table tr th div {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle
}

[type=year].gj-picker-bootstrap table tr td div,
[type=decade].gj-picker-bootstrap table tr td div,
[type=century].gj-picker-bootstrap table tr td div {
    width: 53px;
    height: 53px;
    line-height: 53px;
    cursor: pointer
}

.gj-picker-bootstrap table tr th div i,
.gj-picker-bootstrap table tr th div span {
    line-height: 30px
}

.gj-picker-bootstrap div[role=navigator] .gj-icon,
.gj-picker-bootstrap div[role=navigator] .material-icons {
    margin: 3px
}

.gj-picker-bootstrap table tr td.focused div,
.gj-picker-bootstrap table tr td.gj-cursor-pointer div:hover {
    background: #EEE;
    border-radius: 4px;
    color: #212529
}

.gj-picker-bootstrap table tr td.today div {
    color: #204d74;
    font-weight: 700
}

.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
    border-radius: 4px
}

.gj-picker-bootstrap table tr td.disabled div,
.gj-picker-bootstrap table tr td.other-month div {
    color: #777
}

.gj-datepicker-bootstrap span[role=right-icon].input-group-addon {
    border-left: 0;
    position: relative;
    border-radius: 0 4px 4px 0
}

.gj-datepicker-bootstrap span[role=right-icon].input-group-addon .gj-icon,
.gj-datepicker-bootstrap span[role=right-icon].input-group-addon .material-icons {
    position: absolute;
    top: 7px;
    left: 7px
}

.gj-datepicker-bootstrap [role=right-icon] button {
    width: 38px;
    position: relative;
    border: 1px solid #ced4da
}

.gj-datepicker-bootstrap [role=right-icon] button:hover {
    color: #6c757d;
    background-color: transparent
}

.gj-datepicker-bootstrap.input-group-sm [role=right-icon] button {
    width: 30px
}

.gj-datepicker-bootstrap.input-group-lg [role=right-icon] button {
    width: 48px
}

.gj-datepicker-bootstrap [role=right-icon] button .gj-icon,
.gj-datepicker-bootstrap [role=right-icon] button .material-icons {
    position: absolute;
    font-size: 21px;
    top: 9px;
    left: 9px
}

.gj-datepicker-bootstrap.input-group-sm [role=right-icon] button .gj-icon,
.gj-datepicker-bootstrap.input-group-sm [role=right-icon] button .material-icons {
    top: 6px;
    left: 6px;
    font-size: 19px
}

.gj-datepicker-bootstrap.input-group-lg [role=right-icon] button .gj-icon,
.gj-datepicker-bootstrap.input-group-lg [role=right-icon] button .material-icons {
    font-size: 27px;
    top: 10px;
    left: 10px
}

.gj-timepicker [role=input]::-ms-clear {
    display: none
}

.gj-timepicker [role=right-icon] {
    cursor: pointer
}

.gj-picker.timepicker [role=header] {
    font-size: 58px;
    padding: 20px 0;
    line-height: 58px;
    display: flex;
    align-items: baseline;
    user-select: none;
    justify-content: center
}

.gj-picker.timepicker [role=header] div {
    cursor: pointer;
    width: 66px;
    text-align: right
}

.gj-picker [role=header] [role=mode] {
    position: relative;
    width: 0
}

.gj-picker [role=header] [role=mode] span {
    position: absolute;
    left: 7px;
    line-height: 18px;
    font-size: 18px
}

.gj-picker [role=header] [role=mode] span[role=am] {
    top: 7px
}

.gj-picker [role=header] [role=mode] span[role=pm] {
    bottom: 7px
}

.gj-picker [role=body] [role=dial] {
    width: 256px;
    color: rgba(0, 0, 0, .87);
    height: 256px;
    position: relative;
    background: #eee;
    border-radius: 50%;
    margin: 10px
}

.gj-picker-md .arrow-begin,
.gj-picker-md [role=body] [role=arrow] {
    background-color: #2196f3
}

.gj-picker [role=body] [role=hour] {
    top: calc(50% - 16px);
    left: calc(50% - 16px);
    width: 32px;
    height: 32px;
    cursor: pointer;
    position: absolute;
    font-size: 14px;
    text-align: center;
    line-height: 32px;
    user-select: none;
    pointer-events: none
}

.gj-colorpicker-md,
.gj-timepicker-md {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1
}

.gj-picker [role=body] [role=hour].selected {
    color: rgba(255, 255, 255, 1)
}

.gj-picker [role=body] [role=arrow] {
    top: calc(50% - 1px);
    left: 50%;
    height: 2px;
    position: absolute;
    pointer-events: none;
    transform-origin: left center;
    transition: all 250ms cubic-bezier(.4, 0, .2, 1);
    width: calc(50% - 52px)
}

.gj-picker .arrow-begin {
    top: -3px;
    left: -4px;
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 50%
}

.gj-picker .arrow-end {
    top: -15px;
    right: -16px;
    width: 0;
    height: 0;
    position: absolute;
    box-sizing: content-box;
    border-width: 16px;
    border-radius: 50%
}

.gj-timepicker-md {
    font-size: 16px;
    color: rgba(0, 0, 0, .87);
    position: relative
}

.gj-timepicker-md.small .gj-textbox-md {
    font-size: 14px
}

.gj-timepicker-md.small .gj-icon {
    font-size: 22px
}

.gj-timepicker-md.large .gj-textbox-md {
    font-size: 18px
}

.gj-timepicker-md.large .gj-icon {
    font-size: 28px
}

.gj-timepicker-md [role=right-icon] {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 24px
}

.gj-picker-md .arrow-end {
    border: 16px solid #2196f3
}

.gj-picker-bootstrap .arrow-begin,
.gj-picker-bootstrap [role=body] [role=arrow] {
    background-color: #888
}

.gj-picker-bootstrap .arrow-end {
    border: 16px solid #888
}

.gj-timepicker-bootstrap .input-group-addon {
    border-left: 0;
    position: relative;
    width: 38px;
    border-radius: 0 4px 4px 0
}

.gj-timepicker-bootstrap.input-group-sm .input-group-addon {
    width: 30px
}

.gj-timepicker-bootstrap.input-group-lg .input-group-addon {
    width: 46px
}

.gj-timepicker-bootstrap .input-group-addon .gj-icon,
.gj-timepicker-bootstrap .input-group-addon .material-icons {
    position: absolute;
    font-size: 21px;
    top: 6px;
    left: 8px
}

.gj-timepicker-bootstrap.input-group-sm .input-group-addon .gj-icon,
.gj-timepicker-bootstrap.input-group-sm .input-group-addon .material-icons {
    font-size: 19px;
    top: 5px;
    left: 5px
}

.gj-timepicker-bootstrap.input-group-lg .input-group-addon .gj-icon,
.gj-timepicker-bootstrap.input-group-lg .input-group-addon .material-icons {
    font-size: 27px;
    top: 10px;
    left: 10px
}

.gj-timepicker-bootstrap [role=right-icon] button {
    width: 38px;
    position: relative
}

.gj-timepicker-bootstrap.input-group-sm [role=right-icon] button {
    width: 30px
}

.gj-timepicker-bootstrap.input-group-lg [role=right-icon] button {
    width: 48px
}

.gj-timepicker-bootstrap [role=right-icon] button .gj-icon,
.gj-timepicker-bootstrap [role=right-icon] button .material-icons {
    position: absolute;
    font-size: 21px;
    top: 7px;
    left: 9px
}

.gj-timepicker-bootstrap.input-group-sm [role=right-icon] button .gj-icon,
.gj-timepicker-bootstrap.input-group-sm [role=right-icon] button .material-icons {
    top: 4px;
    left: 6px;
    font-size: 19px
}

.gj-timepicker-bootstrap.input-group-lg [role=right-icon] button .gj-icon,
.gj-timepicker-bootstrap.input-group-lg [role=right-icon] button .material-icons {
    font-size: 27px;
    top: 8px;
    left: 10px
}

.gj-picker.datetimepicker [role=header] [role=date] {
    padding-bottom: 5px;
    text-align: center;
    cursor: pointer
}

.gj-picker [role=switch] {
    align-items: baseline;
    user-select: none;
    position: relative
}

.gj-picker [role=switch] [role=calendarMode] {
    position: absolute;
    bottom: 2px;
    left: 0;
    cursor: pointer
}

.gj-picker [role=switch] [role=time] {
    width: 100%;
    text-align: center
}

.gj-picker [role=switch] [role=time] div {
    display: inline;
    cursor: pointer
}

.gj-picker [role=switch] [role=clockMode] {
    position: absolute;
    right: 0;
    bottom: 3px;
    cursor: pointer
}

.gj-picker-md.datetimepicker [role=header] {
    font-size: 36px;
    padding: 10px 20px;
    display: block
}

.gj-picker-md [role=switch] {
    color: rgba(255, 255, 255, .54);
    background: #2196f3;
    font-size: 32px
}

.gj-picker-bootstrap.datetimepicker [role=header] {
    font-size: 36px;
    padding: 10px 20px;
    display: block
}

.gj-picker-bootstrap.datetimepicker [role=header] [role=time] {
    font-size: 22px
}

.gj-slider {
    position: relative;
    padding: 8px 6px
}

.gj-slider [role=track] {
    width: 100%
}

.gj-slider [role=progress] {
    position: absolute;
    z-index: 1203
}

.gj-slider [role=handle] {
    position: absolute
}

.gj-slider-md [role=track] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #e9ecef;
    height: 2px;
    background-color: rgba(0, 0, 0, .26)
}

.gj-slider-md [role=progress] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    height: 2px;
    background-color: #536DFE;
    top: 8px;
    left: 6px
}

.gj-slider-md [role=handle] {
    top: 3px;
    left: 0;
    width: 12px;
    height: 12px;
    background-color: #536DFE;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    filter: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    border: 0 solid transparent;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1204
}

.gj-slider-bootstrap [role=track] {
    border-radius: 4px;
    height: 10px
}

.gj-slider-bootstrap [role=progress] {
    height: 10px;
    border-radius: 4px;
    top: 8px;
    left: 6px;
    transition: none
}

.gj-slider-bootstrap [role=handle] {
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    filter: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    border: 0 solid transparent;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1204
}

.gj-slider-bootstrap-3 [role=handle] {
    background-color: #337ab7;
    background-image: -webkit-linear-gradient(top, #337ab7 0, #2e6da4 100%);
    background-image: -o-linear-gradient(top, #337ab7 0, #2e6da4 100%);
    background-image: linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);
    background-repeat: repeat-x
}

.gj-slider-bootstrap-4 [role=handle] {
    background-color: #007bff;
    background-image: -webkit-linear-gradient(top, #007bff 0, #2e6da4 100%);
    background-image: -o-linear-gradient(top, #007bff 0, #2e6da4 100%);
    background-image: linear-gradient(to bottom, #007bff 0, #2e6da4 100%);
    background-repeat: repeat-x
}

.gj-colorpicker [role=right-icon] {
    cursor: pointer
}

.gj-colorpicker-md {
    font-size: 16px;
    color: rgba(0, 0, 0, .87);
    position: relative
}

.gj-colorpicker-md [role=right-icon] {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 24px
}

//autocomplete
.easy-autocomplete {
    position: relative
}

.easy-autocomplete input {
    border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    color: #555;
    float: none;
    padding: 6px 12px
}

.easy-autocomplete input:hover,
.easy-autocomplete input:focus {
    box-shadow: none
}

.easy-autocomplete a {
    display: block
}

.easy-autocomplete.eac-blue-light input:hover,
.easy-autocomplete.eac-blue-light input:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)
}

.easy-autocomplete.eac-blue-light ul {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)
}

.easy-autocomplete.eac-blue-light ul li,
.easy-autocomplete.eac-blue-light ul .eac-category {
    border-color: #66afe9
}

.easy-autocomplete.eac-blue-light ul li.selected,
.easy-autocomplete.eac-blue-light ul .eac-category.selected {
    background-color: #ecf5fc
}

.easy-autocomplete.eac-green-light input:hover,
.easy-autocomplete.eac-green-light input:focus {
    border-color: #41DB00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6)
}

.easy-autocomplete.eac-green-light ul {
    border-color: #41DB00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6)
}

.easy-autocomplete.eac-green-light ul li,
.easy-autocomplete.eac-green-light ul .eac-category {
    border-color: #41DB00
}

.easy-autocomplete.eac-green-light ul li.selected,
.easy-autocomplete.eac-green-light ul .eac-category.selected {
    background-color: #9eff75
}

.easy-autocomplete.eac-red-light input:hover,
.easy-autocomplete.eac-red-light input:focus {
    border-color: #ff5b5b;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6)
}

.easy-autocomplete.eac-red-light ul {
    border-color: #ff5b5b;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6)
}

.easy-autocomplete.eac-red-light ul li,
.easy-autocomplete.eac-red-light ul .eac-category {
    border-color: #ff5b5b
}

.easy-autocomplete.eac-red-light ul li.selected,
.easy-autocomplete.eac-red-light ul .eac-category.selected {
    background-color: #ff8e8e
}

.easy-autocomplete.eac-yellow-light input:hover,
.easy-autocomplete.eac-yellow-light input:focus {
    border-color: #ffdb00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6)
}

.easy-autocomplete.eac-yellow-light ul {
    border-color: #ffdb00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6)
}

.easy-autocomplete.eac-yellow-light ul li,
.easy-autocomplete.eac-yellow-light ul .eac-category {
    border-color: #ffdb00
}

.easy-autocomplete.eac-yellow-light ul li.selected,
.easy-autocomplete.eac-yellow-light ul .eac-category.selected {
    background-color: #ffe233
}

.easy-autocomplete.eac-dark-light input:hover,
.easy-autocomplete.eac-dark-light input:focus {
    border-color: #333;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6)
}

.easy-autocomplete.eac-dark-light ul {
    border-color: #333;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6)
}

.easy-autocomplete.eac-dark-light ul li,
.easy-autocomplete.eac-dark-light ul .eac-category {
    border-color: #333
}

.easy-autocomplete.eac-dark-light ul li.selected,
.easy-autocomplete.eac-dark-light ul .eac-category.selected {
    background-color: #4d4d4d;
    color: #fff
}

.easy-autocomplete.eac-dark {
    color: #fff
}

.easy-autocomplete.eac-dark input {
    background-color: #404040;
    border-radius: 4px;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark input:hover,
.easy-autocomplete.eac-dark input:focus {
    border-color: #333;
    box-shadow: 0
}

.easy-autocomplete.eac-dark ul {
    border-color: #333
}

.easy-autocomplete.eac-dark ul li,
.easy-autocomplete.eac-dark ul .eac-category {
    background-color: #404040;
    border-color: #333
}

.easy-autocomplete.eac-dark ul li.selected,
.easy-autocomplete.eac-dark ul .eac-category.selected {
    background-color: #737373;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass {
    color: #fff
}

.easy-autocomplete.eac-dark-glass input {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 4px;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass input:hover,
.easy-autocomplete.eac-dark-glass input:focus {
    border-color: rgba(0, 0, 0, 0.8);
    box-shadow: 0
}

.easy-autocomplete.eac-dark-glass ul {
    border-color: rgba(0, 0, 0, 0.8)
}

.easy-autocomplete.eac-dark-glass ul li,
.easy-autocomplete.eac-dark-glass ul .eac-category {
    background-color: rgba(0, 0, 0, 0.8);
    border-color: rgba(0, 0, 0, 0.8)
}

.easy-autocomplete.eac-dark-glass ul li.selected,
.easy-autocomplete.eac-dark-glass ul .eac-category.selected {
    background-color: rgba(64, 64, 64, 0.8);
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass ul li:last-child,
.easy-autocomplete.eac-dark-glass ul .eac-category:last-child {
    border-radius: 0 0 4px 4px
}

.easy-autocomplete.eac-blue {
    color: #fff
}

.easy-autocomplete.eac-blue input {
    background-color: #6d9ed1;
    border-radius: 4px;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input::-webkit-input-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:-moz-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input::-moz-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:-ms-input-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:hover,
.easy-autocomplete.eac-blue input:focus {
    border-color: #5A91CB;
    box-shadow: 0
}

.easy-autocomplete.eac-blue ul {
    border-color: #5A91CB
}

.easy-autocomplete.eac-blue ul li,
.easy-autocomplete.eac-blue ul .eac-category {
    background-color: #6d9ed1;
    border-color: #5A91CB
}

.easy-autocomplete.eac-blue ul li.selected,
.easy-autocomplete.eac-blue ul .eac-category.selected {
    background-color: #94b8dd;
    color: #f6f6f6
}

.easy-autocomplete.eac-yellow {
    color: #333
}

.easy-autocomplete.eac-yellow input {
    background-color: #ffdb7e;
    border-color: #333;
    border-radius: 4px;
    box-shadow: 0;
    color: #333
}

.easy-autocomplete.eac-yellow input:hover,
.easy-autocomplete.eac-yellow input:focus {
    border-color: #333;
    box-shadow: 0
}

.easy-autocomplete.eac-yellow ul {
    border-color: #333
}

.easy-autocomplete.eac-yellow ul li,
.easy-autocomplete.eac-yellow ul .eac-category {
    background-color: #ffdb7e;
    border-color: #333
}

.easy-autocomplete.eac-yellow ul li.selected,
.easy-autocomplete.eac-yellow ul .eac-category.selected {
    background-color: #ffe9b1;
    color: #333
}

.easy-autocomplete.eac-purple {
    color: #333
}

.easy-autocomplete.eac-purple input {
    background-color: #d6d1e7;
    border-color: #b8afd5;
    box-shadow: 0;
    color: #333
}

.easy-autocomplete.eac-purple input:hover,
.easy-autocomplete.eac-purple input:focus {
    border-color: #333;
    box-shadow: 0
}

.easy-autocomplete.eac-purple ul {
    border-color: #333
}

.easy-autocomplete.eac-purple ul li,
.easy-autocomplete.eac-purple ul .eac-category {
    background-color: #d6d1e7;
    border-color: #333
}

.easy-autocomplete.eac-purple ul li.selected,
.easy-autocomplete.eac-purple ul .eac-category.selected {
    background-color: #ebe8f3;
    color: #333
}

.easy-autocomplete.eac-bootstrap input {
    border-color: #ccc;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: #555;
    padding: 6px 12px
}

.easy-autocomplete-container {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.easy-autocomplete-container ul {
    background: none repeat scroll 0 0 #ffffff;
    border-top: 1px dotted #ccc;
    display: none;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: relative;
    top: -1px
}

.easy-autocomplete-container ul li,
.easy-autocomplete-container ul .eac-category {
    background: inherit;
    border-color: #ccc;
    border-image: none;
    border-style: solid;
    border-width: 0 1px;
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 4px 12px
}

.easy-autocomplete-container ul li:last-child {
    border-radius: 0 0 2px 2px;
    border-width: 0 1px 1px
}

.easy-autocomplete-container ul li.selected {
    background: none repeat scroll 0 0 #ebebeb;
    cursor: pointer
}

.easy-autocomplete-container ul li.selected div {
    font-weight: normal
}

.easy-autocomplete-container ul li div {
    display: block;
    font-weight: normal;
    word-break: break-all
}

.easy-autocomplete-container ul li b {
    font-weight: bold
}

.easy-autocomplete-container ul .eac-category {
    font-color: #aaa;
    font-style: italic
}

.eac-description .eac-item span {
    color: #aaa;
    font-style: italic;
    font-size: 0.9em
}

.eac-icon-left .eac-item img {
    margin-right: 4px;
    max-height: 30px
}

.eac-icon-right .eac-item {
    margin-top: 8px;
    min-height: 24px;
    position: relative
}

.eac-icon-right .eac-item img {
    margin-left: 4px;
    max-height: 30px;
    position: absolute;
    right: -4px;
    top: -8px
}

.easy-autocomplete.eac-square {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.easy-autocomplete.eac-square input {
    border: 1px solid #7f8c8d;
    border-radius: 0;
    color: #7f8c8d;
    font-family: inherit;
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    margin: 0;
    min-width: 350px;
    padding: 12px 43px 12px 15px
}

.easy-autocomplete.eac-square ul {
    border-color: #7f8c8d;
    border-top: 0;
    box-shadow: none;
    top: 0
}

.easy-autocomplete.eac-square ul li,
.easy-autocomplete.eac-square ul .eac-category {
    border-color: #7f8c8d;
    font-family: inherit;
    font-size: 16px;
    font-weight: 300;
    padding: 6px 12px;
    transition: all 0.4s ease 0s
}

.easy-autocomplete.eac-square ul li *,
.easy-autocomplete.eac-square ul .eac-category * {
    font-weight: 300
}

.easy-autocomplete.eac-square ul li.selected,
.easy-autocomplete.eac-square ul .eac-category.selected {
    background-color: #f1f1f1;
    font-weight: 300
}

.easy-autocomplete.eac-square ul li b,
.easy-autocomplete.eac-square ul .eac-category b {
    font-weight: 600
}

.easy-autocomplete.eac-round {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.easy-autocomplete.eac-round input {
    border: 2px solid #888;
    border-radius: 10px;
    color: #888;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    min-width: 300px;
    padding: 10px
}

.easy-autocomplete.eac-round input:hover,
.easy-autocomplete.eac-round input:focus {
    border-color: #3079ed
}

.easy-autocomplete.eac-round ul {
    background: none;
    border-color: #888;
    border-width: 0;
    box-shadow: none;
    min-width: 300px;
    top: 20px
}

.easy-autocomplete.eac-round ul li,
.easy-autocomplete.eac-round ul .eac-category {
    background: #fff;
    border-color: #3079ed;
    border-width: 0 2px;
    font-size: 14px;
    padding: 8px 12px;
    transition: all 0.4s ease 0s
}

.easy-autocomplete.eac-round ul li.selected,
.easy-autocomplete.eac-round ul .eac-category.selected {
    background-color: #d4e3fb
}

.easy-autocomplete.eac-round ul li:first-child,
.easy-autocomplete.eac-round ul .eac-category:first-child {
    border-radius: 10px 10px 0 0;
    border-width: 2px 2px 0
}

.easy-autocomplete.eac-round ul li:last-child,
.easy-autocomplete.eac-round ul .eac-category:last-child {
    border-radius: 0 0 10px 10px;
    border-width: 0 2px 2px
}

.easy-autocomplete.eac-round ul li b,
.easy-autocomplete.eac-round ul .eac-category b {
    font-weight: 700
}

.easy-autocomplete.eac-funky {
    font-family: "Inconsolata", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.easy-autocomplete.eac-funky input {
    background: #07ED89;
    border: 0;
    border-radius: 0;
    color: #ED076B;
    font-family: inherit;
    font-size: 18px;
    min-width: 240px;
    padding: 12px
}

.easy-autocomplete.eac-funky ul {
    background: transparent;
    border: 0
}

.easy-autocomplete.eac-funky ul li,
.easy-autocomplete.eac-funky ul .eac-category {
    background: transparent;
    border: 0;
    color: #ED076B;
    font-size: 18px;
    padding: 4px 12px;
    transition: all 0.4s ease 0s
}

.easy-autocomplete.eac-funky ul li.selected,
.easy-autocomplete.eac-funky ul .eac-category.selected {
    color: #8907ED
}

.easy-autocomplete.eac-solid input {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
    border-color: #ddd;
    color: #666;
    font-size: 13px;
    min-height: 0;
    padding: 6px 12px
}

.easy-autocomplete.eac-solid ul li,
.easy-autocomplete.eac-solid ul .eac-category {
    transition: all 0.4s ease 0s
}

.easy-autocomplete.eac-solid ul li.selected,
.easy-autocomplete.eac-solid ul .eac-category.selected {
    background-color: #f2f2f2
}

.easy-autocomplete.eac-plate {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.easy-autocomplete.eac-plate input {
    font-size: 13px;
    padding: 6px 12px
}

.easy-autocomplete.eac-plate ul {
    background: #b5b5b5;
    border-radius: 6px;
    border-width: 0;
    top: 10px
}

.easy-autocomplete.eac-plate ul li,
.easy-autocomplete.eac-plate ul .eac-category {
    background: #b5b5b5;
    color: #FAFAFA;
    font-size: 12px;
    transition: all 0.4s ease 0s
}

.easy-autocomplete.eac-plate ul li b,
.easy-autocomplete.eac-plate ul .eac-category b {
    color: #ffd464
}

.easy-autocomplete.eac-plate ul li.selected,
.easy-autocomplete.eac-plate ul .eac-category.selected {
    background: #656565
}

.easy-autocomplete.eac-plate ul li:first-child,
.easy-autocomplete.eac-plate ul .eac-category:first-child {
    border-radius: 6px 6px 0 0
}

.easy-autocomplete.eac-plate ul li:last-child,
.easy-autocomplete.eac-plate ul .eac-category:last-child {
    border-radius: 0 0 6px 6px
}

.easy-autocomplete.eac-plate-dark {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.easy-autocomplete.eac-plate-dark input {
    font-size: 13px;
    padding: 6px 12px
}

.easy-autocomplete.eac-plate-dark ul {
    background: #212121;
    border-radius: 6px;
    border-width: 0;
    top: 10px
}

.easy-autocomplete.eac-plate-dark ul li,
.easy-autocomplete.eac-plate-dark ul .eac-category {
    background: #212121;
    color: #FAFAFA;
    font-size: 12px;
    transition: all 0.4s ease 0s
}

.easy-autocomplete.eac-plate-dark ul li b,
.easy-autocomplete.eac-plate-dark ul .eac-category b {
    color: #ffd464
}

.easy-autocomplete.eac-plate-dark ul li.selected,
.easy-autocomplete.eac-plate-dark ul .eac-category.selected {
    background: #656565
}

.easy-autocomplete.eac-plate-dark ul li:first-child,
.easy-autocomplete.eac-plate-dark ul .eac-category:first-child {
    border-radius: 6px 6px 0 0
}

.easy-autocomplete.eac-plate-dark ul li:last-child,
.easy-autocomplete.eac-plate-dark ul .eac-category:last-child {
    border-radius: 0 0 6px 6px
}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots,
.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    padding: 0
}

.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
    font-family: slick;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-loading .slick-list {
    background: url(../images/ajax-loader.gif) center center no-repeat #fff
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/slick.eot);
    src: url(../fonts/slick.eot?#iefix) format('embedded-opentype'), url(../fonts/slick.woff) format('woff'), url(../fonts/slick.ttf) format('truetype'), url(../fonts/slick.svg#slick) format('svg')
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '←'
}

.slick-next:before,
[dir=rtl] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

[dir=rtl] .slick-next:before {
    content: '←'
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    bottom: -25px;
    width: 100%;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #000
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

section {
    border-bottom: 1px solid #e6e6e6;
    padding: 4em 0
}

section h2 {
    width: 90%;
    margin: 0 auto 2em;
    color: #2c3f4c;
    font-size: 1rem;
    font-weight: 700;
    text-align: center
}

@media only screen and (min-width:1170px) {
    section {
        padding: 6em 0
    }
    section h2 {
        margin: 0 auto 3em
    }
}

.cd-breadcrumb,
.cd-multi-steps {
    width: 90%;
    max-width: 768px;
    padding: .5em 1em;
    margin: 1em auto;
    background-color: #edeff0;
    border-radius: .25em
}

.cd-breadcrumb:after,
.cd-multi-steps:after {
    content: "";
    display: table;
    clear: both
}

.cd-breadcrumb li,
.cd-multi-steps li {
    display: inline-block;
    float: left;
    margin: .5em 0
}

.cd-breadcrumb li::after,
.cd-multi-steps li::after {
    display: inline-block;
    content: '\00bb';
    margin: 0 .6em;
    color: #959fa5
}

.cd-breadcrumb li:last-of-type::after,
.cd-multi-steps li:last-of-type::after {
    display: none
}

.cd-breadcrumb li>*,
.cd-multi-steps li>* {
    display: inline-block;
    font-size: 1.4rem;
    color: #2c3f4c
}

.cd-breadcrumb li.current>*,
.cd-multi-steps li.current>*,
.no-touch .cd-breadcrumb a:hover,
.no-touch .cd-multi-steps a:hover {
    color: #96c03d
}

.cd-breadcrumb.custom-separator li::after,
.cd-multi-steps.custom-separator li::after {
    content: '';
    height: 16px;
    width: 16px;
    background: url(../img/cd-custom-separator.svg) center center no-repeat;
    vertical-align: middle
}

.cd-breadcrumb.custom-icons li>::before,
.cd-multi-steps.custom-icons li>::before {
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: .4em;
    margin-top: -2px;
    background: url(../img/cd-custom-icons-01.svg) no-repeat;
    vertical-align: middle
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2)>::before,
.cd-multi-steps.custom-icons li:not(.current):nth-of-type(2)>::before {
    background-position: -20px 0
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3)>::before,
.cd-multi-steps.custom-icons li:not(.current):nth-of-type(3)>::before {
    background-position: -40px 0
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4)>::before,
.cd-multi-steps.custom-icons li:not(.current):nth-of-type(4)>::before {
    background-position: -60px 0
}

.cd-breadcrumb.custom-icons li.current:first-of-type>::before,
.cd-multi-steps.custom-icons li.current:first-of-type>::before {
    background-position: 0 -20px
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(2)>::before,
.cd-multi-steps.custom-icons li.current:nth-of-type(2)>::before {
    background-position: -20px -20px
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(3)>::before,
.cd-multi-steps.custom-icons li.current:nth-of-type(3)>::before {
    background-position: -40px -20px
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(4)>::before,
.cd-multi-steps.custom-icons li.current:nth-of-type(4)>::before {
    background-position: -60px -20px
}

#accordion .card{border: 0px; border-radius: 0px; margin-bottom: 12px; transition: 0.5s all; background-color: transparent;}
#accordion .card a{ border-radius: 0px; color: #4a4a4a;}
#accordion .card a.btn{padding-top: 10px;}
#accordion .card a:after{content: "-"; position: absolute; right: 8px; top: 5px; }
#accordion .card a.collapsed{color: #FFF; padding-top: 10px; padding-bottom: 10px; background-color: transparent;}
#accordion .card a.collapsed:after{content: "+";}
#accordion .card .card-header{background-color: transparent;}
#accordion .card .card-header .title{font-weight: 600; text-align: left; color: #FFF;}
#accordion .card .collapsed .card-header .title{font-weight: 600;}
#accordion .card .card-body{padding: 0px; padding-top: 30px;}
#accordion .card .card-body .btn-secondary{border-radius: 0px; color: #000;}
#accordion .btn-group.btn-group-two{justify-content: center;}
#accordion .btn-group.btn-group-two .btn-secondary{padding-top: 15px; padding-bottom: 15px; border-radius: 8px;}

.form-multiselect .custom-control{padding-right: 15px;}
.form-multiselect .custom-control label{padding-left: 30px;}
.form-item .form-multiselect .custom-checkbox .custom-control-label span{padding-left: 0px;}
.form-item .form-multiselect .custom-checkbox .col-sm-6{max-width: 48%;}


@media only screen and (min-width:768px) {
    .cd-breadcrumb,
    .cd-multi-steps {
        padding: 0 1.2em
    }
    .cd-breadcrumb li,
    .cd-multi-steps li {
        margin: 1.2em 0
    }
    .cd-breadcrumb li::after,
    .cd-multi-steps li::after {
        margin: 0 1em
    }
    .cd-breadcrumb li>*,
    .cd-multi-steps li>* {
        font-size: 1rem
    }
    .cd-breadcrumb.triangle {
        background-color: transparent;
        padding: 0
    }
    .cd-breadcrumb.triangle li {
        position: relative;
        padding: 0;
        margin: 4px 4px 4px 0
    }
    .cd-breadcrumb.triangle li:last-of-type {
        margin-right: 0
    }
    .cd-breadcrumb.triangle li>* {
        position: relative;
        padding: 1em .8em 1em 2.5em;
        color: #2c3f4c;
        background-color: #edeff0;
        border-color: #edeff0
    }
    .cd-breadcrumb.triangle li.current>* {
        color: #fff;
        background-color: #96c03d;
        border-color: #96c03d
    }
    .cd-breadcrumb.triangle li:first-of-type>* {
        padding-left: 1.6em;
        border-radius: .25em 0 0 .25em
    }
    .cd-breadcrumb.triangle li:last-of-type>* {
        padding-right: 1.6em;
        border-radius: 0 .25em .25em 0
    }
    .no-touch .cd-breadcrumb.triangle a:hover {
        color: #fff;
        background-color: #2c3f4c;
        border-color: #2c3f4c
    }
    .cd-breadcrumb.triangle li::after,
    .cd-breadcrumb.triangle li>::after {
        position: absolute;
        top: 0;
        left: 100%;
        content: '';
        height: 0;
        width: 0;
        border: 40px solid transparent;
        border-right-width: 0;
        border-left-width: 20px
    }
    .cd-breadcrumb.triangle li::after {
        z-index: 1;
        -webkit-transform: translateX(4px);
        -moz-transform: translateX(4px);
        -ms-transform: translateX(4px);
        -o-transform: translateX(4px);
        transform: translateX(4px);
        border-left-color: #fff;
        margin: 0
    }
    .cd-breadcrumb.triangle li>::after {
        z-index: 2;
        border-left-color: inherit
    }
    .cd-breadcrumb.triangle li:last-of-type::after,
    .cd-breadcrumb.triangle li:last-of-type>::after {
        display: none
    }
    .cd-breadcrumb.triangle.custom-separator li::after {
        background-image: none
    }
    .cd-breadcrumb.triangle.custom-icons li::after,
    .cd-breadcrumb.triangle.custom-icons li>::after {
        border-top-width: 25px;
        border-bottom-width: 25px
    }
    @-moz-document url-prefix() {
        .cd-breadcrumb.triangle li::after,
        .cd-breadcrumb.triangle li>::after {
            border-left-style: dashed
        }
    }
    .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before,
    .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before,
    .no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before,
    .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before {
        background-position: 0 -40px
    }
    .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before,
    .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before,
    .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before,
    .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before {
        background-position: -20px -40px
    }
    .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before,
    .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before,
    .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before,
    .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before {
        background-position: -40px -40px
    }
    .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before,
    .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before,
    .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before,
    .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before {
        background-position: -60px -40px
    }
    .cd-multi-steps {
        background-color: transparent;
        padding: 0;
        text-align: center
    }
    .cd-multi-steps li {
        position: relative;
        float: none;
        margin: .4em 40px .4em 0
    }
    .cd-multi-steps li:last-of-type {
        margin-right: 0
    }
    .cd-multi-steps li::after {
        position: absolute;
        content: '';
        height: 4px;
        background: #edeff0;
        margin: 0
    }
    .cd-multi-steps li.visited::after {
        background-color: #96c03d
    }
    .cd-multi-steps li.current>*,
    .cd-multi-steps li>* {
        position: relative;
        color: #2c3f4c
    }
    .cd-multi-steps.custom-separator li::after {
        height: 4px;
        background: #edeff0
    }
    .cd-multi-steps.text-center li::after {
        width: 100%;
        top: 50%;
        left: 100%;
        -webkit-transform: translateY(-50%) translateX(-1px);
        -moz-transform: translateY(-50%) translateX(-1px);
        -ms-transform: translateY(-50%) translateX(-1px);
        -o-transform: translateY(-50%) translateX(-1px);
        transform: translateY(-50%) translateX(-1px)
    }
    .cd-multi-steps.text-center li>* {
        z-index: 1;
        padding: .6em 1em;
        border-radius: .25em;
        background-color: #edeff0
    }
    .no-touch .cd-multi-steps.text-center a:hover {
        background-color: #2c3f4c
    }
    .cd-multi-steps.text-center li.current>*,
    .cd-multi-steps.text-center li.visited>* {
        color: #fff;
        background-color: #96c03d
    }
    .cd-multi-steps.text-center.custom-icons li.visited a::before {
        background-position: 0 -60px
    }
    .cd-multi-steps.text-bottom li,
    .cd-multi-steps.text-top li {
        width: 80px;
        text-align: center
    }
    .cd-multi-steps.text-bottom li::after,
    .cd-multi-steps.text-top li::after {
        position: absolute;
        left: 50%;
        width: calc(100% + 40px)
    }
    .cd-multi-steps.text-bottom li>::before,
    .cd-multi-steps.text-top li>::before {
        content: '';
        position: absolute;
        z-index: 1;
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 12px;
        width: 12px;
        border-radius: 50%;
        background-color: #edeff0
    }
    .cd-multi-steps.text-bottom li.current>::before,
    .cd-multi-steps.text-bottom li.visited>::before,
    .cd-multi-steps.text-top li.current>::before,
    .cd-multi-steps.text-top li.visited>::before {
        background-color: #96c03d
    }
    .no-touch .cd-multi-steps.text-bottom a:hover,
    .no-touch .cd-multi-steps.text-top a:hover {
        color: #96c03d
    }
    .no-touch .cd-multi-steps.text-bottom a:hover::before,
    .no-touch .cd-multi-steps.text-top a:hover::before {
        box-shadow: 0 0 0 3px rgba(150, 192, 61, .3)
    }
    .cd-multi-steps.text-top li::after {
        bottom: 4px
    }
    .cd-multi-steps.text-top li>* {
        padding-bottom: 20px
    }
    .cd-multi-steps.text-top li>::before {
        bottom: 0
    }
    .cd-multi-steps.text-bottom li::after {
        top: 3px
    }
    .cd-multi-steps.text-bottom li>* {
        padding-top: 20px
    }
    .cd-multi-steps.text-bottom li>::before {
        top: 0
    }
}

.cd-multi-steps.count li {
    counter-increment: steps
}

.cd-multi-steps.count li>::before {
    content: counter(steps) " - "
}

@media only screen and (min-width:768px) {
    .cd-multi-steps.text-bottom.count li>::before,
    .cd-multi-steps.text-top.count li>::before {
        content: counter(steps);
        height: 26px;
        width: 26px;
        line-height: 26px;
        font-size: 1.4rem;
        color: #fff
    }
    .cd-multi-steps.text-bottom.count li:not(.current) em::before,
    .cd-multi-steps.text-top.count li:not(.current) em::before {
        color: #2c3f4c
    }
    .cd-multi-steps.text-top.count li::after {
        bottom: 11px
    }
    .cd-multi-steps.text-top.count li>* {
        padding-bottom: 34px
    }
    .cd-multi-steps.text-bottom.count li::after {
        top: 11px
    }
    .cd-multi-steps.text-bottom.count li>* {
        padding-top: 34px
    }
}

html,
body {
    height: 100%;
    width: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: 'Poppins', sans-serif;
    line-height: 1.7;
    font-size: 16px;
}

h1,
h2,
h3,
h4 {
    font-family: 'Poppins';
    font-weight: normal;
}

h4 {
    font-size: 20px
}

.push-75 {
    /*    margin-top: 75px;*/
        margin-top: 125px;
}
.push-pad-75 {
/*    margin-top: 75px;*/
    padding-top: 125px;
}
    
.push-100 {
    margin-top: 100px;
}
.push-wd {
    margin-top: 216px;
}

.mwidth-400 {
    max-width: 400px;
}
.mwidth-500 {
    max-width: 500px;
}
.mwidth-600 {
    max-width: 600px;
}

.mwidth-800 {
    max-width: 800px;
}

.mwidth-900 {
    max-width: 900px;
}
.mwidth-80p {
    max-width: 90vw;
}

.mheight-100 {
    max-width: 900px;
}

.bg-black {
    background-color: #000;
}

.bg-grey {
    background-color: #383838;
}

.bg-orange {
    background-color: #D88C3E;
}
.bg-yellow {
    background-color: #FFC312;;
}
.bg-slash {
    /* background-image: url(../images/slash-background.jpg); */
    background-position: top center;
    background-size: cover;
    /* background-color: #FFC312; */
    background: black;
    background-color: black;
    background-repeat: no-repeat;
}

.bg-gradient {
    background-image: linear-gradient(-180deg, #EEAB5D 0%, #D68A3C 100%);
}
.bg-gradient-silver {
    background: linear-gradient(0deg, #D0CECE 0%, #FFFFFF 100%, #FFFFFF 100%);
}
.bg-gradient-gold {
    background: linear-gradient(180deg, #FFCB5E 0%, #FEEAC1 16.15%, #FFCB5E 33.85%, #B58353 86.98%, #FFCA5E 100%) !important;
}
.bg-gradient-gold.home-webinar {
    background: linear-gradient(180deg, #FFCB5E 0%, #FEEAC1 16.15%, #FFCB5E 33.85%, #B58353 86.98%, #FFCA5E 100%) !important;
}

.btn-big {
    font-size: 22px;
    font-family: 'Poppins';
    font-weight: normal
}

.btn-big {
    font-size: 1rem;
    font-family: 'Poppins';
    padding: 5px 20px;
}

.btn-link {
    padding: 5px 20px;
    border: 2px solid #000;
    transition: all 0.3s;
    font-size: 14px;
}

.btn-link:hover {
    text-decoration: none;
    background-color: #000;
    color: #FFF;
}

.btn-black {
    display: inline-block;
    padding: 15px 50px;
    background-color: #000;
    color: #D88C3E;
    transition: all 0.3s;
    border: 2px solid #000;
}

.btn-black:hover {
    /*background-color: transparent;*/
    /*color: #000;*/
    text-decoration: none;
}

.btn-orange {
    display: inline-block;
    padding: 15px 50px;
    background-color: #D88C3E;
    color: #D88C3E;
    transition: all 0.3s;
    border: 2px solid #D88C3E;
}

.btn-orange:hover {
    color: #D88C3E;
    text-decoration: none;
    cursor: pointer;
}

.btn-transparent-white {
    background-color: transparent;
    border: 2px solid #FFF;
    padding: 15px 50px;
    color: #FFF;
    transition: all 0.3s;
}

.btn-transparent-white:hover {
    background-color: #FFF;
    color: #000;
    text-decoration: none;
}

.btn-transparent-black {
    background-color: transparent;
    border: 2px solid #000;
    padding: 15px 50px;
    color: #000;
    transition: all 0.3s;
}

.btn-transparent-black:hover {
    background-color: #000;
    color: #FFF;
    text-decoration: none;
}

.btn-transparent-orange {
    background-color: transparent;
    border: 2px solid #D88C3E;
    padding: 15px 50px;
    color: #FFF;
    transition: all 0.3s;
}

.btn-transparent-orange:hover {
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
}

.btn-orange {
    background-color: #D88C3E;
    color: #000 !important;
    border-color: #D88C3E;
}

.btn-blue {
    background-color: #39608E;
    color: #FFF;
}

.form-control {
    border-radius: 0px;
}

.font-lg {
    font-size: 1.25rem !important;
}

.btn {}

.has-error {
    border-color: red !important;
}

.bg-gold {
    background-color: #D88C3E
}

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

.bg-white {
    background-color: black;
}

.slick-slide {
    margin: 0px 10px
}

.navbar {
    background: rgba(13, 13, 13, 0.8);
    flex-wrap: wrap;
}
    height: 75px;
    font-family: 'Poppins';
}

.navbar-light .navbar-nav .nav-link {
    color: #FFF
}

.navbar-light .navbar-brand { padding-top:20px; }
.navbar-light .navbar-brand img{max-width: 200px;}
.navbar-dsc.navbar-light .navbar-brand img{max-width: 100%;}
.navbar-light .navbar-collapse{padding-top: 50px;}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: #D88C3E
}
.navbar-light .navbar-nav .nav-link{color: #FFF;}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #999;
}

.navbar-expand-lg .navbar-nav{align-items: center; display: flex; justify-content: flex-end; gap:60px}
.navbar-dsc .nav-fill .nav-item{flex: none;}
.navbar-dsc.navbar{padding-bottom: 14px; background-color: #000; padding-top: 10px;}
.navbar-dsc.navbar-light .navbar-brand{padding-top: 5px;}
.navbar-dsc.navbar-light .navbar-collapse{padding-top: 0px;}

.intro {
    background-color: #000;
    color: #FFF;
    text-align: center;
    font-size: 24px
}

.intro .intro-cta {
    display: inline-block;
    padding: 15px 50px;
    border: 2px solid #979797;
    margin-top: 50px;
    color: #D88C3E;
    transition: all 0.3s
}

.intro .intro-cta:hover {
    background-color: #979797;
    text-decoration: none;
    color: #000;
}

.jury .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    color: #FFF;
    transition: all 0.3s
}

.jury .overlay .info {
    max-width: 80%;
    bottom: 10%;
    position: absolute;
    transition: all 0.3s
}

.jury .overlay .info .name {
    font-size: 2rem;
    font-family: 'udin';
    font-weight: bold;
    text-align: center
}

.jury .overlay .info .story {
    text-align: center;
    display: none;
}

.jury .overlay:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.jury .overlay:hover .info {
    bottom: 50%;
    transform: translateY(50%);
}

.archive{padding-top: 20px; padding-bottom: 40px;}
.archive h2{}

.archive .archive-item {
    margin-bottom: 20px;
}

.archive a {
    color: #000;
}

.archive .archive-item img {
    filter: grayscale(50%);
}

.archive .archive-item .image {
    height: 180px;
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
}

.archive .archive-item .image img {
    width: 100%;
    transition: all 0.3s
}

.archive .archive-item:hover img {
    filter: grayscale(0%);
}

.archive .archive-item:hover .image img {
    width: 110%;
    height: 110%;
    transform: translate(-5%, -5%);
}

.archive .archive-item:hover {
    cursor: pointer;
}

.archive .archive-item:hover a {
    text-decoration: none
}

.archive .archive-item .image img,
.archive-video .archive-item .video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.archive .archive-item .date {
    font-size: 10px;
    font-weight: bold;
    opacity: 0.7;
    padding-top: 5px;
}

.archive .archive-item .title {
    font-size: 19px;
    padding-bottom: 5px;
    position: relative;
    z-index: 99;
    line-height: 29px;
    height: px;
    font-weight: 600;
}
.archive .readmore{margin-top: 30px; display: block; width: 100%; text-align: center; margin-bottom: 40px;}
.archive .readmore a{font-size: 18px; padding: 15px 50px; border-radius: 30px; font-weight: bold; background: #FFC312; color: #000; transition: all 0.3s}
.archive .readmore a:hover{background-color: #000; text-decoration: none; color: #FFF;}
.archive-video .ceritaSukses .archive-item {
    display: none;
}

.archive-video .archive-video nav {
    border-bottom: 2px solid #C57F38;
    border-radius: 3px;
}

.archive-video a.nav-link {
    color: aliceblue;
    font-family: cursive;
}

.archive-video a.nav-item.nav-link:hover {
    border: 0px;
}

.archive-video a.nav-item.nav-link.active {
    border: 2px solid #C57F38;
    border-bottom: 0px;
    background-color: black;
    border-radius: 3px;
    color: #C57F38;
}

.archive-video .nav-video {
    width: 90%;
}

.archive-video nav {
    background-color: #000
}

.archive-video .archive-item {
    margin-bottom: 20px;
}

.archive-video .archive-item .video {
    position: relative;
}

.archive-video .archive-item .video .image {
    height: 240px;
    width: 100%;
    overflow: hidden;
}

.archive-video .archive-item .video .image img {
    width: 100%;
    transition: all 0.3s
}

.archive-video .archive-item:hover .image img {
    width: 110%;
    height: 110%;
    transform: translate(-5%, -5%);
}

.archive-video .archive-item .video span {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.archive-video .archive-item .video span img {
    width: auto;
}

.archive-video .archive-item .video span img:hover {
    opacity: 0.8;
    cursor: pointer;
}

.archive-video .archive-item .date {
    font-size: 14px;
    font-weight: bold;
    opacity: 0.3;
    padding-top: 2px;
}

.archive-video .archive-item .title {
    font-size: 18px;
    padding-top: 10px;
    border-bottom: 1px solid #EEE;
    padding-bottom: 5px;
}

.login {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(81, 78, 73, 1);
    background: -moz-linear-gradient(top, rgba(81, 78, 73, 1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(81, 78, 73, 1)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(81, 78, 73, 1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(81, 78, 73, 1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(81, 78, 73, 1) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(81, 78, 73, 1) 0%, rgba(0, 0, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#514e49', endColorstr='#000000', GradientType=0);
}

.login form {
    width: 100%;
}

.login input {
    text-align: center;
    border-radius: 0px;
    /* background-color: #DDD; */
    border: 1px solid #transparent;
    height: 50px;
}

.login input:focus {
    border: 1px solid #D88C3E;
}

.login button {
    padding: 15px;
    font-size: 18px;
    border: 0px;
}

.login .small-text {
    text-align: center;
    padding: 10px 0px;
    width: 100%;
    font-size: 14px;
}

.login .small-text a {
    color: #FFF
}

#app {
    min-height: 100%;
}

.about{background-image: url(../images/bg-about-2024.jpg); background-size: cover;}
.about h1{font-size: 5rem; font-weight: bold; color: #FFC312;}
.about h2{font-size: 2rem; }
.about .title .left-side{display: flex; justify-content: space-between; flex-direction: column;}
.about .title .right-side{border-left:2px solid #FFF; padding-left: 0px; padding-bottom: 15px;}
.about .title .right-side .item{border-bottom: 2px solid #FFF; padding: 30px 15px;}
.about .title .right-side .item:last-child{border-bottom: 0px;}
.about .title .right-side .item h2{font-size: 2rem; font-weight: bold;}
.about .title .right-side .item .big-font{font-size: 5rem; color: #FFC312; font-weight:bold; line-height: 5rem; padding-bottom: 15px;}
.about .title .right-side .item h3{color: #FFC312; font-weight: bold; font-size: 2rem;}
.font-yellow{color: #FFDE00}
.about .benefits{text-align: center;}
.about .benefits > div{margin-bottom: 30px;}
.about .benefits img{max-height: 80px; padding-bottom: 15px;}
.about .benefits .media-body{text-align: center;}
.about .media {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.about.tnc h2{color: #000; font-size: 1rem;;}
.about.tnc h3{font-weight: bold;}
.about.tnc{background-color: #FFFFFF; background-image: none;}
.about.tnc .nav-item {
    /*max-width: 16.66666%;*/
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.about.tnc .left-side{
    background-color: #FFC312;
    padding-top: 100px;
    padding-bottom: 80px;
}
.about.tnc .right-side{
    padding-top: 100px;
}
.about.tnc .nav-item:after {
}

.about.tnc .nav-item:last-child:after {
    border: 0px;
}

.about.tnc .nav-link {
    color: #000;
    width: 100%;
    font-size: 1.3rem;
    position: relative;
    border-bottom: 1px solid #000;
    border-radius: 0px;
    padding: 15px 0px;
}
.about.tnc .nav-link:after {
    position: absolute;
    right:20px;
    top:50%;
    transform: translateY(-50%);
    content: url("../images/ico-tab-close.svg");
}
.about.tnc .nav-link.active:after {
    content: url("../images/ico-tab-open.svg");
}

.about.tnc .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: transparent;
    color: #000;
    font-weight: bold;
}

.about.tnc .dropdown-menu {
    border: 1px solid #D88C3E;
    background-color: #000;
    color: #FFF
}

.about.tnc .dropdown-menu .dropdown-item {
    color: #D88C3E
}

.about.tnc .tab-pane {
    padding: 0px 0px;
}
.about.tnc .tab-pane a{
    text-decoration: underline;
    color: #000;
}

.about.tnc .dropdown-item.active {
    background-color: #FFF
}

.about.tnc h5 {
    border-bottom: 1px solid #444;
    padding-bottom: 10px;
}
.about.tnc .tab-content .tab-pane .bs-wizard{color: #000;}

#accordion .card-header button.btn {
    border: 0px;
}
#accordion .btn-link.focus, .btn-link:focus{text-decoration: none;}
#accordion .card-header button.btn:hover {
    background-color: #FFC312
}
#accordion .card-header button.btn{position: relative;}
#accordion .card-header button.btn[aria-expanded="true"]:after {
    position: absolute;
    content: "▲";
    right: 10px;
    top: 40%;
    font-size: 12px;
}
#accordion .card-header button.btn[aria-expanded="false"]:after {
    position: absolute;
    content: "▼";
    right: 10px;
    top: 40%;
    font-size: 12px;
}

.bs-wizard {
    margin-bottom: 40px;
    color: #FFF;
}

.bs-wizard {
    border-bottom: solid 1px #e0e0e0;
    padding: 0 0 10px 0;
}

.bs-wizard>.bs-wizard-step {
    padding: 0;
    position: relative;
}

.bs-wizard>.bs-wizard-step+.bs-wizard-step {}

.bs-wizard>.bs-wizard-step .bs-wizard-stepnum {
    font-size: 16px;
    margin-bottom: 5px;
}

.bs-wizard>.bs-wizard-step .bs-wizard-info {
    max-width: 80%;
    display: block;
    margin: 0px auto;
    padding-top: 10px;
    font-size: 14px;
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    background: #D88C3E;
    top: 45px;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot:after {
    content: ' ';
    width: 14px;
    height: 14px;
    border-radius: 50px;
    position: absolute;
    top: 8px;
    left: 8px;
}

.bs-wizard>.bs-wizard-step>.progress-step {
    position: relative;
    border-radius: 0px;
    height: 3px;
    box-shadow: none;
    margin: 17px 0;
    background-color: #CCC
}

.bs-wizard>.bs-wizard-step>.progress-step>.progress-bars {
    width: 0px;
    box-shadow: none;
}

.bs-wizard>.bs-wizard-step.complete>.progress-step {
    background-color: #D88C3E
}

.bs-wizard>.bs-wizard-step.complete>.progress-step>.progress-bars {
    width: 100%;
}

.bs-wizard>.bs-wizard-step.active>.progress-step>.progress-bars {
    width: 50%;
    height: 3px;
    background-color: #EA9D10
}

.bs-wizard>.bs-wizard-step.active .bs-wizard-info {}

.bs-wizard>.bs-wizard-step:first-child.active>.progress-step>.progress-bars {
    width: 0%;
}

.bs-wizard>.bs-wizard-step:last-child.active>.progress-step>.progress-bars {
    width: 100%;
}

.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot {
    background-color: #CCC;
}

.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after {
    opacity: 0;
}

.bs-wizard>.bs-wizard-step:first-child>.progress-step {
    left: 50%;
    width: 50%;
}

.bs-wizard>.bs-wizard-step:last-child>.progress-step {
    width: 50%;
}

.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot {
    pointer-events: none;
}
.bs-vertical-wizard {
    padding-bottom: 50px;
}

.bs-vertical-wizard ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.bs-vertical-wizard ul>li {
    display: block;
    position: relative;
}

.bs-vertical-wizard ul>li>a {
    display: block;
    padding: 10px 10px 10px 40px;
    color: #333c4e;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: .8px;
}

.bs-vertical-wizard ul>li>a:before {
    content: '';
    position: absolute;
    width: 1px;
    height: calc(100% - 25px);
    background-color: #bdc2ce;
    left: 13px;
    bottom: -9px;
    z-index: 3;
}

.bs-vertical-wizard ul>li>a .ico {
    pointer-events: none;
    font-size: 14px;
    position: absolute;
    left: 10px;
    top: 15px;
    z-index: 2;
}

.bs-vertical-wizard ul>li>a:after {
    content: '';
    position: absolute;
    border: 2px solid #bdc2ce;
    border-radius: 50%;
    top: 14px;
    left: 6px;
    width: 16px;
    height: 16px;
    z-index: 3;
}

.bs-vertical-wizard ul>li>a .desc {
    display: block;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: .8px;
}

.bs-vertical-wizard ul>li.complete>a:before {
    background-color: #5cb85c;
    opacity: 1;
    height: calc(100% - 25px);
    bottom: -9px;
}

.bs-vertical-wizard ul>li.complete>a:after {display:none;}
.bs-vertical-wizard ul>li.locked>a:after {display:none;}
.bs-vertical-wizard ul>li:last-child>a:before {display:none;}

.bs-vertical-wizard ul>li.complete>a .ico {
    left: 8px;
}

.bs-vertical-wizard ul>li>a .ico.ico-green {
    color: #5cb85c;
}

.bs-vertical-wizard ul>li>a .ico.ico-muted {
    color: #bdc2ce;
}

.bs-vertical-wizard ul>li.current {
    background-color: transparent;
}
.bs-vertical-wizard ul>li.current a{
    text-decoration: none !important;
    color: #000;
}

.bs-vertical-wizard ul>li.current>a:before {
    background-color: #000;
    opacity: 1;
}

.bs-vertical-wizard ul>li.current>a:after {
    border-color: #D88C3E;
    background-color: #D88C3E;
    opacity: 1;
}

.bs-vertical-wizard ul>li.current:after {
    border-color: rgba(255,255,255,0);
    border-left-color: #fff;
    border-width: 10px;
    margin-top: -10px;
}

.bs-vertical-wizard ul>li.current:before {
    border-color: rgba(234,236,241,0);
    border-left-color: #eaecf1;
    border-width: 11px;
    margin-top: -11px;
}
.about.tnc .tab-content .tab-pane .bs-vertical-wizard ul{padding: 0px;}
.faq h3 span{font-size: 5rem; font-weight: bold; color: #FFC312;}
.faq .card {
    border: 0px !important;
    color: #767676;
    margin-bottom: 0px !important;
}

.faq .card .collapse{
    background-color: #FFF;
}

.faq .card .card-body {
    background-color: #FFFFFF !important;
    line-height: 1.75;
    padding: 20px 50px !important;
}

.faq .card .card-header {
    border-radius: 0px;
    border: 0px;
    text-align: left;
    padding: 0px;
}

.faq .card:first-child .card-header {
    border-top: 0px;
}

.faq .card .card-header h5 {
    text-align: left;
}

.faq .card .card-header h5 button {
    color: #444444;
    padding: 1.25rem;
    width: 100%;
    text-align: left;
    font-size: 1rem;
    white-space: normal;
    padding-right: 2rem;
    background-color: #FFC312;
    font-weight: 600;
    border-bottom: 1px solid #000 !important;
    border-radius: 0px;
}

.faq .card .card-header h5 button:hover {
    cursor: pointer;
    text-decoration: none;
}
.faq .card .card-header h5 button.collapsed {
    background-color: #FFF !important;
}

.faq .card .card-header:first-child {
    border-radius: 0px;
}

.faq .card:nth-child(even) {
    background-color: yellow;
}

.faq .card:nth-child(odd) {
    background-color: #FFDE00
}

.video-slider .video-item {
    position: relative;
}

.video-slider .video-item .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Poppins'
}

.video-slider .video-item .overlay a {
    color: #E7D39E
}

.video-slider .slick-prev::before,
.slick-next::before {
    color: #E7D39E
}

.article h1{font-weight: 600; line-height: 3rem;}
.article .category {
    font-family: 'Poppins';
    padding-bottom: 10px;
    position: relative;
}

.article .category:after {
    position: absolute;
    content: "";
    width: 50%;
    border-bottom: 1px solid #E7D39E;
    height: 1px;
    bottom: 0px;
    left: 0px;
}

.article .date {
    font-size: 14px;
    border-bottom: 1px solid;
    font-weight: 600;
}

.article .article-content {
    font-size: 16px;
    line-height: 30px;
}

.article .article-content h2 {
    margin-bottom: 15px;
}
.article .article-content ul {
    padding-left: 15px;
}
.article .article-content .source a {
    font-size: 0.8rem;
    font-weight: 600;
    color: darkorange;
}

.article .article-content img {
    margin-bottom: 20px;
}

.article .share {
    font-family: 'Poppins';
    font-weight: normal;
    font-size: 1.25rem;
    border-top: 1px solid #E7D39E;
    border-bottom: 1px solid #E7D39E
}

.article .share .share-icon a {
    padding: 0px 5px;
}

.article .other {
    margin-bottom: 80px;
}

.article .other .image {
    width: 100%;
    height: 200px;
    background-position: top center;
    background-size: cover;
}

.article .other .title {
    font-family: 'Poppins';
    font-size: 1.2rem;
    line-height: 1.8rem;
    margin-top: 10px;
}

.schedule .schedule-item {
    margin-top: 20px;
}

.schedule .month-name {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    margin-top: 20px;
    color: #D88C3E
}

.schedule .schedule-item .date {
    font-size: 5rem;
    line-height: 5rem;
    font-family: 'Poppins';
    padding-top: 5px;
}

.schedule .schedule-item .title {
    font-weight: bold;
    font-size: 1.2rem;
}

.schedule .schedule-item .description {
    font-weight: 300;
}

.inspirasi .archive-item {
    margin-bottom: 20px;
}

.inspirasi a {
    color: #000;
}

.inspirasi .archive-item img {
    filter: grayscale(50%);
}

.inspirasi .archive-item .image {
    height: 240px;
    width: 100%;
    overflow: hidden;
    border-radius: 15px;
    overflow: hidden;
}

.inspirasi .archive-item .image img {
    width: 100%;
    height: 100%;
    transition: all 0.3s
}

.inspirasi .archive-item:hover img {
    filter: grayscale(0%);
}

.inspirasi .archive-item:hover .image img {
    width: 110%;
    height: 110%;
    transform: translate(-5%, -5%);
}

.inspirasi .archive-item:hover {
    cursor: pointer;
}

.inspirasi .archive-item:hover a {
    text-decoration: none
}

.inspirasi .archive-item .image img,
.archive-video .archive-item .video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.inspirasi .archive-item .date {
    font-size: 14px;
    font-weight: bold;
    opacity: 0.3;
    padding-top: 2px;
}

.inspirasi .archive-item .title {
    font-size: 19px;
    font-family: 'Poppins';
    padding-top: 0px;
    font-weight: 600;
    line-height: 29px;
    margin-bottom: 20px;
}

.inspirasi .archive-item .profile {
    font-size: 16px;
    font-family: 'Poppins';
    padding-bottom: 5px;
}

.profile{color: #FFFFFF;}
.profile .title {
    color: #C2C2C2;
    line-height: 1rem;
    font-size: 14px;
}

.profile .content {
    color: #000;
    font-weight: 300;
    font-size: 1.2rem;
    margin-bottom: 20px;
}

.profile .profile-name h3{
    color: #FFF;
    padding-bottom: 10px;
}
.profile .profile-name .btn-link{
    border-radius: 10px;
    text-align: center;
    font-size: 1.15rem;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #FFFFFF;
    border-color: #FFFFFF;
}

#modal-notification {
    background-color: rgba(0, 0, 0, 0.75)
}

#modal-notification .modal-body {
    font-family: 'Poppins';
    font-weight: bold;
    color: #FFF;
    align-items: center;
    display: flex;
    font-size: 4rem
}

#modal-notification .modal-content {
    background-color: transparent;
}

#modal-notification.modal.show .modal-dialog {
    height: 100%
}


#modal-notification .modal-dialog {
    width: 100%;
    max-width: 80%
}

#modal-notification .modal-content {
    height: 100%;
    border: 0px;
}
#modal-notification .modal-content .modal-body .cta-btn{
    display: flex;
    gap:30px;
    margin-top: 30px;
    font-size: 1.3rem;
}
#modal-notification .modal-content .modal-body .cta-btn a{border-radius: 50px;}

.bg-lightgrey {
    background-color: #EEEEEE
}

.finalist h2.title {
    font-family: 'Roboto', sans-serif;
    color: #D88C3E;
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    padding: 40px 0px 0px;
}

.finalist .photo {
    margin-bottom: 15px;
}

.finalist .title {
    font-family: 'Roboto', sans-serif;
    color: #D88C3E;
    font-size: 35px;
    font-weight: 300;
}

.finalist .name {
    font-weight: bold;
    height: 55px;
    overflow: hidden;
}

.finalist .normal-text {}

.finalist .notes {
    font-family: 'Roboto', sans-serif;
    color: #D88C3E;
    font-style: italic;
    margin-top: 15px;
}

.finalist .row-even {
    background-color: #EEEEEE;
    padding: 30px 0px;
    margin: 15px 0px;
}

.finalist .row-even .container {
    display: flex;
    flex-wrap: wrap;
}

.finalist .row-odd {
    background-color: #FFF;
    padding: 30px 0px
}

.finalist .row-odd .container {
    display: flex;
    flex-wrap: wrap;
}

.finalist .nav-tabs {
    margin-top: 30px;
}

.finalist .nav-item {
    flex-grow: 1;
    flex-basis: 0;
    text-align: center;
}

.finalist .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-color: #D88C3E;
    border-radius: 0px;
}

.finalist .nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #D88C3E;
}

.finalist .nav-tabs .nav-link {
    border-color: #D88C3E;
    border-radius: 0px;
}

.finalist .nav-tabs .nav-link {
    color: #D88C3E;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 300
}

.finalist .nav-tabs .nav-link.active {
    color: #FFF;
    background-color: #D88C3E
}

.gj-textbox-md {
    padding: .6rem .75rem;
    font-size: 1rem;
    border: 1px solid #ced4da;
    color: #495057;
    font-family: 'Zilla Slab', serif;
}

.gj-icon.chevron-right::before {
    content: ">";
}

.gj-icon.chevron-left::before {
    content: "<";
}

.gj-picker-md table tr td.today div {
    background-color: #EE9700;
    border-radius: 50%;
    color: #FFF;
}

.easy-autocomplete {
    width: 100% !important;
    border-radius: 0px;
}

.easy-autocomplete input {
    border-radius: 0px;
}

.step-breadcrumb {
    list-style: none;
    display: flex;
    padding: 0px;
}

.step-breadcrumb li {
    flex-basis: 0;
    flex-grow: 1;
    margin-top: 15px;
    font-weight: bold;
    color: #D8D6D6;
    border-bottom: 3px solid #D8D6D6;
    text-align: center;
    margin: 0px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.step-breadcrumb li.current {
    color: #EE9700;
    border-bottom-color: #EE9700
}

.bg-submission{background-color: #000; background-image: url(../images/bg-submission.jpg); background-repeat: no-repeat; background-size: cover;}
.form-submission h2 {
    font-size: 1rem;
    text-align: center;
    margin-top: 20px;
}

.form-submission h1 {
    font-size: 1.8rem;
    text-align: center;
    font-family: 'udin', cursive;
    font-weight: normal;
    margin-bottom: 25px;
}

.form-submission label {
    font-size: 14px;
    font-weight: light;
    color: #FFF;
    margin-bottom: 15px;
    margin-top:10px;
}

.form-submission .form-multiselect label {
    font-size: 14px;
    font-weight: 300;
    color: #4a4a4a
}

.form-submission .btn-group {
    display: flex;
}

.form-submission .btn-group .btn-gender:nth-child(1){
    background-image: url("../images/ico-submission-profil-male.svg");
    background-repeat: no-repeat;
    background-position: right;
    content:"";
    background: contain;
}

.form-submission .btn-group .btn-gender:nth-child(2){
    background-image: url("../images/ico-submission-profil-female.svg");
    background-repeat: no-repeat;
    background-position: right;
    content:"";
    background: contain;
}

.form-submission .btn-group.btn-group-normal .btn {
    padding: 15px 0px;
    border-radius: 8px;;
    color: #DDD;
}

.form-submission .btn-group .btn {
    flex-grow: 1;
    flex-basis: 0;
    font-weight: bold;
    border-radius: 8px;
    margin: 0px 10px 10px;
    filter: grayscale(1);
    padding-top: 15px;
    padding-bottom: 15px;
}
.form-submission .btn-group > .btn:not(:last-child):not(.dropdown-toggle){
    border-radius: 8px;;
}

.form-submission .btn-secondary {
    background-color: transparent;
    border: 2px solid #EE9700;
    color: #EE9700;
    font-weight: bold;
}

.form-submission .btn-group-img .btn-secondary {
    padding-top: 40px;
    padding-bottom: 40px;
}

.form-submission .btn-secondary:not(:disabled):not(.disabled).active,
.form-submission .btn-secondary:not(:disabled):not(.disabled):active {
    background-color: transparent;
    border: 2px solid #EE9700;
    color: #EE9700;
    font-weight: bold;
    filter: grayscale(0);
}

.form-submission .btn-secondary:not(:disabled):not(.disabled).active:after {
    position: absolute;
    content: url(../images/tick.svg);
    top: 0%;
    left: -12px;
    margin-right: -12px;
    margin-top: -12px;
}

.form-submission .btn-secondary.focus {
    box-shadow: none;
}

.form-submission .btn-group .btn-secondary:first-child {
    margin: 0px 10px 10px 0px
}

.form-submission .btn-group .btn-secondary:last-child {
    margin: 0px 0px 10px 10px
}

.form-submission .btn-group .btn-secondary img {
    display: block;
    margin: 0px auto;
    margin-bottom: 10px;
}

.form-submission .btn-group.btn-group-two {
    flex-wrap: wrap;
}

.form-submission .btn-group.btn-group-two .btn {
    flex: 0 0 45%;
    max-width: 45%
}

.form-submission .btn-group.btn-group-two .btn-secondary {
    margin: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 20px;
    font-size: 12px;
}

.form-submission .btn-group.btn-group-two .btn-secondary:first-child {
    margin: 8px
}

.form-submission .btn-group.btn-group-two .btn-secondary:last-child {
    margin: 8px
}

.form-submission .btn-group.btn-group-three {
    flex-wrap: wrap;
}

.form-submission .btn-group.btn-group-three .btn {
    flex: 0 0 31%;
    max-width: 31%
}

.form-submission .btn-group.btn-group-three .btn-secondary {
    margin: 8px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.form-submission .btn-group.btn-group-three .btn-secondary:first-child {
    margin: 8px
}

.form-submission .btn-group.btn-group-three .btn-secondary:last-child {
    margin: 8px
}

.form-submission .progress {
    height: 10px;
}

.form-submission .progress-bar {
    background-color: #EE9700
}

.form-submission .progress-btn {
    display: flex;
    margin-top: 40px;
    margin-bottom: 30px;
}

.form-submission .progress-btn button.btn {
    flex-grow: 1;
    flex-basis: 0;
    margin: 10px;
    font-family: 'udin', cursive;
    font-size: 1.15rem;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 30px;
    font-weight: 600;
}

.form-submission .progress-btn button.btn:first-child {
    margin-left: 0px;
    border: 2px solid #DFDFDF;
    background-color: #FFF;
    color: #000
}

.form-submission .progress-btn button.btn:last-child {
    margin-right: 0px;
    background-color: #EE9700;
    color: #000;
    border: 2px solid #EE9700;
}

.form-submission .help {
    text-align: center;
    margin-bottom: 40px;
}

.form-submission .help a {
    color: #444;
    text-decoration: underline;
}

.form-submission small {
    color: #EE9700;
    width: 100%;
    display: block;
    margin-top: -10px;
    margin-bottom: 10px;
}

.form-submission small a {
    color: #EE9700;
    text-decoration: underline;
}

.form-submission .input-group small {
    width: 100%;
}

.form-submission input::placeholder,
.form-submission textarea::placeholder {
    color: #BBB;
}

.form-submission .add-competition {
    display: block;
    padding: 10px 0px;
    background: rgba(216, 216, 216, 0.27);
    text-align: center;
    font-size: 14px;
    color: #4a4a4a
}

.form-submission .add-competition:hover {
    text-decoration: none;
    opacity: 0.75
}

.form-submission .upload-wrapper {
    border: 1px solid #D8D8D8;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.form-submission .upload-wrapper img {
    margin: 0px auto;
    display: block;
}

.form-submission .upload-wrapper input {
    display: none;
}

.form-submission .upload-wrapper label {
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    background-color: #EE9700;
    padding: 8px 40px;
    margin-top: 15px;
    margin-bottom: 20px;
    display: block;
}

.form-submission .upload-wrapper label:hover {
    cursor: pointer;
}

.form-submission .photo-uploader {
    flex-wrap: wrap;
    display: flex;
    margin-bottom: 40px;
}

.form-submission .photo-uploader .img-uploader-item {
    flex: 1 1 31%;
    max-width: 31%;
    margin: 8px;
    border: 1px solid #D8D6D6;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.form-submission .photo-uploader .img-uploader-item:before {
    padding-top: 100%;
    content: "";
    display: block;
}

.form-submission .photo-uploader .img-uploader-item input {
    display: none;
}

.form-submission .photo-uploader .img-uploader-item label img {
    width: 40px;
}

.form-submission .photo-uploader .img-uploader-item label:hover {
    cursor: pointer;
}

.form-submission .photo-uploader .img-uploader-item label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.form-submission .photo-uploader .img-uploader-item .delete {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-top: -13px;
    margin-right: -13px;
}

.form-submission .photo-uploader .img-uploader-item .delete:hover {
    cursor: pointer;
}

.form-submission #competition-extra .competition-wrapper {
    border-top: 3px solid #EE9700;
    margin-top: 30px;
    padding-top: 30px;
}

.form-item {
    display: none;
}

.form-item .custom-checkbox {
    display: flex !important;
    margin-left: -24px;
}

.form-item .custom-checkbox .custom-control-label span {
    padding-left: 1.3rem
}

.form-item .custom-checkbox .item-checkbox {
    border: 1px solid #EE9700;
    margin-right: 10px;
    padding: 5px 15px;
    overflow: hidden;
    border-radius: 8px;;
}

.form-item .custom-control-label::before {
    left: -8px;
    height: 30px;
    width: 30px;
    top: 0px;
    border-radius: 100%;
    background-color: transparent;
    border: 2px solid #EE9700;
}

.form-item .custom-control-label::after {
    left: -7px;
    height: 38px;
    width: 30px;
    top: -4px;
    border-radius: 0px;
}

.form-item .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #EE9700
}

.form-item .custom-control-label{
    padding-left: 15px;;
}

.form-item .text-highlight{
    color: #EE9700;
}

.main-banner {
    height: 100%;
    background-image: url(../images/big-banner.jpg);
    background-size: cover;
    display: flex;
    align-items: center;
}

.main-banner .text-wrapper {
    font-family: 'udin', cursive;
    color: #FFF;
    margin-left: 10%;
    text-align: center;
    position: absolute;
}

.main-banner h1,
.main-banner h2 {
    font-family: 'udin', cursive;
    font-weight: normal;
    font-size: 1.5rem;
}

.main-banner h1 dt {
    font-size: 2.5rem
}

.f-14 {
    font-size: 14px;
}

.f-27 {
    font-size: 27px;
    line-height: 36px;
}

.main-banner .details {
    border: 1px solid #FFF;
    padding-top: 15px;
    padding-bottom: 15px;
}

.main-banner .text-wrapper span {
    color: #E39503
}

.main-banner .details>.items:first-child {
    position: relative;
}

.main-banner .details>.items:first-child:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    height: 64px;
    border-right: 1px solid #FFF;
    margin-right: -12px;
}

.main-banner .details>.items a {
    text-decoration: none;
    color: #FFF
}

.main-banner .details>.items a:hover {
    color: #E39503
}

.intro {
    background-image: url(../images/bg-intro.jpg);
    background-position: right;
    background-size: cover;
    padding-bottom: 50px;
}

.intro .title {
    font-family: 'udin';
    text-align: left;
    margin-bottom: 10px;
}

.intro .row {
    margin-top: -200px;
}

.intro .card {
    background-color: transparent;
    text-align: left;
    border: 0px;
}

.intro .card h5 {
    font-family: 'udin';
    margin-bottom: 0px;
}

.intro .card p {
    font-size: 1rem
}

.howto {
    color: #4A4A4A;
    text-align: left;
    position: relative;
}

.howto .bg-gradient {
    opacity: 0.22;
    background-image: linear-gradient(-90deg, #7B7B7B 0%, #FFB600 97%);
    width: 100%;
    height: 100%;
    position: absolute;
}

.howto h4 {
    font-family: 'udin';
    text-align: left;
    font-size: 24px;
}

.howto p {
    text-align: left;
    font-size: 20px;
}

.howto .container .col-sm-4 {
    position: relative;
}

.howto .container .col-sm-4:after {
    content: url(../images/triangle.svg);
    position: absolute;
    right: 3px;
    top: 15px;
}

.howto .container .col-sm-4:last-child:after {
    content: "";
}

.howto .details {
    border: 1px solid #4a4a4a;
    max-width: 600px;
    height: 80px;
    display: flex;
    align-items: center;
    margin: 0px auto;
    margin-top: 40px;
}

.howto .details>.items:first-child {
    position: relative;
}

.howto .details>.items:first-child:after {
    content: "";
    position: absolute;
    right: 11px;
    top: -13px;
    height: 64px;
    border-right: 1px solid #4a4a4a;
    margin-right: -12px;
}

.howto .details>.items a {
    text-decoration: none;
    color: #4A4A4A;
    font-family: 'udin'
}

.howto .details>.items a:hover {
    color: #E39503
}

.cd-breadcrumb {
    display: flex;
}

.head-title h1 {
    text-align: center;
    font-weight: bold;
    font-size: 40px;
}

.step-menu nav ol {
    margin: 0px;
    width: 100%;
    max-width: 100%;
}


/*.cd-breadcrumb.triangle li > *{padding: 2em 1.3em 2em 2.6em; background-color: #eee; border-color: #eee; font-weight: bold; color: #acabab;}*/

.cd-breadcrumb.triangle li {
    white-space: nowrap;
}

.cd-breadcrumb.triangle li>* {
    padding: 2em 1.45em 1.45em 2em;
    background-color: #eee;
    border-color: #eee;
    font-weight: bold;
    color: #acabab;
}

.cd-breadcrumb.triangle a:hover {
    color: #ffffff;
    background-color: #acabab;
    border-color: #acabab;
    text-decoration: none
}


/*.cd-breadcrumb.triangle li.current a:hover{color: #fff; background: #da984a; border-color: #da984a;}*/

.cd-breadcrumb.triangle li.current>* {
    background-color: #d88c3e;
    border-color: #d88c3e;
}

.cd-breadcrumb.triangle li:first-of-type>* {
    border-radius: 0px;
}

.cd-breadcrumb.triangle li:last-of-type>* {
    border-radius: 0px;
}

.form-control {
    padding: .45rem .75rem;
    font-size: 1rem;
    border-radius: 8px;
    margin: 0px 0px 10px 0px;
    height: 55px;
    background-color: transparent;
    color: #FAFAFA;
}
.form-control:focus{
    background-color: transparent;
    color: #FFF;
}
select.form-control:not([size]):not([multiple]) {
    height: 55px;
}
.input-group > .input-group-append:not(:last-child) > .input-group-text{border-top-left-radius: 8px; border-bottom-left-radius: 8px;}

label {
    line-height: 25px;
}

label.gender {
    margin-right: 60px;
}

.info-audience .form-check-input {
    height: 20px;
    width: 20px;
    margin-left: 70px;
}

.idea-business .form-check-input {
    height: 20px;
    width: 20px;
}

.experience-competition .form-check-input {
    height: 20px;
    width: 20px;
}

.mr-35 {
    margin-right: 35px;
}

.ml-55 {
    margin-left: -55px;
}

.ml-5 {
    margin-left: -5px !important;
}

.ml-15 {
    margin-left: 15px;
}

.mt-10 {
    margin-top: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

.ml-215 {
    margin-left: -206%;
}

.ml-150 {
    margin-left: -150%;
}

.ml-50 {
    margin-left: -50%;
}

.color-grey {
    color: #a7a7a7;
}

.label-bold {
    font-weight: bold;
    font-size: 20px;
}

.italic-label label {
    font-style: italic;
}

.input-file {
    border: solid 1px;
    border-radius: 0px;
    border-color: #d9d9d9;
    text-align: center;
    height: 40px;
    padding-top: 10px;
}

.btn-default-small {
    font-weight: bold;
    border: solid #d88c3e;
    background-color: #d88c3e;
    border-radius: 0px;
    font-size: 15px;
    color: #fff;
}

.btn-default-big {
    font-weight: bold;
    width: 100%;
    padding: 40px;
    border: solid #d88c3e;
    background-color: #d88c3e;
    color: #fff;
    font-size: 20px;
    border-radius: 0px;
}

.btn-big-grey {
    font-weight: bold;
    width: 100%;
    padding: 40px;
    border: solid #acabab;
    background-color: #acabab;
    color: #fff;
    font-size: 20px;
    border-radius: 0px;
}

.btn-big-white {
    font-weight: bold;
    width: 100%;
    padding: 40px;
    border: solid #acabab;
    background-color: #fff;
    color: #acabab;
    font-size: 20px;
    border-radius: 0px;
}

.btn-additional {
    font-weight: bold;
    width: 100%;
    padding: 10px;
    border: solid #acabab;
    background-color: #acabab;
    color: #000;
    font-size: 15px;
    border-radius: 0px;
}

.btn-big-faq {
    width: 100%;
    padding: 35px;
    border: solid #acabab;
    background-color: #fff;
    font-size: 25px;
    border-radius: 0px;
    font-family: 'Poppins Bold'
}

.btn-big-faq:hover {
    color: #000;
    background: #f3f3f3;
    border-color: #acabab;
    cursor: pointer;
}

.btn-big-white:hover {
    color: #acabab;
    background: #f3f3f3;
    border-color: #acabab;
    cursor: pointer;
}

.btn-additional:hover {
    color: #000;
    background: #b0b0b0;
    border-color: #b0b0b0;
    cursor: pointer;
}

.btn-big-grey:hover {
    color: #fff;
    background: #b0b0b0;
    border-color: #b0b0b0;
    cursor: pointer;
}

.btn-default-small:hover,
.btn-default-big:hover {
    color: #fff;
    background: #da984a;
    border-color: #da984a;
    cursor: pointer;
}
.btn-gold{
    linear-gradient(180deg, #FFCB5E 0%, #FEEAC1 16.15%, #FFCB5E 33.85%, #B58353 86.98%, #FFCA5E 100%)
}
.info-nextstep {
    margin-bottom: 60px;
    margin-top: 15px;
    font-size: 15px;
    line-height: 25px;
}

.info-small {
    margin-top: 5px;
    font-size: 15px;
    line-height: 25px;
    font-style: italic;
}

.font-follow {
    font-family: 'Poppins';
    font-weight: bold;
    font-size: 17px;
    margin-top: 40px
}

.font-reguler {
    font-family: 'Poppins';
}

.font-bold {
    font-family: 'Poppins';
    font-weight: bold;
}

.delete-row i {
    margin-top: 25px;
    color: #d88c3e;
}

.delete-row i:hover {
    cursor: pointer;
    color: #da984a;
}
.footer{background-color: #000; padding: 40px 0px; color: #FFF; font-size: 14px; }
.footer .footer-top{border-bottom: 1px solid #666; padding-bottom: 15px;}
.footer .footer-top .brand-footer{font-size: 18px; font-weight: bold;}
.footer .social-media {text-align: right; height: 100%;}
.footer .social-media > .col{display: flex; align-items: center; justify-content: flex-end;}
.footer .social-media img{ max-width: 50px; }
.footer .footer-bottom{padding-top: 15px;}
.footer .footer-bottom .copyright{text-align: left; padding-bottom: 15px; font-size: 12px; font-weight: 300}

.linkproduct-image img,
.link-image img {
    max-width: 100%;
}

.pickfile img {
    max-width: 100%;
}

.pickfile2 img {
    max-width: 100%;
}

.pagination {
    justify-content: center;
    margin: 1rem 0px 6rem 0px;
    background-color: #FFC312;
}

.pagination .page-link {
    border: 0px;
    font-family: 'Poppins';
    font-weight: bold;
    color: #4a4a4a;
    font-family: 'Poppins';
    background-color: transparent;
}

.pagination .page-item.active .page-link {
    background-color: #000;
    color: #FFF;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin-bottom: 32px;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.main-banner img {
    width: 100%;
    height: 100%;
}

.main-banner {
    position: relative;
}

.main-banner .banner-slider {
    width: 100%;
    height: 100%;
    position: relative;
}

.main-banner .banner-slider img {
    width: 100%;
}

.main-banner .slick-list {
    height: 100%;
}

.main-banner .slick-slide {
    margin: 0px;
}

.main-banner .slick-track {
    height: 100%;
}

.main-banner .slick-track .slick-slide img {
    object-fit: cover;
}

.main-banner .slick-dots {
    height: auto;
    bottom: -80px;
}

.main-banner .slick-dots li {
    width: 18%;
    color: #FFF;
    margin: 0px 15px;
}

.main-banner .slick-dots li img {
    filter: grayscale(1);
}

.main-banner .slick-dots li.slick-active {
    color: #E39503
}

.main-banner .slick-dots li.slick-active img {
    filter: grayscale(0.5);
}

.main-banner .slick-dotted.slick-slider {
    margin-bottom: 0px;
}

.main-banner .title {
    font-family: 'udin';
    text-align: left;
    margin-bottom: 10px;
}

.main-banner .card {
    background-color: transparent;
    text-align: left;
    border: 0px;
}

.main-banner .card h5 {
    font-family: 'udin';
    margin-bottom: 0px;
}

.main-banner .card p {
    font-size: 1rem
}

.main-banner .card img {
    height: auto
}

.main-banner .person-name {
    position: absolute;
    right: 75px;
    top: 68%;
    font-size: 20px;
    font-family: 'udin', cursive;
    color: #FFF;
    line-height: 20px;
}

.main-banner .person-title {
    font-size: 16px;
    font-family: 'Zilla Slab', serif
}

.intro {
    display: none;
}

.intro-bg {
    background-color: #000;
    background-position: right;
    background-size: cover;
    padding-bottom: 50px;
    height: 200px;
}

.jury h2 {
    color: #FFF;
    padding-bottom: 115px;
}

.jury {
    background-color: #000;
    padding-bottom: 50px;
}

.jury>div {
    margin-top: -150px;
}

.jury .overlay {
    background-color: rgba(0, 0, 0, 0)
}

.jury .overlay .info {
    bottom: 0%
}

.jury .overlay .info .name {
    padding-bottom: 10px;
    color: #FFF;
    transition: all 0.5s;
    font-size: 20px;
    font-weight: normal;
}

.jury .overlay:hover .info .name {
    color: #FFF
}

.profile {
    justify-content: center;
}

.profile h3{
    color: #FFC312;;
}
.profile h3 img{
    vertical-align: sub;
}

.profile .list-submission {
    list-style: none;
    padding-left: 0px;
}

.profile .list-submission li {
    margin-bottom: 15px;
}

.profile .list-submission li a {
    font-size: 1rem;
    background-color: transparent;
    padding: 12px 30px 12px 50px;
    border-radius: 10px;
    color: #4a4a4a;
    display: block;
    border: 2px solid #FFFFFF;
    color: #FFF;
    font-weight: bold;
}

.profile .list-submission li a:hover {
    text-decoration: none;
    background-color: #D9D9D9;
    color: #000000;
}

.profile .list-submission li.finish {
    position: relative;
}

.profile .list-submission li.finish:before {
    content: url(../images/ico-tick.png);
    margin-right: 10px;
    position: absolute;
    left: 10px;
    top: 15px;
}

.profile .list-submission li.unfinish {
    position: relative;
}

.profile .list-submission li.unfinish:before {
    content: url(../images/ico-untick.png);
    margin-right: 10px;
    position: absolute;
    left: 0px;
    top: 0px;
    transform: scale(11%) translate(-353%,-354%);
}
#submit .btn{display: block; background-color: #F27025; border-radius: 50px; font-weight: bold; padding-top: 15px; padding-bottom: 15px; margin-top: 30px;}

.form-submission .custom-checkbox.list-checkbox {
    display: block !important;
}

.form-submission .custom-checkbox.list-checkbox .item-checkbox {
    margin: 5px 0px;
    width: max-content;
}

.share-social {
    margin-bottom: 100px;
    text-align: center;
    margin-top: 40px;
    display: none;
}

.share-social a {
    padding: 10px 40px;
    color: #FFF;
    font-weight: bold;
    border-radius: 40px;
    font-size: 1.5rem
}

.share-social a:hover {
    text-decoration: none;
    opacity: 0.8
}

.share-social a.fb-share {
    background-color: #3C5A99
}

.share-social a.tw-share {
    /* background-color: #1DA1F2 */
    background-color: black
}

.help {
    position: fixed;
    right: 0px;
    bottom: 0px;
    font-family: 'Poppins';
    font-weight: bold;
}

.help .help-preword {
    background-color: #D88C3E;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
}

.help .help-preword:hover {
    cursor: pointer;
}

.help .help-content {
    background-color: #000;
    padding: 5px 0px;
    color: #FFF;
    display: none;
}

.help .bigtitle {
    font-size: 1.3rem;
    font-weight: bold;
}

.help .bigtitle span:nth-child(1) {
    color: #D88C3E
}

.help .help-content .desc {
    font-size: 0.8rem
}

.help .help-content .rightside a {
    color: #FFF
}

.pitch {}

.pitch .banner {
    background-image: url(../images/pitch-banner.jpg);
    background-size: cover;
    min-height: 400px;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 75px;
}

.pitch .banner .textarea {
    max-width: 800px;
    text-align: center;
}

.pitch .banner .textarea p {
    font-size: 18px;
}

.pitch .tnc {
    background-color: #E39503;
    padding-top: 40px;
    padding-bottom: 40px;
}

.pitch .tnc .item {
    text-align: center;
    padding: 15px;
}

.pitch .tnc .item p {
    padding: 0px 15px;
}

.pitch .tnc .lists {
    max-width: 800px;
    margin: 0px auto;
    padding: 30px 30px;
    background-color: #EDAB30;
    margin-top: 40px;
    margin-bottom: 40px;
}

.pitch .tnc .lists h3 {
    text-align: center;
    margin-bottom: 20px;
    font-family: 'udin';
}

.pitch .tnc .lists ol li {
    padding: 5px 0px;
    font-size: 18px;
}

.pitch .tnc .embed-responsive {
    width: 100%;
    max-width: 800px;
    margin: 0px auto;
}

.pitch .submission-section {
    background-color: #000;
    color: #FFF;
    padding: 100px 0px;
}

.pitch .submission-section h4 {
    text-align: center;
    margin-bottom: 30px;
}

.pitch .submission-section form {
    max-width: 600px;
    margin: 0px auto;
}

.pitch .submission-section form input {
    background-color: transparent;
    border: 1px solid #FFF;
    color: #FFF;
    padding: 15px;
    font-size: 18px;
}

.pitch .submission-section form button {
    background-color: #E39503;
    font-size: 20px;
    font-family: 'udin';
    border: 0px;
    padding: 15px;
    display: block;
    width: 100%;
    margin-top: 30px;
}

.pitch .submission-section form .message {
    font-size: 20px;
    text-align: center
}

.requirement {
    max-width: 800px;
    font-size: 18px;
}

.requirement p {
    padding-bottom: 15px;
}

.requirement a {
    color: #D88C3E
}

.archive-video.vlog-video a.nav-link {
    font-family: udin
}

.archive-video.vlog-video .archive-item .video .image {
    height: 170px;
}

.archive-video.vlog-video a.nav-item.nav-link.active {
    border: 0px;
}

.archive-video.vlog-video .nav-tabs .nav-item {
    margin-bottom: 0px;
}

.schedule {
    max-width: 600px;
}

.schedule h3 {
    font-size: 22px;
}

.schedule .schedule-city {
    background-color: #D88C3E;
    margin-bottom: 30px;
    min-height: 130px;
    border-radius: 10px;
}

.schedule .schedule-city>div {
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center
}

.schedule .schedule-city>div:last-child {
    justify-content: flex-start
}

.schedule .schedule-city a {
    color: #FFF;
    display: flex;
    height: 100%;
    align-items: center
}


/* New Homepage */

.bg-finalDay {
    background: black;
    background-size: cover;
}


/* .bg-finalDay img {margin: auto;margin: 90px 10px 50px 10px;} */

#popUpModal,
.modalContent {
    background: rgba(0, 0, 0, 0.6);
}

#phoneLogo {
    width: 300px;
}

#paragraf {
    color: aliceblue;
    margin: 25px 0px 0px 0px;
}

#phone p:nth-child(1) {
    font-style: italic;
    color: aliceblue;
}

#paragraf p:nth-child(1),
#paragraf p:nth-child(2) {
    font-weight: bold;
    font-size: 20px;
}

#paragraf p:nth-child(3) {
    font-weight: bold;
    font-size: 20px;
}

#paragraf p:nth-child(4) {
    margin-bottom: 30px;
}

#paragraf p:nth-child(4) a {
    padding: 13px 65px;
    border-radius: 3px;
    color: aliceblue;
    background-color: #D88C3E;
    text-decoration: none;
}

.modalFooter a {
    color: aliceblue;
}

.web-series {
    background-color: #FFF;
    padding-top: 30px;
}
.web-series h1{ color: #4a4a4a; font-weight: bold;}
.webseries-video h2{ color: #4a4a4a; font-weight: bold; position: relative;}
.webseries-video h2:before{
    content: "";
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 5px solid #D88C3E; 
    width: 300px;
    margin-top: -30px;
}

.web-series.complete {
    background-color: #FFF;
    padding-top: 80px;
}

.web-series .row {
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    justify-content: center;
}

.web-series .row .col-sm-4:nth-child(1) {
    text-align: right;
}

.webseries-video p{padding-left: 15px; padding-right: 15px;}
.webseries-video .ceritaSukses .archive-item {
    display: none;
}

.webseries-video .webseries-video nav {
    border-bottom: 2px solid #C57F38;
    border-radius: 3px;
}

.webseries-video a.nav-link {
    color: aliceblue;
    font-family: cursive;
}

.webseries-video a.nav-item.nav-link:hover {
    border: 0px;
}

.webseries-video a.nav-item.nav-link.active {
    border: 2px solid #C57F38;
    border-bottom: 0px;
    background-color: black;
    border-radius: 3px;
    color: #C57F38;
}

.webseries-video .nav-video {
    width: 90%;
}

.webseries-video nav {
    background-color: #000
}

.webseries-video .archive-item {
    margin-bottom: 30px;
}

.webseries-video .archive-item a .video {
    position: relative;
}

.webseries-video .archive-item a .video .image {
    height: auto;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.webseries-video .archive-item a .video .image img {
    width: 100%;
    transition: all 0.3s
}

.webseries-video .archive-item:hover .title a{
    /*width: 110%;*/
    /*transform: translate(-5%, -5%);*/
    text-decoration: none;
}

.webseries-video .archive-item a .video span {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    align-items: flex-end;
    justify-content: flex-start;
    position: absolute;
    background: linear-gradient(45deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    top: 0px;
    left: 0px;
}

.webseries-video .archive-item a .video span img {
    width: 30px !important;
    height: 30px;
    margin-right: 10px;
    margin-top: 10px;
}
.webseries-video .archive-item a:hover .video span img{
    color: #FFF;
    transform: scale(1.3);
}
.webseries-video .archive-item a:hover .video span:after{
    content: "PLAY";
    padding-right: 13px;
    padding-top: 5px;
    color: #FFF;
    font-size: 10px;
    font-weight: 600;
}
.webseries-video .archive-item .video span img:hover {
    opacity: 0.8;
    cursor: pointer;
}

.webseries-video .archive-item .namaBisnis {
    font-size: 14px;
    font-weight: bold;
    padding-top: 2px;
    color: aliceblue
}

.webseries-video .archive-item .title {
    font-size: 1rem;
    padding-top: 10px;
    padding-bottom: 5px;
    font-weight: bold;
    color: #4a4a4a;
    text-align: left;
}
.webseries-video .archive-item .title-vlogpitch {
    font-size: 1rem;
    padding-bottom: 5px;
    font-weight: bold;
    color: #4a4a4a;
}

.webseries-video .archive-item .title a {
    color: #4a4a4a;
}

.webseries-video .view-more {
    width: 100%;
    text-align: center;
}

.webseries-video .view-more a {
    padding: 20px 60px;
    border: 1px solid aliceblue;
    background-color: transparent;
    border-radius: 5px;
    margin-bottom: 30px;
    display: inline-block;
    color: aliceblue;
    font-family: 'udin';
    text-decoration: none;
    transition: all 0.2s;
}

.webseries-video .view-more a:hover {
    background-color: aliceblue;
    color: black
}

.sign-up .btn-cta-home {
    margin: 10px;
    padding: 20px 60px;
    border-radius: 50px;
    background-color: transparent;
    font-size: 1.5rem;
    border: 2px solid #D88C3E;
    text-transform: uppercase;
    font-family: udin;
    color: #D88C3E
}

.sign-up .btn-cta-home:hover {
    background: #D88C3E;
    color: #000
}

.about-finalday {
    background: black url(../images/bg-about.jpg) no-repeat top center;
    background-size: 100%;
    color: #FFF;
    margin-top: 75px;
    padding-top: 35px;
}

.about-finalDay h1 {
    font-family: 'udin', sans-serif;
    color: #FFF;
    font-weight: 700;
    font-size: 80px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.about-finalDay .content {
    font-size: 18px;
    line-height: 30px;
}

.about-finalDay .cta-area {
    margin-bottom: 50px;
    display: inline-block;
    margin-top: 50px;
}

.about-finalDay .cta-area a {
    margin: 10px;
    padding: 20px 60px;
    border-radius: 50px;
    background-color: #ff8e01;
    font-size: 1.5rem;
    border: 3px solid #ff8e01;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    text-decoration: none
}

.about-finalDay .cta-area a:hover {
    background-color: transparent;
    color: #D88C3E
}

#popUpModal .modal-dialog {
    max-width: 100%;
}

#popUpModal .modal-dialog .modal-body {
    max-width: 800px;
}

#popUpModal .modalFooter {
    padding-bottom: 40px;
}

#popUpModal .modalFooter a {
    padding: 10px 30px;
    font-family: 'udin', sans-serif;
    border: 2px solid #D88C3E;
    display: inline-block;
    border-radius: 8px;
    text-transform: uppercase;
    font-weight: 700
}

#popUpModal .modalFooter a:hover {
    text-decoration: none
}

.btn-loadmore {
    padding: 20px 60px;
    background-color: #FFF;
    border-radius: 0px;
    margin-bottom: 30px;
    font-family: 'udin';
    border: 2px solid #000;
    color: #000;
    transition: all 0.3s;
    font-weight: bold;
}

.btn-loadmore:hover {
    background-color: #000;
    color: #FFF;
}

.form-item {
    position: relative;
}

.form-item .teaser {
    background-color: rgba(0, 0, 0, 0.75);
    position: absolute;
    top: 0;
    left: 0px;
    width: 106%;
    height: 106%;
    z-index: 99;
    margin: -20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    color: #FFF;
    flex-direction: column;
    text-align: center;
    padding: 15px;
    border-radius: 10px;
}

.form-item .teaser span {
    font-size: 34px;
}

.form-item .teaser .links a {
    border: 1px solid #EE9700;
    padding: 7px 25px;
    color: #FFF;
    border-radius: 8px;
    font-size: 18px;
}

.form-item .teaser .links a:first-child {
    background-color: #EE9700;
    color: #000
}

.home-banner {
    background-color: #000;
    color: #FFF;
    text-align: center;
    background-size: cover;
    background-position: center center;
    overflow-x: hidden;
    margin-top: 94px;
    /*background-image: url(../images/banner-dsc12-lg.jpg);*/
    /*height: 100%;*/
    align-items: center;
    justify-content: center;
    /*padding-bottom: 50px;*/
}
.home-banner picture{width: 100%;}
.home-banner picture img{width: 100%;}
.home-banner h2{margin-bottom: 60px; font-weight: bold; font-size: 4rem;}

.home-banner h1 span {
    color: yellow
}

.home-banner .timer-number {
}

.home-banner .timer-wrapper {
    position: relative;
    margin-top: 50px;
    margin-bottom: 100px;
}

.home-banner .video-background {
    
}
.home-banner .video-background video{
    width: 100%;
}

.countdown-container {
    font-family: udin, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    width: 100%;
}

.countdown {
    display: flex;
}

.countdown.remove {
    animation: hide-countdown 1s cubic-bezier(0, 0.9, 0.56, 1.2) forwards;
    overflow: hidden;
}

.number,
.separator {
    display: block;
    color: #333;
    height: 1rem;
    font-size: 10rem;
    position: relative;
    line-height: 1rem;
    text-align: center;
    width: 100%;
    font-weight: bold;
}

.timer-wrapper{}
.timer-wrapper .new,
.timer-wrapper .old,
.timer-wrapper .current {
    color: #FFC312;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

new {
    animation: show-new 0.4s cubic-bezier(0, 0.9, 0.5, 1.2) forwards;
}

.old {
    animation: hide-old 2s cubic-bezier(0, 0.9, 0.56, 1.2) forwards;
}

.countdown section {
    position: relative;
}

.help {
    background-color: #1CA851
}

.help a {
    color: #FFF;
    padding-right: 15px;
}

.help a .logo {
    padding-right: 10px;
}

.partners .header {
    font-size: 28px;
    font-weight: bold;
    font-family: 'udin';
    padding-top: 50px;
    text-align: center;
    padding-bottom: 10px;
}

.partners ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-left: 0px;
    padding-left: 0px;
}

.partners ul li {
    /* flex: 0 0 14%; */
    /* max-width: 14%; */
    text-align: center;
    padding: 0px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.partners ul li img {
    /* max-height: 75px; */
}

.navbar {
    letter-spacing: 1px;
    font-family: 'Poppins',sans-serif;
    padding-bottom: 15px;
    padding-left: 40px;
    padding-right: 40px;
}

.archive h2 {
    font-weight: bold;
    margin-bottom: 30px;
}

.home-webinar {padding-bottom: 80px; background-image: url("../images/background-video-text.png"); background-repeat: no-repeat; background-position: 100% 75%;}
.home-webinar h2 {font-weight: bold;}
.home-webinar p{font-size: 1.3rem; margin-bottom: 30px;}
.home-webinar a {color: #FFF; border-radius: 30px; border: 2px solid #DDDD52; padding: 15px 30px; font-weight: 600; transition: 0.3s all}
.home-webinar a:hover{background-color: #DDDD52; color: #000; text-decoration: none}



.webinar {
    background-color: #000;
    padding: 100px 0px;
    background-image: url(../images/bg-new.jpg);
    background-size: cover;
}

.webinar h3 {
    color: #FFF;
    font-weight: bold;
}

.finalist .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-bottom: 2px solid !important
}

.popover {
    min-width: 400px;
    box-shadow: 0px 5px 5px 0px rgba(204, 204, 204, 1);
    background-color: #e9ecef;
    border: 0px;
}

.popover-body {
    padding: 15px;
    padding-bottom: 0px;
}

.popover-body ul {
    padding-left: 15px;
}

.popover-body ul li {
    padding-bottom: 10px;
    padding-left: 5px;
}

.finalist1500 {
    background-color: #000000;
    color: #FFF;
    background-image: url(../images/bg-finalist.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 180px;
}

.finalist1500 h1 {
    font-weight: bold;
}

.table-finalist {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 20px;
    overflow: hidden;
    padding: 15px 15px;
    margin-bottom: 30px;
}

.table-finalist .pagination {
    margin-bottom: 0px;
    justify-content: flex-end;
}

.table-finalist .pagination .page-link {
    background-color: transparent;
    color: #DDD;
}

.table-finalist .pagination .page-item.disabled .page-link {
    color: #777
}

.table-finalist .pagination .page-item.disabled .page-link:focus {
    border: 0px;
    box-shadow: none;
}

.table-finalist .pagination .page-item.active .page-link {
    background-color: #D88C3E
}

#datatableid {
    border: 0px;
}

#datatableid_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: 250px;
}

#datatableid_wrapper .table-bordered tr:nth-child(even) {
    background-color: #222
}

#datatableid_wrapper .table-bordered td,
#datatableid_wrapper .table-bordered th {
    border: 0px;
    color: #EEE;
    font-family: 'udin'
}

#datatableid_wrapper .table-bordered th {
    background-color: #D88C3E
}

#datatableid_wrapper thead {
    color: #fff;
    background-color: #212529;
    border-color: #32383e;
}

#datatableid_wrapper .dataTables_length label {
    display: inline-flex;
    align-items: baseline;
}

#datatableid_wrapper .dataTables_length label select {
    margin: 0px 5px;
    background-color: transparent;
    color: #CCC;
    border: 0px;
    border-bottom: 1px solid
}

#datatableid_wrapper #datatableid_filter {
    text-align: right;
}

.link-guidelines .guideline {
    font-size: 1.5rem;
    text-align: center;
    font-weight: bold
}

.link-guidelines .guideline-link {
    text-align: center;
    margin: 30px 0px 100px;
}

.link-guidelines .guideline-link a {
    padding: 15px 40px;
    font-size: 1.3rem;
    border: 2px solid #D88C3E;
    color: #000;
    font-weight: bold;
    border-radius: 10px;
}

.link-guidelines .guideline-link a:hover {
    transition: all 0.3s
}

.link-guidelines .guideline-link a:nth-child(1) {
    margin-right: 10px;
    background-color: #D88C3E
}

.link-guidelines .guideline-link a:nth-child(1):hover {
    text-decoration: none;
    background-color: transparent;
    color: #D88C3E
}

.link-guidelines .guideline-link a:nth-child(2) {
    color: #D88C3E
}

.link-guidelines .guideline-link a:nth-child(2):hover {
    text-decoration: none;
    background-color: #FFF;
    color: #000;
    border-color: #FFF;
}

.link-guidelines .guideline-city {
    text-align: center;
    margin: 30px 0px 100px;
}

.link-guidelines .guideline-city a {
    padding: 8px 15px;
    font-size: 1.3rem;
    border: 2px solid #D88C3E;
    color: #000;
    font-weight: bold;
    border-radius: 10px;
}

.link-guidelines .guideline-city a:hover {
    transition: all 0.3s
}

.link-guidelines .guideline-city a:nth-child(1) {
    margin-right: 10px;
    background-color: #D88C3E
}

.link-guidelines .guideline-city a:nth-child(1):hover {
    text-decoration: none;
    background-color: transparent;
    color: #D88C3E
}

.link-guidelines .guideline-city a:nth-child(2) {
    margin-right: 10px;
    background-color: #D88C3E
}

.link-guidelines .guideline-city a:nth-child(2):hover {
    text-decoration: none;
    background-color: transparent;
    color: #D88C3E
}

.link-guidelines .guideline-city a:nth-child(3) {
    margin-right: 10px;
    background-color: #D88C3E
}

.link-guidelines .guideline-city a:nth-child(3):hover {
    text-decoration: none;
    background-color: transparent;
    color: #D88C3E
}

.numbers{padding: 100px 0px; background-image: url(../images/bg-dsc-numbers.jpg); background-position: center; background-attachment: fixed; background-size: cover; }
.numbers h2{font-size: 5rem; font-weight: bold; color: #FFF; margin-bottom: 50px;}
.numbers .items{background: linear-gradient(268.66deg, rgba(22, 22, 24, 0.4) 1.07%, rgba(0, 0, 0, 0.4) 17.36%, rgba(26, 26, 29, 0.004) 98.79%);box-shadow: inset 0px 2px 4px rgba(255, 255, 255, 0.16);backdrop-filter: blur(10px);border-radius: 25px; padding: 30px 20px; color: #FFF; height: 100%; border-radius: 10px; overflow: hidden; text-align: center;}
.numbers .items img{display: inline-block;}
.numbers .digits{font-size: 5vw; font-weight: bold; line-height: 25px; padding-top: 50px; display: flex; justify-content: center;}
.numbers .digits .unit{font-size: 2rem; }
.numbers .subtitle{font-size: 18px; font-weight: bold; padding-bottom: 10px; font-style: italic; color: #FFDE00;}
.numbers .description{font-size: 18px; line-height: 25px; padding-top: 25px;}
.numbers .slick-next, .numbers .slick-prev{width: 30px; height: 30px; z-index: 999;}
.numbers .slick-next::before, .numbers .slick-prev::before{font-size: 30px; color: #FFF;}

.white-btn{border: 2px solid #FFF; border-radius: 25px; color: #FFF; padding: 10px 20px; transition: all 0.3s;}
.white-btn:hover{background-color: #FFF; color: #000; text-decoration: none;}
.benefit{background-image: url(../images/bg-benefit.jpg); background-repeat: no-repeat; background-position: bottom center; background-size: cover; }
.benefit h2{font-weight: 800;  margin-bottom: 40px;}
.benefit .image{padding-bottom: 10px; text-align: center; display: flex; justify-content: center;}
.benefit .image img{max-height: 200px;}
.benefit .title{letter-spacing: 2px; font-size: 20px; font-weight: bold; padding-bottom: 5px; text-align: center; padding: 20px 0px;}
.benefit .description{font-size: 1rem; line-height: 25px; text-align: center; padding-left: 30px; padding-right: 30px;}
.benefit .link{text-align: center; margin-top: 50px;}
.benefit .link a{font-size: 18px; padding: 15px 50px; border-radius: 10px; color: #FFDE00; font-weight: bold; background: linear-gradient(44.17deg, #4D4D4D 0%, #000000 148.73%);}
.benefit .slick-next, .benefit .slick-prev{width: 30px; height: 30px; z-index: 999;}
.benefit .slick-next::before, .benefit .slick-prev::before{font-size: 30px; color: #FFF;}

.home-campus h2{font-weight: bold; }
.home-campus{background-image: url(../images/bg-campus.jpg); background-size: cover; background-position: center; min-height: 600px; display: flex; justify-content: center; align-items: center; color: #FFF; background-attachment: fixed;}
.home-campus a{background-color: #FFF; color: #000; font-size: 1.2rem; padding: 15px 40px; border-radius: 30px; margin-top: 30px; font-weight: bold; transition: all 0.3s;}
.home-campus a:hover{background-color: #000; color: #FFF; text-decoration: none;}

.home-testimonial .content{text-align: center; margin-bottom: 25px;}
.home-testimonial .content .frame{ box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75); height: 100%; border-radius: 10px; overflow: hidden; background-color: #FFC312;}
.home-testimonial h2{font-weight: bold; margin-bottom: 30px;}
.home-testimonial .image{text-align: center;}
.home-testimonial .image img{width: 100%; object-fit: cover; display: block;}
.home-testimonial .name{font-size: 16px; font-weight: bold; padding: 0px; display: inline-block;}
.home-testimonial .period{font-size: 14px; padding: 0px 0px 10px;}
.home-testimonial .quote{text-align: left; padding: 0px 20px 20px 20px;}
.home-testimonial .link{text-align: center; margin-top: 30px; padding-bottom: 80px;}
.home-testimonial .link a{font-size: 18px; padding: 15px 50px; border-radius: 10px; color: #FFDE00; font-weight: bold; background: linear-gradient(44.17deg, #4D4D4D 0%, #000000 148.73%);}

.home-testimonial .slick-list{padding-top: 5px;}  
.home-testimonial .slick-next, .home-testimonial .slick-prev{width: 40px; height: 40px; z-index: 999;}
.home-testimonial .slick-next::before, .home-testimonial .slick-prev::before{font-size: 40px; color: #FFF;}
.img-banner{padding-bottom: 40px;}

/* #navbarDsc .navbar-nav .nav-item:nth-last-child(2){border: 0px; border-radius: 20px; display: inline; flex: 0; padding-left: 30px; padding-right: 30px; background-color: #D88C3E} */
/* .navbar-nav .nav-item img{max-width: 55px;} */
.home-submission .button-area div a{padding: 15px 40px; border-radius: 30px; font-weight: bold; font-size: 18px;}
.home-submission .button-area div a:hover{text-decoration: none;}
.home-submission .button-area div a:nth-child(1){background-color: #D88C3E; color: #000;}
.home-submission .button-area div a:nth-child(2){background-color: #000; color: #D88C3E; border: 2px solid #D88C3E}

.alumni h1{text-align: center; font-weight: bold;} 
.alumni .item{padding-top: 50px; position: relative;} 
.alumni .item .category-name{color: #F79E1B; text-align: center; text-transform: uppercase; letter-spacing: 1px; font-size: 0.75rem; font-weight: bold; padding-bottom: 5px;}  
.alumni .item .alumni-image{position: relative; padding-bottom: 63%; display: flex; justify-content: center;}
.alumni .item .alumni-image .business-image{text-align: center; padding-bottom: 5px; position: absolute; max-width: 150px; max-height: 150px; top: 50%; transform: translateY(-50%); border-radius: 50%; overflow: hidden;}
.alumni .item .alumni-image .business-image img{max-width: 150px; max-height: 140px;}
.alumni .item .alumni-image .founder-image{text-align: center; padding-bottom: 5px; position: absolute; transition: all 0.3s;}
.alumni .item .alumni-image .founder-image:hover{opacity: 0%;}
.alumni .item .alumni-image .founder-image img{background-color: #FFF;}
.alumni .item a .founder-name{text-align: center; text-transform: capitalize;  font-size: 0.9rem; color: #4a4a4a;}
.alumni .item a:hover{text-decoration: none;}

.alumni-detail{}
.alumni-detail h2{font-weight: bold; padding-top: 15px; margin-bottom: 30px;}
.alumni-detail .brand-details{text-align: right; padding-right: 20px;}
.alumni-detail .brand-details .title{font-size: 12px; letter-spacing: 2px; font-weight: bold;}
.alumni-detail .brand-details p{overflow-wrap: break-word;}
.alumni-detail .brand-details p a{color: #4a4a4a; text-decoration: underline;}
.alumni-detail .profile{color: #000000;}
.alumni-detail .profile h1.name{font-size: 1.8rem; margin-bottom: 0px; font-weight: bold; text-transform: capitalize;}
.alumni-detail .profile .job-title{font-size: 14px; text-transform: uppercase;}
.alumni-detail .profile .details{margin-top: 20px;}
.alumni-detail .breadcrumb {background-color: #FFF; padding-left: 0px; font-size: 14px; font-weight: bold; margin-bottom: 0px;}
.alumni-detail .breadcrumb .breadcrumb-item{text-transform: capitalize;}
.alumni-detail .breadcrumb a{color: #F79E1B; ;}
.alumni-detail .row-details{border-top: 1px solid #CCC; padding-top: 30px; padding-bottom: 30px; margin-left: 0px; margin-right: 0px;}
.alumni-links{text-align: right;margin-top: 50px;}
.alumni-links a{font-weight: bold; padding: 15px 40px; color: #000; background-color: #F79E1B;border: 3px solid #F79E1B; transition: all 0.5s;}
.alumni-links a:hover{text-decoration: none; background-color: #FFF; border: 3px solid #000;}

.alumni-detail .ig-images-wrapper{padding-top: 30px; border-bottom: 1px solid #CCC; padding-bottom: 30px;}
.alumni-detail .ig-images-wrapper .item{position: relative; }  
.alumni-detail .ig-images-wrapper .item .caption{position: absolute; top: 0px; left: 0px; background-color: rgba(0,0,0,0.75); width: 100%; height: 100%; color: #FFF; padding: 40px; opacity: 0; transition: all 0.3s; font-size: 0.8rem; overflow: scroll;}
.alumni-detail .ig-images-wrapper .item:hover .caption{opacity: 1;}

.alumni-detail .related-video{padding: 15px 15px;  margin-top: 30px;}
.alumni-detail .related-video .title{border-bottom: 2px solid #000; padding: 6px 0px 0px 0px; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center;}
.alumni-detail .related-video .title h3{font-size: 2rem; line-height: 3rem; margin-bottom: 0px; font-weight: bold;}
.alumni-detail .related-video h4{font-size: 1rem; color: #000; padding-top: 10px; line-height: 23px; font-weight: 500;}
.alumni-detail .related-video a.btn{display: block; padding: 15px; text-align: center; font-size: 1rem; color: #FFF; font-weight: 900; border: 1px solid #F79E1B; transition: all 0.3s; background-color: transparent;}
.alumni-detail .related-video a.btn:hover{background-color: #FFF; color: #000; border-color: #FFF;}

#modal-unlock .modal-dialog{max-width: max-content; height: 100%; display: flex; align-items: center; margin-top: 0px;}
#modal-unlock .modal-dialog .modal-content{background-color: transparent; border: 0px;}
#modal-unlock .modal-dialog .modal-content .modal-body button.close{opacity: 1;}
#modal-unlock .modal-dialog .modal-content .modal-body button.close span{color: #D88C3E;}
#modal-unlock .modal-dialog .modal-content .modal-body a img{width: auto;}


.vote-challenger{margin-bottom: 100px;}
.vote-challenger h1{border-bottom: 1px solid #D88C3E; padding-bottom: 10px; margin-bottom: 30px;}
.vote-challenger .form-group label{margin-bottom: 0px; font-size: 11px; text-transform: uppercase; font-weight: bold;}
.vote-challenger .challenger-video{width: 100%;}
.vote-challenger .challenger-video .form-filter{margin-bottom: 40px;}
.vote-challenger .challenger-video .challengers-item .vote-details label{margin-bottom: 0px; font-size: 13px; font-weight: 300;}
.vote-challenger .challenger-video .challengers-item{margin-bottom: 50px;}
.vote-challenger .challenger-video .challengers-item a{color: #4a4a4a;}
.vote-challenger .challenger-video .challengers-item a:hover{text-decoration: none;}
.vote-challenger .challenger-video .challengers-item .votes{text-align: left; padding-top: 0px; border-right: 1px solid #FFF; display: flex; align-items: center; justify-content: flex-start; padding-left: 15px; display: inline-block; width: fit-content; font-size: 1.2rem; font-weight: bold;}
.vote-challenger .challenger-video .challengers-item .votes label{font-size: 1rem; margin-bottom: 0px;}
.vote-challenger .challenger-video .challengers-item .vlogbusiness{font-weight: bold; font-size: 2rem; text-transform: capitalize; line-height: 2.5rem; padding-bottom: 20px;}
.vote-challenger .challenger-video .challengers-item .vlogcategory{font-size: 16px; text-transform: capitalize; padding-bottom: 0px; font-size: 1.1rem; font-weight: bold; line-height: 1.3rem; margin-bottom: 15px;}
.vote-challenger .challenger-video .challengers-item .vlogname{font-size: 16px; text-transform: capitalize; padding-bottom: 0px; font-size: 1.1rem; font-weight: bold; line-height: 1rem; margin-bottom: 15px;}
.vote-challenger .challenger-video .challengers-item .vote-details{display: flex; flex-direction: column-reverse; width: 100%;} 
.vote-challenger .challenger-video .challengers-item .vote-details .link{background: #FFC312; display: inline-block; padding: 3px 10px; border-radius: 3px; font-size: 14px; margin-bottom: 10px; margin-top: 5px;}
.vote-challenger .challenger-video .btn-filter-reset{background-color: #000; font-weight: bold; font-size: 14px;}
.vote-challenger .challenger-video .btn-filter-search{background-color: #FFC312; border-color: #FFC312; color: #000; font-weight: bold; font-size: 14px;}
.vote-challenger .challenger-video select#fselector{border-radius: 0px; padding: 15px;}
.vote-challenger.submission h1{border-bottom: 0px solid #D88C3E; margin-bottom: 0px;}
.vote-challenger.submission .text-area{border-bottom: 1px solid #D88C3E; padding-bottom: 10px; margin-bottom: 30px; padding-bottom: 40px;}
.vote-challenger.submission .text-area a{background-color: #FFC312; padding: 10px 40px; color: #000;} 

.vote-challenger.more-details .header-title{background-color: #FFD409; font-size: 2rem; font-weight: bold; text-align: center; padding: 80px 0px;}
.vote-challenger.more-details .breadcrumb{padding: 0px; background-color: #FFF; font-size: 10px; margin-top: 30px;}
.vote-challenger.more-details .breadcrumb a{color: #4a4a4a; text-decoration: underline;}
.vote-challenger.more-details .breadcrumb .breadcrumb-item + .breadcrumb-item::before{content: ">"; }
.vote-challenger.more-details h1{text-transform: capitalize; margin-bottom: 0px; border: 0px;}
.vote-challenger.more-details .container{max-width: 1000px;}
.vote-challenger.more-details label{font-size: 14px;  line-height: 12px; margin-bottom: 0px;}
.vote-challenger.more-details .text{font-weight: bold;}
.vote-challenger.more-details .details-point{margin-top: 30px; margin-left: 0px;}
.vote-challenger.more-details .share-vote{border-top: 1px solid #ff8e01; border-bottom: 1px solid #ff8e01; padding-top: 15px; padding-bottom: 15px; margin-top: 30px; margin-right: 0px; display: flex; align-items: center;}
.vote-challenger.more-details .share-vote > div{padding: 0px;}
.vote-challenger.more-details .share-vote .vote-counter{font-size: 1.2rem; font-weight: bold; display: flex; padding-left: 15px; display: flex; align-items: center;}
.vote-challenger.more-details .share-vote .vote-counter small{;}
.vote-challenger.more-details .share-vote .vote-counter a:hover{text-decoration: none;}
.vote-challenger.more-details .share-vote .vote-counter a:hover button{background-color: #ffad04;}
.vote-challenger.more-details .share-vote .vote-counter > div{margin-right: 15px;}
.vote-challenger.more-details .share-vote .share{text-align: right; display: flex; justify-content: flex-end; align-items: center;}
.vote-challenger.more-details .share-vote button.btn-vote{background-color: #ff8e01; border:0px; font-weight: bold; padding: 5px 15px; display: flex; justify-content: center; align-items: center;}
.vote-challenger.more-details .share-vote button.btn-vote svg{width: 20px; height: 20px; margin-left: 10px;}
.vote-challenger.more-details .share-vote #social-links ul{margin-bottom: 0px;}
.vote-challenger.more-details .share-vote #social-links ul li{margin: 0px 10px;}
.vote-challenger.more-details .share-vote #social-links ul li a{padding: 0px; border: 0px; background-color: transparent; font-size: 24px;}
.vote-challenger.more-details .share-vote #social-links ul li:nth-child(1) a{} /*facebook*/
.vote-challenger.more-details .share-vote #social-links ul li:nth-child(2) a{} /*twitter*/
.vote-challenger.more-details .share-vote #social-links ul li:nth-child(3) a{} /*watsapp*/
.vote-challenger.more-details .link-back{text-align: center;}
.vote-challenger.more-details .link-back a{color: #000; font-weight: bold; font-size: 14px;}
.vote-challenger.more-details .link-back a:hover{text-decoration: none;}
.vote-challenger .pagination{margin-bottom: 0px;}
.vote-challenger-profile .btn-info{display: block; background-color: transparent; border: 1px solid #23272b; padding: 15px; border-radius: 8px; font-weight: bold;}
.vote-challenger-profile .btn-proceed{display: block; background-color: #23272b; color: #FFF; padding: 15px; border-radius: 8px; font-weight: bold;}
.vote-btn-cta{text-align: center; background-color: #FFC312; padding: 40px 0px;}
.vote-btn-cta p{font-weight: bold; font-size: 1.25rem;}
.vote-btn-cta a{font-size: 1.25rem; font-weight: 600; padding: 10px 40px; border-radius: 30px; background-color: #000; color: #FFF; border: 2px solid #000;}
.vote-btn-cta a.first{background-color: transparent;  color: #000;}

.home-vote{background-image: url(../images/bg-home-vote.jpg); background-size: cover; background-position: bottom center; text-align: center;}
.home-vote h2{font-size: 3rem; font-weight: bold;}
.home-vote p{font-size: 1.25rem; margin-bottom: 30px; padding-bottom: 15px;}
.home-vote .buttons a{margin-right: 5px; margin-left: 5px; background-color: #ff8e01; color: #000; font-size: 1.25rem; border: 0px; font-weight: 600; border-radius: 30px; padding-right: 30px; padding-left: 30px;}
.home-vote .buttons a:first-child{background-color: #000; border: 1px solid #ff8e01; color: #FFF;}

.counter-section{ padding: 80px 15px 20px 0px; background-image: url('../images/background-lines.jpg'); background-size: cover; background-position: right top;}
.counter-section .title{display: flex; align-items: center; justify-content: flex-end;}
.counter-section .title h2{color: #FFF; font-weight: bold; font-size: 1.75rem; width: 100%; margin-left: 25%; border-bottom: 2px solid #FFF; padding-bottom: 5px;;}
.counter-section .timer-container{margin-left: 0px;}
.counter-section .timer-wrapper{background: linear-gradient(268.66deg, rgba(22, 22, 24, 0.4) 1.07%, rgba(0, 0, 0, 0.4) 17.36%, rgba(26, 26, 29, 0.004) 98.79%);box-shadow: inset 0px 2px 4px rgba(255, 255, 255, 0.16);backdrop-filter: blur(10px);border-radius: 25px; padding: 50px 0px 20px 0px;}

.timer-container{position: relative; left: 50%; transform: translateX(-50%); height: 300px;}
.timer-container .img-atas{max-width: 45%;}
.timer-container .img-bawah{max-width: 55%;}
.timer-container .countdown{height: 175px; padding-top: 60px;}

.navbar .img-menu{max-height: 40px; position: absolute; top:13px; left:50%; transform: translateX(-50%);}
.menu-linings{background: linear-gradient(90deg, #DDDD52 0%, #F2E2B1 22.19%, #F0BA44 44.89%, #FFA900 60.37%, #F5E5C6 83.07%, #FFC000 98.55%); height: 3px; width:100%; position: absolute; bottom: 0px; left:0px;}

.home-slider{background-color: #000}
.home-slider .slick-list{padding: 0px !important}
.home-slider .slick-slide{margin: 0px;}
.home-slider .slick-slide img{width: 100%;}
.home-slider .slick-next{right:0px;}
.home-slider .slick-prev{left:0px;}
.home-slider .banner-item{position: relative;}
.home-slider .banner-item .overlay{position: absolute; top:0px; left:0px; background: linear-gradient(180deg, rgba(13, 13, 13, 0) -32.87%, #0D0D0D 100%); height: 100%; width: 100%}
.home-slider .banner-item .overlay .caption{left: 10%; bottom: 20%; position: absolute; max-width: 38%; color: #FFF}
.home-slider .banner-item .overlay .caption .subtitle{font-size: 1.5rem; letter-spacing: 3px; margin-bottom: 15px;}
.home-slider .banner-item .overlay .caption .title{font-size: 4rem; font-family: 'DM Serif Text', serif; line-height: 4.5rem}
.home-slider .banner-item .overlay .caption .title span{background: linear-gradient(180deg, #FFCB5E 0%, #FEEAC1 16.15%, #FFCB5E 33.85%, #B58353 86.98%, #FFCA5E 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.home-slider.slick-dotted.slick-slider{margin-bottom: 0px; margin-top:0px;}
.home-slider .slick-dots{bottom: auto;right: 20px;top: 0px; width: auto; height: 100%;display: flex;flex-direction: column;justify-content: center;}
.home-slider .slick-dots li{height: 40px; margin-bottom: 5px;}
.home-slider .slick-dots li button::before{content: ""; background-color: #D9D9D9; width: 10px; height: 40px;}
.home-slider .slick-dots li button{width: 10px; height: 40px;}
.home-slider .slick-dots li.slick-active button::before{background: linear-gradient(90deg, #DDDD52 0%, #F2E2B1 22.19%, #F0BA44 44.89%, #FFA900 60.37%, #F5E5C6 83.07%, #FFC000 98.55%);}
.home-slider .slick-dots li.slick-active button::before{color: #D9D9D9}

.home-about .right-side{display: flex; flex-direction: column; justify-content: center; padding-left: 80px;}
.home-about .right-side .text{max-width: 80%}
.home-about .right-side .text .small{letter-spacing: 2px; padding-bottom: 40px}
.home-about .right-side .text .description{font-size: 1.3rem}
.home-about .right-side .links{padding-top: 40px;}
.home-about .right-side .links a{border: 2px solid #FFCB5E;color: #FFF; padding: 15px 30px; border-radius: 30px; transition: all 0.3s}
.home-about .right-side .links a:hover{background-color: #DDDD52; color: #000; text-decoration: none}
.home-about .right-side h1{font-weight: 600; background: linear-gradient(180deg, #FFCB5E 0%, #FEEAC1 16.15%, #FFCB5E 33.85%, #B58353 86.98%, #FFCA5E 100%);background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text; font-size: 2rem;}

.archive-item .excerpt{max-height: 100px;-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));-webkit-mask-repeat: no-repeat;-webkit-mask-position: bottom;}

.testimonial h2{background: linear-gradient(180deg, #FFCB5E 0%, #FEEAC1 16.15%, #FFCB5E 33.85%, #B58353 86.98%, #FFCA5E 100%);background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text; font-size: 4rem; font-family: 'DM Serif Text'}
.testimonial .item{display: flex; flex-direction: column; justify-content: space-between} 
.testimonial .item small{font-weight: bold;}
.testimonial .link{display: inline-flex; margin-top: 30px; justify-content: center}
.testimonial .link a{padding: 15px 30px; color: #FFF; border:2px solid #DA9B64; border-radius: 30px; margin-bottom: 30px; font-weight: bold; transition: 0.3s all}
.testimonial .link a:hover{text-decoration: none; background-color: #DA9B64; color: #000}

.home-tvc{background-image: url('../images/bg-tvc.jpg'); background-repeat: no-repeat; background-size: cover; background-position: top center; padding-bottom: 80px; padding-top: 50px;}
.home-tvc .left-side{}
.home-tvc h2{text-align: center; font-family: 'DM Serif Text'; padding-top: 50px; padding-bottom: 50px; font-style: italic; font-size: 4rem; background: linear-gradient(180deg, #FFCB5E 0%, #FEEAC1 16.15%, #FFCB5E 33.85%, #B58353 86.98%, #FFCA5E 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.home-tvc h3{font-family: 'DM Serif Text'; font-size: 2rem; padding-bottom: 30px;}
.home-tvc p{font-size: 1.5rem;padding-bottom: 30px;}
.home-tvc a{border:2px solid #DA9B64; padding: 15px 30px; border-radius: 30px; color: #FFF; display: inline-block; text-align: center; transition: all 0.3s}
.home-tvc a.litylink{padding: 0px; border-radius: 0px;}
.home-tvc a:hover{background-color: #DA9B64; color: #000; text-decoration: none}

.section-type-short{padding: 80px 0px;}
.section-type-short h2{font-family: 'DM Serif Text'; padding-bottom: 30px; font-size: 4rem; background: linear-gradient(180deg, #FFCB5E 0%, #FEEAC1 16.15%, #FFCB5E 33.85%, #B58353 86.98%, #FFCA5E 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.section-type-short p{font-size: 1.5rem; margin-bottom: 50px;}
.section-type-short a{padding: 15px 30px; color: #FFF; border:2px solid #DA9B64; border-radius: 30px; margin-bottom: 30px; font-weight: bold; transition: 0.3s all}
.section-type-short a:hover{text-decoration: none; background-color: #DA9B64; color: #000}

.section-type-long{padding: 80px 0px; background-position: right bottom; background-size: contain; background-repeat: no-repeat;}
.section-type-long h2{font-family: 'DM Serif Text'; padding-bottom: 30px; font-size: 4rem; background: linear-gradient(180deg, #FFCB5E 0%, #FEEAC1 16.15%, #FFCB5E 33.85%, #B58353 86.98%, #FFCA5E 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.section-type-long .quote p{font-size: 1.25rem; margin-bottom: 50px;}
.section-type-long .quote .quote-name{font-weight: bold}
.section-type-long .quote .quote-entitle{font-weight: light; font-size: 14px;}
.section-type-long a{padding: 15px 30px; color: #FFF; border:2px solid #DA9B64; border-radius: 30px; margin-bottom: 30px; font-weight: bold; transition: 0.3s all}
.section-type-long a:hover{text-decoration: none; background-color: #DA9B64; color: #000}

.home-aurapreneur{}
.home-aurapreneur .blackbox{height:125px; background-color: #000}
.home-aurapreneur .banner{min-height: 400px; background-color: #000; background-image: url('../images/banner-aurapreneur.jpg'); background-position: center; background-size: 50%; background-repeat: no-repeat; display: flex; align-items: flex-end; justify-content: center; padding-top: 125px;}
.home-aurapreneur .banner .caption{text-align: center;}
.home-aurapreneur .banner .caption .small{font-size: 0.8rem; letter-spacing: 2px; color: #FFF}
.home-aurapreneur .banner .caption h1{background: linear-gradient(180deg, #FFCB5E 0%, #FEEAC1 16.15%, #FFCB5E 33.85%, #B58353 86.98%, #FFCA5E 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent; font-family: 'DM Serif Text', serif; font-size: 4rem}
.home-aurapreneur .preword a{display: inline-block; padding: 15px 40px; color: #000; border-radius: 30px; font-weight: 600; margin-top: 20px; margin-bottom: 40px; border: 2px solid #DA9B64}
.home-aurapreneur .preword a:hover{text-decoration: none; background: }

.aurapreneur{background-color: black; background-position: top center}
.aurapreneur{background-color: rgba(0,0,0,0.25); background-position: top center}
.aurapreneur .img-logo{position: absolute; left:50%; transform: translateX(-50%); top:10px; max-width: 200px;}
.aurapreneur .wrapper{display: flex; align-items: center; }
.aurapreneur #questionForm{width: 100%}
.aurapreneur #questionForm .q-container{ }
.aurapreneur #questionForm .item{display: none; padding: 40px 15px; border: 0px; border-radius:5px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); background-color: #FEFEFE}
.aurapreneur #questionForm .item.active{display: block; }
.aurapreneur #questionForm .form-label{margin-bottom: 20px; font-size: 1.4rem; line-height: 2rem; font-weight: 600}
.aurapreneur #questionForm .form-check{padding-left: 0px;}
.aurapreneur #questionForm .form-check input{display: none; }
.aurapreneur #questionForm .form-check .form-check-label{10px 30px; border: 1px solid #CCC; padding: 10px; margin-bottom: 10px; width: 100%}
.aurapreneur #questionForm .form-check .form-check-label:hover{cursor: pointer;}

.oursuccess{padding-top: 145px; }
.oursuccess h1{background: linear-gradient(180deg, #FFCB5E 0%, #FEEAC1 16.15%, #FFCB5E 33.85%, #B58353 86.98%, #FFCA5E 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent; font-family: 'DM Serif Text', serif; font-size: 4rem; margin-top: 40px; margin-bottom: 50px;}
.oursuccess .testimony .item{padding-top: 30px; padding-bottom: 50px;}
.oursuccess .testimony .item .text{padding-left: 30px}
.oursuccess .testimony .item:nth-child(even){flex-direction: row-reverse;}

.achievement{padding-top: 40px; padding-bottom: 40px;}
.achievement h2{font-family: 'DM Serif Text', serif; font-size: 4rem; margin-top: 40px; margin-bottom: 50px;}
.achievement .item{padding-bottom: 50px;}
.achievement .item .thumb{display: flex; align-items: flex-start;}
.achievement .item .time{font-size: 0.9rem; }
.achievement .item .title{font-weight: bold; margin-bottom: 15px;}

.successstory{background-image: url( '../images/cak-nun.jpg' ); background-position: top right; background-size: cover; padding-top: 40px; padding-bottom: 80px;}
.successstory h1{background: linear-gradient(180deg, #FFCB5E 0%, #FEEAC1 16.15%, #FFCB5E 33.85%, #B58353 86.98%, #FFCA5E 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent; font-family: 'DM Serif Text', serif; font-size: 4rem; margin-top: 80px; margin-bottom: 100px;}
.successstory p{font-size: 1.5rem; line-height: 2rem}

.person {background: linear-gradient(180deg, #CECCCC 0%, #DDDADA 53.81%, #EAE7E7 101.29%); padding-top: 80px; padding-bottom: 80px;}
.person h3{font-size: 1.25rem; text-align: center; padding-top: 10px; padding-bottom: 50px;}
.person .item{text-align: center; margin-bottom: 50px;}
.person .item .name{font-weight: bold; padding-top: 5px;}
.person .item .occupation{font-size: 0.9rem; line-height: 1rem}

.article-nav h2{font-size: 4rem; margin-bottom: 30px; padding-top: 40px; font-weight: bold;}
.article-nav .selector{width: 100%; border-radius: 20px; background-color: #D88C3E; color: #000; border: 0px;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}
.article-nav .selector ~ .dropdown-menu{width: 100%; text-align: center;}
.article-nav input{border-radius: 20px;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}

.font-gold{font-weight: 600;background: linear-gradient(180deg, #FFCB5E 0%, #FEEAC1 16.15%, #FFCB5E 33.85%, #B58353 86.98%, #FFCA5E 100%);background-clip: border-box;background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}

.form-item .form-multiselect .custom-checkbox.checkbox-withIcon .col-sm-3{max-width: 20%; padding: 0px;}
.form-item .form-multiselect .custom-checkbox.checkbox-withIcon{color: #FFF; overflow: visible;}
.form-item .form-multiselect .custom-checkbox.checkbox-withIcon .item-checkbox{overflow: visible; border:0px; margin:0px;}
.form-item .form-multiselect .custom-checkbox.checkbox-withIcon .item-checkbox span{color: #FFF; font-weight: bold;}
.form-item .form-multiselect .custom-checkbox.checkbox-withIcon .checkbox-sdg:focus{box-shadow: 0px}
.form-item .form-multiselect .custom-checkbox.checkbox-withIcon .custom-control-input:focus ~ .custom-control-label::before{box-shadow: none}
.form-item .form-multiselect .custom-checkbox.checkbox-withIcon label{padding:0px;}
.form-item .form-multiselect .custom-checkbox.checkbox-withIcon label span{}
.form-item .form-multiselect .custom-checkbox.checkbox-withIcon label img{width: 150px; padding: 5px;}
.form-item .form-multiselect .custom-checkbox.checkbox-withIcon .custom-control-label::before{opacity: 0; transition: all 0.1s; border-radius: 50%; height: 32px; width: 32px; left:auto; right: 10px; top:auto; bottom:10px; border:1px solid #FFF; box-shadow: 2px 2px 2px #888}
.form-item .form-multiselect .custom-checkbox.checkbox-withIcon .custom-control-label::after{ transition: all 0.1s; left:auto; top:auto; right: 11px; bottom: 7px;}
.form-item .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{opacity: 1}

.form-submission .custom-checkbox.list-checkbox.survey-checkbox{display: flex !important; flex-wrap: wrap; gap:10px}
.form-item .alert.footnotes{background-color: #FFFFFF; line-height: 25px; color: #000000; margin-top: 15px;}
.form-item .alert.footnotes a{color: #F27025; }

.form-submission .form-group-radio{display: flex; gap: 10px; }
.form-submission .form-group-radio .radio-item{flex: 1 0 0%; border: 1px solid #EE9700; color: #FFFFFF;border-radius: 8px; }
.form-submission .form-group-radio .radio-item label.custom-control-label{padding-left: 30px; margin-bottom: 15px; margin-top: 15px;}
.form-submission .form-group-radio .custom-control-label::before{left:-8px; top:-4px; background-color: transparent;}
.form-submission .form-group-radio .custom-radio .custom-control-input:checked ~ .custom-control-label::after{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); top:-4px; background-color: #EE9700; border-radius: 50%; height: 30px;}

.section.video-area{background-image: url('../images/bg-manifesto-text.png'); background-size: 100%; background-repeat: no-repeat; background-position: 0px 30px; padding: 160px 0px 100px 0px; font-size: 18px;}
.section.video-area p b{color:#FFC312}
.section.video-area .img-area{}

#accordion .menu-picker{display: flex; gap:10px}
#accordion .menu-picker a{border:2px solid #D9D9D9; flex-basis: 0; flex-grow: 1; max-width: 100%; color: #FFFFFF; border-bottom: 0px; border-top-left-radius: 8px; border-top-right-radius: 8px;}
#accordion .menu-picker a.head-cat-bussiness{position: relative;}
#accordion .menu-picker a.head-cat-bussiness:after{position: absolute;content: url(../images/tick.svg);top: 0%;left: -4px; margin-top: -4px;}
#accordion .menu-picker a[aria-expanded="true"]{background-color: #D9D9D9; color: #000;}
#accordion .menu-picker a[aria-expanded="false"]{background-color: transparent; color: #D9D9D9;}
#accordion .menu-picker .card-header{padding: 10px 5px 10px 5px; background-color: transparent;}
#accordion .menu-picker .card-header .image{text-align: center;}
#accordion .menu-picker .card-header .image img{min-height: 80px;}
#accordion .menu-picker .card-header .title{text-align: center; line-height: 18px; margin-top: 10px; font-size: 13px;;}
#accordion .card{margin-bottom: 0px;}
#accordion .card .card-body{background-color: #D9D9D9; padding-bottom: 30px;}

.coach-list{background-color: #FAECB1;padding: 50px 0px;}
.coach-list .title{display: flex; align-items: center; }
.coach-list h2{font-size: 7vw; word-spacing: 200px; line-height: 100%;}
.coach-list .slick-slide{margin:0px; border-radius: 40px; overflow: hidden; margin:10px}
.coach-list .slick-prev{left:5px; z-index: 9;}
.coach-list .slick-next{right:35px;}
.coach-list .slick-next::before, .coach-list .slick-prev::before{font-size: 50px; filter: drop-shadow(1px 1px 1px #999); color: #FFF; }

.den-list{background-color: #FFC312; background-image: url('../images/background-diplomat-text.png'); background-size: 75%; background-repeat: no-repeat; background-position: 0px 30px; height: 650px; }
.den-list a{background-color: #000; border-radius: 30px; color: #FFF; padding: 10px; display: block; text-align: center; font-weight: bold;}
.den-list a:hover{text-decoration: none;}

.home-video-list{padding: 80px 15px; background-image: url("../images/background-video-text.png"); background-position: right 75%; background-repeat: no-repeat;}
.home-video-list .item{border-right:1px solid #FFF; padding: 30px;}
.home-video-list .item:last-child{border:0px}
.home-video-list .item a .category{font-size: 1rem; font-weight: bold; color: #FFF; padding-top: 10px;}
.home-video-list .item a h3{font-size: 1rem; color: #FFF; text-decoration: none; line-height: 1.5rem;}
.home-video-list .right-side{padding-left: 30px;}
.home-video-list .right-side h2{font-weight: bold;}
.home-video-list .right-side p{font-size: 1.1rem;;}

.home-benefit{background-color: #000000; position: relative;}
.home-benefit .item{transition: all 0.5s;}
.home-benefit .item img{width: 100%; opacity: 0.6;}
.home-benefit .item .title{position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%) ;0px 4px 4px rgba(0, 0, 0, 0.25); font-size: 22px; font-weight: bold; color: #FFF; transition:0.5s all}
.home-benefit .item .overlay{position:absolute; top:0px; left:0px; background-color: rgba(0,0,0,0.5); color: #FFF; height: 100%; display: flex; align-items: center; padding: 50px; opacity: 0; transition: 0.5s all;}
.home-benefit .item:hover .title{opacity: 0;}
.home-benefit .item:hover .overlay{opacity: 1;}
.home-benefit .item .overlay h3{font-weight: bold;}

#den-list{display: flex;flex-wrap: wrap;
    justify-content: center;
    align-items: center;}
#den-list .foto{
    position: absolute;
    width: 200px;
    height: 200px;
    margin: 20px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease-in-out;
    opacity: 0;
}
#den-list .foto.zoom-in {
    transform: scale(1.2);
}
#den-list .foto img {
    width: 100%;
    height: 100%;
}

.dsclab-comingsoon{background-image: url("../images/bg-dsclab-comingsoon.jpg"); min-height: 100vh; background-size: cover; padding-top: 50px;}
.dsclab-comingsoon h1{text-align: center; color: #FFF; font-size: 3rem; font-weight: bold; padding-top: 30px;}
.dsclab-comingsoon p{color: #FFF;}
.dsclab-comingsoon .font-big{font-size: 3rem; font-weight: bold; padding-bottom: 100px; color: #FFF;}

.dsclab.header-area{background-color: #000; padding-bottom: 30px;}
.dsclab.header-area .intro{color: #FFF; font-size: 1.8rem; display: block; background: transparent; text-align: left; padding-bottom: 0px;}

.dsclab.content{padding: 50px 0px;}
.dsclab.content h1{font-size: 2rem; padding-bottom: 50px;}
.dsclab.content .video-list .list-item{margin-bottom: 30px;}
.dsclab.content .video-list .image-thumb{padding-bottom: 10px; aspect-ratio: 9/16; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative;border-radius: 10px; overflow: hidden;}
.dsclab.content .video-list .image-thumb .overlay{position: absolute; bottom: 0px; padding: 10px; background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)); }
.dsclab.content .video-list a .caption .title{font-weight: 600; color: #000; padding-top: 5px;}
.dsclab.content .video-list a .caption .name{color: #000; font-size: 0.9rem;}
.dsclab.content .cta{text-align: center; margin-top: 40px; margin-bottom: 30px;}
.dsclab.content .cta a{padding: 10px 60px; border-radius: 30px; background-color: #FFC312 ; color: #000;}

.dsclab.spokeperson{background-color: #F3F3F3; padding-top: 50px; padding-bottom: 80px;} 
.dsclab.spokeperson .photo{display: flex; justify-content: center;}
.dsclab.spokeperson .name{text-align: center; padding-top: 10px; color: #000;}

.dsclab-featured{}
.dsclab-featured .item{position: relative;}
.dsclab-featured .item .overlay{opacity: 0; ;position: absolute; top:0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.75); transition: all 0.3s; padding: 15px 15px 15px 40px; color: #FFF; display: flex; align-items: center; justify-content: flex-start; }
.dsclab-featured .item .overlay a{text-decoration: none;}
.dsclab-featured .item .overlay a .title{font-size: 3vw; text-transform: uppercase; line-height: 3vw; color: #FFC312; font-weight: 600;}
.dsclab-featured .item .overlay a .title::first-line{color: #FFF;}
.dsclab-featured .item .overlay a .name{font-size: 1.5rem; text-decoration: none; color: #FFF;border-bottom: 1px solid #FFF; display: inline-block; margin-bottom: 3px;}
.dsclab-featured .item .overlay a .period{color: #FFF; font-size: 0.9; font-weight: 600; }
.dsclab-featured .item:hover .overlay{opacity: 1;}

.dsclab-text{padding-top: 60px; padding-bottom: 50px; background-color: #F3F3F3;}
.dsclab-text .text{font-size: 3rem; font-weight: 600; margin-top: 30px;}
.dsclab-text .text b{color: #FFC312;}
.dsclab-text .cta{text-align: left; margin-top: 40px; margin-bottom: 30px;}
.dsclab-text .cta a{padding: 10px 60px; border-radius: 30px; background-color: #FFC312 ; color: #000;}

.dsclab .topic-item.finance{background-color: #FFDE00;}
.dsclab .topic-item.marketing{background-color: #FFC312;}
.dsclab .topic-item.proposal{background-color: #000000; color: #FFF;}
.dsclab .topic-item.innovation{background-color: #F3F3F3;}
.dsclab .topic-item{max-width: 300px; padding: 15px;border-radius: 10px; height: 100%;}
.dsclab .topic-item .title{border-bottom:1px solid #000; font-size: 1.75rem; line-height: 2.2rem; margin-bottom: 10px; padding-bottom: 5px;}
.dsclab .topic-item.proposal .title{border-bottom-color: #FFF;}
.dsclab .topic-item .title .text{display: flex; align-items: center; padding: 0px;}
.dsclab .topic-item .icon{padding: 0px;}

.dsclab.content-detail{padding-top: 80px;}
.dsclab.content-detail h1{font-weight: 600;}
.dsclab.content-detail h2{padding-bottom: 10px;}
.dsclab.content-detail .author{padding-top: 0px; padding-bottom: 40px; font-weight: 600;}
.dsclab.content-detail .text{line-height: 1.75rem; margin-bottom: 50px;}
.dsclab.content-detail .text h2{margin-top: 30px;}
.dsclab .embed-responsive-9by16{aspect-ratio: 8.9 / 16; border-radius: 10px; overflow: hidden;}

.dsclab.content .filter-wrapper{display: flex; align-items: center;}
.dsclab.content .filter-wrapper h2{margin-bottom: 0px;}
.dsclab.content .filter-wrapper .form-group{margin-left: 20px; margin-bottom: 0px;}
.dsclab.content .filter-wrapper .form-group .form-control{margin-bottom: 0px; border: 0px; border-radius: 0px; border-bottom: 2px solid #000; width: 200px; color: #000;}
.dsclab.content .filter-wrapper .form-group .form-control:focus{box-shadow: none;}

.landing-partner{padding-top:10px; background-color: #000000; color: #FFF; min-height: 100vh;}
.landing-partner .mainbanner{max-width: 80%;}
.landing-partner .banner{background-image: url('../images/banner-landing-partner.jpeg'); height: 350px; padding-left: 0px; padding-right: 0px; background-position: center;}
.landing-partner .logo{text-align: center; padding-top: 10px; padding-bottom: 10px;}
.landing-partner .logo img{max-height: 75px; display: block;}
.landing-partner h1{font-size: 1.35rem; font-weight: 600;}
.landing-partner p{font-size: 0.9rem;}
.landing-partner a{font-weight: 700; border-radius: 20px; display: block; margin-top: 20px;}

.landing-ads .section{margin-bottom: 30px;}
.landing-ads .section h1{font-size: 1.25rem; font-weight: bold;}
.landing-ads .section h2{font-size: 1.15rem; font-weight: bold;}
.landing-ads.faqsection{padding: 20px 15px; margin-bottom: 50px;}
.landing-ads.faqsection h2{text-align: center; font-size: 3rem; font-weight: bold; margin-bottom: 30px; margin-top: 30px;}
.landing-ads.faqsection ul{padding-left: 0px; list-style: none; }
.landing-ads.faqsection ul li{position: relative; padding-left: 35px; margin-bottom: 15px;}
.landing-ads.faqsection ul li:before{content: ''; position: absolute; top:5px; left: 0px; width: 1.5em; height: 1.5em; background-repeat: no-repeat; background-image: url("../images/question-square.svg"); background-size: 100%;}
.landing-ads .cta{margin-top: 40px; display: flex; justify-content: center;}
.landing-ads .cta a{padding: 10px 30px; display: block; max-width: 400px; font-weight: 600; background-color: #FFC312; text-align: center; color: #000; border-radius: 40px;}
.landing-ads .cta a.bigbtn{font-size: 1.2rem; padding-left: 30px; padding-right: 30px;}
.landing-ads.home-benefit{background-color: #FFFFFF;}
.landing-ads.home-benefit .item img{opacity: 1;}
.landing-ads.home-benefit .item .title{background-color: rgba(0, 0, 0, .65); padding: 15px;}
.landing-ads.home-benefit .item .overlay{padding: 30px;}


#js-days:before,
#js-hours:before,
#js-minutes:before{
    content: ":";
    position: absolute;
    text-align: center;
    left: 0;
    right: -100%;
    bottom: 0px;
    font-size: 24px;
    color: #FFF
}

#js-days:after,
#js-hours:after,
#js-minutes:after,
#js-seconds:after {
    content: "HARI";
    position: absolute;
    text-align: left;
    left: 57%;
    right: 0;
    bottom: -75px;
    font-size: 24px;
    color: #FFF
}

#js-hours:after {
    content: "JAM";
}

#js-minutes:after {
    content: "MENIT";
}

#js-seconds:after {
    content: "DETIK";
}

@keyframes hide-countdown {
    to {
        height: 0;
        overflow: hidden;
    }
}

@keyframes show-new {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) translateY(-2rem) scale(0.8) rotateX(-20deg);
    }
    100% {
        transform: translate(-50%, -50%);
    }
}

@keyframes hide-old {
    0% {
        transform: translate(-50%, -50%);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) translateY(-0rem) scale(0.5) rotateX(-75deg);
    }
}


@media (min-width: 1024px) and (max-width: 1920px){
    .oursuccess .testimony .slick-track{flex-direction: column;}
    .oursuccess .testimony .slick-track .slick-slide{width: 100% !important; display: flex !important;}
    .oursuccess .testimony .slick-initialized .slick-slide{display: flex;}

    .achievement .slick-track{flex-direction: column; width: 100% !important}
    .achievement .slick-track .slick-slide{width: 100% !important; display: flex !important;}
    .achievement .slick-initialized .slick-slide{display: flex;}
}

@media (max-width: 540px) {
    body{line-height: 1.5rem;}
    li.page-item {
        display: none;
    }

    .page-item:first-child,
    .page-item:nth-child( 3 ),
    .page-item:nth-last-child( 3 ),
    .page-item:last-child,
    .page-item.active,
    .page-item.disabled {
        display: block;
    }
    .navbar-expand-lg .navbar-nav{gap:0px; align-items: flex-end; padding-right: 18px; padding-top: 20px;}
    .navbar-light .navbar-nav .nav-link{}
    .navbar-dsc.navbar-light .navbar-nav .nav-link{font-size: 1.5rem; font-weight: 600;}
    .votes{
        font-size: 0.8rem;
    }
    .webseries-video .archive-item .title a {
        font-size: small;
        color: #4a4a4a;
    }
    .webseries-video .archive-item .title-vlogpitch {
        font-size: 1rem;
        padding-bottom: 5px;
        font-weight: bold;
        color: #4a4a4a;
    }
    .webseries-video .archive-item .title {
        font-size: 1rem;
        padding-top: 10px;
        padding-bottom: 5px;
        font-weight: bold;
        color: #4a4a4a;
    }
    .navbar-light .navbar-brand {
        margin-top: 0px;
    }
    .navbar-light .navbar-brand img {
        max-width: 120px;
        margin-top: -30px;
    }
    .navbar {
        height: 60px;
        padding-left: 10px; padding-right: 10px;
    }
    .push-75 {
        margin-top: 60px;
    }
    .push-pad-75 {
        padding-top: 60px;
    }
    .push-100 {
        margin-top: 60px;
    }
    .push-wd {
        margin-top: 120px;
    }    
    .intro {
        font-size: 1rem
    }
    .jury .overlay .info .name {
        font-size: 1rem
    }
    /*    .jury .overlay .info .story{display: none !important; }*/
    .jury .overlay:hover .info .story {
        display: block;
    }
    .footer .social-media {
        padding: 0px;
    }
    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(216, 140, 62, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
    }
    .navbar-light .navbar-toggler {
        margin-top: -5px;
        padding-right: 0px;
        border:0px;
    }
    .navbar-collapse {
        background-color: #000;
        margin: -16px;
        margin-top: -1px;
        border-bottom: 1px solid #FFDE00;
        padding-bottom: 15px;
    }
    #modal-notification .modal-dialog{max-width: 100%;}
    #modal-notification .modal-body {
        font-size: 2rem;padding-right: 30px;line-height: 2.75rem;
    }
    #modal-notification .modal-content .modal-body .cta-btn{flex-direction: column; gap: 15px; font-size: 1.1rem;}
    #modal-notification .modal-content .modal-body .cta-btn a{padding: 7px 30px;}
    
    .btn-transparent-black {
        padding-left: 0px;
        padding-right: 0px;
        display: block !important;
    }
    h1 {
        font-size: 2rem
    }
    .about .media {
        display: inline-block;
    }
    .about .media img {
        margin: 0px auto !important;
        display: block;
    }
    .about .media .media-body {
        text-align: center;
    }
    .about.tnc .nav-item {
        max-width: 33.333333%
    }
    .w-25 {
        width: 100% !important
    }
    .slick-prev {
        left: -10px;
    }
    .slick-next {
        right: -10px;
    }
    .schedule {
        margin-bottom: 40px;
    }
    .schedule .schedule-item .date {
        font-size: 3.5rem;
        padding-top: 0px;
        text-align: right;
    }
    .login {
        width: auto;
        height: auto;
        display: block;
        padding-top: 100px;
        padding-bottom: 80px;
        min-height: 100%;
    }
    .intro .intro-cta {
        display: block;
    }
    .help .help-preword {
        font-size: 12px;
        text-align: center;
    }
    .help .help-content {
        display: none;
    }
    .finalist .nav-tabs .nav-link {
        font-size: 1rem;
        line-height: 1.5rem
    }
    .finalist h3 {
        font-size: 1.2rem
    }
    .finalist .container .title {
        font-size: 25px;
        border-bottom: 1px solid #D88C3E;
        margin-bottom: 5px;
    }
    .finalist h2.title {
        font-size: 25px;
    }
    .finalist .notes {
        margin-top: 5px;
    }
    .finalist .row-odd .container>div,
    .finalist .row-even .container>div {
        margin-bottom: 15px;
    }
    .step-breadcrumb li {
        line-height: 1rem;
        padding-bottom: 10px;
        font-size: 1px;
    }
    .step-breadcrumb li.current {
        font-size: 1rem;
    }
    .form-submission h1 {
        font-size: 1rem
    }
    .form-submission h2 {
        font-size: 1rem
    }
    .form-submission .help {
        font-size: 12px;
    }
    .form-submission .btn-group.btn-group-two .btn {
        flex: 0 0 97%;
        max-width: 97%;
        white-space: normal;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 13px;
    }
    .form-submission .btn-group.btn-group-three .btn {
        flex: 0 0 28%;
        max-width: 28%;
        white-space: normal;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 13px;
    }
    .form-submission .photo-uploader .img-uploader-item {
        flex: 0 0 28%;
        max-width: 28%
    }
    .form-item .custom-checkbox .item-checkbox {
        margin-bottom: 3px;
    }
    .form-submission .btn-group.btn-group-normal {
        flex-wrap: wrap;
    }
    .form-submission .btn-group .btn-secondary {
        padding: 15px 0px;
    }
    .form-submission .btn-group .btn-secondary:first-child {
        margin: 0px 10px 10px 10px
    }
    .form-submission .btn-group.btn-group-normal .btn {
        flex: 0 0 43%;
        max-width: 43%
    }
    .form-submission .upload-wrapper {
        height: 200px;
    }
    .form-submission .upload-wrapper label {
        padding: 5px 30px;
    }
    .form-submission .btn-group.group-job {
        flex-wrap: wrap;
    }
    .form-submission .btn-group.group-job .btn {
        flex: 0 0 43%;
        max-width: 43%
    }
    .main-banner {
        background-position: 60% 60px;
    }
    .main-banner .text-wrapper {
        padding: 15px;
        margin-left: 0px;
    }
    .main-banner h1 {
        font-size: 1rem;
    }
    .main-banner h1 dt {
        font-size: 1.7rem
    }
    .main-banner .details {
        margin: 0px;
    }
    .main-banner .details>.items {
        align-items: center;
    }
    .main-banner .details>.items:first-child {
        margin-bottom: 15px;
    }
    .main-banner .details>.items:first-child:after {
        bottom: -10px;
        left: 50%;
        border-right: 0px;
        border-bottom: 1px solid #FFF;
        width: 225px;
        transform: translateX(-50%);
        margin-top: 5px;
    }
    .intro .row {
        margin-top: 0px;
    }
    .intro .title {
        font-size: 2rem;
        text-align: center;
    }
    .card-img-top {
        width: 80%;
        margin: 0px auto;
    }
    .howto .container .col-sm-4::after {
        right: 50%;
        bottom: -26px;
        top: auto;
        transform: rotate(90deg) translateX(-50%);
    }
    .howto .details {
        height: auto;
    }
    .howto .details>.items {
        padding-top: 15px;
        padding-bottom: 15px
    }
    .howto .details>.items:first-child {
        margin-bottom: 10px;
    }
    .howto .details>.items:first-child:after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: auto;
        bottom: -5px;
        height: 1px;
        width: 150px;
        border-right: 0px;
        border-bottom: 1px solid #4a4a4a;
    }
    .main-banner .slick-track .slick-slide img {
        object-position: 75% 0%;
    }
    .main-banner .slick-dots li {
        display: none;
    }
    .intro {
        display: block;
    }
    .intro-bg {
        display: none;
    }
    .main-banner .person-name {
        top: auto;
        bottom: 15px;
        text-align: right;
        right: 10px;
        font-size: 16px;
    }
    .main-banner .person-name .person-title {
        font-size: 14px;
    }
    .jury h2 {
        padding-bottom: 0px;
        padding-top: 40px;
    }
    .jury>div {
        margin-top: auto;
    }
    .help {
        min-width: 100%;
    }
    .schedule .schedule-city {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    /* New Homepage */
    .bg-finalDay img {
        width: 90%;
    }
    .web-series .row .col-sm-4:nth-child(1) {
        text-align: left;
    }
    #phoneLogo {
        width: 80%;
    }
    .modal-body a img {
        width: 100px;
    }
    .modal-body .col-12.col-md-5 {
        text-align: center;
    }
    .web-series .webseries-intro div:nth-child(1) {}
    .web-series .webseries-intro div:nth-child(2) p {
        font-size: 14px;
    }
    .about-finalDay .cta-area {
        margin-bottom: 50px;
        display: inline-block;
        margin-top: 50px;
    }
    .about-finalDay .cta-area a {
        margin: 10px;
        padding: 15px 40px;
        border-radius: 50px;
        background-color: #D88C3E;
        font-size: 1rem;
        border: 2px solid #D88C3E;
        text-transform: uppercase;
        font-weight: bold;
        color: #000
    }
    .form-item .teaser {
        width: 100%;
        height: 100%;
        margin: 0px;
    }
    .home-banner {
        margin-top: 41px;
    }
    .home-banner .timer-wrapper {
        /*margin-top: 30px;*/
        margin-bottom: 30px;
    }
    .home-banner h2{margin-bottom: 0px; font-size: 2rem;}
    .countdown .col {
        padding: 0px 5px;
    }
    .home-banner .number,
    .separator {
        font-size: 3rem;
        height: 5rem
    }
    .home-banner .countdown {
        /*padding-bottom: 80px;*/
    }
    .partners ul li {
        flex: 0 0 25%;
        max-width: 25%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .help {
        font-size: 13px;
        z-index: 999;
    }
    .help img {
        max-height: 40px;
    }
    .finalist1500 {
        background-size: auto;
        padding-top: 90px;
    }
    .table-finalist .pagination {
        justify-content: center;
    }
    #datatableid_wrapper #datatableid_length,
    #datatableid_wrapper #datatableid_info {
        display: none;
    }
    #datatableid_wrapper #datatableid_filter {
        text-align: left;
    }
    #datatableid_wrapper .table-bordered td,
    #datatableid_wrapper .table-bordered th {
        font-size: 13px;
    }
    .numbers .digits{ }
    .numbers .subtitle{padding-bottom: 0px;}
    .numbers .description{margin-bottom: 15px;}


    .dscxii .image{text-align: center; margin-top: 25px;}
    .dscxii .title{text-align: center;}
    .dscxii .description{text-align: center;}

    .home-testimonial .name{}
    .home-testimonial .period{padding: 0px;}
    .home-testimonial .quote{margin-bottom: 30px;}

    .footer .footer-top{margin-left: 0px; margin-right: 0px;}
    .footer .footer-top .brand-footer{text-align: center;}
    .footer .social-media { padding-top: 15px; text-align: center; }
    .footer .social-media > .col{justify-content: center;}
    .img-banner{padding-bottom: 0px;}

    #js-days:before,
    #js-hours:before,
    #js-minutes:before{
        left: 0;
        right: -100px;
        bottom: 35px;
    }

    #js-days:after,
    #js-hours:after,
    #js-minutes:after,
    #js-seconds:after {
        bottom: -10px;
    }
    .bs-wizard > .bs-wizard-step{flex-basis: auto;}
    .bs-wizard > .bs-wizard-step > .progress-step{display: none;}
    .bs-wizard > .bs-wizard-step:first-child > .progress-step{width: 0%;}
    .bs-wizard > .bs-wizard-step > .bs-wizard-dot{width: 25px; height: 25px; left: 8%; top: 25px;}
    .bs-wizard > .bs-wizard-step .bs-wizard-info{text-align: left !important; padding-left: 15px; margin-bottom: 10px;}
    .bs-wizard > .bs-wizard-step .bs-wizard-stepnum{display: none;}
    .home-submission .button-area div{width: 100%;}
    .home-submission .button-area div a{display: block; width: 100%; margin-bottom: 15px; text-align: center;}

    .alumni .item .alumni-image{padding-bottom: 100%;}

    .alumni-detail .brand-logo{text-align: center;}
    .alumni-detail .brand-logo img{width: 50%;}
    .alumni-detail h2{text-align: center; margin-bottom: 15px;}
    .alumni-detail .brand-details{text-align: left;}
    .alumni-detail .brand-details h2{text-align: center; margin-bottom: 15px;}
    .alumni-detail .brand-details .title{text-align: center; font-size: 12px; display: inline-block; width: 120px; text-align: left;}
    .alumni-detail .brand-details p{text-align: center; margin-bottom: 5px; line-height: 20px; font-size: 14px; display: inline-block; }
    .alumni-detail .brand-details .links{display: flex; justify-content: center;}
    .alumni-detail .brand-image{height: 345px; overflow: hidden; border-radius: 10px; margin-top: 30px;}
    .alumni-detail .brand-image img{object-fit: contain; object-position: center center; margin-bottom: 30px;}
    .alumni-detail .profile{border-left: 0px; margin: 30px 15px 15px 15px; padding-left: 25px; padding-right: 25px;}
    .alumni-detail .profile h1.name{font-size: 1.8rem; margin-bottom: 0px; font-weight: bold;}
    .alumni-detail .profile .details{margin-top: 20px;}
    .alumni-detail .breadcrumb{ font-size: 10px; justify-content: center;}
    .alumni-detail .breadcrumb-item + .breadcrumb-item::before{padding-right: 2px; padding-left: 5px;}
    .alumni-detail .breadcrumb-item.active{padding-left: 0px;}
    .alumni-detail .ig-images-wrapper .item{margin-bottom: 15px;}
    .alumni-links{text-align: center;}
    .alumni-detail .related-video{padding: 15px;}
    .alumni-detail .related-video .title{padding-top: 5px; padding-bottom: 5px;}
    .alumni-detail .related-video .title h3{font-size: 1rem; line-height: 1.5rem;}
   
    #modal-unlock .modal-dialog .modal-content .modal-body a img{width: 100%}
    .webseries-video:before{margin-top: 0px;}
    .web-series .row{width: 100%; margin-left: auto; margin-right: auto;}
    .link-guidelines .guideline{font-size: 1rem;}
    .link-guidelines .guideline-link a {display: block; margin-top: 15px; font-size: 1rem;}
    .link-guidelines .guideline-link a:nth-child(1){margin-right: 0px;}

    .about h1{font-size: 2.5rem;}
    .about h2{font-size: 1.5rem;}
    .about.tnc{padding-bottom: 0px;}
    .about.tnc .left-side{padding: 5px; font-size: 12px; }
    .about.tnc .left-side .nav-link{padding-left: 5px; padding-right: 5px;}
    .about.tnc .tab-content .tab-pane{font-size: 14px;}
    .about.tnc .tab-content .tab-pane h3{font-size: 1.25rem;}
    .about.tnc .tab-content .tab-pane ul{padding-left: 15px;}
    .about.tnc .tab-content .tab-pane .bs-vertical-wizard ul>li>a .desc {font-size: 11px;}
    #accordion .card .card-body .btn-secondary{border: 0px; border-bottom: 1px solid #999; border-radius: 0px; margin-top: 0px; text-align: left; padding-left: 35px; padding-top: 10px;}
    .form-submission #accordion .btn-secondary:not(:disabled):not(.disabled).active:after{right: auto; left: 0px; top: 18px;}
    .form-item .form-multiselect .custom-checkbox .col-sm-6{max-width: 100%;}

    .article h1{font-weight: 600; line-height: 2rem; font-size: 1.5rem;}    
    .article .article-content {line-height: 25px;}

    .home-campus{min-height: 400px; background-position: 40%;}

    .home-testimonial .slick-prev{left:  7px;}
    .home-testimonial .slick-next{right:  7px;}

    .numbers .slick-prev{left:  0px;}
    .numbers .slick-next{right:  0px;}
    .benefit .slick-prev{left:  5px;}
    .benefit .slick-next{right:  5px;}

    .web-series.complete.vote-challenger{padding-top: 44px;}
    .vote-challenger .challenger-video .challengers-item{margin-bottom: 30px;}
    .vote-challenger .challenger-video .challengers-item .vlogbusiness{font-size: 18px; padding-bottom: 0px;}
    .vote-challenger .challenger-video .challengers-item .vlogcategory{font-size: 10px;}
    .vote-challenger .challenger-video .challengers-item .vote-details{display: flex; flex-direction: row; margin-top: 7px;}
    .vote-challenger .challenger-video .challengers-item .vote-details .details{padding-left: 8px;}
    .vote-challenger .challenger-video .challengers-item .vlogname{font-size: 14px; padding-top: 0px;}
    .vote-challenger .challenger-video .challengers-item .votes{text-align: center; padding-top: 15px; display: flex; align-items: center; justify-content: center; padding: 0px; margin-left: 0px; background-color: #FFC312; font-size: 1rem;}
    .vote-challenger .challenger-video .challengers-item .votes label{font-size: 10px; width: 100%;}

    .vote-challenger.more-details .header-title{background-color: #FFD409; font-size: 1.5rem; font-weight: bold; text-align: center; padding: 40px 0px; padding-bottom: 30px; ;}    
    .vote-challenger.more-details h1{padding-left: 15px; padding-bottom: 0px;}
    .vote-challenger.more-details .details-point{margin-top: 15px;}
    .vote-challenger.more-details .share-vote{border-top: 0px;}
    .vote-challenger.more-details .share-vote .vote-counter{text-align: center; display: flex; justify-content: center; flex-direction: column; line-height: normal;}
    .vote-challenger.more-details .share-vote .vote-counter a{display: flex; justify-content: center;}
    .vote-challenger.more-details .share-vote .vote-counter  button{margin-top: 10px; padding: 5px 50px; margin-bottom: 15px;}
    .vote-challenger.more-details .share-vote .share{border-top: 1px solid #ff8e01; padding-top: 10px; margin-top: 30px; text-align: center; justify-content: center;}
    .vote-challenger.more-details .share-vote .share ul{margin-bottom: 0px;}

    .home-vote{background-position: bottom center;}
    .home-vote h2{font-size: 1.5rem; font-weight: bold;}
    .home-vote p{font-size: 1rem; margin-bottom: 30px;}
    .home-vote .buttons a{display: block; font-size: 1rem; margin-bottom: 15px;}
    
    .timer-container .img-atas{max-width: 50%;}
    .timer-container .countdown{height: auto; padding-top: 10px; padding-bottom: 30px;}

    .navbar-light .navbar-collapse{padding-top: 10px;}
    .navbar .img-menu{max-height: 28px; top: 16px; left:67%;}
    .navbar-toggler:focus, .navbar-toggler:hover{outline: none;}

    .home-slider{background-color: #000; padding-top: 60px;}
    .home-slider .banner-item .overlay{position: relative; height: auto; opacity: 0.8}
    .home-slider .banner-item .overlay .caption{max-width: 100%; position: relative; left:auto; bottom: auto; padding: 20px 20px 40px; background-color: #000}
    .home-slider .banner-item .overlay .caption .subtitle{font-size: 0.9rem; letter-spacing: 1px; margin-bottom: 10px;}
    .home-slider .banner-item .overlay .caption .title{font-size: 1.75rem; line-height: 2rem}
    .home-slider .slick-dots{flex-direction: row; width: 100%; height: 15px; bottom:0px; top:auto; right:auto}
    .home-slider .slick-dots li{margin-bottom: 0px; margin-right: 5px; width:40px; height:  5px;}
    .home-slider .slick-dots li button::before{width: 40px; height: 5px;}
    .home-about .right-side{padding: 30px 10px 100px 30px}
    .home-about .right-side .text{max-width: 100%}
    .home-about .right-side h1{font-size: 1.5rem}
    .home-about .right-side .text .description{font-size: 1.1rem}
    .home-webinar h2{font-size: 1.3rem;}
    .home-webinar p{font-size: 1rem}
    .home-webinar .reverse{display: flex; flex-direction: column-reverse;}
    .home-webinar .reverse img{max-width: 200px; padding-bottom: 30px;}

    .testimonial h2{text-align: center; font-size: 3rem;}
    .testimonial .item{padding: 0px 50px; align-items: center;}
    .testimonial .item img{max-width: 200px;}
    .testimonial .slick-prev{left:5px;}

    .home-tvc{padding-top: 0px;}
    .home-tvc h2{font-size: 3rem;}
    .home-tvc .row{flex-direction: column-reverse;}
    .home-tvc img{padding-bottom: 30px;}
    .home-tvc p{font-size: 1.25rem; line-height: 2rem;}
    .testimonial .slick-next{right:5px;}

    .section-type-short{padding:50px 0px; text-align: center;}
    .section-type-short h2{font-size: 3rem; text-align: center; padding-bottom: 10px;}
    .section-type-short p{font-size: 1.2rem; text-align: center; line-height: 2rem;}

    .section-type-long{background-position: 77% bottom; background-size: 150%; padding: 80px 15px;}
    .section-type-long h2{font-size: 3rem; padding-bottom: 10px;}
    .section-type-long .quote{line-height: 2rem; font-size: 1.1rem;}
    .section-type-long .quote p{font-size: 1.1rem}

    .archive .archive-item .title {font-size: 17px}
    .archive-item .excerpt{max-height: 50px; margin-bottom: 20px;}

    .home-aurapreneur .blackbox{height: 60px;}
    .home-aurapreneur .banner{min-height:300px; background-size: 100%;}
    .home-aurapreneur .banner .caption h1{font-size: 3rem}
    .home-aurapreneur .preword h2{font-size: 1.5rem}

    .oursuccess{padding-top: 40px; }
    .oursuccess h1{margin-bottom: 0px; font-size: 3rem; text-align: center;}
    .oursuccess .testimony .item .photo{padding-bottom: 30px; display: flex; justify-content: center}
    .oursuccess .testimony .item .photo img{max-width: 200px;}

    .achievement{padding-top: 10px; padding-bottom: 10px;}
    .achievement h2{font-size: 3rem; text-align: center;}
    .achievement .item .thumb{padding-bottom: 15px}

    .successstory{padding-top: 1px; background-position: 60% 80%}
    .successstory h1{font-size: 3rem; padding-left: 15px; margin-top: 20px; padding-bottom: 20px;}
    .successstory p{font-size: 1.1rem}
    .person{padding-top: 20px; padding-bottom: 20px;}
    .person .item .photo img{max-width: 150px;}

    .article-nav h2{margin-bottom: 20px; padding-top: 20px; font-size: 3rem}
    .article-nav .selector, .article-nav .input-group{margin: 5px 0px;}
    .inspirasi .archive-item .title{font-size: 17px; line-height: 25px; }

    .navbar-dsc.navbar{z-index: 1000}
    .navbar-dsc.navbar-light .navbar-brand img{margin-top:0px; max-width: 100px;}

    .counter-section{padding: 30px 15px;}
    .counter-section .timer-container{padding: 0px; height: auto;}
    .counter-section .timer-wrapper{padding: 30px 15px;}
    .counter-section .title h2{padding: 0px; margin-left: 0px;}
    .counter-section .number{font-size: 3rem;}
    #js-days::before, #js-hours::before, #js-minutes::before {bottom:0px}
    #js-days::after, #js-hours::after, #js-minutes::after, #js-seconds::after{left:50%; transform: translateX(-50%); bottom:-30px; font-size: 1rem;;}

    .home-banner.dsc{margin-top: 60px;}
    .footer .social-media img{max-width: 30px;}

    .form-item .form-multiselect .custom-checkbox.checkbox-withIcon .col-sm-3{max-width: 33%; padding: 5px;}
    .form-item .form-multiselect .custom-checkbox.checkbox-withIcon label img{padding: 0px;}
    .form-submission .form-group-radio{flex-wrap: wrap;}
    .form-submission .form-group-radio .radio-item{flex: 1 0 100%;}
    #accordion .menu-picker{gap: 0px;}
    #accordion .menu-picker .card-header .image{display: none;}
    #accordion .menu-picker .card-header .title{font-size: 10px;}

    .section.video-area{padding-top: 85px; padding-bottom: 50px;}
    .den-list{background-size: 100%; height: auto;}
    .den-list .title{padding-top: 30px;}
    .den-list .title ~ div{padding-top: 30px; padding-bottom: 30px;}

    .home-video-list{padding: 50px 15px;}
    .home-video-list .row{flex-direction: column-reverse;}
    .home-video-list .item{border: 0px;;}

    .numbers{padding: 50px 15px;}
    .numbers h2{font-size: 2.5rem;;}
    .numbers .digits{font-size: 4.5rem;}

    .home-benefit .item{margin: 15px 0px;}

    .about .title .right-side{border-left:0px; padding-left: 10px;}
    .about.tnc .nav-link{font-size: 12px;;}
    .about.tnc .nav-link::after{display: none;}

    #faq h3{font-size: 1.5rem;}
    #faq h3 span{margin-right: 200px;}
    .faq .card .card-header h5 button{font-size: 1rem;}
    .faq .card .card-body{padding: 15px !important;}

    .coach-list h2{font-size: 2.5rem; padding: 40px 0px 20px; word-spacing: 0px; text-align: center; width: 100%;}
    .coach-list .slick-next::before, .coach-list .slick-prev::before{font-size: 30px; }
    .coach-list .slick-next{right:15px}

    .dsclab-comingsoon h1{font-size: 2rem;;}
    .dsclab-comingsoon .font-big{line-height: 3rem;;}

    .dsclab h2{font-size: 1.5rem;}

    .dsclab.header-area{padding:15px 0px;}
    .dsclab.header-area img{max-height: 75px; padding-bottom: 10px;}
    .dsclab.header-area .intro{font-size: 1.1rem; padding-bottom: 10px;}
    .dsclab-text .text{font-size: 1.3rem; line-height: 2rem;;}
    .dsclab-text .cta a{font-size: 0.9rem; font-weight: 600;}

    .dsclab .topic-category > .row > div{margin-bottom: 15px;}
    .dsclab .topic-item{ max-width: 100%;}
    .dsclab .topic-item .title{font-size: 1.1rem; font-weight: 600;}
    .dsclab .topic-item .description{font-size: 0.9rem;}

    .dsclab.content{padding: 30px 0px;}
    .dsclab.content h1{padding-bottom: 15px; font-size: 1.75rem; line-height: 2.5rem;}
    .dsclab.spokeperson .slick-slide .photo{text-align: center; display: flex; justify-content: center;}
    .dsclab.spokeperson .slick-slide .photo img{width: 200px;}
    .dsclab.spokeperson .slick-slide .name{text-align: center;}

    .dsclab-featured > div > .row .item:last-child{display: none; }
    .dsclab-featured .item .overlay{padding: 15px;}
    .dsclab-featured .item .overlay a .title{font-size:1rem; line-height: 1.1rem; padding-bottom: 10px;}
    .dsclab-featured .item .overlay a .name{font-size: 0.8rem; line-height: 0.8rem;}
    .dsclab-featured .item .overlay .period{font-size: 0.7rem;}

    .dsclab.content-detail h1{padding-top: 15px;}
    .dsclab.content-detail .author{padding-bottom: 15px;}

    .landing-ads.faqsection{padding: 20px 15px; margin-bottom: 40px;}
    .landing-ads.faqsection h2{text-align: center; font-size: 1.7rem; font-weight: bold; margin-bottom: 30px; margin-top: 30px;}
    .landing-ads.faqsection ul{padding-left: 15px; padding-right: 15px;}
    .landing-ads .section.bigger p{font-size: 1.1rem; line-height: 30px;}
    .landing-ads.home-benefit .col-sm-4{padding: 0px;}
    .landing-ads.home-benefit .item{margin:5px 0px}
    .landing-ads.home-benefit .item img{opacity: 1; max-height: 200px; object-fit: cover;}
    .landing-ads.home-benefit .item .overlay h3{font-size: 1.25rem;}

}