:root {
    --main-color: #e82026;
    --second-color: #333333;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    font-weight: 600;
    line-height: 1.3;
}
@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 2.5rem;
    }
    h2, .h2 {
        font-size: 2rem;
    }
    h3, .h3 {
        font-size: 1.75rem;
    }
    h4, .h4 {
        font-size: 1.5rem;
    }
}

.reset {
    all: revert;
}


/* birthstone-bounce-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Birthstone-Bounce-Regular';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/birthstone-bounce-v11-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* birthstone-bounce-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Birthstone-Bounce-500';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/birthstone-bounce-v11-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bonheur-royale-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Bonheur-Royale';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/bonheur-royale-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.birthstone-bounce-regular {
    font-family: Birthstone-Bounce-Regular !important;
}
.birthstone-bounce-500 {
    font-family: Birthstone-Bounce-500 !important;
}
.bonheur-royale {
    font-family: Bonheur-Royale !important;
}


h1>a, .h1>a, h2>a, .h2>a, h3>a, .h3>a, h4>a, .h4>a, h5>a, .h5>a, h6>a, .h6>a {
    color: #333;
    text-decoration: none!important;
}
body {
    -webkit-font-smoothing: antialiased!important;
    -moz-osx-font-smoothing: grayscale!important;
}
body.no-scroll {
    overflow-y: hidden!important;
}

.langCustom .btn {
    min-width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    padding: 0;
}

/*FAMFAMFAM flag icons CSS.*/
[class^="fam-flag"] {
    /*background-image: url("../img/famfamfam-flags.webp");*/
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 11px;
    line-height: 11px;
    display: inline-block;
}
.fam-flag-en {background-position: -176px -22px;}
.fam-flag-id {background-position: -160px -53px;}
.fam-flag-my {background-position: -128px -11px;}
.fam-flag-sg {background-position: -96px -22px;}
.fam-flag-th {background-position: -16px -66px;}

.fs-xxl {
    font-size: 4rem !important;
}
.fs-xxxl {
    font-size: 5rem !important;
}

.border-at {border-color: #f09221!important}
.border-2 {border-width: 2px 2px 2px 2px!important;}
.border-light {
    border-color: #efefef!important;
}
.border-brown-soft {
    border-color: #efefef!important;
}
.low-index {
    z-index: 1!important;
}
.py-1a {
    padding-top: .15rem !important;
    padding-bottom: .15rem !important;
}
.h-scroll {
    max-width: 100%;
    padding-top: 2px;
    padding-bottom: 5px;
    display: flex;
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.bg-pattern {
    background-repeat: repeat;
    /*background-size: cover;*/
    background-attachment: fixed;
}
/*.bg-pattern.pattern-1 {*/
/*    background-image: url("../img/STOCK/pattern_1.png");*/
/*}*/
/*.bg-pattern.pattern-2 {*/
/*    background-image: url("../img/STOCK/pattern_2.svg");*/
/*}*/

/*Global Background*/
.stacked-linear {
    /*background:*/
    /*        linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%),*/
    /*        linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%),*/
    /*        linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%);*/

    background: linear-gradient(217deg, rgb(249 241 199 / 87%), rgb(255 0 0 / 0%) 70.71%), linear-gradient(139deg, rgb(225 121 255 / 39%), rgb(0 255 0 / 0%) 70.71%), linear-gradient(15deg, rgb(0 35 255 / 46%), rgb(0 15 255 / 0%) 70.71%);
    /*background: linear-gradient(39deg, rgb(249 241 199 / 87%), rgb(255 0 0 / 0%) 70.71%), linear-gradient(322deg, rgb(225 121 255 / 39%), rgb(0 255 0 / 0%) 70.71%), linear-gradient(220deg, rgb(0 35 255 / 46%), rgb(0 15 255 / 0%) 70.71%);*/

    height: 30rem;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
}
.stacked-linear::after {
    content: "";
    background: linear-gradient(to top, #ffffff, #ffffff 10%, #ffffff00 70%);
    height: 20rem;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}
.stacked-linear.overlay::before {
    content: "";
    background: linear-gradient(180deg, #000000a3 40%, #ffffff00 100%);
    height: 20rem;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    z-index: 0;
}
.text-bg-at {
    color: #fff!important;
    background-color: #f17420!important;
}
.text-android {
    color: #9fc037!important;
}
.text-iOs {
    color: #666666!important;
}
.bg-inpages {background-color: #7a69e9!important;}

.bg-success-pastel {background-color: #89d51b!important}
.bg-info-pastel {background-color: #4fc9da!important}
.bg-danger-pastel {background-color: #f06445!important}
.bg-pink-pastel {background-color: #f045bb!important}
.bg-darkbrown-pastel {background-color: #894334!important}
.bg-warning-pastel {background-color: #e8c444!important}
.bg-primary-pastel {background-color: #4f55da!important}
.bg-grad {
    background: linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
}
.bg-soft-cream {background: #f9f6f3 !important}
/*.bg-light-yellow {background: rgba(248, 246, 242, 0.3) !important}*/
.bg-light-yellow {background: #f8f6f280 !important}
.bg-soft-yellow {background: #f8f6f2 !important}
.bg-soft-light {background: #e8e2e2 !important}
.bg-medium-light {background: #F0F1F1 !important}
/*.bg-at {background-color: #f09221 !important}*/
.bg-at {background-color: var(--main-color) !important}
.bg-at2 {background-color: #1f396e !important}
.bg-at-gradation {
    background: -webkit-linear-gradient(to right, rgb(239 101 7), rgb(243 119 13), rgb(255 199 34));
    background: -moz-linear-gradient(to right, rgb(239 101 7), rgb(243 119 13), rgb(255 199 34));
    background: -o-linear-gradient(to right, rgb(239 101 7), rgb(243 119 13), rgb(255 199 34));
    background: linear-gradient(to right, rgb(239 101 7), rgb(243 119 13), rgb(255 199 34));
    /*color: #fff;*/
}
.btn-warning {
    color: #000;
    background-color: #ffbc22;
    border-color: #ffc107;
}
.btn-at-gradation {
    /*background: -webkit-linear-gradient(to right, rgb(239 101 7), rgb(243 119 13), rgb(255 199 34))!important;*/
    /*background: -moz-linear-gradient(to right, rgb(239 101 7), rgb(243 119 13), rgb(255 199 34))!important;*/
    /*background: -o-linear-gradient(to right, rgb(239 101 7), rgb(243 119 13), rgb(255 199 34))!important;*/
    /*background: linear-gradient(to right, rgb(239 101 7), rgb(243 119 13), rgb(255 199 34))!important;*/
    background-color: var(--main-color) !important;
    color: #fff!important;
}
/*STYLE CUSTOM AT*/


/*Button Custom*/
.btn-success-pastel {background-color: #89d51b!important; color: #fff}
.btn-info-pastel {background-color: #4fc9da!important; color: #fff}
.btn-danger-pastel {background-color: #f06445!important; color: #fff}
.btn-warning-pastel {background-color: #e8c444!important; color: #fff}
.btn-primary-pastel {background-color: #4f55da!important; color: #fff}

/*Border Custom*/
.border-success-pastel {border-color: #89d51b!important}
.border-info-pastel {border-color: #4fc9da!important}
.border-danger-pastel {border-color: #f06445!important}
.border-warning-pastel {border-color: #e8c444!important}
.border-primary-pastel {border-color: #4f55da!important}



.btn-inpages {
    color: #fff!important;
    background-color: #7a69e9;
    border-color: #7a69e9;
}
.btn-inpages:hover {
    background-color: #584ba8;
    border-color: #584ba8;
}
.btn-inpages.disabled, .btn-inpages:disabled {
    color: #fff;
    background-color: #aba5e9;
    border-color: #aba5e9;
}
.btn-outline-inpages {
    background-color: transparent;
    background-image: none;
    border-color: #584ba8;
    color: #584ba8;
}
.btn-outline-inpages:hover {
    background-color: #584ba8;
    background-image: none;
    color: #fff;
}
.btn-at {
    color: #fff!important;
    /*background-color: #f17420!important;*/
    /*border-color: #f17420!important;*/
    background-color: var(--main-color) !important;
    border-color: var(--main-color) !important;
}
.btn-at[disabled] {
    background-color: #9e9e9e!important;
    color: #333!important;
    border-color: #9e9e9e!important;
}
.btn-outline-at {
    background-color: #fbfbfb;
    color: #333;
    border-color: #f17420;
}
.btn-outline-at2 {
    background-color: #fbfbfb!important;
    color: #333!important;
    border-color: #f17420!important;
}
.btn-outline-at:hover {
    background-color: #f17420!important;
    color: #fff!important;
}
.btn-check:active+.btn-outline-at,
.btn-check:checked+.btn-outline-at,
.btn-outline-at.active,
.btn-outline-at.dropdown-toggle.show,
.btn-outline-at:active {
    color: #fff;
    background-color: #f17420;
    border-color: #f17420;
}

.dropdown-toggle.no-caret::after {
    display: none!important;
}

h2.fs-1 {font-size: 2.3rem!important;}

/*.pattern-overlay-3::before {*/
/*    content: "";*/
/*    background: url(../img/examples/line_zebra.png);*/
/*    background-position: center center;*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    z-index: 0;*/
/*}*/

.w-15 {width: 15%!important;}
.w-20 {width: 20%!important;}
.w-35 {width: 35%!important;}
.w-40 {width: 40%!important;}
.w-45 {width: 45%!important;}
.w-55 {width: 55%!important;}
.w-60 {width: 60%!important;}
.w-65 {width: 65%!important;}
.w-70 {width: 70%!important;}
.w-80 {width: 80%!important;}
.w-90 {width: 90%!important;}
.h-380rem {
    height: 23.75rem;
}
.h-280rem {
    height: 18.75rem;
}
.h-250rem {
    height: 15rem;
}
.abs-bottom {
    bottom: 0!important;
}
.mxm-2 {margin: 0 -5px !important;}
.msm-2 {margin-left: -2rem !important;}
.mstart-2 {margin-left: -2rem !important;}
.mtm-1 {margin-top: -.4rem!important;}
.mtm-2 {margin-top: -1.5rem!important;}
.mtm-3 {margin-top: -3rem!important;}
.mtm-4 {margin-top: -4rem!important;}
.mtm-5 {margin-top: -5rem!important;}
.pt-6 {padding-top: 6rem!important;}
.py-6 {padding: 6rem 0!important;}
.pointer {cursor: pointer!important}
.default {cursor: default!important}
.fs-xxxs { font-size: .575rem!important}
.fs-xxs { font-size: .575rem!important}
.fs-xs { font-size: .675rem!important}
.fs-sm { font-size: .775rem!important}
.fs-md { font-size: .850rem!important}
.fs-base { font-size: .950rem!important}
.fs-lg {font-size: 1.125rem !important;}
.fs-xl {font-size: 1.2rem!important;}
.text-underline {text-decoration: underline!important;}
.text-nowrap {white-space: nowrap!important;}
.fw-medium {font-weight: 600!important;}

.text-black {color: #111!important}
.text-orangered {color: orangered!important}
.text-secondary {
    color: #94999c !important;
}
.text-muted {
    color: #b3b9bd!important;
}
.text-pending {
    color: #ff9a00 !important;
}
.text-at {color: #ee6508 !important}
.text-at2 {color: #1f396e !important}
.text-interspace {color: #21438c !important}
.text-at-gradation {
    background: #f06c13;
    background: -moz-linear-gradient(18deg, #f06c13 32%, #ffc422 70%);
    background: -webkit-linear-gradient(18deg, #f06c13 32%, #ffc422 70%);
    background: linear-gradient(18deg, #f06c13 32%, #ffc422 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
}
.text-atsummit-gradation {
    background: #9500ff;
    background: -moz-linear-gradient(45deg, #9500ff 0%, #c82e8b 70%, #f87d3e 100%);
    background: -webkit-linear-gradient(45deg, #9500ff 0%,#c82e8b 70%,#f87d3e 100%);
    background: linear-gradient(45deg, #9500ff 0%,#c82e8b 70%,#f87d3e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
}
.btn-atsummit-gradation {
    background: #9500ff;
    background: -moz-linear-gradient(45deg, #9500ff 0%, #c82e8b 70%, #f87d3e 100%);
    background: -webkit-linear-gradient(45deg, #9500ff 0%,#c82e8b 70%,#f87d3e 100%);
    background: linear-gradient(45deg, #9500ff 0%,#c82e8b 70%,#f87d3e 100%);
    color: #fff!important;
}
.form-control-light, .form-select-light {
    background-color: rgba(255,255,255,.04);
    color: #fff;
    border-color: rgba(255,255,255,.12);
}
.shadow-md{
    box-shadow: 0 .225rem 1.45rem rgba(0,0,0,.075)!important;
}
.shadow-cst {
    box-shadow: 0 7px 14px 0 rgba(65,69,88,0.1),0 3px 6px 0 rgba(0,0,0,0.07)!important;
}

.shadow-danger {
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgb(239 68 68 / 90%) !important;
}
.shadow-primary {
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgb(99 102 241 / 90%) !important;
}
.shadow-success {
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgb(34 197 94 / 90%) !important;
}
.shadow-info {
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgb(76 130 247 / 90%) !important;
}
.shadow-warning {
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgb(255 186 8 / 90%) !important;
}
.shadow-secondary {
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgb(11 15 25 / 15%) !important;
}
.shadow-dark {
    box-shadow: 0 0.5rem 1.125rem -0.5rem rgb(11 15 25 / 90%) !important;
}

.fill-dark {fill: #333 !important;}
.fill-gray {fill: #d9d8d8 !important;}
.fill-danger {fill: #e00019 !important;}
.fill-at {fill: #ee6508!important;}
.fill-orange {fill: orange!important;}
.fill-primary {fill: #0080ff !important;}
.fill-info {fill: #03d3d3 !important;}
.fill-info-pastel {fill: #0396a5 !important;}
.fill-success {fill: #2ea101 !important;}

.over-visible {overflow: visible !important}
.over-x-hidden {overflow-x: hidden !important}
.over-hidden {overflow: hidden !important}
.over-hidden {overflow: hidden !important}
.full-index {z-index: 10!important}
.full-index-sm {z-index: 25!important}
.full-index2 {z-index: 331028!important}
.no-index {z-index: 0!important}

.static {position: static !important}
.relative {position: relative !important}
.absolute {position: absolute !important}
.fixed {position: fixed !important}
.sticky-offset-1 {
    top: .5rem !important;
}
.sticky-offset-4 {
    top: 4.5rem !important;
}
.sticky-offset-5 {
    top: 5.5rem !important;
}
.sticky-offset-6 {
    top: 6rem!important;
}
.sticky-offset-7 {
    top: 7rem!important;
}
.sticky-offset-8 {
    top: 8rem!important;
}
/*.border-top,*/
/*.border-bottom {*/
/*    border-color: #e8e9ea !important;*/
/*}*/
.bg-img-hero {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    z-index: 1;
}
.bg-img-hero::before {
    content: "";
    /*background-image: linear-gradient(to bottom,rgba(30,32,34,.3) 0, rgba(33, 38, 78, 0.45) 100%);*/
    background-image: linear-gradient(to bottom, rgba(30, 32, 34, .3) 0, rgba(14, 16, 33, 0.93) 100%);
    background-repeat: repeat-x;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: All .3s linear;
}
.bg-img-hero:hover::before {
    background-image: linear-gradient(to bottom, rgba(30, 32, 34, .3) 0, rgba(14, 16, 33, 0.93) 100%);
}
.imgCont {overflow: hidden}
.avatar img,
.imgCont img {
    max-width: 100%;
    max-height: 100%;
    /*object-fit: contain;*/
    /*height: 100%;*/
}
.imgCont.full-size img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    height: 100%;
}
.imgCont.full-cover img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    min-height: 100%;
}
.img-long img {
    object-fit: initial;
    height: initial;
}
.limit-text-1a {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.limit-text-1,
.limit-text-2,
.limit-text-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
}
.limit-text-1 {
    -webkit-line-clamp: 1;
    display: block!important;
}
.limit-text-2 {
    -webkit-line-clamp: 2;
}
.limit-text-3 {
    -webkit-line-clamp: 3;
}
.rounded-xs {
    -webkit-border-radius: .55rem!important;
    -moz-border-radius: .55rem!important;
    border-radius: .55rem!important;
}
.rounded-xs-top {
    -webkit-border-radius: .55rem .55rem 0 0!important;
    -moz-border-radius: .55rem .55rem 0 0!important;
    border-radius: .55rem .55rem 0 0!important;
}
.rounded-sm {
    -webkit-border-radius: .75rem!important;
    -moz-border-radius: .75rem!important;
    border-radius: .75rem!important;
}
.rounded-sm-top {
    -webkit-border-radius: .75rem .75rem 0 0!important;
    -moz-border-radius: .75rem .75rem 0 0!important;
    border-radius: .75rem .75rem 0 0!important;
}
.rounded-sm-end {
    -webkit-border-radius: 0 .75rem .75rem 0!important;
    -moz-border-radius: 0 .75rem .75rem 0!important;
    border-radius: 0 .75rem .75rem 0!important;
}
.rounded-sm-bottom {
    -webkit-border-radius: 0 0 .75rem .75rem!important;
    -moz-border-radius: 0 0 .75rem .75rem!important;
    border-radius: 0 0 .75rem .75rem!important;
}
.rounded-md {
    -webkit-border-radius: 1rem!important;
    -moz-border-radius: 1rem!important;
    border-radius: 1rem!important;
}
.rounded-md-top {
    -webkit-border-radius: 1rem 1rem 0 0!important;
    -moz-border-radius: 1rem 1rem 0 0!important;
    border-radius: 1rem 1rem 0 0!important;
}
.rounded-md-bottom {
    -webkit-border-radius: 0 0 1rem 1rem!important;
    -moz-border-radius: 0 0 1rem 1rem!important;
    border-radius: 0 0 1rem 1rem!important;
}
.rounded-xl {
    -webkit-border-radius: 3.5rem!important;
    -moz-border-radius: 3.5rem!important;
    border-radius: 3.5rem!important;
}
.rounded-xl-start {
    -webkit-border-radius: 3.5rem 0 0 3.5rem!important;
    -moz-border-radius: 3.5rem 0 0 3.5rem!important;
    border-radius: 3.5rem 0 0 3.5rem!important;
}
.rounded-xxl {
    -webkit-border-radius: 5rem!important;
    -moz-border-radius: 5rem!important;
    border-radius: 5rem!important;
}

.rounded-lg {
    -webkit-border-radius: 2rem!important;
    -moz-border-radius: 2rem!important;
    border-radius: 2rem!important;
}
.rounded-lg-top {
    -webkit-border-radius: 2rem 2rem 0 0!important;
    -moz-border-radius: 2rem 2rem 0 0!important;
    border-radius: 2rem 2rem 0 0!important;
}
.rounded-lg-bottom {
    -webkit-border-radius: 0 0 2rem 2rem!important;
    -moz-border-radius: 0 0 2rem 2rem!important;
    border-radius: 0 0 2rem 2rem!important;
}
.rounded-circles {
    -webkit-border-radius: 5rem!important;
    -moz-border-radius: 5rem!important;
    border-radius: 5rem!important;
}

.btn-custom {
    background-color: #1f396e;
    background-image: none;
    color: #fff;
    border-color: #1f396e!important;
}
.btn-outline-custom {
    background-color: transparent;
    background-image: none;
    color: #1f396e;
    border-color: #1f396e!important;
}
.btn-outline-custom.disabled {
    background-color: #eee!important;
    background-image: none;
    color: #1f396e!important;
    opacity: .65;
    border-color: #ccc!important;
}

.btn-custom:hover,
.btn-custom:focus,
.btn-outline-custom:hover,
.btn-outline-custom:focus {
    background-color: #284a8e!important;
    color: #fff!important;
}
.btn-outline-custom.disabled:hover,
.btn-outline-custom.disabled:focus {
    background-color: #f4f4f4 !important;
    color: #1f396e!important;
}
.top-min-1 {
    top: -.6rem !important;
}

/*TABLE CONTAINER*/
.table-container {
    /*overflow-x: auto;*/
}
.table-warning {
    --bs-table-bg: #fefaec;
}
.table-light {
    --bs-table-color: #000!important;
    /*--bs-table-bg: #c7c7c7!important;*/
    /*--bs-table-bg: #f4f0b9!important;*/

}
.stuckFloat .table-custom thead tr {
    height: 3.53rem;
}
#floatingTable {
    top: 56px !important;
}
@media screen and (min-width: 580px) {
    #floatingTable {
        top: 2.895rem !important;
    }
}
.navbar.no-index-custom .navbar-toggler-icon {
    color: red!important;
}


/*DATERANGEPICKER*/
.allGDP .daterangepicker::before {
    background-color: #fff;
    width: .8rem!important;
    height: .8rem;
    border: 0;
    border-left: 1px solid #dee2e6 !important;
    border-top: 1px solid #dee2e6 !important;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.allGDP .form-floating input {
    min-width: 11rem !important;
}
.allGDP .daterangepicker .ranges {
    margin-top: 8px;
    padding: 0 5px 10px!important;
    position: relative;
    z-index: 5;
}
.allGDP .daterangepicker .ranges ul {
    column-count: 2;
    column-gap: 5px;
}
.my-report.performance .allGDP .daterangepicker .ranges ul {
    column-count: 1;
}
@media screen and (min-width: 990px) {
    .campaign-detail .allGDP .daterangepicker .ranges,
    .campaign-detail .allGDP .daterangepicker .ranges ul {
        width: 100% !important;
    }
    .campaign-detail .allGDP .daterangepicker .ranges ul {
        column-count: 3;
    }
}
.allGDP .daterangepicker .ranges li {
    background-color: #f9f9f9;
    margin-bottom: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.allGDP .daterangepicker .ranges li:last-child {
    display: none;
}
.allGDP .daterangepicker .ranges li.active {
    background-color: #e9701f;
}
.allGDP .daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #e9701f;
    border-color: transparent;
    color: #fff;
}
@media screen and (max-width: 990px) {
    .offcanvas#filterShow,
    .offcanvas#filterCustomShow {
        background-color: #FFFFFF !important;
    }
    .offcanvas#filterShow .inners {
        background-color: #F0F1F1 !important;
    }
}
@media screen and (max-width: 768px) {
    .no-index-custom {
        z-index: 1!important;
    }
    .allGDP .daterangepicker {
        width: 100%!important;
        position: relative!important;
        top: 0 !important;
        left: 0!important;
    }
    .allGDP .daterangepicker.show-calendar .ranges {
        margin-top: 8px;
        border-bottom: 1px solid #ddd;
        padding: 0 8px 8px;
    }

    .allGDP .daterangepicker.show-ranges.ltr .drp-calendar.left {
        border-left: 0;
    }
    .allGDP .daterangepicker .drp-calendar {
        max-width: 100%;
        border-top: 1px solid #dddddd;
    }
    .offcanvas-scrollable .offcanvas-body,
    .offcanvas-scrollable .offcanvas-body {
        overflow-y: auto !important;
    }
    .offcanvas-footer {
        padding: .75rem .75rem;
    }
}
@media screen and (min-width: 768px) {
    #floatingTable {
        top: 3.45rem !important;
    }
    #filterShow .offcanvas-body,
    #filterCustomShow .offcanvas-body {
        overflow-y: visible;
    }
    .allGDP .daterangepicker {
        margin-top: 10px;
    }
    .allGDP .daterangepicker.openscenter:before {
        left: 2rem;
        right: initial;
    }
    .allGDP .daterangepicker .drp-calendar.right {
        border-left: 1px solid #dddddd;
    }
    .allGDP .daterangepicker .ranges ul {
        width: 195px;
    }
}
.guidesURL span:first-child {
    border-left: 0!important;
}








.getDataChart1 option[disabled] {
    color: #dc3545 !important;
}

.getDataChart2 option[disabled] {
    color: #0d6efd !important;
}


/*.table-warning thead th.position-sticky,*/
/*.table-warning tbody tr:not(.child) td.position-sticky {*/
    /*--bs-table-bg: #fefaec;*/
/*}*/
.table-custom tbody tr.child td {
    --bs-table-bg: #ffffff;
}
.table-custom tbody tr.child,
.table-custom tbody tr.child td,
.table-custom.table-striped>tbody>tr.child:nth-of-type(odd),
.table-custom.table-striped>tbody>tr.child:nth-of-type(odd)>* {
    border-color: #dfe0e1;
}
/*.table-custom.table-striped>tbody>tr.child:nth-of-type(odd)>*{*/
/*    --bs-table-bg-type: #f9f9f9;*/
/*}*/
/*.table-warning.table-striped>tbody>tr:nth-of-type(odd)>* {*/
/*    --bs-table-bg-type: #f4eed9;*/
/*}*/
/*.table-striped>tbody>tr:not(.d-none):nth-of-type(odd)>* {*/
/*    --bs-table-bg-type: var(--bs-table-striped-bg);*/
/*}*/
/*.table-custom>tbody>tr.parent:nth-of-type(2n+3)>* {*/
/*    background-color: #ECEDEEFF !important;*/
/*    --bs-table-bg-type: var(--bs-table-striped-bg);*/
/*}*/
.table-custom tbody,
.table-custom td:not(.pinned),
.table-custom tr:not(.load_child) td:not(.pinned),
.table-custom tfoot,
.table-custom th:not(.pinned),
.table-custom thead,
.table-custom tr {
    background-color: #ffffff !important;
    color: #000000;
    border-color: #dfe0e1!important;
}

.table-custom:active {
    cursor: grabbing;
}

.table-custom thead::before {
    content: "";
    border-bottom: 1px solid #dfe0e1 !important;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    z-index: 11;
}
.table-custom>thead th,
.table-custom>thead th.pinned {
    background-color: #ffffff !important;
    border-color: #dfe0e1;
}
/*.overscroll::after {*/
/*    content: '';*/
/*    background: -webkit-linear-gradient(to right, #ffffff00, #bbbbbb8c) !important;*/
/*    background: -moz-linear-gradient(to right, #ffffff00, #bbbbbb8c) !important;*/
/*    background: -o-linear-gradient(to right, #ffffff00, #bbbbbb8c) !important;*/
/*    background: linear-gradient(to right, #ffffff00, #bbbbbb8c) !important;*/
/*    width: 3rem;*/
/*    position: absolute;*/
/*    top: 3px;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    z-index: 1021;*/
/*}*/
.overscroll-panel {
    background: -webkit-linear-gradient(to right, #ffffff00, #bbbbbb8c) !important;
    background: -moz-linear-gradient(to right, #ffffff00, #bbbbbb8c) !important;
    background: -o-linear-gradient(to right, #ffffff00, #bbbbbb8c) !important;
    background: linear-gradient(to right, #ffffffd6, #ffffff) !important;
    width: 3rem;
    height: 40px;
    padding-top: 3px;
    top: 13px;
    z-index: 1021;
    display: none;
}
.overscroll .overscroll-panel {
    display: block;
}
.overscroll .overscroll-panel span {
    width: 24px;
    height: 24px;
    display: inline-block;
}
.overscroll-panel span::before,
.overscroll-panel span::after {
    content: "";
    width: 23px;
    height: 23px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*margin-top: -11px;*/
    /*margin-left: -9px;*/
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 rgba(147, 17, 17, 0.6);
    z-index: 15;
    display: block;
}
.overscroll .overscroll-panel span::before,
.overscroll .overscroll-panel span::after {
    -webkit-animation: ripple2 .9s infinite;
    -moz-animation: ripple2 .9s infinite;
    -ms-animation: ripple2 .9s infinite;
    -o-animation: ripple2 .9s infinite;
    animation: ripple2 .9s infinite;
}
.overscroll .overscroll-panel span::before {
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.overscroll .overscroll-panel span::after {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

@-webkit-keyframes ripple2 {
    70% {
        box-shadow: 0 0 0 10px rgba(253, 167, 0, 0);
    }
    100% {
        box-shadow: 0 0 rgba(253, 167, 0, 0);
    }
}
@keyframes ripple2 {
    70% {
        box-shadow: 0 0 0 10px rgba(253, 167, 0, 0);
    }
    100% {
        box-shadow: 0 0 rgba(253, 167, 0, 0);
    }
}









@media screen and (min-width: 990px) {
    .overscroll .table-custom>thead th:last-child,
    .overscroll .table-custom>tbody td:last-child {
        padding-right: 4rem !important;
    }
}
.table-custom>thead th.pinned {
    color: #000000 !important;
}

.table>:not(caption)>*>*:not(.pinned    ) {
    padding-left: 1rem;
    padding-right: 1rem;
}
.table-custom>thead th.pinned i.bi-pin-angle-fill {
    background: #ff6600 !important;
    width: 1rem;
    height: 1rem;
    font-size: .6rem;
    line-height: 1rem;
    color: #fff !important;
    border-radius: 1rem;
    position: absolute;
    right: -8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 11;
}


.table-custom.medium-zebra>tbody:nth-child(odd),
.table-custom.medium-zebra>tbody:nth-child(odd) td.pinned{
    /*background-color: #f3f3f3 !important;*/
    /*background-color: #fffbea !important;*/
}

.table-custom.soft-zebra>tbody:nth-child(odd),
.table-custom.soft-zebra>tbody:nth-child(odd) td.pinned{
    background-color: #fafafa !important;
}

.table {
    /*--bs-table-color-type: initial;*/
    /*--bs-table-bg-type: initial;*/
    /*--bs-table-color-state: initial;*/
    /*--bs-table-bg-state: initial;*/
    /*--bs-table-color: var(--bs-body-color);*/
    /*--bs-table-bg: var(--bs-body-bg);*/
    /*--bs-table-border-color: var(--bs-border-color);*/
    /*--bs-table-accent-bg: transparent;*/
    /*--bs-table-striped-color: var(--bs-body-color);*/
    /*--bs-table-striped-bg: rgba(0, 0, 0, 0.05);*/
    /*--bs-table-active-color: var(--bs-body-color);*/
    /*--bs-table-active-bg: rgba(0, 0, 0, 0.1);*/
    /*--bs-table-hover-color: var(--bs-body-color);*/
    --bs-table-hover-bg: rgb(255, 243, 212);
}
.table-custom>tbody:nth-child(even),
.table-custom>tbody:nth-child(even) td.pinned {
    background-color: #ffffff !important;
}
.repConversion .table-custom>tbody:nth-child(even),
.repConversion .table-custom>tbody:nth-child(even) td.pinned {
    min-width: 50px!important;
}

.table-custom>thead>tr.child>th.pinned,
.table-custom>tbody>tr.child>td.pinned {
    background-color: #ffffff !important;
}
.table-custom>tbody.active>tr.parent>* {
    /*background-color: #f4eed9 !important;*/
    background-color: #fffbea !important
}
.table-custom>tbody>tr.child:nth-child(odd),
.table-custom>tbody>tr.child:nth-child(odd) td.pinned {
    background-color: #fbfbfb !important;
}


.table-custom thead th.pinned i.bi-pin-angle {
    color: red;
    position: absolute;
    right: .7rem;
    display: inline-block;
}
.table-custom thead th.pinned {
    z-index: 10;
}
.repConversion .table-custom thead th.pinned {
    min-width: 50px!important;
}
.stuckFloat {
    height: 3.5rem;
    z-index: 1040;
}

.stuckFloat .table-custom thead::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #dfe0e1 !important;
}
.table-custom thead tr th,
.stuckFloat .table-custom thead tr th {
    background-color: #f4f4f4 !important;
    height: 45px;
    cursor: pointer;
    position: relative;
    /*color: #ffffff;*/
    /*padding-top: 0 !important;*/
    /*padding-bottom: 1rem !important;*/
}
.table-custom thead tr th:hover {
    color: #f17420 !important;
}
.table-custom thead tr th .sorts {
    background-color: #d5d5d5;
    font-style: normal;
    font-size: .9rem;
    height: 15px;
    line-height: 0.9rem;
    color: #000000 !important;
    padding: 0 5px;
    font-weight: normal !important;
    position: relative;
    top: 3px;
    /* left: 50%; */
    /* transform: translateX(-50%); */
    border-radius: 3px;
    margin-left: .2rem;
    display: inline-block;
}
.table-custom thead tr th.asc .sorts::before,
.table-custom thead tr th.desc .sorts::before {
    font-family: bootstrap-icons!important;
}
.table-custom thead tr th[data-types="string"].asc .sorts::before,
.table-custom thead tr th[data-types="date"].asc .sorts::before  {
    content: "\f573";
}
.table-custom thead tr th[data-types="string"].desc .sorts::before,
.table-custom thead tr th[data-types="date"].desc .sorts::before  {
    content: "\f570";
}
.table-custom thead tr th[data-types="percent"].asc .sorts::before,
.table-custom thead tr th[data-types="number"].asc .sorts::before {
    content: "\f579";
}
.table-custom thead tr th[data-types="percent"].desc .sorts::before,
.table-custom thead tr th[data-types="number"].desc .sorts::before {
    content: "\f576";
}

.table-custom thead tr.stuckFloat th:not(:first-child)::after,
.table-custom thead th.pinned::before,
.table-custom thead th.pin-last::after,
.table-custom tbody td.pinned::before,
.table-custom tbody td.pin-last::after {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    display: block!important;
}
.table-custom thead th.pinned:first-child::before,
.table-custom thead th.pin-last::after,
.table-custom tbody td.pinned:first-child::before,
.table-custom tbody td.pin-last::after {
    width: 2px!important;
}
.table-custom thead tr.stuckFloat th:not(:first-child)::after {
    width: 1px;
}
.table-custom thead th.pinned:first-child::before,
.table-custom tbody td.pinned:first-child::before {
    left: -1px;
}

.table-custom thead th.pin-last::after,
.table-custom tbody td.pin-last::after {
    border-right: 1px dashed #ff6600 !important;
    right: 0!important;
}
.table-custom thead th.pinned::before,
.table-custom tbody td.pinned::before {
    border-left: 1px solid #dfe0e1!important;
    left: -1px!important;
}
.table-custom thead tr.stuckFloat th:not(:first-child)::after {
    background-color: #e3d7b2;
    right: -1px;
}

.table-custom tbody.active .btnTrigger>.bi-chevron-down {
    background-color: #f17420!important;
}
.table-custom tbody.active .btnTrigger>.bi-chevron-down::before {
    font-family: bootstrap-icons!important;
    content: "\f286";
}

.my-report #chartContainer2 {
    max-height: 220px;
}

.beforeTableContent .download_report {
    background-color: #ffffff;
}
.beforeTableContent .download_report:hover {
    background-color: #198754 !important;
}




.progress-bar .tooltip{
    position:relative;
    float:right;
}
.progress-bar .tooltip > .tooltip-inner {background-color: #000; padding:5px 15px; color:#fff; font-weight:bold; font-size:13px;}
.progress-bar .popOver + .tooltip > .tooltip-arrow {	border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000;}

.progCustom,
.progCustom .progress-bar {
    overflow: visible;
}
.progCustom .progress-bar i {
    height: 17px;
    right: -.6rem;
    bottom: -1.4rem;
}
.progCustom .progress-bar i::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #0d6efd;
    position: absolute;
    left: 50%;
    top: -4px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.progCustom.convType .progress-bar i::before {
    border-bottom-color: #f06445;
}

/*LEADERBOARD*/
.leaderboard {}
.leaderboard .imgCont {
    min-width: 2rem;
    max-width: 2rem;
    height: 2rem;
}
.leaderboard .num {
    min-width: 1.8rem;
    max-width: 1.8rem;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    white-space: nowrap;
    position: relative;
    border-radius: 5rem;
    font-weight: 600;
}
.leaderboard li:first-child .num {
    background-color: gold;
}
.leaderboard li:nth-of-type(2) .num {
    background-color: silver;
}
.leaderboard li:nth-of-type(3) .num {
    background-color: orange;
}
/*.leaderboard li:first-child::before {*/
/*    !*font-family: bootstrap-icons !important;*!*/
/*    content: "";*/
/*    background-color: gold;*/
/*    width: 3rem;*/
/*    !*color: #e7c400;*!*/
/*    font-size: 1.8rem;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    z-index: -1;*/
/*    border-radius: 0 10rem 10rem 0;*/
/*}*/
/*.leaderboard li:first-child .num span {*/
/*    position: relative;*/
/*    !*top: -4px;*!*/
/*    z-index: 2;*/
/*    color: #000;*/
/*}*/


/*Three Dots Animate*/
.dot-typing {
    /*background-color: #ffffff;*/
    width: 8px;
    height: 8px;
    /*color: #ffffff;*/
    position: relative;
    left: -9999px;
    -webkit-box-shadow: 9984px 0 0 0 #ffffff, 9999px 0 0 0 #ffffff, 10014px 0 0 0 #ffffff;
    -moz-box-shadow: 9984px 0 0 0 #ffffff, 9999px 0 0 0 #ffffff, 10014px 0 0 0 #ffffff;
    box-shadow: 9984px 0 0 0 #ffffff, 9999px 0 0 0 #ffffff, 10014px 0 0 0 #ffffff;
    -webkit-animation: dotTyping 1.5s infinite linear;
    -o-animation: dotTyping 1.5s infinite linear;
    animation: dotTyping 1.5s infinite linear;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
@keyframes dotTyping {
    0% {
        box-shadow: 9984px 0 0 0 #ffffff, 9999px 0 0 0 #2a001b, 10014px 0 0 0 #2a001b;
    }
    16.667% {
        box-shadow: 9984px -10px 0 0 #f17420, 9999px 0 0 0 #2a001b, 10014px 0 0 0 #2a001b;
    }
    33.333% {
        box-shadow: 9984px 0 0 0 #2a001b, 9999px 0 0 0 #2a001b, 10014px 0 0 0 #2a001b;
    }
    50% {
        box-shadow: 9984px 0 0 0 #2a001b, 9999px -10px 0 0 #f17420, 10014px 0 0 0 #2a001b;
    }
    66.667% {
        box-shadow: 9984px 0 0 0 #2a001b, 9999px 0 0 0 #2a001b, 10014px 0 0 0 #2a001b;
    }
    83.333% {
        box-shadow: 9984px 0 0 0 #2a001b, 9999px 0 0 0 #2a001b, 10014px -10px 0 0 #f17420;
    }
    100% {
        box-shadow: 9984px 0 0 0 #2a001b, 9999px 0 0 0 #2a001b, 10014px 0 0 0 #2a001b;
    }
}

/*Shine Animate*/
.shine {position: relative}
.voucherWrap:hover .shine::before {display: block;}
.shine::before {
    content: '';
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.93) 50%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    z-index: 3;
    opacity: 0;
    transform: skew(30deg);
    animation: shine 0.75s linear 1;
}
@keyframes shine {
    0% {
        left: -50%;
        opacity: 0;
    }
    50% {
        left: 25%;
        opacity: 0.5;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

/*Swing Animate*/
@keyframes swing {
    0% {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    100% {
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }
}
@-moz-keyframes swing {
    0% {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    100% {
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }
}
@-o-keyframes swing {
    0% {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    100% {
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }
}
@-webkit-keyframes swing {
    0% {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    100% {
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }
}
@-ms-keyframes swing {
    0% {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    100% {
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }
}











.text-detail {
    word-break: break-word;
}

.text-detail {
    word-break: break-word;;
}
.text-detail img,
.text-detail iframe,
.text-detail table {
    max-width: 100%!important;
}
.text-detail img {
    width: 100%;
    height: auto;
}
.text-detail h2 {
    font-size: 1.65rem!important;
}
.text-detail h3 {
    font-size: 1.45rem!important;
}
.text-detail h4 {
    font-size: 1.25rem!important;
}
.text-detail h5 {
    font-size: 1.15rem!important;
}
.text-detail h6 {
    font-size: 1rem!important;
}
.text-detail ol,
.text-detail ul {
    padding-left: 1.1rem;
}


/*BUTTON Toggle*/
.btn-toggle {
    background: #dddddd;
    width: 3rem;
    height: 1.5rem;
    color: #6b7381;
    margin: 0 4rem;
    padding: 0;
    position: relative;
    border: none;
    border-radius: 1.5rem;
}
.btn-toggle:focus,
.btn-toggle.focus,
.btn-toggle:focus.active,
.btn-toggle.focus.active {
    outline: none;
}
.btn-toggle:before,
.btn-toggle:after {
    line-height: 1.5rem;
    width: 4rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}
.btn-toggle:before {
    content: 'Publisher';
    left: -4rem;
}
.btn-toggle:after {
    content: 'Advertiser';
    right: -4rem;
    opacity: 0.5;
}
.btn-toggle > .handle {
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left 0.25s;
}
.btn-toggle.active {
    transition: background-color 0.25s;
}
.btn-toggle.active > .handle {
    left: 1.6875rem;
    transition: left 0.25s;
}
.btn-toggle.active:before {
    opacity: 0.5;
}
.btn-toggle.active:after {
    opacity: 1;
}

.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
    /*line-height: -0.5rem;*/
    color: #fff;
    letter-spacing: 0.75px;
    left: 0.4125rem;
    width: 2.325rem;
}
.btn-toggle.btn-sm:before {
    text-align: right;
}
.btn-toggle.btn-sm:after {
    text-align: left;
    opacity: 0;
}
.btn-toggle.btn-sm.active:before {
    opacity: 0;
}
.btn-toggle.btn-sm.active:after {
    opacity: 1;
}
.btn-toggle.btn-xs:before,
.btn-toggle.btn-xs:after {
    display: none;
}
.btn-toggle:before {
    color: #ccc;
}
.btn-toggle:after {
    color: #ccc;
}
.btn-toggle.active {
    background-color: #f07420;
}

.aboutus.partners .btn-toggle {
    background-color: #0dc9ef;
}
.aboutus.partners .btn-toggle.active {
    background-color: #f07420;
}



.btn-toggle.btn-lg {
    margin: 0 7rem;
    padding: 0;
    position: relative;
    border: none;
    height: 2.5rem;
    width: 5rem;
    border-radius: 2.5rem;
}
.btn-toggle.btn-lg:focus,
.btn-toggle.btn-lg.focus,
.btn-toggle.btn-lg:focus.active,
.btn-toggle.btn-lg.focus.active {
    outline: none;
}
.btn-toggle.btn-lg:before,
.btn-toggle.btn-lg:after {
    width: auto;
    line-height: 2.5rem;
    text-align: center;
    font-weight: 600;
    font-size: .9rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    -webkit-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    -ms-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    transition: opacity 0.25s;
}
.aboutus.partners .btn-toggle.btn-lg:before,
.aboutus.partners .btn-toggle.btn-lg:after {
    color: #000!important;
}
.btn-toggle.btn-lg:before {
    content: 'Advertiser';
    left: -8.5rem;
}
.btn-toggle.btn-lg:after {
    content: 'Publisher';
    right: -8rem;
    opacity: 0.5;
}
.btn-toggle.btn-lg > .handle {
    position: absolute;
    top: 0.3125rem;
    left: 0.3125rem;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 1.875rem;
    background: #fff;
    transition: left 0.25s;
}
.btn-toggle.btn-lg.active {
    transition: background-color 0.25s;
}
.btn-toggle.btn-lg.active > .handle {
    left: 2.8125rem;
    transition: left 0.25s;
}
.btn-toggle.btn-lg.active:before {
    opacity: 0.5;
}
.btn-toggle.btn-lg.active:after {
    opacity: 1;
}
.btn-toggle.btn-lg.btn-sm:before,
.btn-toggle.btn-lg.btn-sm:after {
    line-height: 0.5rem;
    color: #fff;
    letter-spacing: 0.75px;
    left: 0.6875rem;
    width: 3.875rem;
}
.btn-toggle.btn-lg.btn-sm:before {
    text-align: right;
}
.btn-toggle.btn-lg.btn-sm:after {
    text-align: left;
    opacity: 0;
}
.btn-toggle.btn-lg.btn-sm.active:before {
    opacity: 0;
}
.btn-toggle.btn-lg.btn-sm.active:after {
    opacity: 1;
}
.btn-toggle.btn-lg.btn-xs:before,
.btn-toggle.btn-lg.btn-xs:after {
    display: none;
}
.btn-toggle.btn-sm {
    margin: 0 0.5rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
}
.btn-toggle.btn-sm:focus,
.btn-toggle.btn-sm.focus,
.btn-toggle.btn-sm:focus.active,
.btn-toggle.btn-sm.focus.active {
    outline: none;
}
.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
    line-height: 1.5rem;
    width: 0.5rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.55rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}
.btn-toggle.btn-sm:before {
    content: 'Publisher';
    left: -0.5rem;
}
.btn-toggle.btn-sm:after {
    content: 'Advertiser';
    right: -0.5rem;
    opacity: 0.5;
}
.btn-toggle.btn-sm > .handle {
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left 0.25s;
}
.btn-toggle.btn-sm.active {
    transition: background-color 0.25s;
}
.btn-toggle.btn-sm.active > .handle {
    left: 1.6875rem;
    transition: left 0.25s;
}
.btn-toggle.btn-sm.active:before {
    opacity: 0.5;
}
.btn-toggle.btn-sm.active:after {
    opacity: 1;
}
.btn-toggle.btn-sm.btn-sm:before,
.btn-toggle.btn-sm.btn-sm:after {
    color: #fff;
    letter-spacing: 0.75px;
    left: 0.4125rem;
    width: 2.325rem;
}
.btn-toggle.btn-sm.btn-sm:before {
    text-align: right;
}
.btn-toggle.btn-sm.btn-sm:after {
    text-align: left;
    opacity: 0;
}
.btn-toggle.btn-sm.btn-sm.active:before {
    opacity: 0;
}
.btn-toggle.btn-sm.btn-sm.active:after {
    opacity: 1;
}
.btn-toggle.btn-sm.btn-xs:before,
.btn-toggle.btn-sm.btn-xs:after {
    display: none;
}
.btn-toggle.btn-xs {
    margin: 0 0;
    padding: 0;
    position: relative;
    border: none;
    height: 1rem;
    width: 2rem;
    border-radius: 1rem;
}
.btn-toggle.btn-xs:focus,
.btn-toggle.btn-xs.focus,
.btn-toggle.btn-xs:focus.active,
.btn-toggle.btn-xs.focus.active {
    outline: none;
}
.btn-toggle.btn-xs:before,
.btn-toggle.btn-xs:after {
    line-height: 1rem;
    width: 0;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}
.btn-toggle.btn-xs:before {
    content: 'Publisher';
    left: 0;
}
.btn-toggle.btn-xs:after {
    content: 'Advertiser';
    right: 0;
    opacity: 0.5;
}
.btn-toggle.btn-xs > .handle {
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 0.75rem;
    background: #fff;
    transition: left 0.25s;
}
.btn-toggle.btn-xs.active {
    transition: background-color 0.25s;
}
.btn-toggle.btn-xs.active > .handle {
    left: 1.125rem;
    transition: left 0.25s;
}
.btn-toggle.btn-xs.active:before {
    opacity: 0.5;
}
.btn-toggle.btn-xs.active:after {
    opacity: 1;
}
.btn-toggle.btn-xs.btn-sm:before,
.btn-toggle.btn-xs.btn-sm:after {
    /*line-height: 1rem;*/
    color: #fff;
    letter-spacing: 0.75px;
    left: 0.275rem;
    width: 1.55rem;
}
.btn-toggle.btn-xs.btn-sm:before {
    text-align: right;
}
.btn-toggle.btn-xs.btn-sm:after {
    text-align: left;
    opacity: 0;
}
.btn-toggle.btn-xs.btn-sm.active:before {
    opacity: 0;
}
.btn-toggle.btn-xs.btn-sm.active:after {
    opacity: 1;
}
.btn-toggle.btn-xs.btn-xs:before,
.btn-toggle.btn-xs.btn-xs:after {
    display: none;
}
.btn-toggle.btn-secondary {
    color: #6b7381;
    background: #bdc1c8;
}
.btn-toggle.btn-secondary:before,
.btn-toggle.btn-secondary:after {
    color: #6b7381;
}
.btn-toggle.btn-secondary.active {
    background-color: #ff8300;
}

.main-content {
    padding-top: 56px;
}
@media screen and (min-width: 990px) {

    .main-content.members,
    .main-content.members .navbar {
        padding-left: 16.5rem;
    }
    /*.navbar.members {*/
        /*border-bottom: 0 !important;*/
    /*}*/
}


/*ABOUT SOSMED*/
.aboutus.social-media {}
.aboutus.social-media a:hover i {
    background: -webkit-linear-gradient(to right, rgb(239 101 7), rgb(243 119 13), rgb(255 199 34))!important;
    background: -moz-linear-gradient(to right, rgb(239 101 7), rgb(243 119 13), rgb(255 199 34))!important;
    background: -o-linear-gradient(to right, rgb(239 101 7), rgb(243 119 13), rgb(255 199 34))!important;
    background: linear-gradient(to right, rgb(239 101 7), rgb(243 119 13), rgb(255 199 34))!important;
    color: #fff!important;
}

.top-line {
    z-index: 1031;
}
.top-line span {
    background: #ef6609;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ef6609, #ffc022);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ef6609, #ffc022); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    width: 0;
    height: 3px;
    position: absolute;
    top: 0;
    left: 0;
}
.navbar {
    height: 3.5rem;
    width: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

@media screen and (min-width: 580px) {
    .navbar {
        /*z-index: 1060;*/
    }
}
@media screen and (max-width: 480px) {
    .navbar {
        height: 3.5rem;
    }
}
.navbar.activated {
    background-color: #ffffff!important;
}
.navbar-stuck {
    position: fixed!important;
    padding-top: .7rem;
    padding-bottom: .7rem;
}
.navbar.nav-optional {
    /*padding-top: 1.5rem;*/
}
.navbar.fixed-top {
    position: fixed;
    bottom: auto;
    transform: translateY(0%);
    z-index: 1040;
}
.navbar.scrollUp {
    transform: translateY(-50rem)!important;
}
.navbar.navbar-always {
    transform: translateY(0)!important;
}
.navbar.active,
.navbar-stuck,
.navbar-stuck.navbar-always {
    background-color: #fff;
    /*padding-top: .7rem!important;*/
    -webkit-box-shadow: 0 0.5rem 1rem #b6b6b633 !important;
    -moz-box-shadow: 0 0.5rem 1rem #b6b6b633 !important;
    box-shadow: 0 0.5rem 1rem #b6b6b633 !important;
}
.navbar-stuck .searchBtnCustom,
.navbar-stuck.navbar-always .searchBtnCustom {
    display: block;
}

.navbar.navbar-stuck .navCont {
    border-bottom: 1px solid #eee;
}
body.headroom--not-top.headroom--unpinned .navbar {
    opacity: 0;
    -webkit-transform: translate(0, -60px);
    -moz-transform: translate(0, -60px);
    -ms-transform: translate(0, -60px);
    -o-transform: translate(0, -60px);
    transform: translate(0, -60px);

    -webkit-transition: -webkit-transform .2s, background .3s, color .3s, opacity 0 .3s;
    -moz-transition: -webkit-transform .2s, background .3s, color .3s, opacity 0 .3s;
    -ms-transition: -webkit-transform .2s, background .3s, color .3s, opacity 0 .3s;
    -o-transition: -webkit-transform .2s, background .3s, color .3s, opacity 0 .3s;
    transition: -webkit-transform .2s, background .3s, color .3s, opacity 0 .3s;
}
body.headroom--pinned.headroom--top .navbar {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);

    -webkit-transition: -webkit-transform .2s, background .3s, color .3s;
    -moz-transition: -webkit-transform .2s, background .3s, color .3s;
    -ms-transition: -webkit-transform .2s, background .3s, color .3s;
    -o-transition: -webkit-transform .2s, background .3s, color .3s;
    transition: -webkit-transform .2s, background .3s, color .3s;
}
.navbar-brand {
    /*-moz-background-image: url("../img/AT_logo.webp");*/
    /*-o-background-image: url("../img/AT_logo.webp");*/
    /*-webkit-background-image: url("../img/AT_logo.png");*/
    /*background-image: url("../img/AT_logo.webp");*/
    /*background-repeat: no-repeat;*/
    /*background-size: contain;*/
    /*background-position: center center;*/
    /*width: 10rem;*/
    height: 3.2rem;
    align-self: center;
}
body.custom .navbar .navbar-brand {
    /*-moz-background-image: url("../img/AT_logo_secondary.webp");*/
    /*-o-background-image: url("../img/AT_logo_secondary.webp");*/
    /*-webkit-background-image: url("../img/AT_logo_secondary.png");*/
    /*background-image: url("../img/AT_logo_secondary.webp");*/
}
.navbar.custom.active .navbar-brand,
body.custom.nav-black .navbar .navbar-brand,
body.custom .navbar.navbar-stuck .navbar-brand,
body.custom .navbar.navbar-stuck.active .navbar-brand,
body.nav-black-color .navbar .navbar-brand,
body.nav-black-color .filter-wrapper .navbar-brand,
body.headroom--not-top.headroom--pinned .navbar .navbar-brand,
body.headroom--not-top.headroom--pinned.nav-black-color .navbar .navbar-brand {
    /*-moz-background-image: url("../img/AT_logo.webp");*/
    /*-o-background-image: url("../img/AT_logo.webp");*/
    /*-webkit-background-image: url("../img/AT_logo.png");*/
    /*background-image: url("../img/AT_logo.webp");*/
}

@media screen and (max-width: 580px) {
    .navbar-brand,
    .navbar.custom.active .navbar-brand,
    body.custom.nav-black .navbar .navbar-brand,
    body.custom .navbar.navbar-stuck .navbar-brand,
    body.custom .navbar.navbar-stuck.active .navbar-brand,
    body.nav-black-color .navbar .navbar-brand,
    body.nav-black-color .filter-wrapper .navbar-brand,
    body.headroom--not-top.headroom--pinned .navbar .navbar-brand,
    body.headroom--not-top.headroom--pinned.nav-black-color .navbar .navbar-brand {
        /*-moz-background-image: url("../img/AT_logo_mini.png");*/
        /*-o-background-image: url("../img/AT_logo_mini.png");*/
        /*-webkit-background-image: url("../img/AT_logo_mini.png");*/
        /*background-image: url("../img/AT_logo_mini.png");*/
    }
}

.navbar-brand {
    /*max-width: 12rem;*/
}
.navbar-brand img {
    max-width: 100%;
    max-height: 100%;
}
body.nav-custom-option .btn-outline-warning {
    background-color: #000!important;
}

.container {
    /*border-left: 1px solid red;*/
    /*border-right: 1px solid red;*/
}




/*
---------------------------------------------
preloader
---------------------------------------------
*/

/*.js-preloader {*/
/*    background-color: #fff;*/
/*    opacity: 1;*/
/*    visibility: visible;*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    align-items: center;*/
/*    -webkit-box-pack: center;*/
/*    justify-content: center;*/
/*    -webkit-transition: opacity 0.25s ease;*/
/*    transition: opacity 0.25s ease;*/
/*    z-index: 9999;*/
/*    display: -webkit-box;*/
/*    display: flex;*/
/*}*/

.js-preloader.loaded {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.preloader-inner .imgCont {
    width: 10rem;
}

.preloader-inner p {
    position: absolute;
    bottom: -1.9rem;
    left: 3.1rem;
}

.preloader-inner .bullets {
    margin-left: 2px;
    animation: dots 2s steps(3, end) infinite;
}

@keyframes dots {
    0%, 20% {
        color: rgba(0, 0, 0, 0);
        text-shadow: .25em 0 0 rgba(0, 0, 0, 0), .5em 0 0 rgba(0, 0, 0, 0);
    }
    40% {
        color: #0d386b;
        text-shadow: .25em 0 0 rgba(0, 0, 0, 0), .5em 0 0 rgba(0, 0, 0, 0);
    }
    60% {
        text-shadow: .25em 0 0 #00b0ec, .5em 0 0 rgba(0, 0, 0, 0);
    }
    80%, 100% {
        text-shadow: .25em 0 0 #9ed8f6, .5em 0 0 #9ed8f6;
    }
}



/*Floating animate*/

.floating {
    animation: floating 3s ease infinite;
    will-change: transform; }
.floating:hover {
    animation-play-state: paused; }

.floating-lg {
    animation: floating-lg 3s ease infinite; }

.floating-sm {
    animation: floating-sm 3s ease infinite; }

@keyframes floating-lg {
    0% {
        transform: translateY(0px); }
    50% {
        transform: translateY(15px); }
    100% {
        transform: translateY(0px); } }

@keyframes floating {
    0% {
        transform: translateY(0px); }
    50% {
        transform: translateY(10px); }
    100% {
        transform: translateY(0px); } }

@keyframes floating-sm {
    0% {
        transform: translateY(0px); }
    50% {
        transform: translateY(5px); }
    100% {
        transform: translateY(0px); } }

.floatfix:before, .floatfix:after {
    content: '';
    display: table;
}

.floatfix:after {
    clear: both;
}


/*Navbar*/
.navbar.members {
    /*background-color: #fff!important;*/
    /*border-bottom: 1px solid #ccc;*/
}
.navbar ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.navbar ul.wraps {
    /*width: initial!important;*/
}
.navbar li.nav-item>a,
.navbar li.nav-item>span {
    text-decoration:none;
}
.navbar.members .nav-link.active  {
    background-color: #f17420!important;
    color: #ffffff;
}


.navbar li.nav-item>a:not(.btn) i,
.navbar li.nav-item.parent>a:not(.btn) i,
.navbar li.nav-item.parent>span:not(.btn) i {
    width: 1.8rem;
    text-align: center;
}
.navbar:not(.members) li.nav-item>a:not(.btn) i,
.navbar:not(.members) li.nav-item.parent>a:not(.btn) i,
.navbar:not(.members) li.nav-item.parent>span:not(.btn) i {
    display: none;
}
@media screen and (min-width: 990px) {
    .navbar li.nav-item>a:not(.btn) i,
    .navbar li.nav-item.parent>a:not(.btn) i,
    .navbar li.nav-item.parent>span:not(.btn) i {
        font-size: 1rem !important;
    }
}
@media screen and (min-width: 768px) {
    .auth.pubRegister form,
    .auth.advRegister form {
        width: 45rem;
    }
}
body.custom .navbar li.nav-item>a,
body.custom .navbar li.nav-item>span {
    color: #fff;
}
.navbar li.nav-item>a,
.navbar.active nav li.nav-item>a,
.navbar li.nav-item>span,
.navbar.active nav li.nav-item>span,
body.custom.nav-black .navbar li.nav-item>a,
body.custom .navbar.navbar-stuck nav li.nav-item>a,
body.custom .navbar.active nav li.nav-item>a,
body.custom .navbar.navbar-stuck nav li.nav-item>span,
body.custom .navbar.navbar-stuck.active nav li.nav-item>span {
    color: #000;
}
.navbar>nav>li.nav-item:first-child a {
    padding-left: 0!important;
}
.navbar li.nav-item>a,
.navbar li.nav-item.parent>a,
.navbar li.nav-item.parent>span {
    letter-spacing: 1px;
    white-space: nowrap;
    /*text-transform: uppercase;*/
}
.navbar.members li.nav-item>a,
.navbar.members li.nav-item.parent>a,
.navbar.members li.nav-item.parent>span {
    text-transform: capitalize;
}
@media screen and (min-width: 990px){
    .navbar li.nav-item>a, .navbar li.nav-item.parent>a, .navbar li.nav-item.parent>span {
        /*font-size: .9rem;*/
    }
}
.navbar:not(.members) li.nav-item>a:not(.btn),
.navbar:not(.members) li.nav-item.parent>a:not(.btn),
.navbar:not(.members) li.nav-item.parent>span:not(.btn) {
    padding: 1.16rem .5rem !important;
}
.navbar li.nav-item>a[aria-expanded="true"],
.navbar li.nav-item.parent>a[aria-expanded="true"],
.navbar li.nav-item.parent>span[aria-expanded="true"] {
    border-bottom: 0;
}

.navbar li.nav-item:active>a,
.navbar li.nav-item:active>span {
    color: #f17420;
}
@media screen and (min-width: 1280px){
    .navbar li.nav-item:hover>a,
    .navbar li.nav-item:hover>span {
        color: #f17420;
    }
}
.searchBtnCustom {
    display: none;
}
.searchBtnCustom,
.langCustom a.dropdown-toggle {
    /*background-color: #b6b6b652;*/
    /*width: 2.6rem;*/
    /*height: 2.6rem;*/
    /*line-height: 2.6;*/
    /*border-radius: 2rem;*/
    /*text-align: center;*/
}
.langCustom a.dropdown-toggle::after{
    /*display: none!important;*/
}
.navbar .parent {
    position: relative;
}
.navbar .parent>a::after,
.navbar .parent>span::after,
.navbar .sub-parent a::after {
    content: "\f282";
    font-family: bootstrap-icons !important;
    font-size: .8rem;
    line-height: 1;
    border: 0;
    margin-left: 5px;
    position: relative;
    top: 5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.navbar .parent>a[aria-expanded="true"]::after,
.navbar .parent>span[aria-expanded="true"]::after {
    content: "\f286";
}
.navbar .sub-parent a::after {
    content: "\f285";
    position: absolute;
    top: 50%;
    right: .7rem;
    transform: translateY(-50%);
}
@media screen and (min-width: 990px){
    .navbar .sub-parent a::after {
        display: none!important;
    }
}

/*.navbar .sub-parent a::after {*/
/*    content: "\f285";*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    right: .7rem;*/
/*    transform: translateY(-50%);*/
/*}*/

.navbar ul.sub-parent {
    background-color: #fcfcfc;
    min-width: 18rem;
    padding: 0!important;
    left: 50%;
    transform: translateX(-50%);
    -webkit-box-shadow: 0 0.25rem 0.5625rem -0.0625rem #00000008, 0 0.275rem 1.25rem -0.0625rem #00000036;
    -moz-box-shadow: 0 0.25rem 0.5625rem -0.0625rem #00000008, 0 0.275rem 1.25rem -0.0625rem #00000036;
    box-shadow: 0 0.25rem 0.5625rem -0.0625rem #00000008, 0 0.275rem 1.25rem -0.0625rem #00000036;
}
.navbar .dropdown-menu {
    transition: transform 0.3s cubic-bezier(0.88, -0.72, 0, 1), opacity 0.3s ease-in-out;
}
.list-account .btn-sm {
    /*padding: 2px 10px 2px 4px;*/
}
@media screen and (min-width: 990px){
    /*.navbar .dropdown-menu {*/
    /*    top: 2.2rem;*/
    /*    opacity: 0;*/
    /*    visibility: hidden;*/
    /*    display: block;*/
    /*}*/
    .navbar .dropdown-menu {
        /*transform: translateY(1rem);*/
        max-width: 20rem;
    }
    .navbar .dropdown.langCustom .dropdown-menu {
        /*transform: translateY(1rem);*/
        /*top: 1.4rem;*/
    }
    .navbar .dropdown.langCustom:hover .dropdown-menu {
        /*transform: translateY(.5rem);*/
    }
    /*.navbar .dropdown:hover .dropdown-menu {*/
    /*    opacity: 1;*/
    /*    visibility: visible;*/
    /*    transform: translateY(0);*/
    /*    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);*/
    /*}*/
    /*.navbar .list-account:hover. .dropdown-menu {*/
    /*    transform: translateY(1rem)!important;*/
    /*}*/


    .list-account .dropdown-menu {
        /*right: -100%!important;*/
        top: initial!important;
    }
}

.navbar .dropdown-menu li a,
.navbar .sub-parent li a,
.navbar .dropdown-menu:not(.langCont) li a {
    /*font-size: .9rem;*/
    color: #000!important;
    padding: .4rem 1rem;
    transform: scale(1);
    align-items: center;
    -webkit-transition: -webkit-transform .2s linear;
    -moz-transition: -moz-transform .2s linear;
    -ms-transition: -ms-transform .2s linear;
    -o-transition: -o-transform .2s linear;
    transition: transform .2s linear;
    display: flex;
}

.navbar .dropdown-menu li:hover a,
.navbar .sub-parent li:hover a,
.navbar .sub-parent li:active a {
    background-color: #fff !important;
    z-index: 11;
    cursor: pointer;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-box-shadow: 0 0 1.25rem rgb(31 45 61 / 8%);
    -moz-box-shadow: 0 0 1.25rem rgb(31 45 61 / 8%);
    box-shadow: 0 0 1.25rem rgb(31 45 61 / 8%);
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
}

.navbar ul.sub-parent li i {
    font-size: 1.25rem!important;
    margin-right: .5rem!important;

}

.navbar ul:not(:last-of-type) li:hover a:not(.sub-parent li a),
.navbar ul.dropdown-menu li:hover a,
.navbar ul.sub-parent li:hover a {
    color: #ef6508!important;
}
@keyframes dropdown-show {
    from {
        transform: scale(.9);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

.navbar .langCont>.btn {
    transform: All 200ms linear;
}
@media screen and (min-width: 800px) {
    .navbar .langCont>.btn {
        background-color: #eeeeee57;
        color: #000;
        border: none!important;
        outline: none!important;
    }
}
.navbar .langCont:hover>.btn {
    background-color: #eeeeee94!important;
    color: #000!important;
}
.navbar .langCont>.btn::after {
    right: 7px!important;
    display: none;
}

/* Hide Dropdowns by Default */
.navbar .wraps.right .sub-parent {
    min-width: 10rem!important;
    right: -5rem!important;
    left: initial!important;
}
.navbar .wraps.right a.btn {
    padding: .5rem 1.1rem!important;
}

/* Fisrt Tier Dropdown */
.navbar ul ul li {
    float:none;
    position: relative;
    display:list-item;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
/* Second, Third and more Tiers	*/
.navbar ul ul ul li {
    position: relative;
    top:-60px;
    left:170px;
}

@media screen and (min-width: 580px){
    .section-heading {
        font-size: 2.5rem!important;
    }
}
@media screen and (max-width: 580px){
    .section-heading {
        font-size: 2.4rem!important;
    }

}



/*SUBID*/
@media screen and (min-width: 580px){
    /*.subid .floatUpdate {*/
    /*    position: relative !important;*/
    /*}*/
}


/*IntroJS*/
.introjs-skipbutton {
    /*display: none!important;*/
}


.nav-option-menu .nav-link {
    background-color: #f1f1f1;
    height: calc(1em + 1rem + 5px);
    width: calc(1em + 1rem + 5px);
    text-align: center;
    line-height: 1;
}
.nav-option-menu .generateToolsBtn {
    letter-spacing: 1px;
}
@media screen and (max-width: 580px){
    .nav-option-menu .generateToolsBtn {
        max-width: 5.3rem;
        letter-spacing: 0;
        font-size: .675rem !important;
    }
}




.zoomInOutAnimate {
    animation: zoom-in-zoom-out 1s ease-out infinite;
}
.shakingAnimate {
    animation-name: bellshake;
    animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
    animation-duration: 2.5s;
    animation-fill-mode: forwards;
    animation-delay: 1.1s;
    animation-iteration-count: infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}
@keyframes bellshake {
    2%, 18% {
        transform: rotate(0);;
    }

    4%, 16% {
        transform: rotate(5deg);
    }

    6%, 10%, 14% {
        transform: rotate(-5deg);
    }

    8%, 12% {
        transform: rotate(4deg);
    }

    18.1% {
        transform: rotate(0);
    }
}

@keyframes ripple{
    0% { transform: scale(1); }
    30% { transform: scale(1.3); opacity:1; }
    50% { transform: scale(1.6); opacity:1; }
    70% { transform: scale(1.9); opacity:1; }
    100% { transform: scale(2.3); opacity:0; }
}

/*.CHAT PANEL CUSTOM*/
.bx-livechat-wrapper {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: initial !important;
    right: 0 !important;
    bottom: 0 !important;
    /*visibility: visible !important;*/
    /*opacity: 1 !important;*/
    /*-webkit-transform: translateX(100%) !important;*/
    /*transform: translateX(100%) !important;*/
    transform-origin: right top !important;
    /*transition: all 300ms linear !important;*/
    /*animation: none !important;*/
    /*display: initial !important;*/
}
@media screen and (min-width: 480px) {
    .bx-livechat-wrapper {
        width: 435px !important;
    }
}
.bx-livechat-wrapper.bx-livechat-show {
    /*visibility: visible !important;*/
    /*opacity: 1 !important;*/
    /*-webkit-transform: translateX(0%) !important;*/
    /*transform: translateX(0) !important;*/
    /*animation: none !important;*/
}


#offcanvasNavbar .member-avatar {
    max-width: 2.6rem;
    min-width: 2.6rem;
    height: 2.6rem;
}

.bi-custom::after {
    content: "\f64d";
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-size: .7rem;
    font-weight: 700 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 11px;
    bottom: 1px;
    display: inline-block;
}

#offcanvasNavbar .bg-members {
    background-image: url('../img/MEMBER/bg_member.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 50px;
}

#offcanvasNavbar .progress {
    background-color: #c9bdbd;
    height: 4px
}

#offcanvasNavbar .rank {
    font-size: .575rem !important;
    letter-spacing: .5px;
    border: 2px solid #fff;
    top: -4px !important;
}
#offcanvasNavbar .rank-bronze {
    background-color: #CD7F32;
    color: #ffffff;
    border-color: #c06f1f;
}

#offcanvasNavbar .rank-silver {
    background-color: silver;
    color: #333333;
    border-color: #b9b9b9;
}

#offcanvasNavbar .rank-gold {
    background-color: gold;
    color: #333333;
    border-color: #eeca08;
}

#offcanvasNavbar .rank-platinum {
    background-color: #6217f6;
    color: #ffffff;
    border-color: #5b13ea;
}

.animate-spin {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }
    to {
        transform: scale(1) rotate(360deg);
    }
}

#offcanvasNavbar .menu-container {
    /*height: calc(100vh - 12rem);*/
    height: calc(100vh - 8rem);
    padding-bottom: 5rem;
}
#offcanvasNavbar .navbar-nav .nav-item {
    border-bottom: 1px dashed #e5e2e2;
}
#offcanvasNavbar .navbar-nav .nav-item.parent {
    margin-bottom: 0;
}
#offcanvasNavbar .navbar-nav .collapse .nav-item {
    border-bottom: 0 !important;
    margin-bottom: 5px;
}
#offcanvasNavbar .navbar-nav .nav-item .triger .badge {
    padding: 2px 5px 3px !important;
    font-size: 9px !important;
}

/*#offcanvasNavbar .navbar-nav .nav-item.parent:active>.nav-link,*/
#offcanvasNavbar .navbar-nav .nav-item.parent.on>.triger {
    /*background-color: #e2e2e2 !important;*/
    color: rgb(239 101 7) !important;
}
#offcanvasNavbar .navbar-nav .nav-item.parent>.triger i {
    color: #333333 !important;
}
#offcanvasNavbar .navbar-nav .nav-item.parent>.triger[aria-expanded="true"] .bi-chevron-down::before {
    content: "\f286";
}
@media screen and (max-width: 990px) {
    .border-custom {
        border-left: 0 !important;
        border-top: 1px solid #e8e9ea !important
    }
}
#offcanvasNavbar .navbar-nav .nav-link,
#offcanvasNavbar .navbar-nav .show > .nav-link {
    padding: .5rem;
    font-weight: 500;
}

@media screen and (max-width: 575px) {
    #offcanvasNavbar .navbar-nav .nav-link,
    #offcanvasNavbar .navbar-nav .show > .nav-link {
        padding: .7rem;
    }
}

#offcanvasNavbar .navbar-nav .nav-link.actived {
    /*background: -webkit-linear-gradient(to right, rgb(239 101 7), rgb(243 119 13), rgb(255 199 34)) !important;*/
    /*background: -moz-linear-gradient(to right, rgb(239 101 7), rgb(243 119 13), rgb(255 199 34)) !important;*/
    /*background: -o-linear-gradient(to right, rgb(239 101 7), rgb(243 119 13), rgb(255 199 34)) !important;*/
    /*background: linear-gradient(to right, rgb(239 101 7), rgb(243 119 13), rgb(255 199 34)) !important;*/
    background-color: var(--main-color) !important;
    color: #fff !important;
}

#offcanvasNavbar .navbar-nav .show >.nav-link,
#offcanvasNavbar .navbar-nav .triger[aria-expanded="true"] {
    background-color: #e2e2e2 !important;
    color: #333333 !important;
}

#offcanvasNavbar .navbar-nav .nav-link:hover,
#offcanvasNavbar .navbar-nav .show > .nav-link:hover {
    background-color: #0000000a;
}


.control-custom.form-floating>.form-control-plaintext~label::after,
.control-custom.form-floating>.form-control:focus~label::after,
.control-custom.form-floating>.form-control:not(:placeholder-shown)~label::after,
.control-custom.form-floating>.form-select~label::after {
    background: transparent !important;
}



/*CAMPAIGN INFO*/
.campaign-info {}
.campaign-info h6 {
    font-weight: 600;
    /*color: #525252 !important;*/
    margin-bottom: .25rem!important;
    /*font-style: italic;*/
}
.campaign-detail form .dropdown-toggle::after {
    margin-left: auto;
}

.campaign-info ul:not(.nav-tabs) {
    padding-left: 1.1rem;
}
.campaign-info ul.traffic {
    list-style: none;
    padding-left: 0;
/*    -moz-column-count: 2;*/
/*    -moz-column-gap: 20px;*/
/*    -webkit-column-count: 2;*/
/*    -webkit-column-gap: 20px;*/
/*    column-count: 2;*/
/*    column-gap: 20px;*/
}
.campaign-info ul:not(.nav-tabs) li,
.campaign-info ol li {
    position: relative;
    margin-bottom: .3rem;
}
.campaign-info ul.traffic li {
    align-items: center;
}
.campaign-info ul:not(.nav-tabs) li.traf-rejected::before,
.campaign-info ul:not(.nav-tabs) li.traf-approve::before {
    font-family: bootstrap-icons !important;
    color: red;
    margin-right: 5px;
}
.campaign-info ul:not(.nav-tabs) li.traf-rejected::before {
    content: "\f622";
}
.campaign-info ul:not(.nav-tabs) li.traf-approve::before {
    content: "\f26a";
    color: green;
}





/*MY RANK*/
.my-ranks .emblem {
    /*background-color: #ccc;*/
    /*width: 3rem;*/
    /*height: 3rem;*/
    /*line-height: 2.7rem;*/
}
/*.my-ranks .emblem-progress {*/
/*    width: 2.2rem;*/
/*    height: 2.2rem;*/
/*    line-height: 2rem;*/
/*    top: -1rem;*/
/*    right: -.2rem;*/
/*    -webkit-border-radius: 5px;*/
/*    -moz-border-radius: 5px;*/
/*    border-radius: 5px;*/
/*    display: inline-block;*/
/*}*/
/*.my-ranks .emblem[data-rank="D"] {*/
/*    background-color: #adf589;*/
/*}*/
/*.my-ranks .emblem[data-rank="C"] {*/
/*    background-color: #c49c48;*/
/*}*/
/*.my-ranks .emblem[data-rank="B"] {*/
/*    background-color: silver;*/
/*}*/
/*.my-ranks .emblem[data-rank="A"] {*/
/*    background-color: gold;*/
/*}*/
/*.my-ranks .emblem[data-rank="S"] {*/
/*    background-color: purple;*/
/*}*/
/*.my-ranks .emblem[data-rank="SS"] {*/
/*    background-color: black;*/
/*}*/




/*Checklist-custom*/
ul.checklist li {
    position: relative;
    padding-left: 1.3rem;
}
ul.checklist li::before {
    content: "\f133";
    font-family: bootstrap-icons !important;
    color: #ee6508;
    position: absolute;
    left: 0;
}


/*BUTTON VOUCHER*/

/*Voucher Button type 2*/
.receipt {
    background-color: #313030;
    width: 170px;
    height: 2.2rem;
    cursor: pointer;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    overflow: hidden;
}
@media screen and (max-width: 400px) {
    .receipt {
        width: 100%;
    }
    /*.brand-logo {*/
    /*    max-width: 4.8rem!important;*/
    /*}*/
}
.receipt-list {
    width: 9.6rem;
    height: 100%;
    top: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 5;
    transition: all .1s linear;
}
/*.voucherWrap[data-theme="3"] .receipt {*/
/*    width: 180px;*/
/*}*/
/*.voucherWrap[data-theme="3"] .receipt-list {*/
/*    width: 10.2rem;*/
/*}*/
.receipt:hover .receipt-list  {
    width: 7rem;
}
.receipt-list span:first-child {
    background: linear-gradient(135deg, transparent 5.68px, #c8ff00 5.69px) top left, linear-gradient(45deg, #c8ff00 2.8px, transparent 2.81px) top left;
    background-repeat: repeat-x !important;
    background-size: 8px 4px !important;
    background-position: -4px top!important;
    width: 2.25rem;
    padding: 4px 0 0;
    position: absolute;
    right: -16px;
    bottom: 15px;
    transform: rotate(90deg);
    display: block;
}
.receipt-list::after {
    content: '';
    border: 2px dashed #000;
    border-bottom: 0;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: -4px;
    border-radius: 3px 3px 0 0;
    z-index: 5;
}
.receipt-list b {
    background-color:#c8ff00;
    color:#000000;
    white-space: nowrap;
    height: 100%;
    font-size: 1rem;
    line-height: 2.1rem;
    padding-left: 2.3rem;
    position: absolute;
    left: 0;
    right: 4px;
    z-index: 11;
    transition: all .1s linear;
    display: block;
}
.receipt-open {
    content: '';
    width: 25px;
    height: 100%;
    padding: 0 0 4px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    transition: all .1s linear;
}
.receipt-open span:first-child {
    content: '';
    background: linear-gradient(135deg, #c8ff00 2.8px, transparent 2.81px) bottom left, linear-gradient(45deg, transparent 5.68px, #c8ff00 5.69px) bottom left;
    background-repeat: repeat-x !important;
    background-size: 8px 4px !important;
    background-position: -4px bottom !important;
    padding: 4px 0 0;
    width: 2.2rem;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    transform: rotate(90deg);
    z-index: 5;
}
.receipt-open span:last-child {
    content: '';
    background-color:#c8ff00;
    position: absolute;
    top: 0;
    left: 4px;
    right: 0;
    bottom: 0;
    z-index: 5;
}
.receipt-open i {
    content: '';
    border: 2px dashed #000;
    border-bottom: 0;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: -4px;
    border-radius: 3px 3px 0 0;
    z-index: 5;
}
.receipt .cus-codes {
    color: yellow;
    font-weight: 700;
    line-height: 2.1rem;
    top: 0;
    bottom: 0;
    left: 7rem;
    z-index: 4;
}

.receipt:hover .receipt-open {
    width: 15rem;
}
.receipt:hover .receipt-list b {
    padding-left: .7rem;
}
.receipt:hover .receipt-open {
    width: 15px;
}



.modal-custom .cus-modal-desc {
    line-height: 1.25!important;
    margin-bottom: 1.2rem!important;
}
.modal-custom .termsCont {
    align-items: center;
    padding-bottom: 1rem;
}
.modal-custom .terms-toggle {
    background-color: #00000038;
    color: #fff;
    font-weight: 600;
    padding: 2px 11px 4px;
    border-radius: 1rem;
    margin-top: 3px;
    white-space: nowrap;
    cursor: pointer;
    font-size: .850rem!important;
}
.modal-custom .cus-terms i {
    background-color: #ffffff;
    width: 1.5rem;
    height: 1.5rem;
    top: -.4rem;
    left: 4.5rem;
    transform: rotate(45deg);
}
.voucherWrap .card-footer {
    padding: 1rem;
    color: #000;
    z-index: 2;
}
.voucherWrap .cus-terms {
    background-color: #ffefc1;
    font-size: .850rem!important;
    padding: .5rem 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    top: -1rem;
}
.voucherWrap .cus-terms ol,
.voucherWrap .cus-terms ul {
    padding-left: 1rem;
}
.voucherWrap .cus-terms ol li,
.voucherWrap .cus-terms ul li {
    font-size: 13px !important;
}


/*THEME 2*/
.voucherWrap[data-theme="2"] .cus-inside {
    width: 100%;
}
.voucherWrap[data-theme="2"] .cus-card-header {
    /*background-size: 100% 20px;*/
    /*background-position: -1px 12px, 13px 0;*/
    /*background-repeat-x: no-repeat;*/
    padding: .5rem .8rem .5rem .8rem !important;
    left: 0;
}
.voucherWrap[data-theme="2"] .cus-card-header .cus-shapes0,
.voucherWrap[data-theme="2"] .cus-card-body .cus-shapes0 {
    position: absolute;
    top: 0;
    left: 1.3rem;
    right: 1.3rem;
    bottom: 0;
}
.voucherWrap[data-theme="2"] .cus-card-header .cus-shapes1,
.voucherWrap[data-theme="2"] .cus-card-header .cus-shapes2,
.voucherWrap[data-theme="2"] .cus-card-body .cus-shapes1,
.voucherWrap[data-theme="2"] .cus-card-body .cus-shapes2 {
    background-size: 100% 20px;
    background-repeat-x: no-repeat;
    width: 1.5rem;
    position: absolute;
    top: 0;
    bottom: 0;
}
.voucherWrap[data-theme="2"] .cus-card-header .cus-shapes1,
.voucherWrap[data-theme="2"] .cus-card-body .cus-shapes1 {
    background-position: -1px 2px;
    left: 0;
}
.voucherWrap[data-theme="2"] .cus-card-header .cus-shapes2,
.voucherWrap[data-theme="2"] .cus-card-body .cus-shapes2 {
    background-position: 1px 2px;
    right: 0;
}
.voucherWrap[data-theme="2"] .cus-swing {
    width: 5rem;
    text-align: center;
    position: absolute;
    bottom: 1.7rem;
    right: 1rem;
}
.voucherWrap[data-theme="2"] .cus-card-header .imgCont.cus-banner {
    height: 10.5rem;
    -webkit-border-radius: .5rem .5rem  0 0;
    -moz-border-radius: .5rem .5rem  0 0;
    border-radius: .5rem .5rem  0 0;
    z-index: 5;
}
.voucherWrap[data-theme="2"] .cus-card-header .imgCont img {
    object-fit: cover!important;
}
.voucherWrap[data-theme="2"] .cus-card-header small {
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.1;
    padding: .5rem 1.2rem .5rem .5rem;
    text-align: left;
    text-transform: uppercase;
    bottom: 0;
    left: .8rem;
    right: .8rem;
    -webkit-border-radius: 0 0 .5rem .5rem;
    -moz-border-radius: 0 0 .5rem .5rem;
    border-radius: 0 0 .5rem .5rem;
    z-index: 6;
}
.voucherWrap[data-theme="2"] .cus-card-body {
    background-size: 97% 20px;
    background-position: -10px 12px, 11px 0;
    background-repeat-x: no-repeat;
    flex: 1 1 auto;
    padding: .5rem 1.3rem 1rem 1.3rem;
    z-index: 3;
}
.voucherWrap[data-theme="2"] .cus-card-body .cus-box {
    z-index: 5;
}
.voucherWrap[data-theme="2"] .shapes {
    width: 2.1rem;
    background-position-x: -12px;
    left: 1px;
    margin-left: -1px;
    z-index: 11;
}
.voucherWrap[data-theme="2"] .shapes i {
    position: absolute;
    top: .8rem;
    left: 0;
    bottom: .8rem;
    z-index: 2;
}
.voucherWrap[data-theme="2"] .cus-card-footer {
    background-size: 10rem 19px;
    background-position: 0 0, 9.5rem 0;
    background-repeat-x: no-repeat;
    font-size: .850rem !important;
    align-items: center !important;
    position: relative !important;
    flex-direction: column !important;
    color: #000;
    border-top: 0 !important;
    margin-left: auto!important;
    padding: 1rem 1rem .5rem 0 !important;
}
.voucherWrap[data-theme="2"] .cus-btn-voucher {
    margin-bottom: 1rem!important;
}
.voucherWrap[data-theme="2"] .cus-expires {
    /*background-color: #00000038;*/
    color: #fff;
    padding: 0 11px;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
}
.voucherWrap[data-theme="2"] .terms-toggle {
    /*background-color: #00000038;*/
    color: #fff;
    margin-right: .5rem;
}
.main-card-header {
    top: 55px !important;
}
.main-card-header.full-index {
    z-index: 1035 !important;
}

.form-control:disabled {
    background-color: #cbcbcb;
}

/*MENU DESKTOP*/

@media (max-width: 1200px) {
    #getBannerModal .modal-dialog {
        --bs-modal-width: 95%;
    }
}


@media screen and (max-width: 580px) {
    .my-voucher .main-card-header {
    /*    top: 3.78rem !important;*/
        /*position: relative!important;*/
        z-index: 1025;
    }
}
@media screen and (max-width: 768px) {
    .campaign-directory .dropdown-menu {
        margin-top: 5px !important;
        position: relative !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
    }
}
@media screen and (min-width: 990px) {
    .campaign-directory .main-card-header,
    .my-voucher .main-card-header {
        z-index: 1010;
    }
    .main-card-header::before,
    .my-voucher .main-card-header::before {
        content: '';
        /*background-color: #ffffff;*/
        background-color: #f0f1f1;
        position: absolute;
        top: 0;
        left: -1rem;
        right: -1rem;
        bottom: 0;
        z-index: -1;
    }
    #filterShow,
    #filterCustomShow {
        z-index: 1036;
        border-top: 0;
        visibility: visible;
        position: relative;
        left: initial;
        right: initial;
        bottom: initial;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    #filterShow .offcanvas-header,
    #filterCustomShow .offcanvas-header {
        display: none;
    }



    #filterShow .form-floating>.form-control::-webkit-input-placeholder { /* Edge */
        color: #94999c;
    }
    #filterShow .form-floating>.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #94999c;
    }
    #filterShow .form-floating>.form-control::placeholder {
        color: #94999c;
    }

    #filterShow .form-floating>.form-control,
    #filterShow .form-floating>.form-control-plaintext {
        padding-top: .375rem !important;
        padding-bottom: .375rem !important;
        line-height: 1.5 !important;
    }
    #filterShow .form-floating>.form-control,
    #filterShow .form-floating>.form-control-plaintext,
    #filterShow .form-floating>.form-select {
        height: 100% !important;
        min-height: 2.55rem !important;
        max-height: 2.55rem !important;
        padding-top: .4rem !important;
    }
    #filterShow .form-floating label {
        display: none !important;
    }
}
@media screen and (min-width: 990px) {
    #offcanvasNavbar, #offcanvasNavbar ~ .offcanvas-backdrop,
    #offcanvasNavbar.offcanvas-bottom {
        font-size: .9rem;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        border: 0 !important;
        transform: none!important;
        visibility: visible!important;
    }
    .navbar-expand-lg #offcanvasNavbar .offcanvas-body {
        padding: 1rem;
    }
    .navbar-expand-lg #offcanvasNavbar .navbar-nav {
         flex-direction: column;
    }
}


.content-wraps {
    min-height: calc(100vh - 3.8rem);
}
.content-wraps.active {
    /*background: repeating-linear-gradient( 45deg, #edeffb, #edeffb 10px, #f8f9fa 10px, #f8f9fa 20px)!important;*/
    /*background-color: #f0f1f1;*/
}

.content-wraps.members {
    /*margin-left: 16rem;*/
}

/* Change this in order to change the Dropdown symbol */
/*.navbar li > a:after { content:  ' +'; }*/
/*.navbar li > a:only-child:after { content: ''; }*/
@keyframes dropdown-show {
    from {
        transform: scale(.9);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
.modal .imgCont.small-logo {
    min-height: 40px;
    max-height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: flex;
}
.modal .imgCont.small-logo img {
    object-fit: contain;
}


/*RIBBON CARDS*/
:root {
    --hot-one: hsl(0, 96%, 49%);
    --hot-two: hsl(0, 89%, 30%);
    --new-one: hsl(75, 88%, 42%);
    --new-two: hsl(78, 89%, 35%);
    --pop-one: hsl(207, 69%, 50%);
    --pop-two: hsl(212, 67%, 36%);
    --spo-one: hsl(38, 96%, 49%);
    --spo-two: hsl(34, 89%, 30%);
    --box-shadow: hsl(0, 0%, 0%);
    --white: hsl(0, 0%, 100%);
}
.ribbon {
    position: absolute;
    right: -0.313rem;
    top: -0.313rem;
    z-index: 1;
    overflow: hidden;
    width: 4.688rem;
    height: 4.688rem;
    text-align: right;
}

.ribbon span {
    font-size: 0.625rem;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.25rem;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 6.25rem;
    display: block;
    position: absolute;
    top: 1.188rem;
    right: -1.313rem;
}

.ribbon-hot span {
    color: var(--white);
    background: var(--hot-one);
    background: linear-gradient(var(--hot-one) 0%, var(--hot-two) 100%);
    box-shadow: 0 0.188rem 0.625rem -0.313rem var(--box-shadow);
}

.ribbon-new span {
    color: var(--white);
    background: var(--new-one);
    background: linear-gradient(var(--new-one) 0%, var(--new-two) 100%);
    box-shadow: 0 0.188rem 0.625rem -0.313rem var(--box-shadow);
}

.ribbon-pop span {
    color: var(--white);
    background: var(--pop-one);
    background: linear-gradient(var(--pop-one) 0%, var(--pop-two) 100%);
    box-shadow: 0 0.188rem 0.625rem -0.313rem var(--box-shadow);
}

.ribbon-spo span {
    color: var(--white);
    background: var(--spo-one);
    background: linear-gradient(var(--spo-one) 0%, var(--spo-two) 100%);
    box-shadow: 0 0.188rem 0.625rem -0.313rem var(--box-shadow);
}

.ribbon span::before {
    content: "";
    position: absolute;
    left: 0rem;
    top: 100%;
    z-index: -1;
}

.ribbon span::after {
    content: "";
    position: absolute;
    right: 0rem;
    top: 100%;
    z-index: -1;
}

.ribbon-hot span::before {
    border-left: 0.188rem solid var(--hot-two);
    border-right: 0.188rem solid transparent;
    border-bottom: 0.188rem solid transparent;
    border-top: 0.188rem solid var(--hot-two);
}

.ribbon-hot span::after {
    border-left: 0.188rem solid transparent;
    border-right: 0.188rem solid var(--hot-two);
    border-bottom: 0.188rem solid transparent;
    border-top: 0.188rem solid var(--hot-two);
}

.ribbon-new span::before {
    border-left: 0.188rem solid var(--new-two);
    border-right: 0.188rem solid transparent;
    border-bottom: 0.188rem solid transparent;
    border-top: 0.188rem solid var(--new-two);
}

.ribbon-new span::after {
    border-left: 0.188rem solid transparent;
    border-right: 0.188rem solid var(--new-two);
    border-bottom: 0.188rem solid transparent;
    border-top: 0.188rem solid var(--new-two);
}

.ribbon-pop span::before {
    border-left: 0.188rem solid var(--pop-two);
    border-right: 0.188rem solid transparent;
    border-bottom: 0.188rem solid transparent;
    border-top: 0.188rem solid var(--pop-two);
}

.ribbon-pop span::after {
    border-left: 0.188rem solid transparent;
    border-right: 0.188rem solid var(--pop-two);
    border-bottom: 0.188rem solid transparent;
    border-top: 0.188rem solid var(--pop-two);
}

.ribbon-spo span::before {
    border-left: 0.188rem solid var(--spo-two);
    border-right: 0.188rem solid transparent;
    border-bottom: 0.188rem solid transparent;
    border-top: 0.188rem solid var(--spo-two);
}

.ribbon-spo span::after {
    border-left: 0.188rem solid transparent;
    border-right: 0.188rem solid var(--spo-two);
    border-bottom: 0.188rem solid transparent;
    border-top: 0.188rem solid var(--spo-two);
}


/*RIBBON 2*/
.ribbon-content {
    position: relative;
    /*min-height: 7.5em;*/
}
.at-program .ribbon-content,
.at-program-detail .ribbon-content {
    right: 0;
    bottom: 0;
}
.ribbon-content > [class*=ribbon] {
    width: 10em;
    height: 2.5em;
    position: absolute;
    line-height: 2.1em;
    display: block;
    z-index: 5;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ribbon-content > [class*=ribbon]::before,
.ribbon-content > [class*=ribbon]::after {
    content: '';
    position: absolute;
    inset: 0;
    -webkit-clip-path: polygon(2em 0, 8em 0, 10em 2em, 10em 2.5em, 9.5em 2em, 0.5em 2em, 0 2.5em, 0 2em);
    clip-path: polygon(2em 0, 8em 0, 10em 2em, 10em 2.5em, 9.5em 2em, 0.5em 2em, 0 2.5em, 0 2em);
}
.ribbon-content > [class*=ribbon]::before {
    top: 0.1em;
    height: 1.8em;
    border: 2px dotted rgba(0,0,0,0.3);
    border-left: none;
    border-right: none;
}
.ribbon-content > [class*=ribbon]::after {
    z-index: -1;
    background-color: #96ff47;
    border-bottom: .5em solid #505050;
    transition: background-color .2s ease-in-out;
}
.ribbon-content > [class*=ribbon] span {
    display: block;
    transform: rotate(180deg);
}
.ribbon-content > a[class*=ribbon] {
    transition: color 0.2s ease-in-out;
}
.ribbon-content > a[class*=ribbon]:focus,
.ribbon-content > a[class*=ribbon]:hover,
.ribbon-content > a[class*=ribbon]:active {
    color: #292929;
}
.ribbon-content > a[class*=ribbon]:focus::after,
.ribbon-content > a[class*=ribbon]:hover::after,
.ribbon-content > a[class*=ribbon]:active::after {
    background-color: #ffa500;
}
.ribbon-content > [class*=ribbon-top] {
    filter: drop-shadow(0 0.5em 0.5em rgba(0,0,0,0.1));
}
.ribbon-content > [class*=ribbon-top]::after {
    background-image: linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0.2) 1.25em);
}
.ribbon-content > [class*=ribbon-bottom] {
    filter: drop-shadow(0 -0.5rem 0.5rem rgba(0,0,0,0.1));
}
.ribbon-content > [class*=ribbon-bottom]::after {
    background-image: linear-gradient(to top, #0000000f, #00000047 1.25em);
}
.ribbon-content > .ribbon-top-left {
    top: 0;
    left: 0;
    transform: translate(-2.35em, 1.4em) rotate(-45deg);
}
.ribbon-content > .ribbon-top-right {
    top: 0;
    right: 0;
    transform: translate(2.35em, 1.4em) rotate(45deg);
}
.ribbon-content > .ribbon-bottom-left {
    bottom: 0;
    left: 0;
    transform: translate(-2.35em, -1.4em) rotate(225deg);
}
.ribbon-content > .ribbon-bottom-right {
    bottom: 0;
    right: 0;
    transform: translate(2.35em, -1.4em) rotate(135deg);
}


/*Slick*/
.list-slider .slick-slide {
    padding: 0 0.5rem 1rem;
}
.slick-track {
    margin-left: 0;
    margin-right: 0;
}

/*TOP HEADLINE*/
.top-headline {
    /*background: rgb(255 255 255);*/
    /*background: linear-gradient(0deg, rgb(250 234 216) 0%, rgb(255 255 255) 100%);*/
    /*height: calc(100vh + 7rem);*/
}

.top-headline .imgCont {
    bottom: 0;
}


.top-headline .stacked-linear {
    background: linear-gradient(217deg, rgb(249 241 199 / 87%), rgb(255 0 0 / 0%) 70.71%), linear-gradient(139deg, rgb(225 121 255 / 39%), rgb(0 255 0 / 0%) 70.71%), linear-gradient(15deg, rgb(0 35 255 / 46%), rgb(0 15 255 / 0%) 70.71%);
    /*background: #080000ba;*/
    height: 40rem;
}
.top-headline .stacked-linear::after {
    background: linear-gradient(to top, #fbeedf, #fbeee0 10%, #ffffff00 70%);
}
.blur-image {
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-filter: blur(27px);
    -moz-filter: blur(27px);
    -o-filter: blur(27px);
    -ms-filter: blur(27px);
    filter: blur(27px);
    top: -2rem;
    left: -2rem;
    right: -2rem;
    opacity: .8;
    overflow: hidden;
    transition: All 300ms linear;
}


.top-headline::before {
    content: '';
    background-color: #ccc;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 15rem;
    display: none;
}

.top-headline #topbanner-slide .slick-slide,
.top-headline #topbanner-slide .slick-slide>div {
    height: calc(100vh - 75px);
    /*min-height: 663px;*/
}
@media screen and (min-width: 1700px) {
    .top-headline #topbanner-slide .slick-slide,
    .top-headline #topbanner-slide .slick-slide>div {
        height: 42rem;
    }
}
.slick-initialized {
    visibility: visible;
    opacity: 1;
}
.top-headline .shape-container svg {
    fill: #ffffff;
}
.list-slider .slick-slide,
.list-slider .slick-slide>div,
.list-slider .slick-slide .list {
    height: 100%;
}
.list-slider .slick-slide .card a {
    color: #000;
    text-decoration: none;
}
.top-headline::after {
    content: '';
    background-color: #fff;
    width: 15rem;
    height: 15rem;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 7;
    display: none;
}
.top-headline .getArrows {
    right: 3rem;
    bottom: 2.5rem;
}
.top-headline.allPA .getArrows {
    bottom: 2.5rem;
}
.top-headline .getArrows .slick-arrow {
    background-color: transparent;
}
.top-headline .getArrows .slick-arrow:before {
    color: #ffffff;
}







#topbanner-slide .item {
    /*background-color: #fcf8f3;*/
}
#topbanner-slide .item.firstslide .textCont {
    max-width: 100%!important;
    left: 8rem!important;
}
#topbanner-slide .item .h2,
#topbanner-slide .item.firstslide .h2 {
    font-size: 4rem;
}
#topbanner-slide .slick-active:hover {
    cursor: grab;
}
#topbanner-slide .slick-active:active {
    cursor: grabbing;
}
#topbanner-slide .slick-active .textCont h1 {
    animation: fadeInRight 1.1s both;
}
#topbanner-slide .slick-active .textCont h5 {
    animation: fadeInLeft 1.5s both;
}
#topbanner-slide .slick-active .textCont .btn {
    animation: fadeInDown 1.1s both;
}


#topbanner-slide .item.firstslide .imgCont.big-one {
    width: 43rem;
    height: 42rem;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
#topbanner-slide .item.firstslide .imgCont.type1 {
    width: 12rem;
    height: 5rem;
    top: 11rem;
    left: -2rem;
}
#topbanner-slide .item.firstslide .imgCont.type2 {
    width: 15rem;
    height: 7rem;
    left: -5rem;
    bottom: 7rem;
}
#topbanner-slide .item.firstslide .imgCont.type3 {
    width: 13rem;
    height: 9rem;
    left: 50%;
    margin-left: 3rem;
    bottom: 16rem;
}
#topbanner-slide .item.gradations::after {
    content: "";
    background: linear-gradient(to top, #fcf8f3, #ffffff00 38%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
}

.slick-slide img {
    min-width: 100%!important;
    max-width: 100%!important;
    white-space: nowrap;
}
.top-headline .slick-slide img {
    height: 100%;
    object-fit: cover;
}
.slick-slide .container {
    top: 0;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}



/*Slick Slider*/
.all-slider {
    opacity: 0;
    visibility: hidden;
}
.all-slider.slick-initialized {
    visibility: visible;
    opacity: 1;
}


/*TOOLTIP CUSTOM*/
.custom-tooltip > .tooltip-inner{background-color: #444;}
.custom-tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.custom-tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #444;
}
.banner-custom-tooltip > .tooltip-inner{
    display: flex;
}
/*.banner-custom-tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,*/
/*.banner-custom-tooltip.bs-tooltip-top .tooltip-arrow::before {*/
/*    border-top-color: #f17420;*/
/*}*/


/*Slick dot*/
.slick-dots {}
.slick-dots li {
    background-color: #ccc;
    width: 9px;
    height: 9px;
    border: 0;
    /*margin-bottom: 1.1rem;*/
    position: relative;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    -webkit-transition: All 200ms linear;
    -moz-transition: All 200ms linear;
    -ms-transition: All 200ms linear;
    -o-transition: All 200ms linear;
    transition: All 200ms linear;
    display: inline-block;
}
.slick-dots li button {
    display: none;
}


.slick-dots li,
.slick-dots li {
    background-color: #ccc;
    width: .375rem;
    height: .375rem;
    margin: 0 3px;
}

.slick-dots li.slick-active {
    background-color: #f17420!important;
    /*width: 1.8rem;*/
}

#newest-slider .slick-dots {
    width: 9rem;
    padding: 0 0 .2rem;
    position: absolute;
    left: 1rem;
    right: initial;
}
#blog-slider .slick-dots li,
#newest-slider .slick-dots li {
    background-color: rgba(102,98,118,.4)!important;
    width: .375rem!important;
    height: .375rem!important;
    border: none!important;
    transition: width .2s ease-in-out,height .2s ease-in-out,background-color .2s ease-in-out!important;
    border-radius: 50rem!important;
    opacity: .8!important;
    margin: 0 3px;
}
#blog-slider .slick-dots li.slick-active,
#newest-slider .slick-dots li.slick-active {
    background-color: #ef6507!important;
    opacity: 1!important;
}
#blog-slider .card-bigger .card-header {
    min-height: 22rem;
}


/*@media (min-width: 1366px) {*/
/*    .container, .container-lg, .container-md, .container-sm, .container-xl {*/
/*        max-width: calc(100vw - 4rem);*/
/*    }*/
/*}*/


.getArrows .slick-prev {
    left: 0;
}
.getArrows .slick-next {
    right: -.5rem;;
    /*left: 2.5rem;*/
}
.getArrows {
    width: 5.5rem;
    height: 2.5rem;
}
.getArrows .slick-arrow {
    background-color: #fff;
    width: 2.5rem;
    height: 2.5rem;
    position: relative;
    top: 0;
    transform: none;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}
.getArrows .slick-arrow.slick-disabled {
    cursor: default;
}
.getArrows .slick-arrow.slick-disabled::before {
    color: #ef6507!important;
}
.getArrows .slick-arrow:before {
    font-family: bootstrap-icons !important;
    color: #ef6507;
    font-weight: 900;
    position: relative;
    transition: color 300ms linear;
    z-index: 10;
}
.getArrows .slick-arrow::after {
    content: "";
    background: #f07420;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    display: none;
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

.getArrows .slick-arrow:hover::after {
    -webkit-animation: pulse-border .7s ease-out infinite;
    animation: pulse-border .7s ease-out infinite;
    display: block;
    /*transform: scale(1.1);*/
}
.getArrows .slick-arrow:hover {
    background-color: #f07420;
}

.getArrows .slick-arrow:not(.slick-disabled):hover {
    /*background-color: #ef6507;*/
}
.getArrows .slick-arrow:not(.slick-disabled):hover::before {
    color: #fff;
}
.getArrows .slick-prev:before {
    content: "\f12f";
}
.getArrows .slick-next:before {
    content: "\f138";
}
.getArrows .slick-arrow:not(.slick-disabled):active {
    box-shadow: 0 0 1px 3px rgba(231, 227, 227, 0.77) !important;
}
.getArrows .slick-arrow:not(.slick-disabled):active::after {
    background-color: #ffc422;
}
.getArrows .slick-prev:not(.slick-disabled):active:before {
    margin-left: -6px;
    /*color: #000!important;*/
}
.getArrows .slick-next:not(.slick-disabled):active:before {
    margin-right: -6px;
    /*color: #000!important;*/
}



@media screen and (min-width: 1480px) {
    .top-headline #topbanner-slide .textCont.pos-left {
        left: 2rem;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    #topbanner-slide.slick-slider:hover .slick-prev {left: 3rem !important;}
    #topbanner-slide.slick-slider:hover .slick-next {right: 3rem!important;}
}




.membership .slick-slider .slick-dots {
    width: initial;
    left: .5rem;
}
.membership.campaign-detail .slick-slider.banner-slider .slick-dots {
    width: initial;
    right: 1rem;
    left: initial;
    top: -2.3rem;
    bottom: initial;
}
.membership #myCampaignContent .slick-slider .slick-dots,
.membership #widgetAcademy .slick-slider .slick-dots {
    top: -3rem;
    left: initial;
    right: .5rem;
    bottom: initial;
    z-index: 15;
}

.membership .slick-slider .slick-arrow {
    /*background: #fff !important;*/
    /*width: 2rem;*/
    /*height: 2rem;*/
    /*box-shadow: 0 0 1px 2px #5e5a5a33;*/
}
.membership .slick-slider .slick-arrow:hover {
    /*background-color: #f17420!important;*/
    /*box-shadow: 0 0 1px 6px #5e5a5a33;*/
}
.membership .slick-slider .slick-arrow {
    transition: all .2s linear;
    display: none;
}
.membership .slick-slider:hover .slick-arrow {
    display: block;
}
.membership .slick-slider .slick-arrow:active {
    /*box-shadow: 0 0 1px 12px rgba(182, 85, 6, 0.2)!important;*/
}
.membership .slick-slider .slick-prev {left: -3rem!important}
.membership .slick-slider:hover .slick-prev {left: .5rem!important}
.membership .slick-slider .slick-next {right: -3rem!important}
.membership .slick-slider:hover .slick-next {right: .5rem!important}

.membership .slick-arrow.slick-disabled {
    display: none!important;
}


/*Slick Arrow*/
.slick-slider .slick-arrow,
.arrow-custom .slick-arrow {
    background: #fff!important;
    backdrop-filter: blur(5px);
    width: 2.5rem;
    height: 2.5rem;
    top: 50%;
    z-index: 5;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    border-radius: 3rem;
    /*transform: translateY(-120%);*/
    transform: translateY(-50%);
    /*-webkit-transition: all 0.1s ease-in-out;*/
    /*-moz-transition: all 0.1s ease-in-out;*/
    /*-ms-transition: all 0.1s ease-in-out;*/
    /*-o-transition: all 0.1s ease-in-out;*/
    /*transition: all 0.1s ease-in-out;*/
    -webkit-box-shadow: 0 0 7px -3px #000;
    -moz-box-shadow: 0 0 7px -3px #000;
    box-shadow: 0 0 7px -3px #000;
}
.arrow-custom .slick-arrow {
    border: 1px solid #dce0e4;
    position: static !important;
    transform: none;
    -webkit-border-radius: .35rem;
    -moz-border-radius: .35rem;
    border-radius: .35rem;
    box-shadow: none;
}
.arrow-custom .slick-arrow.slick-disabled {
    display: block !important;
}
.slick-slider .slick-arrow.slick-disabled,
.arrow-custom .slick-arrow.slick-disabled,
.slick-slider .slick-arrow.slick-disabled:hover,
.arrow-custom .slick-arrow.slick-disabled:hover,
.slick-slider .slick-arrow.slick-disabled:visited,
.arrow-custom .slick-arrow.slick-disabled:visited,
.slick-slider .slick-arrow.slick-disabled:active,
.arrow-custom .slick-arrow.slick-disabled:active {
    background: #fff!important;
    cursor: default!important;
}
.slick-slider .slick-arrow.slick-disabled::before,
.arrow-custom .slick-arrow.slick-disabled::before {
    color: #333!important;
}
.slick-slider .slick-arrow:active,
.arrow-custom .slick-arrow:active {
    background: #f17420!important;
    /*backdrop-filter: blur(0);*/
}
/*.slick-slider .slick-prev.slick-disabled {left: -5rem!important;}*/
/*.slick-slider .slick-nextslick-disabled {right: -5rem!important;}*/
.slick-slider .slick-prev,
.slick-slider:hover .slick-prev {left: -.5rem!important}
.slick-slider .slick-next,
.slick-slider:hover .slick-next {right: -.5rem!important}


.slick-slider#upcomingSlide .slick-arrow {
    -webkit-transform: translateY(-242%);
    -moz-transform: translateY(-242%);
    -ms-transform: translateY(-242%);
    -o-transform: translateY(-242%);
    transform: translateY(-242%);
}
.slick-slider .slick-arrow::before,
.arrow-custom .slick-arrow::before {
    font-family: bootstrap-icons !important;
    color: #f17420;
}
.slick-slider .slick-arrow:active::before,
.arrow-custom .slick-arrow:active::before {
    color: #f09222
}
.slick-slider .slick-prev::before,
.arrow-custom .slick-prev::before {
    content: "\f284";
}
.slick-slider .slick-next::before,
.arrow-custom .slick-next::before {
    content: "\f285";
}

#topbanner-slide.slick-slider .slick-prev {
    display: none!important;
    left: -50%!important;
}
#topbanner-slide.slick-slider .slick-next {right: 1.5rem!important;}
#topbanner-slide.slick-slider:hover .slick-prev {left: 1.5rem!important;}
#topbanner-slide.slick-slider:hover .slick-next {right: 1.5rem!important;}



.top-headline .nav-arrow {
    width: 150px;
    height: 58px;
    position: absolute;
    top: 50%;
    right: -46px;
    transform: translateY(-99%) rotate(-90deg);
    z-index: 99;
    overflow: hidden;
    text-align: center;
    justify-content: center;
}
.top-headline .nav-arrow .box {
    background-color: #222;
    width: 80px;
    height: 60px;
    border-radius: 3rem 3rem 0 0;
    /* border: 1px solid #000000; */
    margin: 0 auto 0;
    box-shadow: 0px 18px 15px -10px #000 inset;
    -webkit-transform: perspective(100px) rotateX(41deg);
    -moz-transform: perspective(100px) rotateX(30deg);
}
.top-headline .nav-arrow .lines {
    /*background-color: red;*/
    height: 3rem;
    width: 3rem;
    position: absolute;
    top: 1rem;
    left: 50%;
    margin-left: -1.5rem;
    display: block;
}
.top-headline .nav-arrow .lines .slick-arrow {
    width: 3rem;
    height: 3rem;
    position: relative;
    top: initial;
    transform: rotate(90deg) translate(0,0);
}
.top-headline .nav-arrow .lines .slick-arrow::before {
    font-family: bootstrap-icons !important;
    font-size: 1.5rem;
    color: #ccc;
}
.top-headline .nav-arrow .lines .slick-prev {
    display: none!important;
    left: 0;
}
.top-headline .nav-arrow .lines .slick-prev::before  {
    content: "\f284";
}
.top-headline .nav-arrow .lines .slick-next  {
    top: 0;
    right: 0;
}
.top-headline .nav-arrow .lines .slick-next:active  {
    top: .2rem;
}
.top-headline .nav-arrow .lines .slick-next:hover::before,
.top-headline .nav-arrow .lines .slick-next:active::before  {
    color: #f17420!important;
}
.top-headline .nav-arrow .lines .slick-next::before  {
    content: "\f285";
}
.nav-arrow .box:before,
.nav-arrow .box:after {
    content: " ";
    width: 42px;
    height: 61px;
    border-bottom: 24px solid #222;
    position: absolute;
    top: 22px;
}
.nav-arrow .box:before {
    border-bottom-right-radius: 70%;
    left: -38px;
    transform: rotate(-21deg);
}
.nav-arrow .box:after {
    border-bottom-left-radius: 70%;
    right: -38px;
    transform: rotate(21deg);
}






/*FILTER*/
.filter {}
.filterBtnCont {
    position: sticky;
    bottom: 0;
}
.filterSelection .badge i.closeSelFilter:hover::before {
    content: "\f622";
}


/*SWITCH 2*/
.chkbx-toggle {
    display: none;
}
.chkbx-toggle + label {
    background-color: #e4e4e4;
    width: 40px;
    height: 20px;
    line-height: 30px;
    position: relative;
    cursor: pointer;
    outline: none;
    overflow: hidden;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -moz-border-radius: 3rem!important;
    -webkit-border-radius: 3rem!important;
    border-radius: 3rem!important;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    -webkit-transition: background 0.4s;
    transition: background 0.4s;
}
.chkbx-toggle.chkbx-big + label {
    width: 85px;
    height: 30px;
}
.chkbx-toggle + label span {
    width: 200%;
    margin-left: -100%;
    position: relative;
    transition: margin 0.3s ease-in 0s;
    display: block;
}
.chkbx-toggle:checked + label span {
    margin-left: 0;
}
.chkbx-toggle + label span:before,
.chkbx-toggle + label span:after {
    width: 50%;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    color: #FFFFFF;
    font-weight: bold;
    float: left;
    padding: 0;
    box-sizing: border-box;
    display: block;
}
.chkbx-toggle + label span:before {
    content: "WEB";
    padding-left: 1rem;
    background-color: #3AC5C9;
}
.chkbx-toggle + label span:after {
    content: "APPS";
    padding-right: 1rem;
    background-color: #E85764;
    color: #FFFFFF;
    text-align: right;
}

.chkbx-toggle + label::after {
    content: '';
    background-color: #fff;
    position: absolute;
    top: 3px;
    left: 4px;
    width: 22px;
    height: 22px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 30%);
    box-shadow: 0 1px 5px rgb(0 0 0 / 30%);
    /*transition: all 0.3s ease-in 0s;*/
    /*transition: transform 0.4s;*/
    transition: transform 0.3s ease-in 0s;
    display: block;
}
.chkbx-toggle.chkbx-big + label::after {
    width: 24px;
    height: 24px;
}
.chkbx-toggle:checked + label::after {
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}
.chkbx-toggle.chkbx-big:checked + label::after {
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -webkit-transform: translateX(50px);
    transform: translateX(53px);
}
.chkbx-toggle:disabled + label {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    cursor: default;
}

.logo-brand {
    max-width: 16rem;
}


#quickCampaignDetail .halfContent {
    height: 5rem;
    line-height: 1.2;
}
#quickCampaignDetail .halfContent::after {
    content: '';
    width: 100%;
    height: 3.5rem;
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
    -webkit-box-shadow: inset 0 -2rem 12px -0.7rem rgb(255 255 255);
    -moz-box-shadow: inset 0 -2rem 12px -0.7rem rgb(255 255 255);
    box-shadow: inset 0 -2rem 12px -0.7rem rgb(255 255 255);
}




#quickCampaignDetail .modal-header {
    height: 4rem;
}
#applyConfirmation .modal-header .imgCont,
#quickCampaignDetail .modal-header .imgCont {
    background-color: #fff;
    min-width: 5rem;
    max-width: 5rem;
    min-height: 3rem;
    border: 1px solid #dfdfdf;
}
#applyConfirmation .modal-header .modal-title,
#quickCampaignDetail .modal-header .modal-title {
    /*margin-left: 5.5rem;*/
}
@media screen and (max-width: 480px) {
    #applyConfirmation .modal-header .modal-title,
    #quickCampaignDetail .modal-header .modal-title {
        /*margin-left: 5.5rem;*/
    }
}









/*LAZY IMAGE LOAD*/
.lazy-image {position: relative!important;}
.lazy-image::before {
    content: '';
    background-color: red;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/*ADV REGISTER FORM*/
form.formCustom label:not(.chkbx-toggle + label,.form-check-label) {
    background-color: #ffff;
    /*font-weight: 600;*/
    cursor: auto;
    padding: 0 5px;
    color: #000;
    position: absolute;
    top: .8rem;
    margin-left: 1rem!important;
    z-index: 1;
}

form.formCustom .title_career,
form.formCustom .form-control,
form.formCustom .form-select {
    background-color: transparent;
    color: #000;
    border: 0;
    cursor: auto;
    outline: none;
    padding: 0 1rem;
    border: 1px dashed #ccc !important;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius:5px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    z-index: 5;
}

form.formCustom input:not(.form-check-input),
form.formCustom select,
form.formCustom .title_career {
    height: 3rem;
    cursor: pointer;
}

form.formCustom .title_career {
    line-height: 3rem;
}

form.formCustom .file-area input[type="file"] {
    height: auto;
}

.file-area {
    width: 100%;
    position: relative;
}

.file-area label {
    margin-left: 1rem;
    /*text-align: center;*/
}
.file-area input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
    outline: none;
    border: 0;
    box-shadow: none!important;
    z-index: 6;
}
.file-area .file-dummy {
    background: rgba(255, 255, 255, 0.2);
    width: 100%;
    cursor: pointer;
    padding: 2.2rem 1rem .8rem;
    border: 1px dashed rgb(204 204 204);
    transition: background 0.3s ease-in-out;
}
.file-area .file-dummy::after {
    font-family: bootstrap-icons !important;
    content: "\f373";
    font-size: 2rem!important;
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
}
.file-area .file-dummy::after,
.file-area .file-dummy .success {
    display: none;
}
.file-area:hover .file-dummy {
    background: rgba(255, 255, 255, 0.1);
}
.file-area input[type=file]:focus + .file-dummy {
    background-color: orange;
    outline: 1px dashed rgba(255, 255, 255, 0.5);
    outline: -webkit-focus-ring-color auto 5px;
}
.file-area input[type=file]:valid + .file-dummy {
    border-color: rgba(0, 255, 0, 0.4)!important;
    background-color: rgba(0, 255, 0, 0.3)!important;
}
.file-area input[type=file]:valid + .file-dummy::after,
.file-area input[type=file]:valid + .file-dummy .success {
    display: inline-block;
}
.file-area input[type=file]:valid + .file-dummy .default {
    display: none;
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

form.formCustom textarea {
    max-height: 6rem;
}

form.formCustom .form-control:focus,
form.formCustom .form-select.active {
    border-color: #00b0ec !important;
}

form.formCustom .form-select.active ~ label,
form.formCustom .form-control.active ~ label,
form.formCustom .form-control:active ~ label,
form.formCustom .form-control:visited ~ label,
form.formCustom .form-control:focus ~ label,
form.formCustom .form-control:not(select):valid ~ label {
    top: -.5rem;
    font-size: .8rem;
    color: #00b0ec;
    z-index: 6;
}

form.formCustom input:not(.form-check-input)::placeholder {
    color: #2a2a2a;
}

form.formCustom textarea {
    max-height: 130px;
}

form.formCustom textarea::placeholder {
    color: #2a2a2a;
}

form.formCustom button {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.25px;
    border: none;
    outline: none;
    transition: all .3s;
}

#campAvailable-slider {
    /*height: 255px;*/
}
#campAvailable-slider .item {
    padding-left: .4rem;
    padding-right: .4rem;
    padding-bottom: .5rem;
}


/*MEMBERSHIP*/
@media screen and (min-width: 990px) {
    .offcanvas.col-left-custom,
    .switchCustom.col-left-custom {
        width: 16.5rem !important;
    }
}


ul.list-column-2 {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
ul.list-column-3 {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}

/*CAMPAIGN LIST*/
#f-search-campaign {
    /*min-width: 16rem;*/
    /*font-size: .9rem;*/
}
#f-search-campaign .openChild[aria-expanded="true"]::before {
    content: "\f63b";
}
.campaign-list .card-wraps .card-img-overlay {
    background-image: linear-gradient(to top, rgb(255 255 255 / 0%), rgb(134 86 3))!important;
    background-color: transparent;
    display: none!important;
}
.campaign-list .card-wraps:hover .card-img-overlay,
.campaign-list .card-wraps:active .card-img-overlay {
    display: flex!important;
}
.campaign-directory .form-check-input:disabled,
.campaign-directory .form-check-input:disabled~.form-check-label,
.campaign-directory .form-check-input[disabled]~.form-check-label{
    opacity: 1!important;
    cursor: default !important;
}
.campaign-list .getCampDetail::before {
    content: '';
    background: rgb(158,158,158);
    background: radial-gradient(circle, rgba(158,158,158,0.4789565484396884) 0%, rgba(158,158,158,0.38371845320159315) 49%, rgba(53,37,1,0.5629901618850666) 100%);
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -ms-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    display: grid;
}
.campaign-list .getCampDetail::after {
    font-family: bootstrap-icons !important;
    content: "\f33e";
    background-color: #f17420;
    width: 3rem;
    height: 3rem;
    line-height: 2.7rem;
    font-size: 1.5rem;
    color: #fff;
    border: 2px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -ms-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
}
.campaign-list .getCampDetail:hover::before  {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.campaign-list .getCampDetail:hover::after {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

@media screen and (max-width: 990px) {
    .campaign-list .getCampDetail:active::before,
    .campaign-list .getCampDetail:visited::before  {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    .campaign-list .getCampDetail:active::after,
    .campaign-list .getCampDetail:visited::after {
        -webkit-transform: translate(-50%, -50%) scale(1);
        -moz-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        -o-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }
}
.campaign-list .card-title {
    min-height: 40px;
}
.campaign-list .imgCont {
    min-height: 76px;
}
.campaign-list .categories {
    min-height: 18.6px;
}

#f-search-campaign ul.custom-flex-column li {
    padding: 0 .375rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
}
#f-search-campaign .optional ul li {
    /*-webkit-box-flex: 0;*/
    /*-ms-flex: 0 0 13%;*/
    /*flex: 2 0 13%;*/
}
#f-search-campaign .optional ul li .btn {
    padding: .7rem;
    border-radius: 0;
    border-width: 0 0 1px;
}

/*#f-search-campaign .dropdown ul li,*/
#f-search-campaign .dropdown ul li .form-check {
    margin-bottom: 0 !important;
    align-items: center;
    display: flex;
}

/*#f-search-campaign .dropdown-item:hover,*/
#f-search-campaign .dropdown-item.active,
#f-search-campaign .dropdown-item:active {
    background-color: #d9d9d9!important;
}

#f-search-campaign .dropdown ul li.form-check {
    padding-left: 2.5rem !important;
}

#f-search-campaign .dropdown .dropdown-toggle::after {
    margin-left: auto !important;
}
/*#f-search-campaign .dropdown-item.form-check:focus,*/
/*#f-search-campaign .dropdown-item.form-check:hover {*/
/*    background-color: #e8e8e8 !important;*/
/*}*/
.nav-tabs:not(#myEventTab) li .badge,
.nav-tabs:not(#campaignTabs) li .badge {
    background-color: #9d9d9d ;
}
/*.nav-tabs:not(#myEventTab) li .active .badge,*/
.nav-tabs:not(#myEventTab) li .form-check-input:checked~.form-check-label .badge,
/*.nav-tabs:not(#campaignTabs) li .form-check-input:not(:disabled)~.form-check-label.active .badge,*/
.nav-tabs:not(#campaignTabs) li .form-check-input:checked~.form-check-label .badge {
    background-color: #f09221 !important
}

.courses-list .imgCont {
    min-height: 122.34px;
}


/*PAGING INFO*/
.pagingInfo {}
.paging-hor {
    min-width: 5rem;
    height: 1.5rem;
    bottom: 4.5rem;
    left: 2rem;
}
.top-headline .paging-hor {
    bottom: 2.5rem;
    left: 3rem;
}
.top-headline.allPA .paging-hor {
    bottom: 2.5rem;
}




.paging-hor.relative {
    bottom: 0;
}
.paging-ver {
    text-align: center;
    min-width: 1.5rem;
    height: 4.5rem;
    bottom: 5rem;
    left: 2rem;
}

.pagingInfo::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.paging-ver::before {
    height: 20px;
    border-right: 1px solid currentColor;
}
.paging-hor::before {
    width: 20px;
    border-top: 1px solid currentColor;
}

.pagingInfo::after {
    content: attr(data-dots-total);
    position: absolute;
}
.paging-hor::after {
    right: 0;
}
.paging-ver::after {
    left: 0;
    bottom: 0;
    right: 0;
}

.pagingInfo .slick-dots {
    position: absolute;
    top: 0;
    bottom: 0;
}
.superpoint-dot .slick-dots,
.voucher-dot .slick-dots {
    position: initial!important;
    top: initial;
    bottom: initial;
}
.paging-hor .slick-dots {
    width: auto;
    left: 0;
}
.paging-ver .slick-dots {
    width: 100%;
    height: 1.5rem;
    display: flex!important;
}
.pagingInfo .slick-dots li {
    background-color: transparent!important;
    width: 100%;
    height: auto;
    color: inherit;
    border: 0!important;
    margin: 0;
    opacity: 1;
    position: absolute;
    border-radius: 0;
    transform: translateY(-100%);
    will-change: transform,opacity;
    -webkit-transition: opacity 1s ease,-webkit-transform 1s ease;
    transition: opacity 1s ease,-webkit-transform 1s ease;
    -o-transition: transform 1s ease,opacity 1s ease;
    transition: transform 1s ease,opacity 1s ease;
    transition: transform 1s ease,opacity 1s ease, -webkit-transform 1s ease;
}
.pagingInfo .slick-dots li.slick-active {
    opacity: 1;
}
.paging-hor .slick-dots li.slick-active {
    transform: translateY(0);
}
.paging-ver .slick-dots li.slick-active {
    transform: translateX(0);
}








/*VOUCHER SLIDER*/
#voucher-slider input {
    background-color: #f4f4f4!important;
    border: 2px dashed #f17420;
}
.voucher-list .card-text p,
#voucher-slider .card-text p {
    margin-bottom: 0;
}
.termsCont ul {
    padding-left: 1rem;
}
.modalVouchers .modal-footer.collapsing,
.modalVouchers .modal-footer.collapse.show {
    display: block!important;
}
.modalVouchers .imgCont {
    /*min-width: 7rem;*/
    /*max-width: 7rem;*/
    /*max-height: 4.3rem;*/
    min-width: 4rem;
    max-width: 4rem;
    max-height: 2.3rem;
}



.sosmedCont i {
    text-rendering: optimizeLegibility;
    width: 3.2rem;
    height: 3.2rem;
    line-height: 3.2rem;
    display: block;
    -webkit-border-radius: 5rem;
    -moz-border-radius: 5rem;
    border-radius: 5rem;
}
.allscustom .btn-check+.btn {
    background-color: white !important;
    border-color: #e0e1e3 !important;
    color: #333;
}
.allscustom .btn-check+.website {
    color: #06b2f3;
}
.allscustom .btn-check:checked+.website,
.sosmedCont .bi-globe {
    background: #06b2f3 !important;
    color: #fff;
}
.allscustom .btn-check+.facebook {
    color: #3b5998;
}
.allscustom .btn-check:checked+.facebook,
.sosmedCont .bi-facebook {
    background: #3b5998 !important;
    color: #fff;
}
.allscustom .btn-check+.email {
    color: #3b5998;
}
.allscustom .btn-check:checked+.email,
.sosmedCont .bi-envelope {
    background: #ababab !important;
    color: #fff;
}
.allscustom .btn-check+.youtube {
    color: #e62117;
}
.allscustom .btn-check:checked+.youtube,
.sosmedCont .bi-youtube {
    background: #e62117 !important;
    color: #fff;
}
.allscustom .btn-check+.tiktok {
    color: #393433;
}
.allscustom .btn-check:checked+.tiktok,
.sosmedCont .bi-tiktok {
    background: #393433 !important;
    color: #fff;
}
.allscustom .btn-check+.whatsapp {
    color: #1fc640;
}
.allscustom .btn-check:checked+.whatsapp,
.sosmedCont .bi-whatsapp {
    background: #1fc640 !important;
    color: #fff;
}
.allscustom .btn-check+.telegram {
    color: #259bd8;
}
.allscustom .btn-check:checked+.telegram,
.sosmedCont .bi-telegram {
    background: #259bd8 !important;
    color: #fff;
}
.allscustom .btn-check+.twitter {
    /*color: #00aced;*/
    color: #0f1419;
}
.allscustom .btn-check:checked+.twitter,
.sosmedCont .bi-twitter {
    background: #0f1419 !important;
    color: #fff;
}
.allscustom .btn-check+.linkedin {
    color: #1c79b3;
}
.allscustom .btn-check:checked+.linkedin,
.sosmedCont .bi-linkedin {
    background: #1c79b3 !important;
    color: #fff;
}
.allscustom .btn-check+.instagram {
    background: rgb(249,163,62); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(249,163,62,1) 0%, rgba(154,55,182,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(249,163,62,1) 0%,rgba(154,55,182,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(249,163,62,1) 0%,rgba(154,55,182,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a33e', endColorstr='#9a37b6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.allscustom .btn-check:checked+.instagram,
.sosmedCont .bi-instagram {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9a33e+0,9a37b6+100 */
    background: rgb(249,163,62); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(249,163,62,1) 0%, rgba(154,55,182,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(249,163,62,1) 0%,rgba(154,55,182,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(249,163,62,1) 0%,rgba(154,55,182,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9a33e', endColorstr='#9a37b6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: #fff;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}

/*SIDEBAR*/
div:not(.article-detail) .sidebarWraps ,
section:not(.article-detail) .sidebarWraps {
    right: -2.85em;
    top: 50%;
    transition: all 0.35s ease;
    transform: translateY(-50%) rotate(-90deg);
    border-radius: .5rem .5rem 0 0;
    box-shadow: 0 -1rem 3rem rgba(0,0,0,.175)!important;
    opacity: 0;
    visibility: hidden;
    z-index: 50;
}
.article-detail .sidebarWraps {
    right: .5rem;
    bottom: 17%;
    transition: all 0.35s ease;
    transform: translateY(-50%);
    /* border-radius: .5rem .5rem 0 0; */
    /* box-shadow: 0 -1rem 3rem rgba(0,0,0,.175)!important; */
    opacity: 0;
    visibility: hidden;
    z-index: 50;
}


.sidebarWraps.active  {
    opacity: 1;
    transition-delay: 0.55s;
    transform: translateX(10rem) translateY(-50%) rotate(-90deg);
}
.sidebarWraps i {
    transform: rotate(0deg);
}


.sidebar {
    background-color: rgba(0, 0, 0, 0.53);
    width: 100%;
    height: 100vh!important;
    position: fixed;
    top: 0;
    bottom: 0;
    transition: all 0.35s ease;
    transition-delay: 0.55s;
    z-index: 999;
}

.sidebar.active,
.sidebarWraps.show {
    opacity: 1!important;
    visibility: visible!important;
    transition-delay: 0s!important;
}
@media screen and (min-width: 990px){
    .campaign-list .card:hover .card-title {
        -webkit-animation: 30s linear infinite alternate;
        -o-animation: 30s linear infinite alternate;
        animation: 30s linear infinite alternate;
        color: #f17420!important;
    }
}






.top-headline #topbanner-slide .textCont {
    top: 50%;
}
.top-headline #topbanner-slide .textCont.pos-left {
    max-width: 55%;
    /*padding-left: 3rem;*/
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media screen and (min-width: 1480px) {
    /*.navbar .container-fluid,*/
    .top-headline .container-fluid {
        max-width: 100%!important;
    }

    .top-headline,
    .top-headline #topbanner-slide .slick-slide,
    .top-headline #topbanner-slide .slick-slide>div {
        min-height: 663px;
    }
    .top-headline #topbanner-slide .textCont.pos-left {
        left: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    #topbanner-slide.slick-slider:hover .slick-prev {left: 3rem !important;}
    #topbanner-slide.slick-slider:hover .slick-next {right: 3rem!important;}

    .top-headline #topbanner-slide .textCont {
        margin-top: 0;
    }
    .top-headline #topbanner-slide .textCont.pos-left {
        max-width: 53%;
    }
    .top-headline #topbanner-slide .textCont h2 {
        font-size: 3.7rem;
    }
}
.top-headline #topbanner-slide .textCont.pos-center {
    width: 55%;
    text-align: center;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.top-headline #topbanner-slide h1 {
    font-weight: initial;
    font-size: 3.5rem!important;
}

.top-headline.allPA #topbanner-slide h1 {
    font-size: 2.5rem!important;
}
.top-headline #topbanner-slide .textCont h2 {
    /*font-family: 'Lato-900';*/
    /*font-size: 4rem;*/
    margin-bottom: 1rem!important;
}
.top-headline #topbanner-slide .textCont h3 {
    line-height: 1.3;
    font-weight: 300;
    font-size: 1.7rem;
    padding-right: 10rem;
    margin-bottom: 1rem!important;
}
.top-headline #topbanner-slide .slick-active .textCont h2 {
    animation: fadeInLeft 1.1s both;
}
.top-headline #topbanner-slide .slick-active .textCont h3 {
    animation: fadeInLeft 1.3s both;
}
.top-headline #topbanner-slide .slick-active .textCont .btn-custom {
    animation: fadeInRight 1.5s both;
}


/*Custom Slick Arrow*/
.top-headline .getNav {
    width: 2rem;
    height: 4rem;
    top: 50%;
    left: 2rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.top-headline .getNav .slick-arrow {
    background-color: transparent;
    width: initial;
    height: initial;
    top: initial!important;
    left: initial!important;
    bottom: 0;
}
.top-headline .getNav .slick-prev {
    display: none!important;
    right: 3.3rem !important;
}
.top-headline .getNav .slick-next {
    right: 1rem!important;
}

.top-headline .getNav .slick-arrow::before {
    color: #9e9e9e !important;
}
.top-headline .getNav .slick-arrow:active::before {
    color: #f09221 !important;
}
.top-headline .getNav .slick-arrow::before {
    font-family: slick!important;
    color: #9e9e9e !important;
    font-size: 2rem !important;
    top: 2px;
    position: relative;
}
.top-headline .getNav .slick-arrow:active::before {
    color: #f09221 !important;
}





/*UNDER CONSTRUCTION*/
.under-construction {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.under-construction .inner {
    width: 30rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}







/*SLICK ANIMATION SLIDER*/
#topbanner-slide .slick-active .breadcrumb {
    animation: fadeInRight .8s both;
}
#topbanner-slide .slick-active .slick-title {
    animation: fadeInRight 1.1s both;
}
#topbanner-slide .slick-active .slick-desc {
    animation: fadeInDown 1.3s both;
}
#story-slide .slick-active .slick-avatar {
    animation: fadeInLeft 1.3s both;
}
#story-slide .slick-active .slick-desc,
#story-slide .slick-active .slick-title,
#topbanner-slide .slick-active .slick-btn {
    animation: fadeInUp 1s both;
}
#story-slide .slick-active .slick-desc {
    animation: fadeInUp 1.4s both;
}

/*ABOUT US ==============================================*/
/*Headline*/
.aboutus.headline {
    /*background: rgb(255 255 255);*/
    /*background: linear-gradient(358deg, rgb(255 255 255) 7%, rgb(250 235 216) 51%);*/
    /*height: calc(100vh + 1rem);*/
}
.aboutus.headline .bg-custom-color {
    height: 100vh;
    background: linear-gradient(217deg, rgb(246 233 169 / 110%), rgb(255 0 0 / 0%) 38.71%), linear-gradient(210deg, rgb(225 121 255 / 39%), rgb(0 255 0 / 0%) 70.71%), linear-gradient(187deg, rgb(255 255 255 / 46%), rgb(0 15 255 / 0%) 70.71%);
}
.aboutus.headline .watermark {
    max-width: 41rem;
    font-size: 10rem;
    color: #f174204d;
    letter-spacing: 5px;
    margin-left: -3rem;
    margin-top: -3rem;
    white-space: normal;
    text-transform: uppercase;
}
.aboutus.headline h1 {
    font-size: 3.5rem;
}
.aboutus.headline .btn-video i {
    background-color: #f4a308;
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    border-radius: 5rem;
    display: inline-block;
}

.aboutus.headline .imgCont:not(.logo) {
    overflow: visible;
}
.aboutus.headline .imgCont.logo {
    width: 10rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 180%);
}
.aboutus.headline .imgCont:not(.logo)::after {
    content: "";
    background: linear-gradient(to top, #ffffff, #ffffff 10%, #ffffff00 70%);
    height: 10rem;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
.aboutus.headline .imgCont .result-1 {
    top: 9rem;
    left: -6rem;
}
.aboutus.headline .imgCont .result-2 {
    top: 5rem;
    right: -1rem;
}
.aboutus.headline .imgCont .result-3 {
    background-color: #f7a200d9!important;
    border: 2px dotted #fff;
    left: -9rem;
    bottom: 7rem;
}
.aboutus.headline .imgCont .result-3 i::before{
    color: #202020;
    position: relative;
    z-index: 2;
}

.pulsating-circle {
    position: absolute;
    left: .3rem;
    top: 0;
    width: 1.5rem;
    height: 1.5rem;
}
.pulsating-circle:before {
    content: "";
    position: relative;
    display: block;
    width: 300%;
    height: 300%;
    box-sizing: border-box;
    margin-left: -100%;
    margin-top: -100%;
    border-radius: 45px;
    background-color: red;
    -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.pulsating-circle:after {
    content: "";
    width: 100%;
    height: 100%;
    border: 4px solid #fff;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    border-radius: 15px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
    animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}

.aboutus.headline .imgCont .result-4 {
    background-color: #1a00d1b8;
    color: #fff;
    border: 1px solid #fff;
    /*filter: blur(8px);*/
    /*-webkit-filter: blur(0px);*/
    right: -2rem;
    bottom: 6rem;
}

@-webkit-keyframes pulse-ring {
    0% {
        transform: scale(0.33);
    }
    80%, 100% {
        opacity: 0;
    }
}
@keyframes pulse-ring {
    0% {
        transform: scale(0.33);
    }
    80%, 100% {
        opacity: 0;
    }
}
@-webkit-keyframes pulse-dot {
    0% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.8);
    }
}
@keyframes pulse-dot {
    0% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.8);
    }
}



.headpage {
    /*padding-top: 4.5rem;*/
}





/*Our Stories*/
.aboutus.ourStory {
    /*background: rgb(255 255 255);*/
    /*background: linear-gradient(180deg, rgb(250 235 216) 7%, rgb(255 255 255) 51%);*/
}
.aboutus.ourStory::before {
    content: '';
    background-color: #ffffff;
    /* width: 100%; */
    position: absolute;
    top: 3rem;
    left: -20%;
    right: 3.5rem;
    bottom: 4rem;
    border-radius: 0 0 5rem 0;
    display: none;
}
/*.aboutus.ourStory .container {*/
/*    border-radius: 0 0 5rem 0;*/
/*}*/
.aboutus.ourStory .videoPlay {
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    bottom: 2.5rem;
    right: 2.5rem;
}
.aboutus.ourStory .interspace_id {
    width: 15rem;
}


.aboutus.ourStory .videoPlay i {
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    border-radius: inherit;
    display: block;
}
.aboutus.ourStory .videoPlay::before,
.aboutus.ourStory .videoPlay::after {
    content: '';
    background-color: rgba(240, 241, 241, 0.45);
    position: absolute;
    top: -.7rem;
    left: -.7rem;
    right: -.7rem;
    bottom: -.7rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 0;
    display: block;
}
.aboutus.ourStory .videoPlay::after {
    background-color: rgba(240, 241, 241, 0.3);
    top: -1.3rem;
    left: -1.3rem;
    right: -1.3rem;
    bottom: -1.3rem;
}

.aboutus.ourStory .nav-tabs {
    left: 45%;
}
.aboutus.ourStory .nav-tabs {
    position: relative;
    left: 45%;
}
.aboutus.ourStory .nav-tabs .nav-item.show .nav-link,
.aboutus.ourStory .nav-tabs .nav-link.active {
    color: #495057!important;
    border-bottom: 3px solid #ee6508!important;
}
.aboutus.ourStory .tab-pane#mission .card:hover {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}



.aboutus.ourStory .textBox p {
    /*font-size: 1.1rem;*/
}
.aboutus.ourStory .textBox::before,
.aboutus.ourStory .textBox::after {
    font-family: bootstrap-icons !important;
    font-size: 5rem;
    color: #eee;
    opacity: .4;
    position: absolute;
    display: inline-block;
}

.aboutus.ourStory .textBox::before {
    content: "\f6b0";
    top: 2.5rem;
    left: -5.3rem;
}

.aboutus.ourStory .textBox::after {
    content: "\f6b0";
    right: 0rem;
    bottom: -4rem;
    transform: rotate(180deg);
}

.aboutus.ourStory .imageBox .imgCont.big {
    overflow: visible;
}
.aboutus.ourStory .imageBox .imgCont.big img {
    border-radius: 5rem 8rem 1rem 8rem;
    border: 9px solid #fff;
}
.aboutus.ourStory .imgCont:nth-of-type(2) {
    width: 17rem;
    border: 9px solid #fff;
    left: 11rem;
    bottom: -5rem;
    border-radius: 0 5rem 0 5rem;
}
.aboutus.ourStory .imgCont:nth-of-type(3) {
    width: 11rem;
    height: 11rem;
    border: 9px solid #fff;
    top: -2rem;
    left: -2rem;
    border-radius: 25rem;
}


/*Our Leader*/
.aboutus.ourLeaders {
    /*background: rgb(255 255 255);*/
    /*background: linear-gradient(0deg, rgb(255 255 255) 7%, rgb(250 235 216) 51%);*/
}

.aboutus.ourLeaders .shape {
    background-color: rgb(33 37 41);
    width: 20%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}
.aboutus.ourLeaders .shape span {
    background-color: #212529;
    width: 8rem;
    height: 8rem;
    position: absolute;
    top: -8rem;
    right: 0;
    z-index: 1;
}
.aboutus.ourLeaders .shape span:last-child {
    top: initial;
    bottom: -8rem;
}
.aboutus.ourLeaders .shape span:first-child::before,
.aboutus.ourLeaders .shape span:last-child::before {
    content: '';
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.aboutus.ourLeaders .shape span:first-child::before {
    top: 0;
    -webkit-border-radius: 0 0 8rem 0;
    -moz-border-radius: 0 0 8rem 0;
    border-radius: 0 0 8rem 0;
}
.aboutus.ourLeaders .shape span:last-child::before {
    -webkit-border-radius: 0 8rem 0 0;
    -moz-border-radius: 0 8rem 0 0;
    border-radius: 0 8rem 0 0;
}





/*MEMBER*/
.member.avatar {
    width: 2.2rem;
    height: 2.2rem;
}
.langCont .dropdown-toggle::before {
    display: none;
}



/*Mission*/
.aboutus.ourLeaders .missions .imgCont {
    width: 10rem;
    display: inline-block;
}
/*.aboutus.ourLeaders .shape {*/
/*    width: 5rem;*/
/*    height: 5rem;*/
/*    top: -3rem;*/
/*    left: 0;*/
/*}*/
/*.aboutus.ourLeaders .shape::before {*/
/*    content: '';*/
/*    background-color: rgb(250 235 216);*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    border-radius: 5rem 0 0 0;*/
/*}*/
.aboutus.ourLeaders .directors::before {
    /*content: '';*/
    /*background-color: rgb(247, 248, 249);*/
    /*width: 20%;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*right: -10%;*/
    /*bottom: 0;*/
}
.aboutus.ourLeaders .card {
    border-width: 8px!important;
    border-color: #fff!important;
    transition: All 300ms ease-in;
}
/*.aboutus.ourLeaders .card:hover {*/
/*    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;*/
/*}*/
.aboutus.ourLeaders .card p {
    margin-bottom: 0!important;
}




.aboutus.ourLeaders .getArrows{
    top: -1rem;
    right: 1rem;
}





.aboutus.ourLeaders .inside {
    left: 3rem;
    bottom: -7rem;
    z-index: 99;
}
.aboutus.ourLeaders .leader-header {
    width: 23rem;
    text-align: center;
}

.aboutus.ourLeaders .leader-header .inner {
    background: #ababab;
    background: -moz-linear-gradient(45deg, #ef6508 0%, #ffffff 70%, #ffffff 100%);
    background: -webkit-linear-gradient(45deg, #ababab 0%,#ffffff 70%,#ffffff 100%);
    background: linear-gradient(45deg, #ef6609 0%,#ffb622 70%,#ffcb22 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ababab', endColorstr='#ffffff',GradientType=1 );
    color: #000;
    border-color: #fff;
}

.leaderArrows {
    width: 7rem;
    height: 5rem;
    top: -1.2rem;
    right: 1rem;
}

.swing2 {
    animation: swing ease-in-out 1s infinite alternate;
    transform-origin: center -20px;
    margin: 0 auto;
}
.swing2 img {
    border: 5px solid #f8f8f8;
    display: block;
}
.swing2::after {
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    border: 1px solid #999;
    top: -20px;
    left: 50%;
    margin-left: -20px;
    border-bottom: none;
    border-right: none;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 0;
}
.campaign-detail .swing2::after {
    width: 30px;
    height: 30px;
    top: -15px;
    margin-left: -15px;
}

.campaign-detail #video-link .card-img-overlay .playCont {
    width: 40px;
    height: 40px;
    line-height: 39px;
    border-radius: 3rem;
    text-align: center;
}
.campaign-detail #video-link .card-img-overlay {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
    display: none!important;
}

.campaign-detail #video-link .card:hover .card-img-overlay {
    display: block!important;
}


/*AVATAR*/
.personal-avatar {
    cursor: pointer;
    box-sizing: border-box;
    border: 2px solid transparent;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}
.personal-avatar:hover {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.personal-figcaption {
    background-color: rgba(0, 0, 0, 0);
    width: inherit;
    height: inherit;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}
.personal-figcaption:hover {
    background-color: rgba(0, 0, 0, .5);
    opacity: 1;
}
.personal-figcaption > img {
    margin-top: 32.5px;
    width: 50px;
    height: 50px;
}


/* nail */
.swing2::before {
    content: '';
    background: #ffffff;
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    position: absolute;
    top: -31px;
    left: 50%;
    z-index: 5;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    border-radius: 3rem;
    -webkit-box-shadow: 1px 3px 3px #000 inset;
    -moz-box-shadow: 1px 3px 3px #000 inset;
    box-shadow: 1px 3px 3px #000 inset;
}
.campaign-detail .swing2::before {
    width: 13px;
    height: 13px;
    top: -26px;
}

@keyframes swing1 {
    0% { transform: rotate(3deg); }
    100% { transform: rotate(-3deg); }
}
@keyframes swing2 {
    0% { transform: rotate(3.5deg); }
    100% { transform: rotate(-3.5deg); }
}

.leader-header .inner {
    background: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 12px 11px 13px -5px #1b1b1b6e;
    -moz-box-shadow: 12px 11px 13px -5px #1b1b1b6e;
    box-shadow: 12px 11px 13px -5px #1b1b1b6e;
    display: inline-block;
}
.media.home .leader-header .inner {
    background: #ababab;
    background: -moz-linear-gradient(45deg, #ef6508 0%, #ffffff 70%, #ffffff 100%);
    background: -webkit-linear-gradient(45deg, #ababab 0%,#ffffff 70%,#ffffff 100%);
    background: linear-gradient(45deg, #ababab 0%,#ffffff 70%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ababab', endColorstr='#ffffff',GradientType=1 );
    color: #000;
    border-color: #fff;
}


.card-horizontal .card-header,
.card-horizontal .card-body {
    width: 100%;
}

@media (min-width: 500px){
    .card-horizontal {
        flex-direction: row;
    }
}
.article-list .card-bigger .card-body.absolute {
    bottom: .5rem;
}
.article-list .card-bigger .card-title {
    font-size: 1.5rem!important;
}
.media.home .card-bigger .card-header::before {
    content: "";
    background: rgb(255 255 255);
    background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgb(0 0 0 / 81%) 80%);
    height: 17rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 6;
}

.card-hover {
    transition: border-color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out !important;
}


.article-list.small-post .card-header {
    min-width: 6rem;
    max-width: 6rem;
    min-height: 5rem;
    height: 100%;
}




.leader-header .inner::before {
    content: '';
    border: 1px dashed #fff;
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    z-index: 5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.leader-header .inner .fa {
    font-size: 2rem;
}


/*Partners*/
.aboutus.partners {
    /*background: rgb(255 235 177);*/
    /*background: linear-gradient(0deg, rgb(250 235 216) 7%, rgb(255 255 255) 51%);*/
}
/*.aboutus.partners .container::before {*/
/*    background: -webkit-gradient(linear, left bottom, left top, from(#ff887c), to(#b6325f));*/
/*    background: linear-gradient(360deg, #e46006 0%, #ffb822 100%);*/
/*    background: #fff;*/
/*}*/
/*.aboutus.partners .container::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 1rem;*/
/*    right: -2.35%;*/
/*    bottom: 0;*/
/*    display: block;*/
/*    border-radius: 0 0 0 5rem;*/
/*}*/
.aboutus.partners .getArrows {
    left: 50%;
    bottom: -3.5rem;
    transform: translateX(-51%);
}





/*Global networks*/
.aboutus.globalNetworks {
    /*background: rgb(255 255 255);*/
    /*background: linear-gradient(0deg, rgb(255 255 255) 7%, rgb(250 235 216) 51%);*/
}
.aboutus.globalNetworks .history .imgCont {
    width: 13rem;
}
.aboutus.globalNetworks .history ul {
    position: relative;
    cursor: pointer;
    list-style: none;
}

.aboutus.globalNetworks .history ul li {
    color: #000000;
    font-weight: 600;
    padding: .2rem 1rem;
}

.aboutus.globalNetworks .history ul li:first-child {
    min-width: 4rem;
    text-align: right;
    border-right: 1px solid #CCB;
}

.aboutus.globalNetworks .maps-animated .history ul:hover li,
.aboutus.globalNetworks .maps-animated .history ul.active li {
    color: #fff !important;
}

.aboutus.globalNetworks .history ul[rel='Indonesia'].active::before,
.aboutus.globalNetworks .maps-animated .history ul:hover::before,
.aboutus.globalNetworks .maps-animated .history ul.active::before {
    content: '';
    background-color: #0d8826;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: .5rem;
}

.aboutus.globalNetworks .maps-animated .history ul[rel='Malaysia']:hover::before,
.aboutus.globalNetworks .maps-animated .history ul[rel='Malaysia'].active::before {
    background-color: #fcc10a;
}

.aboutus.globalNetworks .maps-animated .history ul[rel='Singapore']:hover::before,
.aboutus.globalNetworks .maps-animated .history ul[rel='Singapore'].active::before {
    background-color: #d63bd4;
}

.aboutus.globalNetworks .maps-animated .history ul[rel='Vietnam']:hover::before,
.aboutus.globalNetworks .maps-animated .history ul[rel='Vietnam'].active::before {
    background-color: #d65728;
}

.aboutus.globalNetworks .maps-animated .history ul[rel='Thailand']:hover::before,
.aboutus.globalNetworks .maps-animated .history ul[rel='Thailand'].active::before {
    background-color: #00b0ec;
}

.aboutus.globalNetworks .history ul[rel='Indonesia'].active::before,
.aboutus.globalNetworks .maps-animated .history ul[rel='Indonesia']:hover::before,
.aboutus.globalNetworks .maps-animated .history ul[rel='Indonesia'].active::before {
    background-color: #0d8826;
}

.aboutus.globalNetworks .maps-animated .history ul[rel='Japan']:hover::before,
.aboutus.globalNetworks .maps-animated .history ul[rel='Japan'].active::before {
    background-color: #ff0517;
}

.aboutus.globalNetworks .history ul[rel='Indonesia'].active li,
.aboutus.globalNetworks .maps-animated .history ul:hover li,
.aboutus.globalNetworks .maps-animated .history ul.active li {
    z-index: 5;
    position: relative;
}


@media screen and (min-width: 1280px) {
    .aboutus.globalNetworks .history {
        top: 11rem;
        right: 1rem;
    }
    .slick-dots li:hover,
    .slick-dots li:hover {
        background-color: #ff0517;
    }
}

.aboutus.globalNetworks .mapsCont {
    left: -5rem;
    transform: scale(1.2);
}

.aboutus.globalNetworks .mapsCont svg g {
    position: relative;
}

.mapsCont.maps-animated #Japan.pinned path,
.mapsCont.maps-animated #Japan.active path,
.mapsCont.maps-animated #Japan:hover path {
    fill: #ff0517 !important
}
.mapsCont.maps-animated #Indonesia.pinned path,
.mapsCont.maps-animated #Indonesia.active path,
.mapsCont.maps-animated #Indonesia:hover path {
    fill: #0d8826 !important
}


.mapsCont.maps-animated #Thailand.pinned path,
.mapsCont.maps-animated #Thailand.active path,
.mapsCont.maps-animated #Thailand:hover path {
    fill: #04bbff !important
}

.mapsCont.maps-animated #Vietnam.pinned path,
.mapsCont.maps-animated #Vietnam.active path,
.mapsCont.maps-animated #Vietnam:hover path {
    fill: #d65728 !important
}

.mapsCont.maps-animated #Singapore.pinned path,
.mapsCont.maps-animated #Singapore.active path,
.mapsCont.maps-animated #Singapore:hover path {
    fill: #d63bd4 !important
}

.mapsCont.maps-animated #Malaysia.pinned path,
.mapsCont.maps-animated #Malaysia.active path,
.mapsCont.maps-animated #Malaysia:hover path {
    fill: #fcc10a !important
}

.mapsCont #mapIndonesia::before {
    content: '';
    width: 2rem;
    height: 2rem;
    position: absolute;
    left: 0;
    bottom: 0;
}


.st0{fill:#BCBBBB;}


.mapsCont .point {
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 800ms;
    -moz-animation-duration: 800ms;
    -o-animation-duration: 800ms;
    -ms-animation-duration: 800ms;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: relative;
    cursor: pointer;
    z-index: 10;
    display: inline-block;
}

.mapsCont.maps-animated g.pinned.active .point {
    -webkit-animation-name: bounce3;
    -moz-animation-name: bounce3;
    -o-animation-name: bounce3;
    -ms-animation-name: bounce3;
    animation-name: bounce3;
}

.bounce2:not(.active),
.bounce3:not(.active),
.bounce4:not(.active) {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 800ms;
    -moz-animation-duration: 800ms;
    -o-animation-duration: 800ms;
    -ms-animation-duration: 800ms;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: bounce2;
    -moz-animation-name: bounce2;
    -o-animation-name: bounce2;
    -ms-animation-name: bounce2;
    animation-name: bounce2;
}
.bounce3:not(.active) {
    -webkit-animation-name: bounce3;
    -moz-animation-name: bounce3;
    -o-animation-name: bounce3;
    -ms-animation-name: bounce3;
    animation-name: bounce3;
}
.bounce4:not(.active) {
    -webkit-animation-name: bounce4;
    -moz-animation-name: bounce4;
    -o-animation-name: bounce4;
    -ms-animation-name: bounce4;
    animation-name: bounce4;
}

/*STA ICON*/
.staIco.moving-border:before,
.staIco.moving-border:after {
    top: -2px;
    left: -2px;
    right: -2.3px;
    bottom: -2px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.reviewActive span {
    top: -4px;
}
.staIco b {
    width: 10ch;
    font-family: monospace;
    color: #000;
    font-size: .5em;
    white-space: nowrap;
    overflow: hidden;
    margin: -1px auto 0;
    -webkit-animation: typing1 1s steps(6) infinite alternate, blink1 .5s step-end infinite alternate;
    -o-animation: typing1 1s steps(6) infinite alternate, blink1 .5s step-end infinite alternate;
    animation: typing1 1s steps(6) infinite alternate, blink1 .5s step-end infinite alternate;
    display: none;
}
.reviewActive b {
    display: grid;
}
@keyframes typing1 {
    from {
        width: 0
    }
}
@keyframes blink1 {
    50% {
        border-color: transparent
    }
}





/*NOTIFICATION*/
.notif-container {
    /*margin-right: 2.8rem;*/
}
.notif-container .dropdown-header {
    border-color: #ccc !important;
}
.notif-container ul li {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #ccc;
}
.notif-container ul li:first-child {
    border-top: 0;
}
.notif-container a {
    white-space: normal;
}

#notifyModal #ico,
.notification-list .ico {
    background-color: #eeeeee;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    display: block;
}
/*.notification .notification-list li {*/
/*    background-color: #ffffff;*/
/*    padding-left: 1rem !important;*/
/*    transition: padding-left 100ms linear;*/
/*    overflow: hidden;*/
/*    border-color: #dee2e6;*/
/*}*/
.notification-list li .floatCheckbox.active ~ .icoCont {
    margin-left: 1.5rem !important;
}
@media screen and (min-width: 990px) {
    .notification-list li:hover .floatCheckbox ~ .icoCont {
        margin-left: 1.5rem !important;
    }
}
.notification-list li[data-status="unread"] p {
    font-weight: 600;
}
.notification-list li .floatCheckbox {
    background-color: #888888;
    width: 30px;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: -2rem;
    bottom: 0;
    display: flex;
}
.notification-list li .floatCheckbox input {
    width: 1.1rem;
    height: 1.1rem;
    cursor: pointer;
    margin-top: 1.7rem;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.notification-list li:hover .floatCheckbox,
.notification-list li .floatCheckbox.active {
    left: 0;
}



/*LIST CHECK CUSTOM*/
ul.list-check li {
    position: relative;
    padding-left: 1.8rem;
}
ul.list-check li::before {
    font-family: bootstrap-icons !important;
    content: "\f26a";
    color: #198754;
    position: absolute;
    left: 0;
}



.at-program {}
.modalProgram .nav-link {
    color: #777575;
}


root {
    --dtc-color1: #ef5f00;
    --dtc-color2: #f68c00;
    --btnCustom-size: 38.4px;
}
.wrapsBtn {
    min-width: 2.4rem;
    min-height: 2.4rem;
    z-index: 30;
    /*display: none;*/
}
.at-program .card:hover .wrapsBtn {
    display: block;
}
.at-program .wrapsBtn::before,
.at-program .wrapsBtn::after {
    content: "";
    width: var(--btnCustom-size);
    height: var(--btnCustom-size);
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*margin-top: calc(var(--btnCustom-size) / -2);*/
    /*margin-left: calc(var(--btnCustom-size) / -2);*/
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;

    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 rgba(255, 255, 255, 0.6);
    z-index: 15;

    -webkit-animation: ripple4 2s infinite;
    -moz-animation: ripple4 2s infinite;
    -ms-animation: ripple4 2s infinite;
    -o-animation: ripple4 2s infinite;
    animation: ripple4 2s infinite;
    display: block;
}
.at-program .wrapsBtn::before {
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.at-program .wrapsBtn::after {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.wrapsBtn .btnCustom {
    width: 38.4px;
    height: 38.4px;
    line-height: 38.4px;
    /*width: 2.4rem;*/
    /*height: 2.4rem;*/
    /*line-height: 2.4rem;*/
    /*padding: 0 !important;*/
    /*position: relative;*/
    /*transform: rotate(-45deg);*/
    /*overflow: hidden;*/
}
.wrapsBtn .btnCustom {
    border-color: rgb(238 43 37) !important;
}
.wrapsBtn .btnCustom::before {
    content: '';
    background: rgb(238 43 37);
    background: linear-gradient(0deg, rgb(238 43 37) 0%, rgb(247 148 32) 100%);
    min-width: 2.4rem;
    height: 2.4rem;
    border-radius: 5rem;
    position: absolute;
    transition: transform 100ms linear;
    /*transform: translateX(-5rem);*/
    z-index: 4;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    display: block;
}
.wrapsBtn .btnCustom i {
    color: #fff;
    position: relative;
    z-index: 5;
    display: block;
}

@-webkit-keyframes ripple4 {
    70% {
        box-shadow: 0 0 0 40px rgba(253, 167, 0, 0);
    }
    100% {
        box-shadow: 0 0 rgba(253, 107, 0, 0);
    }
}
@keyframes ripple4 {
    70% {
        box-shadow: 0 0 0 40px rgba(253, 167, 0, 0);
    }
    100% {
        box-shadow: 0 0 rgba(253, 107, 0, 0);
    }
}
.at-program .card .imgCont::after {
    content: '';
    background: rgba(17, 17, 17, 0.26);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    /*-webkit-transition: -webkit-transform 0.8s;*/
    /*transition: transform 0.8s;*/
    /*-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);*/
    /*transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);*/
    opacity: 0;
    visibility: hidden;
}
/*.at-program .card:hover .imgCont::after {*/
/*    opacity: 1;*/
/*    visibility: visible;*/
/*}*/

.highlist-hover {
    position: relative;
}
.highlist-hover::before {
    content: '';
    background: rgba(236, 236, 236, 0.19);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    -webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
}
.card:hover .highlist-hover::before {
    -webkit-transform: scale3d(2,1.5,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
    transform: scale3d(2,1.5,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);
}










.at-program-detail .nav#myTabPrograms .nav-link {
    color: #777575 !important;
}
.at-program-detail .nav#myTabPrograms .nav-link.active,
.at-program-detail .nav#myTabsPrograms .show>.nav-link {
    font-weight: 600 !important;
    color: #f17420 !important;
}
.at-program-detail .bonusWrap b {
    /*min-width: 1.5rem;*/
    /*height: 1.5rem;*/
    /*line-height: 1.4rem;*/
    /*text-align: center;*/
    display: inline-block;
}
.at-program-detail .trafficCont .collapse.collapsing {
    height: 0;
    -webkit-transition: none !important;
    transition: none !important;
    display: none !important;
}
.at-program-detail .applyCamp .form-check {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2rem;
    text-align: center;
    padding: 0;
    justify-content: center;
    display: grid;
}
.at-program-detail .applyCamp .form-check input {
    width: 19px;
    height: 19px;
    margin: 10px 0 0;
}

.at-program-detail .timeCountdown div {
    background-color: #ebebeb;
    color: #333333;
    width: auto;
    font-size: .9rem;
    padding: 2px 5px !important;
    border-color:  #dee2e6;
    border: 0;
    margin: 0 2px !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.at-program-detail .timeCountdown div small {
    font-size: .85rem;
    color: #333333;
    margin-left: 1px;
    display: inline;
}
/* Replace li with item selector */
/* Replace n + 2 with limit criterion */
.limit-items .campItems li:nth-of-type(n + 6) { display: none !important;}
.limit-items #show-all-camp:checked ~ .campItems li { display: flex !important;}
@media screen and (max-width: 990px) {
    .limit-items #show-all-camp:checked ~ .campItems li { display: grid !important;}
}
.limit-items #show-all-camp ~ label[for='show-all-camp'] { display: none !important; }
.limit-items #show-all-camp:checked ~ .text-hide { display: inline-block !important;}
.limit-items #show-all-camp:not(:checked) ~ .text-show { display: inline-block !important;}


/* OPTIONAL */
/* Style label as button below items */
.limit-items {
    position: relative;
    /*padding-bottom: 2em;*/
    /*width: 10em;*/
    /*font-family: sans-serif;*/
}
.limit-items #show-all-camp { display: none !important;}
.limit-items label[for='show-all-camp'] {
    bottom: -.5rem;
}
.limit-items label[for='show-all-camp']:hover { border: 1px solid #aaa; }
.limit-items label[for='show-all-camp']:active {
    border: 1px solid #222;
    background-color: #222;
    color: #fff;
}

@keyframes bounce2 {
    70% { transform:translateY(0%); }
    85% { transform:translateY(-2%); }
    /*90% { transform:translateY(-2%); }*/
    90% { transform:translateY(0%); }
    95% { transform:translateY(-2%); }
    /*99% { transform:translateY(-2%); }*/
    100% { transform:translateY(0); }
}

@keyframes bounce3 {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-10px);}
    60% {transform: translateY(-5px);}
}
@keyframes bounce4 {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-6px);}
    60% {transform: translateY(-3px);}
}
@keyframes gelatine {
    from, to { transform: scale(1, 1); }
    25% { transform: scale(0.9, 1.1); }
    50% { transform: scale(1.1, 0.9); }
    75% { transform: scale(0.95, 1.05); }
}

.mapsCont.maps-animated g.pinned .point::before {
    content: '';
    background: rgba(0, 0, 0, 0.24);
    border-radius: 50%;
    height: 14px;
    width: 21px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 43px 0 0 -12px;
    -webkit-transform: rotateX(55deg);
    -moz-transform: rotateX(55deg);
    -o-transform: rotateX(55deg);
    -ms-transform: rotateX(55deg);
    transform: rotateX(55deg);
}
.mapsCont.maps-animated g.pinned .point::after {
    content: '';
    border-radius: 50%;
    width: 35px;
    height: 16px;
    position: absolute;
    margin: 42px 0 0 6px;
    -webkit-animation: pulsate 1s ease-out;
    -moz-animation: pulsate 1s ease-out;
    -o-animation: pulsate 1s ease-out;
    -ms-animation: pulsate 1s ease-out;
    animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    -webkit-box-shadow: 0 0 1px 1px #1f80b9;
    -moz-box-shadow: 0 0 1px 1px #1f80b9;
    box-shadow: 0 0 1px 1px #1f80b9;
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    -ms-animation-delay: 1.1s;
    animation-delay: 1.1s;
    z-index: -2;
}



/*.pon {*/
/*    background-repeat: no-repeat;*/
/*    -webkit-background-size: contain;*/
/*    background-size: contain;*/
/*    width: 50px;*/
/*    position: absolute;*/
/*    cursor: pointer;*/
/*    z-index: 1;*/
/*    display: inline-block;*/
/*    -webkit-animation-name: bounce;*/
/*    -moz-animation-name: bounce;*/
/*    -o-animation-name: bounce;*/
/*    -ms-animation-name: bounce;*/
/*    animation-name: bounce;*/
/*    -webkit-animation-fill-mode: both;*/
/*    -moz-animation-fill-mode: both;*/
/*    -o-animation-fill-mode: both;*/
/*    -ms-animation-fill-mode: both;*/
/*    animation-fill-mode: both;*/
/*    -webkit-animation-duration: 1s;*/
/*    -moz-animation-duration: 1s;*/
/*    -o-animation-duration: 1s;*/
/*    -ms-animation-duration: 1s;*/
/*    animation-duration: 1s;*/
/*}*/
.pon#Japan {
    top: 69px;
    right: 190px;
}
.pon#Indonesia {
    bottom: 56px;
    left: 216px;
}
.pon#Thailand {
    bottom: 300px;
    left: 161px;
}
.pon#Vietnam {
    bottom: 285px;
    left: 245px;
}
.pon#Singapore {
    bottom: 149px;
    left: 194px;
}
.pon#Malaysia {
    bottom: 190px;
    left: 166px;
}
@-moz-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        z-index: -5;
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        z-index: -5;
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@-o-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        z-index: -5;
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        z-index: -5;
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}

@-moz-keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -o-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -o-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@-o-keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px);
        -moz-transform: translateY(-2000px);
        -o-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -o-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    30% {
        opacity: .5;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -o-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    80% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}


/*SHAPE LINE*/
.shape-line {
    min-height: 19px;
}
.shape-orientation-inverse {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.shape-position-bottom {
    bottom: 0;
    margin-top: -1px;
}
.shape-position-top {
    top: 0;
    margin-top: -1px;
}
.shape-container {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 2;
    transform: translateZ(0);
}
.shape-line {
    min-height: 19px;
}
.shape-container svg {
    display: block;
    fill: #fff;
    pointer-events: none;
    vertical-align: baseline;
}

/*HEADLINE*/
.headline h1 {
    font-size: 3rem!important;
    font-weight: 800;
}

































/* width */
.v-scroll::-webkit-scrollbar,
.h-scroll::-webkit-scrollbar {
    width: 3px;
    height: 0;
}
@media screen and (min-width: 990px){
    #widgetAcademy .h-scroll::-webkit-scrollbar {
        height: 8px;
        border-radius: 2rem;
    }
    #widgetAcademy .h-scroll::-webkit-scrollbar-thumb {
        background: #f07420;
        border-radius: 1rem;
    }
    .h-scroll::-webkit-scrollbar-track {
        border-radius: 1rem;
    }
}

/* Track */
.h-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.v-scroll::-webkit-scrollbar-track {
    background: transparent;
    width: 0;
}

/* Handle */
.v-scroll::-webkit-scrollbar-thumb,
.h-scroll::-webkit-scrollbar-thumb {
    background: transparent;
}

/* Handle on hover */
.v-scroll::-webkit-scrollbar-thumb:hover,
.h-scroll::-webkit-scrollbar-thumb:hover {
    background: #555;
}


/*SLICK*/
.sliderCont .slickNavCustom {
    right: 0;
    left: 0;
    transition: top .3s linear;
    z-index: 1;
}
.sliderCont .slickNavCustom .media-arrow {
    top: -5.3rem;
    right: 1.5rem;
    position: absolute;
}



.sub-child-text {
    font-size: 3rem;
    line-height: 1;
    letter-spacing: 3px;
}
.allPubAdv.headline .data-image,
.allPubAdv.headline .data-image-mob {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    /*-webkit-animation: bgburnsEast 25s linear infinite alternate;*/
    /*-o-animation: bgburnsEast 25s linear infinite alternate;*/
    /*animation: bgburnsEast 25s linear infinite alternate;*/
    -webkit-animation: animatedBackground 30s linear infinite alternate;
    -o-animation: animatedBackground 30s linear infinite alternate;
    animation: animatedBackground 30s linear infinite alternate;
}
.allPubAdv.headline .data-image-mob {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: 100% 0; }
}
@-moz-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: 100% 0; }
}
@-webkit-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: 100% 0; }
}
@-ms-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: 100% 0; }
}
@-o-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: 100% 0; }
}
@-webkit-keyframes bgburnsEast {
    from {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    to {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@-moz-keyframes bgburnsEast {
    from {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    to {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@-ms-keyframes bgburnsEast {
    from {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    to {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@-o-keyframes bgburnsEast {
    from {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    to {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@keyframes bgburnsEast {
    from {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    to {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
}


.cnBtn {
    text-shadow: 1px 1px 1px #464242;
}

.cus-bellshake-1,
.cus-bellshake-2 {
    backface-visibility: hidden;
    transform-origin: top right;
    animation-timing-function: cubic-bezier(0.36, 0.07, 0.19, 0.97);
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
}
.cus-bellshake-1 {
    animation-name: bellshake1;
    animation-duration: 3s;
    animation-delay: 1.3s;
}
.cus-bellshake-2 {
    animation-name: bellshake2;
    animation-duration: 2.5s;
    animation-delay: 1.1s;
}
@keyframes bellshake1 {
    2%, 18% {
        transform: translateX(0);;
    }

    4%, 16% {
        transform: translateX(2px);
    }

    6%, 10%, 14% {
        transform: translateX(-2px);
    }

    8%, 12% {
        transform: translateX(1px);
    }

    18.1% {
        transform: translateX(0);
    }
}
@keyframes bellshake2 {
    2%, 18% {
        transform: rotate(0);;
    }

    4%, 16% {
        transform: rotate(2deg);
    }

    6%, 10%, 14% {
        transform: rotate(-2deg);
    }

    8%, 12% {
        transform: rotate(1deg);
    }

    18.1% {
        transform: rotate(0);
    }
}

.heading {
    font-size: 2.5rem!important;
}

.allPA.successStory .getNavs .slick-arrow {
    width: 3rem;
    height: 3rem;
    position: relative;
    top: 0;
    transform: none;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
}
.allPA.successStory .getNavs .slick-prev {
    left: initial;
}
.allPA.successStory .getNavs .slick-next {
    right: initial;
    left: initial;
    margin-left: 1rem;
}
.getNavs .slick-arrow:before {
    font-family: bootstrap-icons !important;
    color: #000000;
}
.getNavs .slick-arrow:hover {
    background-color: #f17420;
}
.getNavs .slick-arrow:hover:before {
    color: #fff!important;
}
.getNavs .slick-prev:before {
    content: "\f12f";
}
.getNavs .slick-next:before {
    content: "\f138";

}
.allPA.successStory .inner {
    /*background: #fff;*/
    /*height: 22rem;*/
    /*border-radius: 2rem;*/
}

.allPA.successStory .ico {
    top: -1.5rem;
    left: 2rem;
    z-index: 12!important;
}
.allPA.successStory .inside {
    width: 20rem;
    margin: 0 auto;
    top: -.5rem;
    right: 0;
    left: 0;
}
.allPA.successStory .imgCont.full-size {
    height: 23rem;
}
.allPA.successStory .inside i {
    font-size: 2.3rem!important;
}
.allPA.successStory .inner .testimony {
    /*padding-left: 2.5rem;*/
}
.allPA.successStory .inner .testimony::first-letter {
    /*initial-letter: 5;*/
    /*color: #f17420;*/
}
.allPA.successStory .inner .testimony::before,
.allPA.successStory .inner .testimony::after {
    font-family: bootstrap-icons !important;
    font-size: 4rem;
    color: #dedddc;
    position: absolute;
    display: none;
}
.allPA.successStory .inner .testimony::before {
    content: "\f6b0";
    top: -2.5rem;
    left: 2rem;
    opacity: .5;
    transform: rotate(-10deg);
    /*display: none;*/
}
.allPA.successStory .inner .testimony::after {
    content: "\f6b0";
    opacity: .5;
    margin-top: 0;
    margin-left: -.5rem;
    transform: rotate(190deg);
}
.allPA.successStory .box {
    width: calc(100%);
    height: 27rem;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-style: preserve-3d;
    perspective: 2000px;
    transition: 0.4s;
}
.allPA.successStory .box::before {
    content: "";
    background-color: transparent;
    /*width: 100%;*/
    height: 105%;
    position: absolute;
    left: 2rem;
    right: 0;
    top: -.5rem;
    box-sizing: border-box;
    z-index: 7;
}
.allPA.successStory .box::before {
    border-top: 20px solid #f17420;
    border-radius: 2.5rem 4.5rem 0 2rem;
    margin-top: 7px;
}
.allPA.successStory .box::after {
    content: "";
    background-color: transparent;
    /*width: 100%;*/
    height: 105%;
    position: absolute;
    left: 2rem;
    right: 0;
    top: 0;
    box-sizing: border-box;
    z-index: 6;
}
.allPA.successStory .box::after {
    border-bottom: 20px solid #f68913;
    border-radius: 0 0 4.5rem 2rem;
    margin-top: 1px;
}

.allPA.successStory .box .line-shape {
    width: 100%;
    height: 100%;
}
.allPA.successStory .box .line-shape::after {
    content: "";
    background-color: transparent;
    width: 10rem;
    border-right: 20px solid #ffb423;
    height: 105%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 6;
    border-radius: 0 4.5rem 4.5rem 0;
    box-sizing: border-box;
    display: block;
}

.allPA.successStory .box .line-shape::before {
    content: "";
    background-color: transparent;
    width: 10rem;
    border-left: 20px solid #ffb423;
    height: 105%;
    position: absolute;
    left: 2rem;
    top: 0;
    z-index: -6;
    border-radius: 2.5rem 0 0 1.8rem;
    box-sizing: border-box;
    display: block;
}
.allPA.successStory .pagingCustomize {
    /*background-color: #201e1e;*/
    /*height: 5rem;*/
    /*right: 0;*/
    /*left: 2rem;*/
    /*bottom: 0;*/
    z-index: 99;
}
.allPA.successStory .pagingCustomize {
    width: 5rem;
    height: initial;
    top: 2rem;
    left: initial;
    right: 1rem;
    bottom: 3rem;
}
.allPA.successStory .pagingCustomize .pagingInfo {
    min-width: 5rem;
    top: 0;
    left: initial;
    right: 0;
}
.allPA.successStory .pagingCustomize .getArrows {
    right: 1.5rem;
    bottom: -1rem;
}

.my-events button.nav-link[disabled] {
    background-color: #cfcfcf !important;
    color: #9b9898 !important;
}
.my-events button.nav-link[disabled] .badge {
    background-color: #afabab !important;
}
.my-events .sub-heading::before,
.my-events .sub-heading::after {
    content: '';
    border-top: 3px solid #fff;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
.my-events .sub-heading::after {
    border-top: 1px solid #babebe;
    margin-top: -1px;
}
.event-list .card-header .imgCont {
    min-height: 160px;
}
.event-list h2 {
    /*font-weight: 900;*/
    /*font-size: 4rem;*/
    /*background: #ef6507;*/
    /*background: -moz-linear-gradient(18deg, #ef6507 32%, #ffbb22 70%);*/
    /*background: -webkit-linear-gradient(18deg, #ef6507 32%, #ffbb22 70%);*/
    /*background: linear-gradient(18deg, #ef6507 32%, #ffbb22 70%);*/
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
    /*color: #fff;*/
}
.event-list .inside {
    left: 50%;
    top: 1rem;
    transform: translateX(-50%);
}




/*Event Popup*/
.popup {
    min-width: 20rem;
    max-width: 20rem;
    transition: 0.5s;
    z-index: 9999;
}
.popup.active {
    left: 16.5rem;
}
.popup .timeCountdown {
    padding-bottom: 0;
    bottom: 0;
    right: initial;
}
.popup .inners .card-body {
    display: none;
}
.popup .inners:hover .card-body {
    display: block !important;
}
.popup .timeCountdown div {
    background-color: #000000;
    width: 2.3rem;
    padding: .2rem .3rem;
    margin-left: 0;
    display: inline-block;
}

.popup .timeCountdown div:first-child {
    margin-left: 0;
}
.popup .timeCountdown div span {
    color: #ffffff!important;
    text-transform: uppercase;
    display: block;
    font-size: 1rem;
    font-weight: 400;
}

.popup-close {
    margin-top: -4px;
    margin-right: 2px;
    z-index: 2100;
}



.advertiser.successStory .slick-dots {
    display: block;
    bottom: initial;
    max-width: 2rem;
    top: 50%;
    left: -2rem;
    transform: translate(0, -50%);
    /* background-color: #fff; */
}
.advertiser.successStory .slick-dots li {
    background-color: #ccc;
    width: 7px;
    height: 1.3rem;
}
.advertiser.successStory .slick-dots li.slick-active {
    background-color: #f17420!important;
    border-color: #f17420!important;
    height: 2.3rem;
}
.advertiser.successStory .story-slide {
    background-color: #fff!important;
    padding: 0 1rem;
    z-index: 11;
    -webkit-border-radius: 0 5rem 5rem 0;
    -moz-border-radius: 0 5rem 5rem 0;
    border-radius: 0 5rem 5rem 0;
    overflow: hidden;
}

.advertiser.successStory #story-slide .imgCont {
    width: 5rem;
}




/*FRAUD SHIELD*/
.fraudshield .shape {
    min-height: 20rem;
    top: 0;
    left: 5%;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 3rem 0 0 3rem;
    -moz-border-radius: 3rem 0 0 3rem;
    border-radius: 3rem 0 0 3rem;
    z-index: 1;
}
.fraudshield.brandBidding .shape {
    top: 0;
    right: 8%;
    left: 0;
    bottom: 0;
    -webkit-border-radius: 0 3rem 3rem 0;
    -moz-border-radius: 0 3rem 3rem 0;
    border-radius: 0 3rem 3rem 0;
    z-index: 1;
}
.fraudshield.fakeConversion .shape {
    top: 0;
    left: 13%;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 3rem 0 0 3rem;
    -moz-border-radius: 3rem 0 0 3rem;
    border-radius: 3rem 0 0 3rem;
    z-index: 1;
}
.fraudshield.headline .imgCont.logo {
    width: 100%;
}
.fraudshield.fraud .imgCont {
    width: 5rem;
}
.fraudshield.bbp .media .imgCont,
.fraudshield.cfp .media .imgCont,
.fraudshield.fcp .media .imgCont {
    min-width: 5rem;
    max-width: 5rem;
}



.customFilterCont.col-xl-3 {
    flex: 0 0 auto;
    width: 22%;
}


/*PAGING*/
.page-item .page-link {
    color: #777;
    margin: 0 .5rem;
    border-radius: 5px;
    border-color: #e9ecef;
    /*box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;*/
}

.page-item .page-link:hover {
    background-color: #fff;
    /*box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;*/
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}
.page-item.active .page-link {
    background-color: #f17420!important;
    border-color: #f17420!important;
    color: #fff;
    z-index: 3;
}


.subscribe-mini {
    width: 23rem;
}











/*EVENT DETAIL*/
.event-detail {
    /*padding-top: 5.1rem;*/
}
.event-detail form label {
    margin-bottom: .5rem;
}

.event-detail .breadcrumb a {
    /*color: #fff;*/
}
.event-detail .breadcrumb-item+.breadcrumb-item::before {
    /*color: #fff;*/
}
.event-detail form input,
.advertiser.getStarted form input {
    height: 3rem;
}
.event-detail form textarea,
.advertiser.getStarted form textarea {
    max-height: 6rem;
}
.event-detail form .form-control:focus,
.event-detail form .form-controls:valid,
.advertiser.getStarted form .form-control:focus,
.advertiser.getStarted form .form-controls:valid {
    border-bottom-color: #b56d17;
}
.advertiser.getStarted form .form-control:focus,
.advertiser.getStarted form .form-controls:valid {
    border-bottom-color: #fff;
}
.event-detail form .form-control:active ~ label,
.event-detail form .form-control:visited ~ label,
.event-detail form .form-control:focus ~ label,
.advertiser.getStarted form .form-control:active ~ label,
.advertiser.getStarted form .form-control:visited ~ label,
    /*.advertiser.getStarted form .form-control:focus ~ label,*/
.advertiser.getStarted form .form-controls:valid ~ label {
    top: -.5rem;
    font-size: .8rem;
    color: #000;
}


.event-detail .imgCont.bigBanner {
    height: 25rem;
}
.event-detail .imgCont.bigBanner img {
    object-fit: cover;
}
.event-detail .modal .imgCont {
    max-width: 10rem;
    min-width: 10rem;
}

.headingNameTitle a{
    text-decoration: underline!important;
}

/*MEMBER*/
.membership:first-child {
    min-height: calc(100vh - 9rem);

}
.membership .main-card {
    /*background-color: #fdfcfb!important;*/
    /*border-style: dashed!important;*/
    /*border-color: #e8e5dd!important;*/
}


.membership .custom-header h5 {
    font-size: 1.15rem;
}
.membership .custom-header::before,
.membership .custom-header::after {
    content: '';
    height: 12.5rem;
    width: 12.5rem;
    border-radius: 50%;
    position: absolute;
    display: none;
}
.membership .custom-header::before {
    background: linear-gradient(-45deg, #4695ff, #1970e2);
    left: 5.125rem;
    top: 1.188rem;
}
.membership .custom-header::after {
    background: linear-gradient(-45deg, #1970e2, #4695ff);
    right: -6.25rem;
    top: -7.938rem;
}
.membership .main-card .btn-light:hover {
    background-color: #ecedee !important;
    color: #333!important;
    border-color: #ecedee!important;
}

/*.falcon-bg-shape-bg {background: #4695ff;}*/
/*.falcon-line-chart-gradient {background: linear-gradient(-45deg, #014ba7, #0183d0);}*/
/*.falcon-card-gradient {background:linear-gradient(-45deg, #1970e2, #4695ff);}*/
/*.falcon-progress-gradient {background: -gradient(-45deg, #1970e2, #4695ff);}*/



.modal#myAlert .program-list-modal .slick-dots {
    bottom: .4rem !important;
}


/*Report*/
.membership #widgetReport .card-body .icons {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    top: 0;
    right: 1rem;
    opacity: .1;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
}
.membership #widgetReport .card-body .badge {
    padding: .15rem .35rem .18rem !important;
}



.membership #chartContainer {
    max-height: 210px !important;
}


/*Vocuher*/
.membership #widgetVoucher {}
.membership .modalVoucher .imgCont {
    min-width: 10rem;
    width: 10rem;
}

.membership #widgetVoucher .getCode {
    top: 50%;
    right: .5rem;
    transform: translateY(-50%);
}


.membership #widgetVoucher .all-slider .alert::before {
    content: '';
    background-color: #fff3cd;
    width: 15px;
    height: 15px;
    border-top: 1px solid #ffc107;
    border-left: 1px solid #ffc107;
    position: absolute;
    top: -7.8px;
    right: 2rem;
    transform: rotate(45deg);
}
.membership .modalVoucher #vcode {
    border: 2px dashed orangered;
}
.membership .modalVoucher .btn-close {
    top: .5rem;
    right: 1rem;
    position: absolute;
    z-index: 12;
}




.membership .atsp-widget {
    background-color: #5bb601!important;
    border: 2px dotted #fff;
}
.membership .member-avatar {
    min-width: 5rem;
    height: 5rem;
    line-height: 5rem;
}
/*.float-bottom-menu {*/
/*    top: .5rem;*/
/*    -webkit-border-radius: .75rem 0 0 0!important;*/
/*    -moz-border-radius: .75rem 0 0 0!important;*/
/*    border-radius: .75rem 0 0 0!important;*/
/*    -webkit-box-shadow: 2px 2px 5px -2px #e3e4e4 inset;*/
/*    -moz-box-shadow: 2px 2px 5px -2px #e3e4e4 inset;*/
/*    box-shadow: 2px 2px 5px -2px #e3e4e4 inset;*/
/*}*/
/*.float-bottom-menu::before {*/
/*    content: '';*/
/*    background-color: #eeefef;*/
/*    height: 10px;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: -5px;*/
/*}*/

.float-bottom-menu .shapeMiniLeft {
    background-color: #f0f1f1;
    width: 17px;
    height: 10px;
    bottom: -1px;
    left: -15.5px;
}
.float-bottom-menu .shapeMiniLeft::before {
    content: '';
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    right: 2px;
    top: 0;
    -webkit-border-radius: 0 0 3rem 0;
    -moz-border-radius: 0 0 3rem 0;
    border-radius: 0 0 3rem 0;
    border-bottom: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
}
.float-bottom-menu .shapeMiniRight {
    background-color: #f0f1f1;
    width: 8px;
    top: 0;
    right: -4px;
    bottom: 0;
}
.float-bottom-menu .shapeMiniRight span {
    background-color: #f0f1f1;
    width: 15px;
    height: 10px;
    position: absolute;
    top: -10px;
    right: 2px;
    z-index: 1;
}
.float-bottom-menu .shapeMiniRight span::before {
    content: '';
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    -webkit-border-radius: 0 0 3rem 0;
    -moz-border-radius: 0 0 3rem 0;
    border-radius: 0 0 3rem 0;
    border-bottom: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
}
.float-bottom-menu a {
    /*background-color: #ffffff!important;*/
    /*color: #737878!important;*/
    /*width: 100%;*/
    /*font-weight: 500;*/
    /*position: relative;*/
    /*-webkit-border-radius: .35rem;*/
    /*-moz-border-radius: .35rem;*/
    /*border-radius: .35rem;*/
    /*display: inline-block;*/
}
@media screen and (min-width: 990px) {
    .float-bottom-menu a {
        /*min-width: 6rem;*/
    }
}
@media screen and (max-width: 990px) {
    .float-bottom-menu a {
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }
}
.float-bottom-menu a.active i {
    color: #f17420!important
}
.float-bottom-menu a.active {
    color: #000!important;
    /*border-bottom: 3.5px solid #f17420;*/
}
.float-bottom-menu a.active::before {
    content: '';
    background-color: #f17420!important;
    height: 3px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}


/*RANKS*/
.my-ranks {}
.my-ranks .all-slider .boxes {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    display: inline-block;
}


/*MEMBER SUPERPOINT*/
.membership #product-slider .card-header {
    /*min-width: 8.5rem;*/
    /*max-width: 8.5rem;*/
}

#g_custom_link .listCustomLink {
    transition: all .2s linear;
}
#g_custom_link .listCustomLink:hover {
    background-color: #fff9e6 !important;
}

.guidesURL span:first-child, .guidesURLMulti span:first-child {
    border-left: 0 !important;
    padding-left: 0 !important;
}

#product-slider .slick-slide:not(.slick-active) .imgCont,
#product-slider .slick-slide:not(.slick-active) .card-title,
#product-slider .slick-slide:not(.slick-active) .point {
    filter: blur(3px);
    -webkit-filter: blur(3px);
    -ms-filter: blur(3px);
}

.membership .shape {
    background: rgb(255 255 255);
    background: linear-gradient(0deg, rgb(255 255 255) 30%, rgb(248 249 250) 70%);
    height: 18rem;
    left: 0;
    right: 0;
    bottom: 0;
}
.membership .avatar {
    min-width: 6rem;
    max-width: 6rem;
    height: 6rem;
    border-radius: 50%!important;
    margin-top: -1.5rem;
    border: 5px solid #fff;
    box-shadow: 0 0 3px 0 #747272;
}
.membership .bg-profile {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 5rem;
}
.membership .bg-profile.type1 {
    background-image: url(../img/MEMBER/bg_profile_1.jpg);
}
.membership .mobile-device {
    background-color: #fff;
    border: 5px solid #333;
    width: 310px;
    height: 480px;
    border-radius: 1.5rem;
}





.testimony-event .bi-quote {
    color: #e8e9ea !important;
    -webkit-transform: rotate(190deg);
    -moz-transform: rotate(190deg);
    -ms-transform: rotate(190deg);
    -o-transform: rotate(190deg);
    transform: rotate(190deg);
}

.testimony-event h2 {
    text-shadow: 1px 3px 5px #fff;
}
.testimony-event .card::before {
    content: '';
    background-color: #f17420;
    width: 6rem;
    height: 6rem;
    position: absolute;
    left: -.3rem;
    bottom: -.3rem;
    z-index: -1;
    -webkit-border-radius: 15px 0 15px 15px;
    -moz-border-radius: 15px 0 15px 15px;
    border-radius: 15px 0 15px 15px;
}
.testimony-event .card,
.testimony-event .card:hover::before,
.testimony-event .bi-quote {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.testimony-event .card:hover {
    box-shadow: 0.65rem 0.625rem 0.65rem rgb(0 0 0 / 26%) !important;
}
.testimony-event .card:hover::before {
    left: -.5rem;
    bottom: -.5rem;
}
.testimony-event .card:hover .bi-quote {
    color: #ee7421 !important;
}
.faq-event .accordion-button:not(.collapsed) {
    background-color: #f16c00;
    color: #ffffff;
}

.event-board.event-status {
    top: 2.3rem;
    right: -.5rem;
}
.membership.my-events .halfContent {
    height: 3.5rem;
    line-height: 1.2;
}
.membership.my-events .halfContent::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3.5rem;
    box-shadow: inset 0 -2rem 12px -1rem rgb(255 255 255);
    pointer-events: none;
}
.membership.my-events .list .nav-tabs .nav-link {
    color: #888;
    font-weight: 600;
    font-size: .880rem!important;
    padding: .5rem 0!important;
}
.membership.my-events .list .nav-tabs .nav-link.active {
    color: #111;
    border-bottom: 3px solid #f07420 !important;
}

/*ATSP */
.getATSP {
    padding-left: 13px;
    left: -.4rem;
    bottom: .5rem;
}
.membership.my-events .getATSP {
    bottom: 1.3rem;
}

.getATSP::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 0 solid transparent;
    border-top: 7px solid #a97f02;
    position: absolute;
    left: 1px;
    bottom: -7px;
    z-index: 1;
}

@media screen and (min-width: 990px){
    .membership #widgetCampaign .nav-tabs,
    .membership #widgetAcademy .nav-tabs {
        position: absolute;
        right: 0;
        bottom: 0;
    }
}
.membership #widgetCampaign .card {
    min-height: 268px;
}
.membership #widgetCampaign .card .card-desc {
    min-height: 27px;
}

.membership #myCampaignContent .categories,
.membership #widgetVoucher .merchantName {
    height: 18.6px;
}
#campaign-slider .item .title,
.membership #widgetCampaign .item .title {
    height: 40px;
}
.membership #widgetVoucher .item .title {
    min-height: 43px;
}
.membership #widgetVoucher .button-peel {
    min-width: 9rem;
}
.membership #widgetVoucher .button-peel .button-text {
    left: 1rem;
    position: absolute;
    z-index: 5;
}
@media screen and (min-width: 580px){
    .membership #widgetVoucher .imgCont.logo {
        width: 7rem;
    }
}

/*.moving-border::before,*/
/*.moving-border::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    inset: -0.2rem;*/
/*    z-index: -1;*/
/*    background: linear-gradient(var(--angle), #032146,  #C3F2FF, #b00);*/
/*    animation: rotate 10s linear infinite;*/
/*}*/
/*.moving-border::after {*/
/*    filter: blur(10px);*/
/*}*/
/*@keyframes rotate {*/
/*    0%     { --angle: 0deg; }*/
/*    100%   { --angle: 360deg;*/
/*    }*/
/*}*/
.moving-border:before,
.moving-border:after {
    content: '';
    position: absolute;
    bottom: -4px;
    top: -4px;
    left: -4px;
    right: -4px;
    border-radius: inherit;
    z-index: -1;
}
.moving-border:before {
    background: linear-gradient(90deg, #0ebeff, #ffdd40, #ae63e4, #47cf73, #0ebeff, #ffdd40, #ae63e4, #47cf73);
    background-size: 200% 200%;
}
.moving-border:after {
    margin: 3px;
}
/*.moving-border:hover:before,*/
/*.moving-border:focus:before, */
.moving-border::before {
    animation: rainbow-border 1.5s linear infinite;
}
@keyframes rainbow-border {
    0% {
        background-position: 0 50%;
    }
    100% {
        background-position: 200% 50%;
    }
}


.main-card>.card-header {
    /*height: 3.2rem;*/
    /*height: 2.5rem;*/
}

.banner-slider .slick-track {
    margin-left: initial !important;
    margin-right: initial !important;
}


@media (max-width: 1080px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 98%;
    }
}



.membership #widgetCampaign .card .imgCont {
    height: 4.75rem;
}
@media screen and (min-width: 580px){
    /*.membership.my-events .nav-tabs#myEventTab,*/
    .membership.settings .nav-tabs#mySettingsTab {
    /*.membership #widgetCampaign .nav-tabs,*/
    /*.membership #widgetAcademy .nav-tabs {*/
        position: absolute;
        top: 0;
        bottom: 0;
        left: 11rem;
        right: 0;
        justify-content: right;
    }
    /*.membership.my-events .nav-tabs#myEventTab,*/
    .membership.settings .nav-tabs#mySettingsTab {
        right: 0;
    }
}
.membership.campaign-directory .nav-tabs#campaignTabs .nav-link,
.membership.campaign-detail .nav-tabs#myCampDetailTab .nav-link,
.membership.my-voucher .nav-tabs#voucherTabs .nav-link,
.membership.dashboard .nav-tabs#campaignTabs .nav-link,
.membership.my-account .nav-tabs#myAccountTab .nav-link,
.membership.my-events .nav-tabs#myEventTab .nav-link,
.membership.my-ranks .all-level-tabs .nav-link,
.membership.settings .nav-tabs#mySettingsTab .nav-link,
.membership #widgetCampaign .nav-tabs .nav-link,
.membership #widgetAcademy .nav-tabs .nav-link,
.membership #myPostbackTab .nav-tabs .nav-link {
    background-color: #ffffff;
    color: #333333;
    border-color: #e7e4db;
    padding: .5rem .7rem! important;
}
@media screen and (max-width: 580px) {
    .membership.campaign-directory .nav-tabs#campaignTabs .nav-link,
    .membership.campaign-detail .nav-tabs#myCampDetailTab .nav-link,
    .membership.my-voucher .nav-tabs#voucherTabs .nav-link,
    .membership.dashboard .nav-tabs#campaignTabs .nav-link,
    .membership.my-account .nav-tabs#myAccountTab .nav-link,
    .membership.my-events .nav-tabs#myEventTab .nav-link,
    .membership.my-ranks .all-level-tabs .nav-link,
    .membership.settings .nav-tabs#mySettingsTab .nav-link,
    .membership #widgetCampaign .nav-tabs .nav-link,
    .membership #widgetAcademy .nav-tabs .nav-link,
    .membership #myPostbackTab .nav-tabs .nav-link {
        padding-top: .5rem! important;
        padding-bottom: .5rem! important;
    }
}
.membership .card-header .nav-tabs .nav-link:not(.active):hover {
    background-color: #0000000a;
}
/*.membership.my-account .nav-tabs#myAccountTab .nav-link.active::before,*/
/*.membership.my-events .nav-tabs#myEventTab .nav-link.active::before,*/
/*.membership.settings .nav-tabs#mySettingsTab .nav-link.active::before {*/
/*!*.membership #widgetCampaign .nav-tabs .nav-link.active::before,*!*/
/*!*.membership #widgetAcademy .nav-tabs .nav-link.active::before {*!*/
/*    content: '';*/
/*    background-color: #f17420!important;*/
/*    height: 3px;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*}*/
.nav-tabs .nav-item {
    /*margin-right: 5px;*/
}

.nav-tabs#mySummaryTab .nav-link {
    background-color: #ffffff!important;
    color: #000;
}
.nav-tabs#mySummaryTab .nav-link.active {
    /*background-color: #f17420!important;*/
    background-color: #6c757d!important;
    color: #ffffff !important;
    cursor: default;
}

.nav-tabs:not(#campaignTabs,#myPostbackTab) .nav-link,
.nav-tabs:not(#campaignTabs,#myPostbackTab) .nav-link.active {
    /*border-radius: 0.375rem !important;*/
    /*border: 1px solid #e8e5dd;*/
    /*margin-bottom: 0;*/
}


.nav-tabs#myPostbackTab .nav-link[data-bs-target="#conversion-data-tab-pane"],
.nav-tabs#myCampDetailTab .nav-link[data-bs-target="#overview-tab-pane"] {
    /*color: #4f55da!important;*/
    border-color: #4f55da!important;
}
.nav-tabs#myEventTab .nav-link[data-bs-target="#upcoming"].active,
.nav-tabs#myCampDetailTab .nav-link[data-bs-target="#overview-tab-pane"].active,
.nav-tabs#myPostbackTab .nav-link[data-bs-target="#conversion-data-tab-pane"].active,
.all-level-tabs .nav-item:first-child .nav-link.active,
/*.membership.campaign-directory .nav-tabs#campaignTabs .form-check-input:not(:disabled):checked~.nav-link[for="statusAvailable"],*/
.membership.campaign-directory .nav-tabs#campaignTabs .form-check-input:checked~.nav-link[for="statusAvailable"] {
    background-color: #4f55da!important;
    border-color: #4f55da!important;
    color: #ffffff!important;
}
.nav-tabs#myEventTab .nav-link[data-bs-target="#upcoming"].active .badge,
/*.membership.campaign-directory .nav-tabs#campaignTabs .form-check-input:not(:disabled):checked~.nav-link[for="statusAvailable"] .badge,*/
.membership.campaign-directory .nav-tabs#campaignTabs .form-check-input:checked~.nav-link[for="statusAvailable"] .badge {
    background-color: #ffffff!important;
    color: #4f55da !important;
}
.tab-content#myPostbackContent .tab-pane#conversion-data-tab-pane.active .inners {
    border-left-color: #4f55da !important;
}
.infoTabsCamp[data-info="unaffiliated"]>span {
    border-color: #4f55da !important;
}
.postback .datRes[data-result="conversion-data"] p {
    background-color: #4f55da !important;
    color: #ffffff !important;
}


.nav-tabs#myPostbackTab .nav-link[data-bs-target="#sub-id-target-tab-pane"],
.nav-tabs#myCampDetailTab .nav-link[data-bs-target="#banners-tab-pane"] {
    /*color: #4fc9da!important;*/
    border-color: #4fc9da!important;
}

.nav-tabs#myCampDetailTab .nav-link[data-bs-target="#banners-tab-pane"].active,
.nav-tabs#myPostbackTab .nav-link[data-bs-target="#sub-id-target-tab-pane"].active,
.nav-tabs#myPostbackTab .nav-link[data-bs-target="#sub-id-target-tab-pane"].active,
.all-level-tabs .nav-item:nth-of-type(2) .nav-link.active,
/*.membership.campaign-directory .nav-tabs#campaignTabs .form-check-input:not(:disabled)~.nav-link[for="statusApplied"].active,*/
.membership.campaign-directory .nav-tabs#campaignTabs .form-check-input:checked~.nav-link[for="statusApplied"] {
    background-color: #0dcaf0!important;
    border-color: #4fc9da!important;
    color: #ffffff!important;
}
/*.membership.campaign-directory .nav-tabs#campaignTabs .form-check-input:not(:disabled)~.nav-link[for="statusApplied"].active .badge,*/
.membership.campaign-directory .nav-tabs#campaignTabs .form-check-input:checked~.nav-link[for="statusApplied"] .badge{
    background-color: #ffffff!important;
    color: #4fc9da !important;
}
.tab-content#myPostbackContent .tab-pane#sub-id-target-tab-pane.active .inners {
    border-top-color: #4fc9da !important;
}
.infoTabsCamp[data-info="applied"]>span {
    border-color: #4fc9da !important;
}
.postback .datRes[data-result="sub-id-target"] p {
    background-color: #4fc9da !important;
    color: #ffffff !important;
}

.nav-tabs#myPostbackTab .nav-link[data-bs-target="#sub-id-opt-tab-pane"],
.nav-tabs#myCampDetailTab .nav-link[data-bs-target="#link-tab-pane"] {
    /*color: #08ab08 !important;*/
    border-color: #08ab08!important;
}
.nav-tabs#myPostbackTab .nav-link[data-bs-target="#sub-id-opt-tab-pane"].active,
.nav-tabs#myCampDetailTab .nav-link[data-bs-target="#link-tab-pane"].active,
.membership.my-events .nav-tabs#myEventTab .nav-link[data-bs-target="#registered"].active,
.all-level-tabs .nav-link[data-bs-target="#three"].active,
/*.membership.campaign-directory .nav-tabs#campaignTabs .form-check-input:not(:disabled)~.nav-link[for="statusAffiliated"].active,*/
.membership.campaign-directory .nav-tabs#campaignTabs .form-check-input:checked~.nav-link[for="statusAffiliated"] {
    background-color: #89d51b !important;
    border-color: #89d51b !important;
    color: #ffffff!important;
}
.membership.my-events .nav-tabs#myEventTab .nav-link[data-bs-target="#registered"].active .badge,
/*.membership.campaign-directory .nav-tabs#campaignTabs .nav-link[for="statusAffiliated"].active .badge,*/
/*.membership.campaign-directory .nav-tabs#campaignTabs .form-check-input:not(:disabled)~.nav-link[for="statusAffiliated"] .badge,*/
.membership.campaign-directory .nav-tabs#campaignTabs .form-check-input:checked~.nav-link[for="statusAffiliated"] .badge {
    background-color: #ffffff !important;
    color: #89d51b !important;
}
.tab-content#myPostbackContent .tab-pane#sub-id-opt-tab-pane.active .inners {
    border-top-color: #89d51b !important;
}
.infoTabsCamp[data-info="affiliated"]>span {
    border-color: #89d51b !important;
}
.postback .datRes[data-result="sub-id-opt"] p {
    background-color: #89d51b !important;
    color: #ffffff !important;
}


.nav-tabs#myCampDetailTab .nav-link[data-bs-target="#video-tab-pane"],
.nav-tabs#myPostbackTab .nav-link[data-bs-target="#customize-tab-pane"] {
    /*color: #f06445!important;*/
    border-color: #f06445!important;
}
.nav-tabs#myPostbackTab .nav-link[data-bs-target="#customize-tab-pane"].active,
.nav-tabs#myCampDetailTab .nav-link[data-bs-target="#video-tab-pane"].active,
.membership.my-events .nav-tabs#myEventTab .nav-link[data-bs-target="#past"].active,
/*.membership.campaign-directory .nav-tabs#campaignTabs .form-check-input:not(:disabled)~.nav-link[for="statusRejected"].active,*/
.membership.campaign-directory .nav-tabs#campaignTabs .form-check-input:checked~.nav-link[for="statusRejected"] {
    background-color: #f06445 !important;
    border-color: #f06445 !important;
    color: #ffffff!important;
}
.membership.my-events .nav-tabs#myEventTab .nav-link[data-bs-target="#past"].active .badge,
/*.membership.campaign-directory .nav-tabs#campaignTabs .form-check-input:not(:disabled)~.nav-link[for="statusRejected"].active .badge,*/
.membership.campaign-directory .nav-tabs#campaignTabs .form-check-input:checked~.nav-link[for="statusRejected"] .badge {
    background-color: #ffffff !important;
    color: #f06445 !important;
}
.tab-content#myPostbackContent .tab-pane#customize-tab-pane.active .inners {
    border-top-color: #f06445 !important;
}
.infoTabsCamp[data-info="rejected"]>span {
    border-color: #f06445 !important;
}
.postback .datRes[data-result="customize"] p {
    background-color: #f06445 !important;
    color: #ffffff !important;
}

.nav-tabs#myCampDetailTab .nav-link[data-bs-target="#feed-tab-pane"],
.nav-tabs#myPostbackTab .nav-link[data-bs-target="#sub-id-utm-tab-pane"]:not(.active) {
    /*color: #9f7d00 !important;*/
    border-color: #e8c444!important;
}
.nav-tabs#myPostbackTab .nav-link[data-bs-target="#sub-id-utm-tab-pane"].active,
.nav-tabs#myCampDetailTab .nav-link[data-bs-target="#feed-tab-pane"].active,
/*.membership.campaign-directory .nav-tabs#campaignTabs .form-check-input:not(:disabled)~.nav-link[for="statusPaused"].active,*/
.membership.campaign-directory .nav-tabs#campaignTabs .form-check-input:checked~.nav-link[for="statusPaused"] {
    background-color: #e8c444 !important;
    border-color: #e8c444 !important;
    color: #333333;
}
/*.membership.campaign-directory .nav-tabs#campaignTabs .form-check-input:not(:disabled)~.nav-link[for="statusPaused"].active .badge,*/
.membership.campaign-directory .nav-tabs#campaignTabs .form-check-input:checked~.nav-link[for="statusPaused"] .badge {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}
.tab-content#myPostbackContent .tab-pane#sub-id-utm-tab-pane.active .inners {
    border-left-color: #e8c444 !important;
}
.infoTabsCamp[data-info="paused-summary"]>span {
    border-color: #e8c444 !important;
}
.postback .datRes[data-result="sub-id-utm"] p {
    background-color: #e8c444 !important;
    color: #333 !important;
}


.nav-tabs#myCampDetailTab .nav-link.xtraComission{
    /*color: #9f7d00 !important;*/
    border-color: #333333 !important;
}
.nav-tabs#myCampDetailTab .nav-link.xtraComission:active {
    background-color: #333333 !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}
/*.membership.campaign-directory .nav-tabs#campaignTabs .form-check-input:not(:disabled)~.nav-link[for="statusTerminated"].active,*/
.membership.campaign-directory .nav-tabs#campaignTabs .form-check-input:checked~.nav-link[for="statusTerminated"] {
    background-color: #212529 !important;
    border-color: #212529 !important;
    color: #ffffff;
}
.membership.campaign-directory .nav-tabs#campaignTabs .form-check-input:checked~.nav-link[for="statusTerminated"] .badge {
    background-color: #ffffff !important;
    color: #212529 !important;
}
.infoTabsCamp[data-info="terminated-summary"]>span {
    border-color: #212529 !important;
}

.membership.campaign-directory .nav-tabs#campaignTabs .form-check-input:checked~.nav-link,
.membership.campaign-detail .nav-tabs#myCampDetailTab .nav-link.active,
.membership.my-voucher .nav-tabs#voucherTabs .nav-link.active,
.membership.dashboard .nav-tabs#campaignTabs .nav-link.active,
.membership.my-account .nav-tabs#myAccountTab .nav-link.active,
.membership.my-events .nav-tabs#myEventTab .nav-link.active,
.membership.settings .nav-tabs#mySettingsTab .nav-link.active,
.membership #widgetCampaign .nav-tabs .nav-link.active,
.membership #widgetAcademy .nav-tabs .nav-link.active {
    background-color: #6c757d;
    color: #ffffff;
    /*border-color: #6c757d !important;*/
    /*border-radius: 0.375rem !important;*/
}



@media screen and (min-width: 580px) {
    .nav-tabs .nav-item {
        /*margin-right: 0;*/
    }
    .nav-tabs .nav-link,
    .nav-tabs .nav-link.active {
        /*border-radius: .375rem .375rem 0 0 !important;*/
        /*border-bottom-width: 0 !important;*/
        margin-bottom: 0;
    }
    .membership.campaign-directory .nav-tabs#campaignTabs .form-check-input:checked~.nav-link,
    .membership.campaign-detail .nav-tabs#myCampDetailTab .nav-link.active,
    .membership.my-voucher .nav-tabs#voucherTabs .nav-link.active,
    .membership.dashboard .nav-tabs#campaignTabs .nav-link.active,
    .membership.my-account .nav-tabs#myAccountTab .nav-link.active,
    .membership.my-events .nav-tabs#myEventTab .nav-link.active,
    .membership.settings .nav-tabs#mySettingsTab .nav-link.active,
    .membership #widgetCampaign .nav-tabs .nav-link.active,
    .membership #widgetAcademy .nav-tabs .nav-link.active {
        /*border-color: #f09221 !important;*/
    }
}

.membership.my-events #myEventContent #tab2-pane .card-header {
    /*min-width: 21rem;*/
    /*max-width: 21rem;*/
}
.membership.my-events .readMore {
    margin-top: -.5rem;
    position: relative;
    display: block;
}
.membership.my-events .btnShare {
    /*width: 1.5rem;*/
    /*height: 1.5rem;*/
}
@media screen and (max-width: 500px) {
    .membership.my-events #myEventContent #tab2-pane .card-header {
        /*min-width: 100%;*/
        /*max-width: 100%;*/
    }
}


.membership.my-account form:active,
.membership.my-account form:focus {
    outline: none;
    box-shadow: none;
}


/*CATEGORY LIST CUSTOM*/
.form-floating textarea.form-control {
    height: inherit !important;
}
.form-floating-custom ul {
    /*padding-left: 1.8rem !important;*/
}
.form-floating-custom ul ul {
    padding-left: 1.2rem !important;
}
.form-floating-custom ul li {
    /*margin-bottom: .3rem;*/
}
.form-floating-custom .form-check-input {
    min-width: 1.5em !important;
    max-width: 1.5em !important;
    min-height: 1.5em !important;
    max-height: 1.5em !important;
}
.form-floating-custom .lbl[aria-expanded="true"] i::before {
    /*content: "\f2e5";*/
    content: "\f286";
}
/*.form-floating-custom .chooseCamp i::after,*/
/*.form-floating-custom .chooseCamp[aria-expanded="true"] i::after {*/
/*    content: " SHOW";*/
/*    font-style: normal;*/
/*}*/
/*.form-floating-custom .chooseCamp[aria-expanded="true"] i::after {*/
/*    content: " HIDE";*/
/*}*/
.my-voucher #voucherTabs {
    max-width: 100%;
    height: 2.7rem;
    margin-left: 0;
    margin-right: 0;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: inline-flex;
}
.voucher-list .btn-voucher {
    width: 100%;
    font-size: 1rem!important;
    color: #ffffff;
    font-weight: 700!important;
    line-height: 1!important;
    cursor: pointer;
    text-align: center;
    text-indent: -1.3rem;
    padding: .5rem .7rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    border: 2.5px solid #ff6c00!important;
}
#voucher-slider.voucher-list .btn-voucher {
    width: 11rem;
    text-indent: 0;
    text-align: left;
}
.voucher-list .btn-voucher .button-peel-code {
    background: #565656;
    width: 3rem;
    font-weight: 700;
    top: 0;
    right: 0;
    bottom: 0;
    padding: .75rem .7rem;
    text-indent: 0;
    direction: rtl;
    white-space: nowrap;
    text-align: right;
    color: yellow!important;
    -webkit-border-radius: 0 .2rem .2rem 0;
    -moz-border-radius: 0 .2rem .2rem 0;
    border-radius: 0 .2rem .2rem 0;
    -webkit-box-shadow: 1px 0 9px -1px #000 inset;
    -moz-box-shadow: 1px 0 9px -1px #000 inset;
    box-shadow: 1px 0 9px -1px #000 inset;
}
.voucher-list .btn-voucher .opened,
.voucher-list .btn-voucher .opened::before {
    background-image: linear-gradient(38deg, #ffffff, #563100 49%, transparent 50%, transparent);
    background-repeat: no-repeat;
    background-position: 0 .375rem;
    width: 2.425rem;
    height: 5.6rem;
    top: -1.2rem;
    right: 1.15rem;
    z-index: 2;
    -webkit-transform: rotate(12deg) translateY(-.855rem) scaleX(.9);
    -moz-transform: rotate(12deg) translateY(-.855rem) scaleX(.9);
    -ms-transform: rotate(12deg) translateY(-.855rem) scaleX(.9);
    -o-transform: rotate(12deg) translateY(-.855rem) scaleX(.9);
    transform: rotate(17deg) translateY(-.855rem) scaleX(.9);
    -webkit-transition: background-position .2s,-webkit-transform .2s;
    transition: transform .2s,background-position .2s,-webkit-transform .2s;
    -webkit-border-radius: 0 0.3rem .3rem;
    -moz-border-radius: 0 .3rem .3rem;
    border-radius: 0 .3rem .3rem;
    display: block;
}

.my-voucher .voucher-list .grid-item {
    margin-bottom: 1rem;
}
.voucher-list .small-logo {
    background-color: #fff;
    min-width: 4rem !important;
    max-width: 4rem !important;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
}
@media screen and (max-width: 400px) {
    .voucher-list .small-logo {
        min-width: 3rem !important;
        max-width: 3rem !important;
    }
}
/*Khusus voucher page only*/
#voucher-slider.voucher-list .imgCont {
    /*min-width: 15rem !important;*/
    /*max-width: 15rem;*/
    /*height: 10rem;*/
}

#voucher-slider.voucher-list .imgCont img:not(.small-logo) {
    object-fit: cover;
    min-height: 100%;
}
/*OFFCANVAS FILTER*/
.offcanvas.show {
    z-index: 1050;
}
.offcanvas#filterShow,
.offcanvas#filterCustomShow {
    height: auto!important;
}
.offcanvas#filterShow .offcanvas-header {
    /*height: 3rem;*/
}



.membership #widgetAcademy .card:not(.main-card) .imgCont {
/*height: 135px;*/
}
.membership #widgetAcademy .card:not(.main-card) .card-body {
    height: 90px;
}
.membership #widgetAcademy .card:not(.main-card) .card-header .badge {
    bottom: .5rem;
    left: .5rem;
}
.membership #widgetCampaign .card.main-card,
.membership #widgetVoucher .card.main-card {
    height: 166px;
}
.membership #widgetVoucher .all-slider .collapse,
.membership #widgetVoucher .all-slider .collapsing {
    background-color: #f8f9fa;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: none!important;
    z-index: 5;
}
.membership #widgetVoucher .all-slider .collapse .col-close,
.membership #widgetVoucher .all-slider .collapsing .col-close {
    top: 0;
    right: 0;
}
.membership #widgetCampaign .card:not(.main-card) .card-body {
    /*height: 80px;*/
}
/*.membership #widgetAcademy .tab-pane.active {*/
/*    overflow-x: auto;*/
/*}*/
/*.membership #widgetAcademy .courses-list .card:hover{*/
/*    box-shadow: 0 7px 14px 0 rgba(65,69,88,0.1),0 3px 6px 0 rgba(0,0,0,0.07)!important;*/
/*}*/
.membership #widgetAcademy .courses-list .card:hover .card-title a {
    color: #f17420!important;
}
/*.membership #widgetAcademy .courses-list .card {*/
/*    min-width: 290px;*/
/*    margin: 0 7px;*/
/*}*/

.modal#sosmedModal a {
    text-align: center;
    display: inline-block;
    margin: 0 .3rem 1rem;
}
.modal#sosmedModal a i {
    min-width: 4rem;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    display: block;
}
.modal#sosmedModal a i.bi-whatsapp {
    background-color: #25d366;
    color: #fff!important;
}
.modal#sosmedModal a i.bi-facebook {
    background-color: #3b5998;
    color: #fff!important;
}
.modal#sosmedModal a i.bi-twitter {
    background-color: #1da1f2;
    color: #fff!important;
}
.modal#sosmedModal a i.bi-line {
    background-color: #06c152;
    color: #fff!important;
}
.modal#sosmedModal a i.bi-linkedin {
    background-color: #0077b5;
    color: #fff!important;
}
.modal#sosmedModal a i.bi-telegram {
    background-color: #259bd8;
    color: #fff!important;
}
.modal#sosmedModal a i.bi-instagram {
    background: -webkit-linear-gradient(-32deg , #f3ba03, #f4be00, #e31717b8, #f502c6f0, #7f16f7de 80%)!important;
    background: -moz-linear-gradient(-32deg , #f3ba03, #f4be00, #e31717b8, #f502c6f0, #7f16f7de 80%)!important;
    background: -o-linear-gradient(-32deg , #f3ba03, #f4be00, #e31717b8, #f502c6f0, #7f16f7de 80%)!important;
    background: linear-gradient(-32deg , #f3ba03, #f4be00, #e31717b8, #f502c6f0, #7f16f7de 80%)!important;
    color: #fff!important;
}
.modal#sosmedModal #copyAffiliateUrl {
    word-break: break-all!important;
}


.membership #superpoint-widget .list-promo .card-header .badge {
    padding: 5px 10px;
    top: 10px;
    left: 10px;
    z-index: 5;
}


/*Widget Voucher*/
.button, .button-peel {
    background: #4ca12b;
    width: 100%;
    color: #fff!important;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    /*font-family: "Source Sans Pro", "Open Sans", sans-serif;*/
    /*font-size: 1rem;*/
    /*font-weight: 500;*/
    cursor: pointer;
    min-height: 2.2rem;
    line-height: 2.2rem;
    outline: 0;
    padding: 0;
    border: 0;
    /*-webkit-border-radius: 5px;*/
    /*-moz-border-radius: 5px;*/
    /*border-radius: 5px;*/
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    border-radius: 3rem;
    /*-webkit-transition: All .2s linear;*/
    /*-moz-transition: All .2s linear;*/
    /*-ms-transition: All .2s linear;*/
    /*-o-transition: All .2s linear;*/
    /*transition: All .2s linear;*/
    display: block;
}
.button-peel {
    background: #f17420;
}
.button-peel:before {
    position: absolute;
    display: block;
    content: "";
    width: 2.625rem;
    height: 2.475rem;
    top: .325rem;
    right: .375rem;
    z-index: 2;
    background-image: linear-gradient(38deg, #f3dbb0, #f9c361 49%, transparent 50%, transparent);
    background-repeat: no-repeat;
    background-position: 0 .375rem;
    -webkit-transform: rotate(22deg) translateY(-.625rem) scaleX(.9);
    transform: rotate(22deg) translateY(-.625rem) scaleX(.9);
    -webkit-transition: background-position .2s, -webkit-transform .2s;
    transition: background-position .2s, -webkit-transform .2s;
    transition: transform .2s, background-position .2s;
    transition: transform .2s, background-position .2s, -webkit-transform .2s;
    /*border-radius: 0 0 0 .3125rem;*/
    border-radius: 0 0 0 1rem;
}

.ie9 .button-peel:before {
    display: none
}
.button-peel:after {
    content: "";
    width: 2rem;
    position: absolute;
    top: 0;
    right: 2rem;
    bottom: 0;
    background: #f17420;
    -webkit-transform: skew(32deg, 0);
    transform: skew(32deg, 0);
    -webkit-transition: right .2s;
    -moz-transition: right .2s;
    -ms-transition: right .2s;
    -o-transition: right .2s;
    transition: right .2s;
    display: block;
}
.ie9 .button-peel:after {
    display: none
}
.button-peel-code {
    background: #2d2f38;
    width: 2.25rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    padding: 0 .75rem 0 0;
    direction: rtl;
    text-align: right;
    color: #fff!important;
    /*-webkit-border-radius: 0 5px 5px 0;*/
    /*-moz-border-radius: 0 5px 5px 0;*/
    /*border-radius: 0 5px 5px 0;*/
    -webkit-border-radius: 0 3rem 3rem 0;
    -moz-border-radius: 0 3rem 3rem 0;
    border-radius: 0 3rem 3rem 0;
    -webkit-transition: width .2s;
    -moz-transition: width .2s;
    -ms-transition: width .2s;
    -o-transition: width .2s;
    transition: width .2s;
    display: block;
}
.noCode .button-peel-code {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.tile-save + .tile-redeem {
    width: calc(100% - 3.125rem);
    margin: 0 0 0 3.125rem;
}
.ie9 .button-peel-code {
    display: none
}
.button-peel-text {
    font-style: normal;
    white-space: nowrap;
    font-size: 1rem;
}
@media screen and (min-width: 1000px) {
    /*.button-peel:hover {*/
    /*    background: #ffb812;*/
    /*}*/
    .button-peel:hover:before {
        background-position: 0 0;
        -webkit-transform: rotate(15deg) translate(-.5rem, -.1875rem) scaleX(1);
        transform: rotate(15deg) translate(-.5rem, -.1875rem) scaleX(1)
    }
    .button-peel:hover:after {
        right: 2.375rem
    }
    .button-peel:hover .button-peel-code {
        width: 3.125rem
    }
}





.membership .inpages-campaign .imgCont {
    max-width: 4rem;
    margin: 0 5px 5px;
    display: inline-block;
}






/*PUB INPAGES*/
/*.inpages {}*/
/*.inpages.headline h1 {*/
/*    font-size: 3rem!important;*/
/*}*/
/*.inpages.brandCampaigns {}*/

/*.superpoint.brandCampaigns .shape span,*/
/*.inpages.brandCampaigns .shape span {*/
/*    background-color: #ffffff;*/
/*}*/
/*.superpoint.brandCampaigns .shape span:first-child::before,*/
/*.inpages.brandCampaigns .shape span:first-child::before,*/
/*.superpoint.brandCampaigns .shape span:last-child::before,*/
/*.inpages.brandCampaigns .shape span:last-child::before {*/
/*    background-color: #f8f9fa;*/
/*}*/
/*.inpages.brandCampaigns .card-header .imgCOnt {*/
/*    min-width: 9rem;*/
/*    max-width: 9rem;*/
/*}*/
/*.inpages.brandCampaigns .card-body small {*/
/*    height: 20px;*/
/*    display: block;*/
/*}*/
/*.inpages.brandCampaigns .card-body h5 {*/
/*    min-height: initial!important;*/
/*}*/

/*.inpages.favoriteBrands {*/
/*    background: rgb(255 255 255);*/
/*    background: linear-gradient(0deg, rgb(255 255 255 / 0%) 7%, rgb(248 249 250) 51%);*/
/*}*/













.accountInfo .avatar {
    min-width: 3rem;
    width: 3rem;
}

/*MODAL MENU*/


/*Modal Bottom*/
.modal-p-bottom .modal-dialog {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100% !important;
    margin: 0;
    transform: translateY(100%) !important;
}
.modal-p-bottom .modal-dialog .modal-content {
    border-radius: 0.3rem 0.3rem 0 0;
}
.modal-p-bottom.full-size .modal-dialog,
.modal-p-bottom.full-size .modal-content {
    height: 100%;
}
.modal-p-bottom.show {
    overflow: hidden;
}
.modal-p-bottom.show .modal-dialog {
    transform: translateY(0%) !important;
    min-height: 80px;
}

.modal.modal-p-bottom .close {
    top: .5rem;
    right: .5rem;
}
.modal-p-bottom .overflow-horizontal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: calc(100vh - 4.9rem);
    overflow-y: auto;
}
.modal-p-bottom .collapse {
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -ms-transition: none!important;
    -o-transition: none!important;
    transition: none!important;
}
.modal-p-bottom .child-menu ul {
    position: relative;
    display: block;
    width: 100%;
    border: 0;
    padding-left: 3rem;
}
.modal-p-bottom .avatar {
    min-width: 5rem;
    width: 5rem;
    height: 5rem;
    border: 5px solid #eaeaea;
}
.modal-p-bottom .fa-plus {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.modal-p-bottom li .dropdown-item {
    position: relative;
}
.modal-p-bottom li .dropdown-item::after {
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    right: 1.2rem;
    display: inline-block;
}
.modal-p-bottom li .dropdown-item[aria-expanded="true"]::after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}



/*Modal right*/
.modal-p-right .modal-dialog {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100% !important;
    margin: 0;
    transform: translateX(100%) !important;
}
.modal-p-right .modal-dialog .modal-content {
    border-radius: 0.3rem 0.3rem 0 0;
}
.modal-p-right.full-size .modal-dialog,
.modal-p-right.full-size .modal-content {
    height: 100%;
}
.modal-p-right.show {
    overflow: hidden;
}
.modal-p-right.show .modal-dialog {
    transform: translateX(0%) !important;
    min-width: 100px;
}

.modal-p-right .overflow-horizontal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: calc(100vh - 6.9rem);
    overflow-y: auto;
}



/*Modal left*/
.modal-p-left .modal-dialog {
    max-width: 100% !important;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    -webkit-transform: translateX(-100%) !important;
    -moz-transform: translateX(-100%) !important;
    -ms-transform: translateX(-100%) !important;
    -o-transform: translateX(-100%) !important;
    transform: translateX(-100%) !important;
}
.modal-p-left .modal-dialog .modal-content {
    -webkit-border-radius: 0.3rem 0.3rem 0 0;
    -moz-border-radius: 0.3rem 0.3rem 0 0;
    border-radius: 0.3rem 0.3rem 0 0;
}
.modal-p-left.full-size .modal-dialog,
.modal-p-left.full-size .modal-content {
    height: 100%;
}
.modal-p-left.show {
    overflow: hidden;
}
.modal-p-left.show .modal-dialog {
    -webkit-transform: translateX(0%) !important;
    -moz-transform: translateX(0%) !important;
    -ms-transform: translateX(0%) !important;
    -o-transform: translateX(0%) !important;
    transform: translateX(0%) !important;
    min-width: 100px;
}

.modal-p-left .overflow-horizontal {
    max-height: calc(100vh - 6.9rem);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    overflow-y: auto;
}







/*SHARE SOSMED*/

/*.share-sosmed a {*/
/*display: inline-block;*/
/*}*/
.share-sosmed {
    /*max-width: 3rem;*/
}
.share-sosmed a {
    background-color: #fff;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.7rem;
}
.sosmed .bi-globe,
.share-sosmed .bi-globe {color: #06b2f3;}

.sosmed .bi-facebook,
.share-sosmed .bi-facebook {color: #1877f2;}

.ssosmed .bi-twitter,
.share-sosmed .bi-twitter {color: #1d9bf0;}

.sosmed .bi-whatsapp,
.share-sosmed .bi-whatsapp {color: #26d367;}

.sosmed .bi-instagram,
.share-sosmed .bi-instagram {color: #e54869;}

.sosmed .bi-youtube,
.share-sosmed .bi-youtube {color: #ff0000;}

.sosmed .bi-line,
.share-sosmed .bi-line {color: #06c755;}

.sosmed .bi-telegram,
.share-sosmed .bi-telegram {color: #33abdf;}

.sosmed .bi-linkedin,
.share-sosmed .bi-linkedin {color: #0077b5;}

/*FILTER WRAPPER*/
.filter-wrapper.active {
    background-color: #fff;
    height: 4.4rem;
    top: 0;
    left: 0;
    right: 0;
    position: sticky!important;
    z-index: 1040!important;
}
.filter-wrapper.active input {
    outline: none!important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}




/*ACADEMY*/
.courses-list .card-body.limit-height {
    height: 90px;
}
/*Badge Color*/
#academy .badge {
    background-color: #333333;
    color: #ffffff;
}
.badge.bg-type1 {background-color: #f09221;}
.badge.bg-type2 {background-color: #dc5562;}
.badge.bg-type3 {background-color: #74a743;}
.badge.bg-type4 {background-color: #3ab9ce;}
.badge.bg-type5 {background-color: #343a40;}
.badge.bg-type6 {background-color: #c633d8;}
.badge.bg-type7 {background-color: #1d91ee;}
.badge.bg-type8 {background-color: #ff0015;}
.badge.bg-type9 {background-color: #9a5500;}
.badge.bg-type10 {background-color: #9cd219;}
.badge.bg-type11 {background-color: #457074;}
.badge.bg-type12 {background-color: #3e005a;}
.badge.bg-type13 {background-color: #fd96b0;}
.badge.bg-type14 {background-color: #331700;}
.badge.bg-type15 {background-color: #016455;}


@media screen and (min-width: 990px){
    .fraudshield.headline {
        /*height: 100vh;*/
    }
}



















/*AUTH*/
.auth {
    /*height: calc(100vh - 10rem);*/

}
.auth.pubLogin form {
    width: 30rem;
}


.auth form .nav-tabs button.nav-link {
    background-color: #f8f9fa!important;
    width: 2.2rem!important;
    height: 2.2rem!important;
    color: #999;
    padding: 0;
    border: 1px solid #a19d9d!important;
    border-radius: 3rem!important;
    box-shadow: 0 2px 6px 0 #c0c0c0 inset;
}
.auth form .nav-tabs button.active {
    background: -webkit-linear-gradient(to right, rgb(239 101 7), rgb(243 119 13), rgb(255 199 34))!important;
    background: -moz-linear-gradient(to right, rgb(239 101 7), rgb(243 119 13), rgb(255 199 34))!important;
    background: -o-linear-gradient(to right, rgb(239 101 7), rgb(243 119 13), rgb(255 199 34))!important;
    background: linear-gradient(to right, rgb(239 101 7), rgb(243 119 13), rgb(255 199 34))!important;
    color: #fff!important;
    border-color: rgb(243 119 13)!important;
    box-shadow: none!important;
}

.auth .btn-check:checked+.btn,
/*.auth .btn-check+.btn:hover,*/
.auth .btn-check+.btn:checked:hover,
.auth .btn.active,
.auth .btn.show,
.auth .btn:first-child:active,
.auth :not(.btn-check)+.btn:active {
    background: -webkit-linear-gradient(to right, rgb(239 101 7), rgb(243 119 13), rgb(255 199 34))!important;
    background: -moz-linear-gradient(to right, rgb(239 101 7), rgb(243 119 13), rgb(255 199 34))!important;
    background: -o-linear-gradient(to right, rgb(239 101 7), rgb(243 119 13), rgb(255 199 34))!important;
    background: linear-gradient(to right, rgb(239 101 7), rgb(243 119 13), rgb(255 199 34))!important;
    color: #fff!important;
    border-color: rgb(243 119 13)!important;
}
/*.auth .btn-check+.btn:hover {*/
/*    background: #4d4d4d!important;*/
/*    color: #fff!important;*/
/*    border-color: rgb(243 119 13)!important;*/
/*}*/




/*Voucher Detail*/
.voucherDetail {
    height: calc(100vh);
}
.voucherDetail #copyTarget {
    border-width: 2px 0 2px 2px!important;
    border-style: dashed!important;
    border-color: #f17420!important;
}

@media screen and (min-width: 990px){
    .voucherDetail {
        height: calc(100vh);
    }

    .auth {
        /*padding-top: 72px!important;*/
        min-height: calc(100vh - 0rem);
    }
    .auth .container {
        min-height: calc(100vh - 0rem);
    }
    .auth.pubLogin {
        /*height: calc(100vh - 82px);*/
    }

    .auth.pubRegister form,
    .auth.advRegister form {
        min-width: 40rem;
        max-width: 45rem;
    }
}
.auth.pubLogin {
    background-color: var(--main-color);
}
/*.auth form .nav-tabs button {*/
/*    background-color: transparent!important;*/
/*    color: #999;*/
/*    border: 0!important;*/
/*    border-bottom: 4px solid #eee!important;*/
/*    border-radius: 0!important;*/
/*}*/

.auth form .select-custom {
    min-width: 5rem;
}

.auth form .form-control.is-valid,
.auth form.was-validated .form-control:valid {
    border-color: #ced4da!important;
    background-image: none!important;
}
.auth form .msg-form .imgCont {
    width: 15rem;
}


.demoshapebackground {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzUxIiBoZWlnaHQ9IjcxNyIgdmlld0JveD0iMCAwIDc1MSA3MTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03NTAuNDMyIDM5MS4zNTNDNzUzLjY3MyAyOTUuNzY2IDY3NC40MTEgMTQwLjc1NyA1NTUuMjA0IDEzNC45MzFDMzMzLjA1MSAxMjQuMDc0IDM4MC45MjEgMzQuMzk4IDI4My40MTUgNC4zNDU3MUMyMzEuNDEyIC0xMS42ODIyIDE2Mi4yOTYgMjkuNzk2MiAxNDAuNzk1IDEwMC4xOTRDMTE5LjI5NSAxNzAuNTkxIDE1Ni40NDMgMTc3LjYwNiA2Ny4zODMzIDI4Ni44NjJDLTIxLjY3NjQgMzk2LjExOSAtMTEuMTUzNCA1NTkuOTI2IDM2Ljg4MjQgNjI5Ljg4MUM4NC45MTgxIDY5OS44MzUgMTcwLjYxNyA3NTYuMjgyIDI5MS42NjQgNjc5LjE1N0M0MTEuMjA5IDYwMi45OSA0NjEuMTI5IDczMi44NzUgNTk2LjQxMyA2NDkuOTkyQzY5NC4wMTkgNTkwLjE5MyA3NDYuNTg5IDUwNC43MTkgNzUwLjQzMiAzOTEuMzUzWiIgZmlsbD0iI0VFRjFGNyIvPgo8L3N2Zz4K) no-repeat calc(50% - 35vw) top;
    background-size: 73rem auto;
}




/*.b24-widget-button-wrapper {*/
/*    z-index: 1045 !important;*/
/*}*/


input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
    display: none !important;
}

/*Password Strength*/
#password_rules ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
#password_rules ul li {
    align-items: center;
    display: flex;
}
#password_rules ul li::before {
    content: "\f26a";
    font-family: bootstrap-icons!important;
    color: #adaaaa;
    margin-right: .3rem;
}
#password_rules ul li.complete::before {
    color: #5DB406;
}
span.togglePassword {
    color: gray;
    font-size: 12px;
    cursor: pointer;
}

.shape-container svg {
    fill: #212529;
}
.shape-position-top {
    top: 0;
    margin-top: -1px;
}
.shape-position-bottom {
    botttom: 0;
    margin-bottom: -1px;
}



/*Back To Shop*/
.bttCont {
    position: sticky;
    bottom: 0;
}
.backToTop {
    background-color: #fff;
    border: 2px solid #171423 !important;
    width: 2.8rem;
    height: 2.8rem;
    line-height: 2.7rem;
    overflow: hidden;
    z-index: 100;
    text-align: center;
    border-radius: 5rem;
    /* box-shadow: 1px 2px 5px #000; */
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    display: inline-block;
}
.backToTop:active {
    background-color: #101010!important;
    color: #fff;

}

@media screen and (min-width: 800px) {
    .backToTop:active,
    .backToTop:hover {
        background-color: #101010 !important;
        color: #fff;
    }
}
.backToTop.active {
    /*position: fixed;*/
    /*top: initial;*/
    /*bottom: 5.5rem;*/
}




/*Event Ended*/
.swing {
    transform-origin: center -20px;
    margin: 0 auto;
}
.swing-type1 {
    animation: swing1 ease-in-out 1s infinite alternate;
}
.swing-type2 {
    animation: swing2 ease-in-out 1.5s infinite alternate;
}
.swing-type3 {
    animation: swing1 ease-in-out 2s infinite alternate;
}
.swing-type4 {
    animation: swing2 ease-in-out 1.8s infinite alternate;
}
.swing img {
    /*border: 5px solid #f8f8f8;*/
    display: block;
}
.swing::after {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    border: 1px solid #fff;
    top: -15px;
    left: 7rem;
    border-bottom: none;
    border-right: none;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 0;
}
.swing.swing-center::after {
    left: 50%;
    margin-left: -15px;
}
/* nail */
.swing::before {
    background: #ffffff;
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    top: -22px;
    left: 6rem;
    z-index: 5;
    border-radius: 3rem;
    box-shadow: 1px 3px 3px #000 inset;
    border: 2px solid #fff;
}
.swing.swing-center::before {
    left: 50%;
    margin-left: -7.5px;
}
@keyframes swing {
    0% { transform: rotate(3deg); }
    100% { transform: rotate(-3deg); }
}
.swing .event-status .inner {
    background: #af1414;
    background: -moz-linear-gradient(45deg, #f9267d 0%,#af1414 70%,#c30091 100%);
    background: -webkit-linear-gradient(45deg, #f9267d 0%,#af1414 70%,#c30091 100%);
    background: linear-gradient(45deg, #f9267d 0%,#af1414 70%,#c30091 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#016538', endColorstr='#0a2633',GradientType=1 );
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
    white-space: nowrap;
    border: 1px dashed #500000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 20px 5px #00000080;
    -moz-box-shadow: 5px 5px 20px 5px #00000080;
    box-shadow: 5px 5px 20px 5px #00000080;
    display: inline-block;
}
.swing .event-status .inner::before {
    content: '';
    border: 1px dashed #7d0a0a;
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    z-index: 5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.swing .event-status .inner .fa {
    font-size: 2rem;
}




/*Timer Countdowon*/
.timeCountdown {
    -webkit-transition: All 300ms linear;
    -moz-transition: All 300ms linear;
    -ms-transition: All 300ms linear;
    -o-transition: All 300ms linear;
    transition: All 300ms linear;
    z-index: 10;
    display: inline-block;
}
.timeCountdown::after {
    content: '';
    /*background: url(../img/dotted_arrow.png) no-repeat center center;*/
    background-size: contain;
    width: 8rem;
    height: 5rem;
    position: absolute;
    right: -5.5rem;
    bottom: -2rem;
    display: none;
    transform: rotate(-56deg);
}
.timeCountdown div {
    background-color: #080808ab;
    color: #fff;
    width: 3.5rem;
    font-weight: 700;
    line-height: 1.3;
    padding: .2rem .5rem;
    text-align: center;
    position: relative;
    border: 1px solid #000;
    margin: 0 2px;
    display: inline-block;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    border-radius: 0.3rem;
}
/*.membership.my-events .timeCountdown div {*/
/*    background-color: #1b1a1a;*/
/*    width: 3rem;*/
/*    border: 1px solid #000;*/
/*    margin: 0 2px;*/
/*}*/

.timeCountdown div::after {
    content: ':';
    font-size: 1.5rem;
    font-weight: 500;
    position: absolute;
    top: 50%;
    right: -.2rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
}
.timeCountdown div:last-child::after {
    display: none;
}
.timeCountdown div span {
    /*font-size: 1.5rem;*/
    /*font-family: 'inter-600';*/
}
.timeCountdown div:last-child span {
    color: #f17420!important;
}
.membership.my-events .timeCountdown div span {
    /*font-size: 1rem;*/
    /*color: #ffffff;*/
}
.timeCountdown div small {
    font-size: .5rem;
    font-weight: 400;
    color: #ffffff;
    text-transform: uppercase;
    display: block;
}
.membership.my-events .timeCountdown div small {
    /*color: #fff;*/
}



/* ---- .grid-item ---- */
.grid-item {
    float: left!important;
    width: 31%;
    margin-bottom: 0;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 10px 10px #6e529d;
}

.grid-item img {
    width: 100%;
    height: auto;
}

.gi-inner-img img {
    width: 100%;
    height: 300px;
    -o-object-fit: cover;
    -o-object-position: center;
    object-fit: cover;
    object-position: center;
}

.grid-filter ul {
    padding: 0;
    list-style-type: none;
    text-align: center;
}

.grid-filter ul li {
    display: inline-block;
}

.grid-filter ul li a {
    /*color: #ffffff!important;*/
    font-size: 16px;
    font-weight: 400;
    padding: 10px;
}

.grid-filter ul li a.selected, .grid-filter ul li a:hover {
    /*color: #ffffff!important;*/
    font-size: 16px;
    font-weight: 700;
    padding: 10px;
    text-decoration: underline;
}

.grid-item-inner {
    display: flex;
    flex-direction: column;
}

.gi-inner-content {
    padding: 20px;
}

.gi-inner-content h3 {
    font-weight: 900;
    color: #2d4950;
}

.gi-inner-content p {
    font-size: 18px;
    font-weight: 300;
    font-family: 'Raleway', sans-serif;
}

.item-date {
    font-weight: 300;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 14px;
    display: none;
}

.inner-author img {
    height: 50px!important;
    min-height: unset!important;
    width: 50px!important;
    -o-object-fit: unset!important;
    -o-object-position: unset!important;
    object-fit: unset!important;
    object-position: unset!important;
    vertical-align: bottom;
    margin-right: 10px;
}

@media only screen and (max-width: 991px) {
    .grid-item {
        width: 48%!important;
    }
}

@media only screen and (max-width: 767px) {
    .membership.my-events #myEventContent #tab2-pane .card-header {
        min-width: 100%;
        max-width: 100%;
    }
    .grid-item {
        float: left;
        width: 100%!important;
    }
    .grid .grid-item-inner {
        flex-direction: column!important;
    }
    .gi-inner-img img {
        width: 100%;
        width: 100%;
        height: auto;
        min-height: 200px!important;
        -o-object-fit: cover;
        -o-object-position: center;
        object-fit: cover;
        object-position: center;
    }
    .grid {
        width: 99%;
        min-height: 200px!important;
    }
}


.breadcrumb-item+.breadcrumb-item::before {
    content: '';
    background-color: #c6c2bf;
    width: .5rem;
    height: .5rem;
    margin-top: .4rem;
    margin-right: 10px;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
}


/*BANNER EXAMPLE*/
.banner-example h5 {
    top: 0;
    left: 0;
    right: 0;
}



/*SUCCESS STORY*/
.allPA.successStory {
    /*background: linear-gradient(0deg, rgb(250 234 216) 0%, rgb(255 255 255) 100%);*/
}
.advertiser.successStory {
    /*background: rgb(255 255 255);*/
    /*background: linear-gradient(0deg, rgb(255 255 255) 7%, rgb(248 249 250) 51%);*/
}
/*.allPA.successStory .shape {*/
/*    background-color: #fff;*/
/*    width: 5rem;*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*}*/
/*.allPA.successStory .shape::before,*/
/*.allPA.successStory .shape::after {*/
/*    content: '';*/
/*    background-color: #faebd8;*/
/*    width: inherit;*/
/*    height: 5rem;*/
/*    position: absolute;*/
/*    right: 0;*/
/*}*/
/*.allPA.successStory .shape::before  {*/
/*    top: 0;*/
/*    -webkit-border-radius: 0 0 10rem 0;*/
/*    -moz-border-radius: 0 0 10rem 0;*/
/*    border-radius: 0 0 10rem 0;*/
/*}*/
/*.allPA.successStory .shape::after {*/
/*    bottom: 0;*/
/*    -webkit-border-radius: 0 10rem 0 0;*/
/*    -moz-border-radius: 0 10rem 0 0;*/
/*    border-radius: 0 10rem 0 0;*/
/*}*/
.allPA.successStory #story-slide .imgCont.pub {
    width: 4rem;
    height: 4rem;
    min-width: 4rem;
    border-radius: 50%;
    border: 2px solid #eee;
}
.allPA.successStory #story-slide .imgCont.adv {
    width: 7rem;
}




/*----------multiple-file-upload-----------*/
.file-upload-contain{
    position: relative;
    margin-bottom: 40px;
}
.file-upload-contain .file-input,
.file-upload-contain .file-preview{
    position: initial;
}
.file-upload-contain .file-drop-zone{
    background-color: white!important;
    border: 2px dashed #d2d2d2;
    transition: 0.3s;
    margin: 0;
    padding: 0;
    border-radius: 20px;
    min-height: auto;
}
.file-upload-contain .file-drop-zone.clickable:hover,
.file-upload-contain .file-drop-zone.clickable:focus,
.file-upload-contain .file-highlighted{
    border: 2px dashed #1e80e8 !important;
    background-color: #dfedfc;
}
.upload-area i {
    /*color: #1e80e8;*/
    font-size: 30px;
}
/*.upload-area p {*/
    /*font-size: 1rem;*/
    /*font-weight: 600;*/
    /*color: #777777;*/
    /*margin-bottom: .5rem;*/
/*}*/
.upload-area p b {
    color: #777777;
}
/*.upload-area button {*/
    /*background-color: #f17420;*/
    /*padding: 8px 16px;*/
    /*min-width: 150px;*/
    /*font-size: 16px;*/
    /*font-weight: 600;*/
    /*color: #fff;*/
    /*border-width: 2px;*/
    /*border-radius: 6px;*/
    /*transition: 0.3s;*/
/*}*/
/*.upload-area button:hover{*/
    /*background-color: #1e80e8;*/
    /*box-shadow: 0px 4px 8px rgb(37 128 232 / 48%);*/
/*}*/
.file-preview{
    padding: 0;
    border: none;
}
.file-preview .fileinput-remove{
    display: none;
}
.file-drop-zone-title{
    padding: 3px 0;
}
.file-drop-zone .file-preview-thumbnails{
    cursor: pointer;
}
.file-preview-frame {
    /* background-color: #ffffff; */
    width: 100%;
    color: #000;
    cursor: default;
    padding: .3rem;
    /* margin: 0 0 5px; */
    align-items: center;
    box-shadow: none;
    border-radius: 8px;
    /* border: 1px solid #d7d7d7; */
    display: flex;
}

.file-preview-frame:not(.file-preview-error):hover{
    background-color: #fffcd7;
    /*border: none;*/
    /*box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);*/
}
.file-preview-frame .kv-file-content{
    background-color: #ffffff;
    min-width: 4rem;
    min-height: 4rem;
    width: 4rem;
    height: 4rem;
    border: 1px solid #dee2e6;
    align-items: center;
    justify-content: center;
    padding: 1px;
    margin-right: 10px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    display: flex;
}

.file-drop-zone {
    /*background-color: #fff;*/
    /*border: 1px solid #d9d9d9 !important;*/
    border: 1px solid transparent !important;
    margin: 0;
    border-radius: 0.375rem;
}
.kv-file-content .file-preview-image {
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    border-radius: 4px;
}
.file-preview-frame .file-footer-caption{
    padding-top: 0;
}
.file-preview-frame .file-footer-caption{
    text-align: left;
    margin-bottom: 0;
}
.file-detail{
    font-size: 14px;
    height: auto;
    width: 100%;
    line-height: initial;
}
.file-detail .file-caption-name{
    /*color: #fff;*/
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 6px;
}
.file-detail .file-size{
    /*color: #f1f8fe;*/
    font-size: 12px;
}
.kv-zoom-cache {
    display: none;
}
.file-preview-frame .file-thumbnail-footer{
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.file-preview-frame .file-drag-handle,
.file-preview-frame .file-upload-indicator{
    float: none;
}
.file-preview-frame .file-footer-buttons{
    float: none;
    display: flex;
    align-items: center;
}
.file-preview-status.text-center {
    display: none;
}
.kv-file-remove.file-remove {
    border: none;
    background-color: #ef2f2f;
    color: #fff;
    width: 25px;
    height: 25px;
    font-size: 12px;
    border-radius: 4px;
    margin: 0px 4px;
}
.file-drag-handle.file-drag {
    border: none;
    background-color: #fff;
    color: #2580e8;
    width: 25px;
    height: 25px;
    font-size: 12px;
    border-radius: 4px;
    margin: 0px 4px;
}
.kv-file-upload.file-upload{
    border: none;
    background-color: #48bd22;
    color: #fff;
    width: 25px;
    height: 25px;
    font-size: 12px;
    border-radius: 4px;
    margin: 0px 4px;
}
.file-thumb-loading{
    background: none !important;
}
.file-preview-frame.sortable-chosen {
    background-color: #64a5ef;
    border-color: #64a5ef;
    box-shadow: none!important;
}

/*STA Modal*/
.step-container {
    position: relative;
    text-align: center;
    transform: translateY(-43%);
}
.step-circle {
    width: 33.33%;
    height: 30px;
    /*background-color: #fff;*/
    font-size: .8rem;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin-bottom: 10px;
    /*cursor: pointer;*/
    display: grid;
}
.step-circle span {
    background-color: #fff;
    width: 30px;
    height: inherit;
    border: 2px solid #e9ecef;
    line-height: 25px;
    font-weight: 600;
    /*cursor: pointer;*/
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
}
.step-circle.past span {
    background-color: #f17420;
    color: #fff;
    border-color: #f17420;
}
.step-circle.active span {
    border-color: #f17420;
}
.step-circle:first-child::before,
.step-circle:last-of-type::after {
    content: '';
    background-color: #ffffff;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 50%;
    bottom: 0;
    z-index: -1;
}
.step-circle:last-of-type::after {
    left: 50%;
    right: 0;
}
.step-circle:first-child span::after {
    content: '1';
}
.step-circle:nth-of-type(2) span::after {
    content: '2';
}
.step-circle:last-of-type span::after {
    content: '3';
}
.step-line {
    position: absolute;
    top: 16px;
    left: 50px;
    width: calc(100% - 100px);
    height: 2px;
    background-color: #007bff;
    z-index: -1;
}

@media screen and (max-width: 468px) {
    .step-5>.card-body.px-5 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}


/*SWITCH TASK*/

.switchCustom2 {}

.btn-toggle2 {
    margin: 0 4rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #bdc1c8;
}
.btn-toggle2:focus,
.btn-toggle2.focus,
.btn-toggle2:focus.active,
.btn-toggle2.focus.active {
    outline: none;
}
.btn-toggle2:before,
.btn-toggle2:after {
    line-height: 1.5rem;
    width: 4rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}
.btn-toggle2:before {
    content: 'SEO';
    left: -4rem;
}
.btn-toggle2:after {
    content: 'KOC';
    right: -4rem;
    opacity: 0.5;
}
.btn-toggle2 > .handle {
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left 0.25s;
}
.btn-toggle2.active {
    transition: background-color 0.25s;
}
.btn-toggle2.active > .handle {
    left: 1.6875rem;
    transition: left 0.25s;
}
.btn-toggle2.active:before {
    opacity: 0.5;
}
.btn-toggle2.active:after {
    opacity: 1;
}
.btn-toggle2.btn-sm:before,
.btn-toggle2.btn-sm:after {
    color: #fff;
    letter-spacing: 0.75px;
    left: 0.4125rem;
    width: 2.325rem;
}
.btn-toggle2.btn-sm:before {
    text-align: right;
}
.btn-toggle2.btn-sm:after {
    text-align: left;
    opacity: 0;
}
.btn-toggle2.btn-sm.active:before {
    opacity: 0;
}
.btn-toggle2.btn-sm.active:after {
    opacity: 1;
}
.btn-toggle2.btn-xs:before,
.btn-toggle2.btn-xs:after {
    display: none;
}
.btn-toggle2:before,
.btn-toggle2:after {
    color: #6b7381;
}
.btn-toggle2 {
    background-color: cyan!important;
}
.btn-toggle2.active {
    background-color: #29b5a8!important;
}
.btn-toggle2.btn-lg {
    margin: 0 5rem;
    padding: 0;
    position: relative;
    border: none;
    height: 2.5rem;
    width: 5rem;
    border-radius: 2.5rem;
}
.btn-toggle2.btn-lg:focus,
.btn-toggle2.btn-lg.focus,
.btn-toggle2.btn-lg:focus.active,
.btn-toggle2.btn-lg.focus.active {
    outline: none;
}
.btn-toggle2.btn-lg:before,
.btn-toggle2.btn-lg:after {
    line-height: 2.5rem;
    width: 5rem;
    text-align: center;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}
.btn-toggle2.btn-lg:before {
    content: 'SEO';
    left: -5rem;
}
.btn-toggle2.btn-lg:after {
    content: 'KOC';
    right: -5rem;
    opacity: 0.5;
}
.btn-toggle2.btn-lg > .handle {
    position: absolute;
    top: 0.3125rem;
    left: 0.3125rem;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 1.875rem;
    background: #fff;
    transition: left 0.25s;
}
.btn-toggle2.btn-lg.active {
    transition: background-color 0.25s;
}
.btn-toggle2.btn-lg.active > .handle {
    left: 2.8125rem;
    transition: left 0.25s;
}
.btn-toggle2.btn-lg.active:before {
    opacity: 0.5;
}
.btn-toggle2.btn-lg.active:after {
    opacity: 1;
}
.btn-toggle2.btn-lg.btn-sm:before,
.btn-toggle2.btn-lg.btn-sm:after {
    line-height: 0.5rem;
    color: #fff;
    letter-spacing: 0.75px;
    left: 0.6875rem;
    width: 3.875rem;
}
.btn-toggle2.btn-lg.btn-sm:before {
    text-align: right;
}
.btn-toggle2.btn-lg.btn-sm:after {
    text-align: left;
    opacity: 0;
}
.btn-toggle2.btn-lg.btn-sm.active:before {
    opacity: 0;
}
.btn-toggle.btn-lg.btn-sm.active:after {
    opacity: 1;
}
.btn-toggle2.btn-lg.btn-xs:before,
.btn-toggle2.btn-lg.btn-xs:after {
    display: none;
}
.btn-toggle2.btn-sm {
    margin: 0 0.5rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
}
.btn-toggle2.btn-sm:focus,
.btn-toggle2.btn-sm.focus,
.btn-toggle2.btn-sm:focus.active,
.btn-toggle2.btn-sm.focus.active {
    outline: none;
}
.btn-toggle2.btn-sm:before,
.btn-toggle2.btn-sm:after {
    line-height: 1.5rem;
    width: 0.5rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.55rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}
.btn-toggle2.btn-sm:before {
    content: 'Off';
    left: -0.5rem;
}
.btn-toggle2.btn-sm:after {
    content: 'On';
    right: -0.5rem;
    opacity: 0.5;
}
.btn-toggle2.btn-sm > .handle {
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left 0.25s;
}
.btn-toggle2.btn-sm.active {
    transition: background-color 0.25s;
}
.btn-toggle2.btn-sm.active > .handle {
    left: 1.6875rem;
    transition: left 0.25s;
}
.btn-toggle2.btn-sm.active:before {
    opacity: 0.5;
}
.btn-toggle2.btn-sm.active:after {
    opacity: 1;
}
.btn-toggle2.btn-sm.btn-sm:before,
.btn-toggle2.btn-sm.btn-sm:after {
    color: #fff;
    letter-spacing: 0.75px;
    left: 0.4125rem;
    width: 2.325rem;
}
.btn-toggle2.btn-sm.btn-sm:before {
    text-align: right;
}
.btn-toggle2.btn-sm.btn-sm:after {
    text-align: left;
    opacity: 0;
}
.btn-toggle2.btn-sm.btn-sm.active:before {
    opacity: 0;
}
.btn-toggle2.btn-sm.btn-sm.active:after {
    opacity: 1;
}
.btn-toggle2.btn-sm.btn-xs:before,
.btn-toggle.btn-sm.btn-xs:after {
    display: none;
}
.btn-toggle2.btn-xs {
    margin: 0 0;
    padding: 0;
    position: relative;
    border: none;
    height: 1rem;
    width: 2rem;
    border-radius: 1rem;
}
.btn-toggle2.btn-xs:focus,
.btn-toggle2.btn-xs.focus,
.btn-toggle2.btn-xs:focus.active,
.btn-toggle2.btn-xs.focus.active {
    outline: none;
}
.btn-toggle2.btn-xs:before,
.btn-toggle2.btn-xs:after {
    line-height: 1rem;
    width: 0;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}
.btn-toggle2.btn-xs:before {
    content: 'Off';
    left: 0;
}
.btn-toggle2.btn-xs:after {
    content: 'On';
    right: 0;
    opacity: 0.5;
}
.btn-toggle2.btn-xs > .handle {
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 0.75rem;
    background: #fff;
    transition: left 0.25s;
}
.btn-toggle2.btn-xs.active {
    transition: background-color 0.25s;
}
.btn-toggle2.btn-xs.active > .handle {
    left: 1.125rem;
    transition: left 0.25s;
}
.btn-toggle2.btn-xs.active:before {
    opacity: 0.5;
}
.btn-toggle2.btn-xs.active:after {
    opacity: 1;
}
.btn-toggle2.btn-xs.btn-sm:before,
.btn-toggle2.btn-xs.btn-sm:after {
    color: #fff;
    letter-spacing: 0.75px;
    left: 0.275rem;
    width: 1.55rem;
}
.btn-toggle2.btn-xs.btn-sm:before {
    text-align: right;
}
.btn-toggle2.btn-xs.btn-sm:after {
    text-align: left;
    opacity: 0;
}
.btn-toggle2.btn-xs.btn-sm.active:before {
    opacity: 0;
}
.btn-toggle2.btn-xs.btn-sm.active:after {
    opacity: 1;
}
.btn-toggle2.btn-xs.btn-xs:before,
.btn-toggle2.btn-xs.btn-xs:after {
    display: none;
}
.btn-toggle2.btn-secondary {
    color: #6b7381;
    background: #bdc1c8;
}
.btn-toggle2.btn-secondary:before,
.btn-toggle2.btn-secondary:after {
    color: #6b7381;
}
.btn-toggle2.btn-secondary.active {
    background-color: #ff8300;
}


/*STAModal*/
/*.modal#STAModal .modal-header::before,*/
/*.modal#STAModal .modal-header::after {*/
/*    content: '';*/
/*    background-color: #eeeeee;*/
/*    width: 20rem;*/
/*    height: 20rem;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    border-radius: 50%;*/
/*}*/
/*.modal#STAModal .modal-header::after {*/
/*    content: '';*/
/*    background-color: #cccccc;*/
/*    top: 1rem;*/
/*    left: initial;*/
/*    right: 0;*/
/*}*/


.play-button-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    pointer-events: none;
}
.play-button-wrapper #circle-play-b {
    cursor: pointer;
    pointer-events: auto;
}
.play-button-wrapper #circle-play-b svg {
    background-color: #fff;
    width: 4rem;
    height: 4rem;
    fill: #f17420;
    stroke: #d2c4c4;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.modal#STAModal .voucherDetails {
    background-image: url('../img/MEMBER/STA/doodle.webp');
    background-repeat: repeat;
    background-size: cover;
    background-color: #F3770DFF;
}
.modal#STAModal .voucherDetails::before {
    content: "";
    background-color: #ffffff;
    width: 25px;
    height: 25px;
    position: absolute;
    bottom: 7rem;
    right: -10px;
    border-radius: 100%;
    z-index: 2;
    box-shadow: 3px 0 1px #d2d2d2 inset;
}
.modal#STAModal .voucherDetails::after {
    content: "";
    background-color: #ffffff;
    width: 25px;
    height: 25px;
    position: absolute;
    bottom: 7rem;
    left: -10px;
    border-radius: 100%;
    z-index: 2;
    box-shadow: -3px 0 1px #d2d2d2 inset;
}
.modal#STAModal .voucherDetails .timeCountdown div {
    background-color: #1b1a1a75;
    width: auto;
    font-weight: 700;
    line-height: 1.3;
    padding: .3rem .5rem;
    border: 0;
    margin: 0 2px;
    text-align: center;
    position: relative;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    border-radius: 0.3rem;
    display: inline-block;
}
.modal#STAModal .voucherDetails .timeCountdown div span {
    font-size: .8rem;
}
.modal#STAModal .voucherDetails .timeCountdown div small {
    font-size: .7rem;
    color: #e3e3e3;
}
.modal#STAModal .voucherDetails .timeCountdown div:last-child span {
    color: #ffffff!important;
}

.modal#STAModal .voucherDetails h1::before,
.modal#STAModal .voucherDetails h1::after {
    content: '';
    border-style: dashed;
    border-width: 3px 0 3px 3px;
    border-color: #ffffff;
    position: absolute;
    width: 4.5rem;
    top: 0;
    left: 0;
    bottom: 0;
    -webkit-border-radius: 13px 0 0 13px;
    -moz-border-radius: 13px 0 0 13px;
    border-radius: 13px 0 0 13px;
}
.modal#STAModal .voucherDetails h1::after {
    border-width: 3px 3px 3px 0;
    left: initial;
    right: 0;
    -webkit-border-radius: 0 13px 13px 0;
    -moz-border-radius: 0 13px 13px 0;
    border-radius: 0 13px 13px 0;
}
.modal#STAModal .voucherDetails h1 small {
    font-size: 4rem;
    letter-spacing: 4px;
    text-shadow: 3px 1px 1px #a64848;
    margin-top: 1px;
    top: -2.3rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
}
.modal#STAModal .voucherDetails h1 small::before {
    /*content: '';*/
    /*background-color: #fff;*/
    /*position: absolute;*/
    /*height: 1.5rem;*/
    /*top: 50%;*/
    /*left: 0;*/
    /*right: 0;*/
    /*transform: translateY(-60%);*/
    /*z-index: -1;*/

    /*content: '';*/
    /*!* background: inherit; *!*/
    /*background: #f10d0d4a;*/
    /*position: absolute;*/
    /*width: 50rem;*/
    /*height: 20rem;*/
    /*top: 2rem;*/
    /*left: initial;*/
    /*right: 0;*/
    /*transform: initial;*/
    /*z-index: -5;*/
    /*border-radius: 50%;*/
}
.modal#STAModal .voucherDetails h1 b {
    font-size: 2.9rem;
    text-shadow: 3px 2px 1px #a64848;
    z-index: 1;
}
.modal#STAModal .voucherDetails h1 span {
    background-color: #524e4e;
    color: #fff;
    font-weight: 700;
    white-space: nowrap;
    bottom: -1.5rem;
    left: 50%;
    transform: translateX(-50%);
}
.modal#STAModal .codeCont {
    /*border: 2px dashed #f17420;*/
}
.modal#STAModal .copiedSuccessRedirect .inners {
    min-width: 23rem;
    max-width: 23rem;
}


.ytp-chrome-top {
    display: none !important;
}


/*==================================================
 * Effect 2
 * ===============================================*/
.effect2 {
    position: relative;
}
.effect2:before, .effect2:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 30px;
    width: 50%;
    top: 80%;
    max-width:300px;
    background: #777;
    box-shadow: 0 15px 10px #777;
    transform: rotate(-3deg);
}
.effect2:after {
    transform: rotate(3deg);
    right: 30px;
    left: auto;
}
/*.pricing-table-box .pricingTable-header:before {*/
/*    content: "";*/
/*    width: 400px;*/
/*    height: 400px;*/
/*    border-radius: 50%;*/
/*    position: absolute;*/
/*    right: -50%;*/
/*    top: -130%;*/
/*    background: repeating-radial-gradient(hsla(0,0%,100%,.04),hsla(0,0%,100%,.17) 20%);*/
/*    transition: .5s;*/
/*}*/
@keyframes rotateme {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}







.sliderLine {
    width: 5rem;
    height: 5px;
    /*margin-top: -7px;*/
    position: relative;
    /*left: 0;*/
    /*right: 0;*/
}
.line{
    background: #f17420;
    height: 4px;
    position: absolute;
    left: 0;
    right: 0;
}
.break{
    background: #fff;
    width: 6px;
    height: 5px;
    position: absolute;
}

.dot1{
    -webkit-animation: loading1 2s infinite;
    -moz-animation: loading1 2s infinite;
    -ms-animation: loading1 2s infinite;
    -o-animation: loading1 2s infinite;
    animation: loading1 2s infinite;
}
.dot2{
    -webkit-animation: loading1 2s 0.5s infinite;
    -moz-animation: loading1 2s 0.5s infinite;
    -ms-animation: loading1 2s 0.5s infinite;
    -o-animation: loading1 2s 0.5s infinite;
    animation: loading1 2s 0.5s infinite;
}
.dot3{
    -webkit-animation: loading1 2s 1s infinite;
    -moz-animation: loading1 2s 1s infinite;
    -ms-animation: loading1 2s 1s infinite;
    -o-animation: loading1 2s 1s infinite;
    animation: loading1 2s 1s infinite;
}

@keyframes loading1 {
    from { left: 0; }
    to { left: 100%; }
}
@-moz-keyframes loading1 {
    from { left: 0; }
    to { left: 100% }
}
@-webkit-keyframes loading1 {
    from { left: 0; }
    to { left: 100%; }
}
@-ms-keyframes loading1 {
    from { left: 0; }
    to { left: 100%; }
}
@-o-keyframes loading1 {
    from {left: 0;}
    to {left: 100%;}
}







#multi-step-form{
    overflow-x: hidden;
}
#multi-step-form .step-2 .nav-pills .nav-link {
    background-color: #eeecf9;
    color: #333333;
}
#multi-step-form .step-2 .nav-pills .nav-link.active,
#multi-step-form .step-2 .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #f17420!important;
}

.card-img-overlay {
    background-color: rgba(0, 0, 0, 0.42);
}
.card-img-overlay.gradient {
    background: linear-gradient(319deg, rgb(0 0 0 / 87%), rgb(255 255 255 / 0%) 40.71%);
}

.widgets {
    background-color: #000;
    font-weight: 700;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 300000;
    /*display: none;*/
}


/*Filter*/
.filter-at {}
.filter-at .form-check-input:checked {
    background-color: #f17420!important;
    border-color: #f17420!important;
}








/*CAMPAIGN DETAIL*/
.campaign-detail .basic .sub-list {
    min-width: 17rem;
}
.campaign-detail .list-banner:first-child {
    border-top: 0!important;
    padding-top: 0!important;
}
.xtra-commission .banner-slider .imgCont,
.campaign-detail .list-banner .imgCont,
#getBannerModal .list-banner .imgCont {
    height: 200px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: flex;
}
.xtra-commission .banner-slider .imgCont img,
.campaign-detail .list-banner .imgCont img,
#getBannerModal .list-banner .imgCont img {
    object-fit: contain;
}
.xtra-commission .customBg {
    background: linear-gradient(to bottom, rgb(255 255 255) 50%, rgb(255 255 255 / 0%), rgb(255 255 255 / 1%)) !important;
}
#getBannerModal .filterSizeBanner::before {
    content: '';
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 11px solid #f17420;
    /*border-left: 11px solid #00a5ff;*/
    position: absolute;
    left: -1rem;
    display: block;
}
/*.campaign-detail .nav-tabs::before {*/
/*    content: '';*/
/*    background-color: #f8f9fa;*/
/*    height: 1rem;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: -1rem;*/
/*}*/
/*.campaign-detail .nav-tabs::after {*/
/*    content: '';*/
/*    background-color: #ffffff;*/
/*    height: 1rem;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: -1rem;*/
/*    border-width: 1px 1px 0 1px;*/
/*    border-style: solid;*/
/*    border-color: #dee2e6;*/
/*    -webkit-border-radius: .75rem .75rem 0 0;*/
/*    -moz-border-radius: .75rem .75rem 0 0;*/
/*    border-radius: .75rem .75rem 0 0;*/
/*}*/
.campaign-detail .nav-tabs .nav-link {
    color: #555;
}
.campaign-detail .nav-tabs .nav-link.active {
    color: #000;
}
.campaign-detail .nav-tabs .nav-item .nav-link.aflink {
    padding-left: 2.2rem!important;
}
/*.campaign-detail .nav-tabs .nav-link.aflink i.bi-link-45deg {*/
    /*font-size: 1.2rem!important;*/
    /*position: absolute;*/
    /*left: .8rem;*/
/*}*/
/*.campaign-detail #traffic-tab-pane table td:last-child {*/
/*    text-align: right;*/
/*}*/
.campaign-detail .text-detail h3 {
    font-size: 1.2rem!important;
}
.campaign-detail .text-detail h3:not(h3:first-child) {
    margin-top: 1.5rem;
}
.campaign-detail .text-detail ol li,
.campaign-detail .text-detail ul li {
    margin-bottom: .5rem;
}
.campaign-detail .creativeCont .list-creative {
    background-color: #f4f4f4;
}
/*.campaign-detail .creativeCont .list-creative label {*/
/*    top: -9px;*/
/*    left: .7rem;*/
/*    background: -webkit-linear-gradient(to bottom, rgb(244 244 244), rgb(255 255 255))!important;*/
/*    background: -moz-linear-gradient(to bottom, rgb(244 244 244), rgb(255 255 255))!important;*/
/*    background: -o-linear-gradient(to bottom, rgb(244 244 244), rgb(255 255 255))!important;*/
/*    background: linear-gradient(to bottom, rgb(244 244 244), rgb(255 255 255))!important;*/
/*}*/

.campaign-detail input#affiliateUrl,
.campaign-detail input#influencerUrl {
    padding-right: 4.5rem !important;
}

.campaign-detail input.affiliateUrl,
.campaign-detail .creativeCont .list-creative input {
    /*height: 3rem;*/
}
.campaign-detail .creativeCont .list-creative textarea {
    min-height: 62px;
    max-height: 100px;
}
.campaign-detail .creativeCont .list-creative textarea {
    min-height: 75px;
    max-height: 150px;
}
.column-mobile {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
}
@media screen and (max-width: 990px) {
    .column-mobile {
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
    }
}
@media screen and (max-width: 580px) {
    .campaign-detail .creativeCont .list-creative textarea {
        min-height: 150px;
    }


    .main-card-body {
        border: 0!important;
    }
    .column-mobile {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }
}
.campaign-detail .add-creative:disabled {
    cursor: not-allowed!important;
}
.campaign-detail .add-creative:disabled i {
    color: #d2c9c9!important;
}
.campaign-detail .removeBtn:hover i::before {
    content: '\f622'!important;
}

details.readmore summary {
    display: -webkit-box;
    pointer-events: none;
    overflow: hidden;
    -webkit-line-clamp: 13;
    -webkit-box-orient: vertical;
}
details.readmore.active summary:after {
    font-weight: 600;
    cursor: pointer;
    pointer-events: initial;
    text-decoration: underline;
    margin-top: .5rem;
    position: absolute;
    top: 100%;
    display: block;
}
details.readmore.active:not([open]) summary:after {
    content: attr(data-more);
}
details.readmore.active[open] summary {
    -webkit-line-clamp: unset;
}
details.readmore.active[open] summary:after {
    content: attr(data-less);
}


.limitList tbody.child-list tr:nth-child(n+7),
.campaign-info .limitList ul.child-list li:nth-child(n+7){
    display: none !important;
}
.limitList tbody.child-list tr.showList:nth-child(n+7) {
    display: table-row !important;
}
.campaign-info .limitList ul.child-list li.showList:nth-child(n+7) {
    display: list-item !important;
}

.limitList .upsized li {
    gap: 3px;
    display: flex;
}
.limitList .upsized li .badge {
    font-size: 0.75em!important;
    /*line-height: 1.1;*/
    /*padding-top: .5px;*/
    /*padding-bottom: .5px;*/
}
.limitList .upsized li.text-decoration-line-through .text-success {
    color: #888888 !important;
}


/*MYRANK*/
#ranks-slider .slick-slide:not(.slick-active) {
    filter: blur(2px);
    -webkit-filter: blur(2px);
}
#ranks-slider .slick-disabled {
    display: none !important;
}
/*EMBLEM*/
.emblem {
    height: 2.5rem;
    line-height: 2.35rem;
}
.emblem[data-rank='F'] {
    color: #b7b4b4;
}
.emblem[data-rank='F']:not(.emblem-progress)::before {
    content: "\f41a";
}
.emblem[data-rank='F']:not(.emblem-progress) i {
    color: #cccccc!important;
}
.emblem-progress[data-rank='E'] {
    color: #ce6700;
}

.my-ranks .card[data-rank='F'] .card-header,
#info-slider .item[data-rank='F'] .leaderboard {
    background-color: #ffffff;
}
.my-ranks .card[data-rank='F'] .progress {
    background-color: #e2dfdf !important;
}

.app-sidebar-user[data-rank='F'] .progress-bar,
.my-ranks .card[data-rank='F'] .progress-bar {
    background-color: #ce6700 !important;
}


.emblem-progress[data-rank='D'],
.emblem[data-rank='E'] {
    color: #ce6700;
}
.my-ranks .card[data-rank='E'] .card-header,
#info-slider .item[data-rank='E'] .leaderboards {
    background: -webkit-linear-gradient(to right, #eba762, #b66514 25%, rgb(228 158 0)) !important;
    background: -moz-linear-gradient(to right, #eba762, #b66514 25%, rgb(228 158 0)) !important;
    background: -o-linear-gradient(to right, #eba762, #b66514 25%, rgb(228 158 0)) !important;
    background: linear-gradient(to right, #eba762, #b66514 25%, rgb(228 158 0)) !important;
    color: #fff !important;
}
.app-sidebar-user[data-rank='E'] .progress-bar,
.my-ranks .card[data-rank='E'] .progress-bar{
    background-color: #939393 !important;
    color: #ffffff;
}


.emblem-progress[data-rank='C'],
.emblem[data-rank='D'] {
    /*color: #8e9fa7;*/
    color: #a8a8a8;
}
.emblem-progress[data-rank='C'] i,
.emblem[data-rank='D'] i {
    color: #ffffff !important;
}
.my-ranks .card[data-rank='D'] .card-header,
#info-slider .item[data-rank='D'] .leaderboards {
    background: -webkit-linear-gradient(to right, #d2d2d2, #b0b5b5, #fbfbfb) !important;
    background: -moz-linear-gradient(to right, #d2d2d2, #b0b5b5, #fbfbfb) !important;
    background: -o-linear-gradient(to right, #d2d2d2, #b0b5b5, #fbfbfb) !important;
    background: linear-gradient(to right, #d2d2d2, #b0b5b5, #fbfbfb) !important;
    color: #333333 !important;
}
.app-sidebar-user[data-rank='D'] .progress-bar,
.my-ranks .card[data-rank='D'] .progress-bar {
    background-color: #d7a602 !important;
    color: #FFFFFF;
}


.emblem-progress[data-rank='B'],
.emblem[data-rank='C'] {
    color: #ffc400;
}
.my-ranks .card[data-rank='C'] .card-header,
#info-slider .item[data-rank='C'] .leaderboards {
    background: -webkit-linear-gradient(to right, #d69300, #ffdf00, #ffdf00) !important;
    background: -moz-linear-gradient(to right, #d69300, #ffdf00, #ffdf00) !important;
    background: -o-linear-gradient(to right, #d69300, #ffdf00, #ffdf00) !important;
    background: linear-gradient(to right, #d69300, #ffdf00, #ffdf00) !important;
    color: #333333;
}
.app-sidebar-user[data-rank='C'] .progress-bar,
.my-ranks .card[data-rank='C'] .progress-bar{
    background-color: #04981c !important;
    color: #ffffff;
}


.my-ranks .card[data-rank='A'],
.emblem[data-rank='B'] {
    color: #04981c;
}
.my-ranks .card[data-rank='B'] .card-header,
#info-slider .item[data-rank='B'] .leaderboards {
    background: -webkit-linear-gradient(to right, #93f6c2, #05b458 50%, #10bd62) !important;
    background: -moz-linear-gradient(to right, #93f6c2, #05b458 50%, #10bd62) !important;
    background: -o-linear-gradient(to right, #93f6c2, #05b458 50%, #10bd62) !important;
    background: linear-gradient(to right, #93f6c2, #05b458 50%, #10bd62) !important;
}
.app-sidebar-user[data-rank='B'] .progress-bar,
.my-ranks .card[data-rank='B'] .progress-bar{
    background-color: #ed4c4c !important
}


.my-ranks .card[data-rank='S'],
.emblem[data-rank='A'] {
    color: #de0000;
}
.my-ranks .card[data-rank='A'] .card-header,
#info-slider .item[data-rank='A'] .leaderboards {
    background: -webkit-linear-gradient(to right, #ff7e7e, #b90000 50%, #ff7040) !important;
    background: -moz-linear-gradient(to right, #ff7e7e, #b90000 50%, #ff7040) !important;
    background: -o-linear-gradient(to right, #ff7e7e, #b90000 50%, #ff7040) !important;
    background: linear-gradient(to right, #ff7e7e, #b90000 50%, #ff7040) !important;

    /*background: -webkit-linear-gradient(to right, #973fe2, #7f09e6, #b970f8) !important;*/
    /*background: -moz-linear-gradient(to right, #973fe2, #7f09e6, #b970f8) !important;*/
    /*background: -o-linear-gradient(to right, #973fe2, #7f09e6, #b970f8) !important;*/
    /*background: linear-gradient(to right, #973fe2, #7f09e6, #b970f8) !important;*/
    color: #ffffff;
}
.app-sidebar-user[data-rank='A'] .progress-bar,
.my-ranks .card[data-rank='A'] .progress-bar{
    background-color: #6800bf !important;
}


.my-ranks .card[data-rank='SS'],
.emblem[data-rank='S'] {
    color: #6800bf;
}
.my-ranks .card[data-rank='S'] .card-header,
#info-slider .item[data-rank='S'] .leaderboards {
    background: -webkit-linear-gradient(to right, #973fe2, #7f09e6, #b970f8) !important;
    background: -moz-linear-gradient(to right, #973fe2, #7f09e6, #b970f8) !important;
    background: -o-linear-gradient(to right, #973fe2, #7f09e6, #b970f8) !important;
    background: linear-gradient(to right, #973fe2, #7f09e6, #b970f8) !important;
    color: #ffffff;
}
.app-sidebar-user[data-rank='S'] .progress-bar,
.my-ranks .card[data-rank='S'] .progress-bar{
    background-color: #333333 !important;
    color: #ffffff;
}


.my-ranks .card[data-rank='SS'],
.emblem[data-rank='SS'] {
    color: #333333;
}
.my-ranks .card[data-rank='SS'] .card-header,
#info-slider .item[data-rank='SS'] .leaderboards {
    background: -webkit-linear-gradient(to right, #777575, #333333 20%, #b0acac) !important;
    background: -moz-linear-gradient(to right, #777575, #333333 20%, #b0acac) !important;
    background: -o-linear-gradient(to right, #777575, #333333 20%, #b0acac) !important;
    background: linear-gradient(to right, #777575, #333333 20%, #b0acac) !important;
    color: #ffffff;
}
.app-sidebar-user[data-rank='SS'] .progress-bar,
.my-ranks .card[data-rank='SS'] .progress-bar{
    background-color: gold !important;
}


/*LEADERSHIP*/
.leaderboard .nav-link {
    color: #969595;
}
.leaderboard .nav-link.active {
    color: #000000;
    border-bottom-color: #ee6508;
}



/*POSTBACK*/
.postback {}
.postback .nav-pills .nav-link {
    /*color: #000!important;*/
    background-color: #fff!important;
}
.postback .nav-pills .nav-link.active,
.postback .nav-pills .show>.nav-link {
    background-color: #333333 !important;
    color: #fff!important;
}
.postback .tab-pane .inners {
    overflow-y: auto;
}
.formList .addParamBtn[disabled],
.formList .addParamBtn:disabled,
.postback .tab-pane .inners .formList .addParamBtn:disabled,
.postback .tab-pane .inners .formList .addParamBtn[disabled] {
    color: #afacab !important;
}
@media screen and (min-width: 990px){
    .postback .tab-pane .inners {
        /*max-height: 350px;*/
        max-height: calc(100vh - 19.5rem);

    }
}




@media (min-width: 768px){
    .modal-md {
        --bs-modal-width: 40rem;
    }
}
@media (min-width: 576px){

}

.caseStudyDetail.headline .logoFloat {
    width: 6rem;
    left: 0;
    top: 1rem;
}
.caseStudyDetail h1 {
    font-size: 2.5rem!important;
}
.caseStudyDetail.result img {
    max-width: 550px!important;
}


.caseStudyDetail.strategy .shape {
    top: 0;
    bottom: 0;
    right: 0;
    left: 52%;
    z-index: 1;
    border-radius: 3rem 0 0 3rem;
}

.caseStudyDetail.solution .shape {
    top: 0;
    bottom: 0;
    right: 11%;
    left: -11rem;
    z-index: 1;
    border-radius: 0 3rem 3rem 0;
}
.caseStudyDetail:not(.result) ul {
    list-style: none;
    padding-left: 2.3rem;
}
.caseStudyDetail:not(.result) ul li {
    position: relative;
    margin-bottom: .5rem;
}
.caseStudyDetail:not(.result) ul li::before {
    font-family: bootstrap-icons!important;
    content: "\f133";
    font-size: 1.4rem;
    position: absolute;
    left: -2.3rem;
}
.caseStudyDetail:not(.solution) ul li::before,
.caseStudyDetail:not(.result,.solution) ul li::before {
    background: #f06c13;
    background: -moz-linear-gradient(18deg, #f06c13 32%, #ffc422 70%);
    background: -webkit-linear-gradient(18deg, #f06c13 32%, #ffc422 70%);
    background: linear-gradient(18deg, #f06c13 32%, #ffc422 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
}
.caseStudyDetail.solution ul li::before {
    content: "\f26a";
    color: green!important;
}


.caseStudyDetail.result .shape {
    top: 0;
    bottom: 8rem;
    right: 0;
    left: 13%;
    z-index: 1;
    border-radius: 3rem 0 0 3rem;
}
.caseStudyDetail.result ul {
    padding-left: 0;
    border-collapse:separate;
    border-spacing: 1rem;
}
.caseStudyDetail.result ul li {
    background-color: #ffffff;
    /*width: 48.45%;*/
    /*float: left;*/
    display: table-cell;
    width: auto;
    padding: 1rem;
    border: 1px solid #ccc;
    margin-right: 1rem;
    margin-bottom: 2rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    /*display: inline-block;*/
}
.caseStudyDetail.result ul li img {
    max-width: 100%!important;
}
.caseStudyDetail.result .imgCont.logo {
    max-width: 15rem;
}
.caseStudyDetail.result .testimonial .ico {
    top: -1.5rem;
    left: 2rem;
    z-index: 12!important;
}


/*.DIVIDER CUSTOM*/
.dividerCustom,
.dividerCustom2 {
    background: -webkit-linear-gradient(to bottom, #f8f9fa 0, #fff 40%)!important;
    background: -moz-linear-gradient(to bottom, #f8f9fa 0, #fff 40%)!important;
    background: -o-linear-gradient(to bottom, #f8f9fa 0, #fff 40%)!important;
    background: linear-gradient(to bottom, #f8f9fa 0, #fff 40%)!important;
    height: 20rem;
    bottom: 0;
    left: 0;
    right: 0;
}
.dividerCustom2 {
    background: -webkit-linear-gradient(to bottom, #f0f1f1 0, #fff 40%)!important;
    background: -moz-linear-gradient(to bottom, #f0f1f1 0, #fff 40%)!important;
    background: -o-linear-gradient(to bottom, #f0f1f1 0, #fff 40%)!important;
    background: linear-gradient(to bottom, #f0f1f1 0, #fff 40%)!important;
}


/*CAMPAIGN INTEGRATION*/
.brandCampaigns {
    /*background-color: #3b3a3a;*/
    min-height: 40rem;
}
.brandCampaigns:not(.campaign-directory) .shape,
.brandCampaigns:not(.campaign-detail) .shape {
    min-height: 40rem;
    top: 0;
    right: 12%;
    left: 0;
    bottom: 0;
    z-index: 1;
    -webkit-border-radius: 0 3rem 3rem 0;
    -moz-border-radius: 0 3rem 3rem 0;
    border-radius: 0 3rem 3rem 0;
}
.brandCampaigns .slick-dots {
    bottom: 0;
    position: relative;
}
.brandCampaigns .getArrows .slick-arrow:before {
    color: #fff;
}
.brandCampaigns .shape span {
    background-color: #f8f9fa;
    /*width: 3rem;*/
    /*height: 3rem;*/
    position: absolute;
    /*top: -3rem;*/
    /*right: 0;*/
    z-index: 1;
}
.brandCampaigns .shape span:last-child {
    top: initial;
    bottom: -8rem;
    display: none;
}
.brandCampaigns .shape span:first-child::before,
.brandCampaigns .shape span:last-child::before {
    content: '';
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.brandCampaigns .shape span:first-child::before {
    top: 0;
    -webkit-border-radius: 0 0 8rem 0;
    -moz-border-radius: 0 0 8rem 0;
    border-radius: 0 0 8rem 0;
}
.brandCampaigns .shape span:last-child::before {
    -webkit-border-radius: 0 8rem 0 0;
    -moz-border-radius: 0 8rem 0 0;
    border-radius: 0 8rem 0 0;
}
.brandCampaigns .card-body::after {
    content: "\f285";
    font-family: bootstrap-icons !important;
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    z-index: 5;
    display: none;
}
.brandCampaigns .card .imgCont {
    /*min-width: 7rem;*/
    /*max-width: 7rem;*/
}
/*.brandCampaigns .card .categories,*/
/*.my-campaign .card .categories,*/
/*.brandCampaigns .card .commission,*/
/*.my-campaign .card .commission {*/
/*    height: 1.5rem;*/
/*}*/
.brandCampaigns .card .categories span:last-child,
.my-campaign .card .categories span:last-child,
.brandCampaigns .card .commission span:last-child,
.my-campaign .card .commission span:last-child {
    min-width: 9.5rem;
    max-width: 9.5rem;
}

.brandCampaigns .card-body small {
    height: 20px;
    display: block;
}
.brandCampaigns .card-body h5 {
    min-height: 42px;
}

/*.brandCampaigns .card-footer .btn {*/
/*    box-shadow: 0 0 0 0.25rem rgb(211 212 213 / 50%);*/
/*}*/

.form-check-input:checked {
    background-color: #f17420!important;
    border-color: #f17420!important;
}
.campaign-directory .dropdown-menu {
    z-index: 1030;
}

/*CAMPAIGN DIRECTORY*/
@media screen and (max-width: 680px) {
    .campaign-directory .dropdown-menu {
        margin-top: 5px !important;
        position: relative !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
        z-index: 1030;
    }
}
@media screen and (min-width: 990px) {
    #campaign-filter ~ .offcanvas-backdrop,
    .campaign-directory .offcanvas-start {
        /*background-color: transparent !important;*/
        /*width: 100% !important;*/
        /*height: calc(100vh - 6.5rem)!important;*/
        /*position: sticky !important;*/
        /*position: sticky!important;*/
        /*top: 5.5rem!important;*/
        /*left: initial !important;*/
        /*right: initial!important;*/
        /*bottom: initial!important;*/
        /*overflow-y: auto!important;*/
        /*transform: none!important;*/
        /*visibility: visible!important;*/
    }
    #campaign-filter ~ .offcanvas-backdrop.show {
        opacity: 0!important;
    }
    .campaign-directory .offcanvas-header {
        /*height: 4rem;*/
        /*display: none!important;*/
    }
}
@media screen and (max-width: 990px) {
    .offcanvas.col-left-custom {
        width: 18rem !important;
        -webkit-border-radius: 0!important;
        -moz-border-radius: 0!important;
        border-radius: 0!important;
        z-index: 1090;
    }


    #campaign-filter ~ .offcanvas-backdrop,
    .campaign-directory .offcanvas-start {
        /*background-color: transparent !important;*/
        /*position: static !important;*/
        /*top: 0 !important;*/
        /*left: initial !important;*/
        /*right: initial !important;*/
        /*width: 100%!important;*/
        /*height: 100%!important;*/
        /*bottom: 0!important;*/
        z-index: 99999!important;
    }
    .campaign-directory .offcanvas-start {
        z-index: 99999!important;
    }
    .content-wraps.members, footer.members {
        margin-left: 0!important;
    }
}




/*FOOTER*/
footer {
    /*background-color: #3b3a3a;*/
}
footer.members {
    /*margin-left: 16%;*/
}
.subscribeCont {
    /*background: repeating-linear-gradient(45deg,#edeffb,#edeffb 10px,#f8f9fa 10px,#f8f9fa 20px)!important;*/
}
footer .container {
    z-index: 2;
}

footer .shape {
    top: 0;
    right: 0;
    left: 5%;
    bottom: 0;
    z-index: 1;
    -webkit-border-radius: 3rem 0 0 0;
    -moz-border-radius: 3rem 0 0 0;
    border-radius: 3rem 0 0 0;
}
footer.members .shape {
    left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

@media screen and (max-width: 1280px){
    footer .shape {
        left: 0;
    }
}
footer .shape span {
    /*background-color: #f0f1f1;*/
    /*width: 8rem;*/
    /*height: 8rem;*/
    /*position: absolute;*/
    /*top: -8rem;*/
    /*right: 0;*/
    /*z-index: 1;*/
}
footer .shape span::before {
    /*content: '';*/
    /*background-color: #fff;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*position: absolute;*/
    /*z-index: 1;*/
    /*top: 0;*/
    /*-webkit-border-radius: 0 0 3rem 0;*/
    /*-moz-border-radius: 0 0 3rem 0;*/
    /*border-radius: 0 0 3rem 0;*/

}



.rotate-180 {
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}
.fill-body {
    fill: #fff !important;
}
footer .border-top {
    border-top: 1px dashed #ccc!important;
}
footer::before {
    content: '';
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    -webkit-border-radius: 10rem 10rem;
    -moz-border-radius: 10rem 10rem;
    border-radius: 10rem 10rem;
    display: none;
}
footer .imgCont {
    width: 15rem;
}
footer a {
    color: #333!important;
}
footer a:hover {
    color: #f17420;
}
footer .sosmed a {
    /*width: 2.7rem;*/
    /*height: 2.7rem;*/
    /*line-height: 2.7rem;*/
    /*text-align: center;*/
    display: inline-block;
}
footer .sosmed i {
    color: #333!important;
}


footer .subscribe {
    width: 50%;
    margin-top: -12rem;
    margin-bottom: 4rem;
}
.subscribe-form {
    background-color: rgba(255,255,255,.04);
    width: 25rem;
    border-color: rgba(255,255,255,.15);
}
.media.subscribe .subscribe-form {
    background-color: #36343a;
}
.subscribe-form .input-group-text {
    background-color: transparent;
    border: 0;
    padding-left: 1rem!important;
    padding-right: 1rem!important;
}
.subscribe-form .form-control {
    background-color: transparent!important;
    /*color: #fff!important;*/
    border: 0!important;
    outline: none!important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.subscribe-form .btn {
    background-color: #f17420;
    border-color: #f17420;
    padding: .425rem 1rem;
    font-size: 0.875rem;
    -webkit-border-radius: .375rem;
    -moz-border-radius: .375rem;
    border-radius: .375rem;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}

footer .contact-mobile a {
    background-color: #282435!important;
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    display: inline-block;
}

.fixed-bottom-right {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 99;
}
/*Scroll to Top*/
.scrollToTop {
    background: #2a4273;
    width: 2px;
    height: 5rem;
    cursor: pointer;
    opacity: 0;
    position: absolute;
    right: 2.3rem;
    bottom: -10rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    -webkit-transition: all .500s ease;
    -moz-transition: all .500s ease;
    -ms-transition: all .500s ease;
    -o-transition: all .500s ease;
    transition: all .500s ease;
}
.scrollToTop.show {
    opacity: 1;
    bottom: 11rem;
}
body.add-notify .scrollToTop {
    bottom: 12rem;
}
.scrollToTop::after {
    font-family: 'Lato-regular';
    white-space: nowrap;
    color: #c0c0c0;
    position: absolute;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: block;
}
.scrollToTop::after {
    content: 'Scroll To Top';
    left: -2.75rem;
    bottom: -4.5rem;
}
.scrollToTop.show::before {
    color: #b9b4b4;
}
.scrollToTop span {
    background: #f09125;
    width: 2px;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
}



/*Mouse Scroll*/
.mouseCont {
    padding: 1rem;
    cursor: pointer;
    position: absolute;
    left: 50%;
    bottom: -3rem;

    transform: translateX(-50%);
    -webkit-transition: all .500s ease;
    -moz-transition: all .500s ease;
    -ms-transition: all .500s ease;
    -o-transition: all .500s ease;
    transition: all .300s ease;
    z-index: 50;
    opacity: 0;
}
.mouseCont::before {
    content: 'Scroll Down';
    font-family: 'Lato-regular';
    white-space: nowrap;
    color: #c0c0c0;
    position: absolute;
    left: -.75rem;
    bottom: 7.5rem;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: none;
}
.mouseCont.active {
    opacity: 1;
    bottom: 1rem;
}
.allPA .mouseCont.active {
    bottom: 1rem;
}
.mouseCont svg #wheel {
    width: 5rem;
    animation: scroll ease 1.5s infinite;
}
.mouseCont svg #wheel,
.mouseCont svg #mouse {
    fill:none;
    stroke: #b9b4b4;
    stroke-width:15px;
}
.mouseCont svg #wheel {
    stroke: #f09125;
}
.allPA .mouseCont svg #wheel,
.allPA .mouseCont svg #mouse {
    fill:#fff;
    stroke: #f09125;
    stroke-width:15px;
}
.allPA .mouseCont svg #wheel {
    stroke: #f09125;
}

@keyframes scroll {
    0% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(100px);
    }
}





/*Animate Circle*/

/* Circle */
.circle {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-color: #ff4343;

    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.circle:before,
.circle:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #ff4343;
    border-radius: 50%;
}





.circle:before {
    animation: ripple 2s linear infinite;
}

.circle:after {
    animation: ripple 2s linear 1s infinite;
}

@keyframes ripple{
    0% { transform: scale(1); }
    30% { transform: scale(1.3); opacity:1; }
    50% { transform: scale(1.6); opacity:1; }
    70% { transform: scale(1.9); opacity:1; }
    100% { transform: scale(2.3); opacity:0; }
}



/*@media ( and min-width: 1180px){*/
/*    .container,*/
/*    .container-lg,*/
/*    .container-md,*/
/*    .container-sm,*/
/*    .container-xl {*/
/*        max-width: 100%;*/
/*    }*/
/*}*/
@media (min-width: 992px) and (max-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 100%;
    }
}

@media screen and (max-width: 1170px) {
    .navbar .navbar-brand,
    .filter-wrapper .navbar-brand {
        width: 5rem;
        min-width: 5rem;
        height: 3.3rem;
    }

    /*.allPA.overview .shape {*/
    /*    left: 10%;*/
    /*}*/
}
@media screen and (max-width: 1024px) {
    .container {
        max-width: 100% !important;
    }
    .w-15,
    .w-20,
    .w-25,
    .w-40,
    .w-50,
    .w-75,
    .w-80,
    .w-90,
    .navCont,
    .nav-header {
        width: 100% !important;
    }
}
.membership .avatar {
    /*margin-top: -4rem;*/
}
@media screen and (min-width: 990px) {
    .membership .avatar {
        margin-top: -1.5rem;
    }
}
@media screen and (max-width: 990px) {
    .headline h1 {
        font-size: 3rem!important;
    }

    .allPA.overview .shape {
        right: 0;
    }
    .allPA.howItWorks .shape {
        left: 0;
    }
    /*.sidebarWraps {*/
    /*    right: -2.3rem;*/
    /*    top: 50%;*/
    /*    transition: all 0.35s ease;*/
    /*    transform: translateY(-50%) rotate(-90deg);*/
    /*    border-radius: .5rem .5rem 0 0;*/
    /*    box-shadow: 0 -1rem 3rem rgba(0, 0, 0, .175) !important;*/
    /*    opacity: 1;*/
    /*    visibility: visible;*/
    /*}*/

    .brandCampaigns:not(.campaign-directory) .shape, .brandCampaigns:not(.campaign-detail) .shape {
        min-height: 40rem;
        left: 0;
    }

    .advertiser.service .shape-inline::before {
        right: 0;
    }
    .member.avatar {
        min-width: 1.5rem;
        min-height: 1.5rem;
    }



    .float-bottom-menu {
        background-color: #ffffff!important;
        -webkit-box-shadow: 0 0 17px 5px #5960615c;
        -moz-box-shadow: 0 0 17px 5px #5960615c;
        box-shadow: 0 0 17px 5px #5960615c;
        height: 55px;
        position: fixed!important;
        top: initial!important;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 0!important;
        z-index: 10990;
    }
    .float-bottom-menu::before,
    .float-bottom-menu::after {
        display: none;
    }
    .float-bottom-menu a {
        font-size: .9rem;
        padding: 0!important;
        border: 0;
        border-radius: 0!important;
    }
    .float-bottom-menu a.active {
        border-bottom: 0!important;
    }
    .float-bottom-menu a.active::before {
        top: 0;
        bottom: initial;
    }
    .fraudshield.headline {}
    .fraudshield.headline h2 {
        font-size: 1.25rem!important;
    }
    .brandCampaigns .shape span,
    .allPA.howItWorks .shape span,
    .publisher.pubSupports .shape span:last-child {
        width: 5rem;
    }
    .publisher.benefit .shape {
        -webkit-border-radius: 5rem 0 0 0;
        -moz-border-radius: 5rem 0 0 0;
        border-radius: 5rem 0 0 0;
    }

    footer .subscribe {
        width: 70%;
    }

    .publisher.top-headline {
        height: 100vh!important;
        padding-top: 0;
    }
    .publisher.top-headline .container {
        padding-left: 0;
        padding-right: 0;
    }
    .publisher.top-headline .list {
        border-radius: 0!important;
    }
    .publisher.top-headline .data-info {
        background-color: rgba(0, 0, 0, 0.57);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 12;
    }
    .publisher.top-headline .inner {
        max-width: 75%;
        position: absolute!important;
        top: 50%;
        transform: translateY(-50%);
    }

    .custom .navbar {
        padding-top: .5rem!important;
        padding-bottom: .5rem;
    }
    .navbar .navbar-toggler button {
        background-color: transparent!important;
        border: 0!important;
        outline: none!important;
        border-radius: 0;
        box-shadow: none!important;
    }

    body.custom .navbar.active .navbar-toggler {
        z-index: 1030;
    }
    /*body.custom .active .navbar-toggler:not(#ntg2) {*/
    /*    position: relative!important;*/
    /*    right: initial!important;*/
    /*    display: none!important;*/
    /*}*/
    /*body.custom .navbar-stuck.active .navbar-toggler {*/
    /*    position: absolute!important;*/
    /*    right: initial!important;*/
    /*    display: inline-block!important;*/
    /*}*/

    body.custom.nav-black .burger-bar {
        background-color: #000;
    }
    body.custom .burger-bar {
        background-color: #fff;
    }
    body.custom .navbar.active .burger-bar {
        background-color: #f17420;
    }
    /*body.custom .navbar-stuck .navbar-toggler {*/
    /*    position: relative!important;*/
    /*    right: initial;*/
    /*}*/
    .navbar-stuck, .navbar-stuck.navbar-always {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
    }

    .burger-menu {
        width: 25px;
        height: 19px;
        font-size: 0;
        line-height: 1;
        padding: 0 4px;
        text-align: left;
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .burger-bar {
        background-color: #424242 !important;
        width: 20px;
        height: 3px;
        display: inline-block;
        margin-bottom: 4px;
        border-radius: 1px;
        transition: all 0.35s ease;
        transition-delay: 0.4s;
        transform-origin: center center;
    }
    .navbar-stuck .burger-bar,
    body.custom.navbar-stuck .burger-bar {
        /*background-color: #333!important;*/
    }
    .navbar-stuck .navbar-toggler.active .burger-bar,
    body.custom.navbar-stuck .navbar-toggler.active .burger-bar {
        /*background-color: #ff4343!important;*/
    }
    .burger-bar:nth-child(1) {
        width: 18px;
        margin-top: 1px;
    }
    .navbar-toggler[aria-expanded='true'] .burger-bar:nth-child(1) {
        width: 20px;
        transform: rotate(135deg) translate(4px, -4px);
        transition-delay: 0.3s;
    }
    .burger-bar:nth-child(2) {
        width: 16px;
        opacity: 1;
        transform: scaleX(1);
    }
    .navbar-toggler[aria-expanded='true'] .burger-bar:nth-child(2) {
        transform: scaleX(0);
        opacity: 0;
        transition-delay: 0s;
    }
    .burger-bar:nth-child(3) {
        margin-bottom: 0;
    }
    .navbar-toggler[aria-expanded='true'] .burger-bar:nth-child(3) {
        transform: rotate(-135deg) translate(6px, 6px);
        transition-delay: 0.3s;
    }
    .navbar .navbar-toggler[aria-expanded='true'] i::before {
        content: "\f659";
        color: #780236;
    }

    .navbar .navbar-collapse {
        background-color: rgba(0, 0, 0, 0.53);
        width: 100%;
        height: 100vh!important;
        position: fixed;
        top: 4rem;
        left: 0;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
        transition: all 0.15s ease;
        transition-delay: 0.15s;
        z-index: 999;
    }
    /*body.custom .navbar .navbar-collapse {top: 0;}*/
    body.custom .navbar-stuck .navbar-collapse {top: 4rem;}
    .navbar .navbar-collapse.show {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s;
    }
    .navbar .navbar-collapse nav {
        background-color: #fff;
        width: 24rem!important;
        height: 100%;
        border-top: 1px solid #efefef;
        align-items: normal!important;
        position: absolute!important;
        top: 0;
        bottom: 0;
        opacity: 0;
        transition: all 0.15s ease;
        transition-delay: 0s;
        transform: translateX(16px);
        z-index: 1000;
    }
    .navbar .navbar-collapse nav {
        /*height: calc(100vh + 75px)!important;*/
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
    }
    body.custom .navbar .navbar-collapse,
    .navbar .navbar-collapse nav {
        right: 0;
    }
    .navbar .navbar-collapse.show nav {
        opacity: 1;
        transition-delay: 0.15s;
        transform: translateX(0);
    }
    .navbar .navbar-collapse nav ul {
        align-items: flex-start!important;
    }

    .navbar ul ul.sub-parent {
        border: 0;
        margin-bottom: .5rem;
    }
    .navbar li.nav-item {
        /*background-color: #fbfafa;*/
        /*margin-bottom: .475rem;*/
        /*padding: 0!important;*/
        /*border: 1px solid #e1e0e3;*/
        /*border-radius: .5rem;*/
        /*position: relative;*/
        /*overflow: hidden;*/
        /*display: block;*/
    }
    .navbar li.nav-item>a,
    .navbar li.nav-item.parent>a,
    .navbar li.nav-item.parent>span {
        /*margin-bottom: .375rem;*/
        /*padding: .125rem 1rem!important;;*/
        /*border: 1px solid #efecf3;*/
        /*border-radius: .5rem;*/
        position: relative;
        /*font-weight: 600;*/
        display: block;
    }
    .navbar li.nav-item:not(:last-of-type)>a,
    .navbar li.nav-item.parent:not(:last-of-type)>a,
    .navbar li.nav-item.parent:not(:last-child)>span {
        /*border-bottom: 1px solid #ededed;*/
    }
    .navbar li.nav-item>a[aria-expanded="true"],
    .navbar li.nav-item.parent>a[aria-expanded="true"],
    .navbar li.nav-item.parent>span[aria-expanded="true"] {
        /*border-bottom: none;*/
    }

    .navbar li.nav-item>a,
    .navbar li.nav-item.parent>a,
    .navbar li.nav-item.parent>span {
        /*font-size: 1rem;*/
        /*font-weight: 600;*/
        /*text-transform: capitalize;*/
    }
    .navbar li.nav-item>a:not(.btn), .navbar li.nav-item.parent>a:not(.btn), .navbar li.nav-item.parent>span:not(.btn) {
        /*box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;*/
    }
    .navbar li.nav-item>a:not(.btn) i,
    .navbar li.nav-item.parent>a:not(.btn) i,
    .navbar li.nav-item.parent>span:not(.btn) i {
        font-size: 1.25rem!important;
        display: inline-block;
    }
    .navbar li.nav-item.parent>a[aria-expanded="true"] {
        background-color: #fff!important;
        border-bottom: 1px solid #e1e0e3;
    }
    /*.navbar li.nav-item.parent>a:not(.btn,.accountInfo)[aria-expanded="true"],*/
    /*.navbar li.nav-item.parent>span:not(.btn,.accountInfo)[aria-expanded="true"],*/
    /*.navbar li.nav-item.parent>a:not(.btn,.accountInfo)[aria-expanded="true"] i,*/
    /*.navbar li.nav-item.parent>span:not(.btn,.accountInfo)[aria-expanded="true"] i {*/
    /*    background: #f06c13;*/
    /*    background: -moz-linear-gradient(18deg, #f06c13 32%, #ffc422 70%);*/
    /*    background: -webkit-linear-gradient(18deg, #f06c13 32%, #ffc422 70%);*/
    /*    background: linear-gradient(18deg, #f06c13 32%, #ffc422 70%);*/
    /*    -webkit-background-clip: text;*/
    /*    -webkit-text-fill-color: transparent;*/
    /*    color: #fff;*/
    /*}*/
    .navbar .parent>a::after,
    .navbar .parent>span::after,
    .navbar .sub-parent a::after {
        /*content: "\f285";*/
        font-size: 1rem;
        font-weight: 700;
        position: absolute;
        top: 50%;
        right: .5rem;
        -webkit-transform: translateY(-50%) rotate(-90deg);
        -moz-transform: translateY(-50%) rotate(-90deg);
        -ms-transform: translateY(-50%) rotate(-90deg);
        -o-transform: translateY(-50%) rotate(-90deg);
        transform: translateY(-50%) rotate(-90deg);
    }
    .navbar .sub-parent a::after {
        font-size: .8rem;
        color: #aea9a9;
        display: none;
    }
    .navbar .parent>a[aria-expanded='true']::after,
    .navbar .parent>span[aria-expanded='true']::after {
        content: "\f286";
        background: #f06c13;
        background: -moz-linear-gradient(18deg, #f06c13 32%, #ffc422 70%);
        background: -webkit-linear-gradient(18deg, #f06c13 32%, #ffc422 70%);
        background: linear-gradient(18deg, #f06c13 32%, #ffc422 70%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: #fff;
    }
    .navbar .langCont {}
    .navbar ul ul.sub-parent {
        background-color: #fff;
        border-left: 0;
        position: fixed;
        top: 3rem;
        left: 0;
        right: 0;
        bottom: 0;
        transform: none;
        overflow: hidden;
        padding: 0!important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 0!important;
        -moz-border-radius: 0!important;
        border-radius: 0!important;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: bounceInLeft;
        animation-name: bounceInLeft;
    }
    .navbar ul ul.sub-parent.show {
        -webkit-animation-name: bounceInRight;
        animation-name: bounceInRight;
    }
    .navbar ul ul.sub-parent.collapsing {
        transform: none;
        transition: none;
    }
    .offcanvas-header {
        /*height: 4rem;*/
    }


    @-webkit-keyframes bounceInLeft {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.355,1)
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(-3000px,0,0);
            transform: translate3d(-3000px,0,0)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px,0,0);
            transform: translate3d(25px,0,0)
        }

        75% {
            -webkit-transform: translate3d(-10px,0,0);
            transform: translate3d(-10px,0,0)
        }

        90% {
            -webkit-transform: translate3d(5px,0,0);
            transform: translate3d(5px,0,0)
        }

        100% {
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes bounceInLeft {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.355,1)
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(-3000px,0,0);
            -ms-transform: translate3d(-3000px,0,0);
            transform: translate3d(-3000px,0,0)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px,0,0);
            -ms-transform: translate3d(25px,0,0);
            transform: translate3d(25px,0,0)
        }

        75% {
            -webkit-transform: translate3d(-10px,0,0);
            -ms-transform: translate3d(-10px,0,0);
            transform: translate3d(-10px,0,0)
        }

        90% {
            -webkit-transform: translate3d(5px,0,0);
            -ms-transform: translate3d(5px,0,0);
            transform: translate3d(5px,0,0)
        }

        100% {
            -webkit-transform: none;
            -ms-transform: none;
            transform: none
        }
    }

    @-webkit-keyframes bounceInRight {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.355,1)
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(3000px,0,0);
            transform: translate3d(3000px,0,0)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(-25px,0,0);
            transform: translate3d(-25px,0,0)
        }

        75% {
            -webkit-transform: translate3d(10px,0,0);
            transform: translate3d(10px,0,0)
        }

        90% {
            -webkit-transform: translate3d(-5px,0,0);
            transform: translate3d(-5px,0,0)
        }

        100% {
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes bounceInRight {
        0%,100%,60%,75%,90% {
            -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
            transition-timing-function: cubic-bezier(0.215,.61,.355,1)
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(3000px,0,0);
            -ms-transform: translate3d(3000px,0,0);
            transform: translate3d(3000px,0,0)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(-25px,0,0);
            -ms-transform: translate3d(-25px,0,0);
            transform: translate3d(-25px,0,0)
        }

        75% {
            -webkit-transform: translate3d(10px,0,0);
            -ms-transform: translate3d(10px,0,0);
            transform: translate3d(10px,0,0)
        }

        90% {
            -webkit-transform: translate3d(-5px,0,0);
            -ms-transform: translate3d(-5px,0,0);
            transform: translate3d(-5px,0,0)
        }

        100% {
            -webkit-transform: none;
            -ms-transform: none;
            transform: none
        }
    }
    .navbar ul ul li {
        padding: 0;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    .navbar ul ul li:not(:first-child) {
        border-top: 1px solid #e1e0e3;
    }
    .navbar ul ul.sub-parent li p.h6 {
        font-weight: 500;
        margin-bottom: 0!important;
    }
    .navbar ul ul.sub-parent li p:not(p.h6) {
        display: none!important;
    }
    .navbar ul ul.sub-parent::before {
        content: '';
        background-color: #f17420;
        width: 1px;
        height: 2px;
        position: absolute;
        top: 0;
        left: 50%;
        animation: center-animate 1s ease infinite alternate;
        /*transform: scaleX(100%);*/
        z-index: 10;
        display: none;
    }
    @keyframes center-animate {
        0% {
            transform: scaleX(400);
            opacity: 1;
        }

        100% {
            transform: scaleX(0);
            opacity: 0;

        }
    }
    /*.navbar .sub-parent li a,*/
    /*.navbar .dropdown-menu li a {*/
    /*    padding: .9rem 1rem !important;*/
    /*}*/
    .navbar .sub-parent li i {
        font-size: 1rem!important;
    }
    .navbar .sub-parent li p:last-child {
        line-height: 1.3!important;
    }

    .navbar .sub-parent li:active {
        background-color:#fff!important;
    }
    .navbar .sub-parent li:hover a,
    .navbar .sub-parent li:active a {
        border: 1px solid #e9e7e7;
    }


    .sliderCont.w-90 {
        width: 100%!important;
    }




    .allPA.successStory .shape {
        right: 0;
    }
    .allPA.successStory .shape::after {
        -webkit-border-radius: 0 3rem 0 0;
        -moz-border-radius: 0 3rem 0 0;
        border-radius: 0 3rem 0 0;
    }


    /*About Us*/
    .aboutus.ourLeaders .director .card-desc {
        font-size: 1.1rem!important;
    }

    .brandCampaigns .shape {
        right: 0;
        left: 10%;
    }

    /*INPAGES*/
    #inpages-widget .w-60 {
        width: 100%!important;
    }

}
@media screen and (max-width: 890px) {
    .headline h1 {
        font-size: 2.6rem!important;
    }
}
@media screen and (max-width: 770px) {
    .headline h1 {
        font-size: 3rem!important;
    }
    .brandCampaigns:not(.campaign-directory) .shape, .brandCampaigns:not(.campaign-detail) .shape {
        left: 0;
    }

    .allPA.benefit .shape {
        -webkit-border-radius: 5rem 0 0 0;
        -moz-border-radius: 5rem 0 0 0;
        border-radius: 5rem 0 0 0;
    }
    .advertiser.service .shape {
        width: 5rem;
    }
    .advertiser.service .imgCont {
        left: -14.2rem;
        bottom: 0;
    }
    .advertiser.service .shape-inline::before {
        left: -2rem;
    }
    .publisher.pubSupports .cont-custom::before {
        top: 5rem;
        right: 0;
        left: 0;
    }
    .allPA.getStarted .imgCont:first-child {
        left: -1rem;
    }

    .slick-slider .slick-next, .slick-slider:hover .slick-next {
        right: 0!important;
    }
    .partners .shape::before {
        border-radius: 5rem 0 0 0;
    }
    .brandCampaigns .shape {
        left: 7%;
    }
    .allPA.overview .shape {
        left: 0;
    }
    .sidebar .sidebar-inner {
        width: 70% !important;
    }
    footer .subscribe {
        width: 95%;
    }
    .publisher.pubSupports .wraps {
        /*z-index: 1040;*/
    }
    .allPA.howItWorks .list:not(:first-child),
    .allPA.howItWorks .list .card:nth-of-type(2) {
        margin-top: 0;
    }
    .allPA.howItWorks .list .card {
        margin-bottom: 2rem!important;
    }
    .allPA.howItWorks .list:not(:first-child) .card:nth-of-type(1) {
        padding-left: 10rem!important;
    }
    .allPA.howItWorks .list:first-child .card,
    .allPA.howItWorks .list .card:nth-of-type(2){
        padding-right: 10rem!important;
    }
    .allPA.howItWorks .list .card::before {
        width: 7rem;
        height: 7rem;
        border-left:0;
        border-right: 2px dashed #ee6508;
        border-bottom: 2px dashed #ee6508;
        top: 100%;
        right: 6rem;
        border-bottom-right-radius: 1rem;
    }
    .allPA.howItWorks .list:first-child .card:nth-of-type(1)::before, .allPA.howItWorks .list .card:nth-of-type(2)::before {
        height: 6rem;
        border-right: 0;
        border-left: 2px dashed #ee6508;
        left: 6rem;
        right: initial!important;
    }

    .publisher.top-headline .inner {
        max-width: 100%;
    }

    .navbar .navCont,
    .navbar.navbar-stuck .navCont,
    .navbar.navbar-always .navCont {
        height: 4rem;
    }
    .navbar-stuck .navbar-collapse {
        top: 4rem;
    }
    .navbar .sub-parent li i {
        font-size: 1.1rem!important;
    }
    .navbar ul ul.sub-parent li p:first-child{
        margin-bottom: 0!important;
    }
    .navbar ul ul.sub-parent li p:last-child {
        /*display: none;*/
    }
    .navbar li.nav-item>a, .navbar li.nav-item.parent>a, .navbar li.nav-item.parent>span {
        padding-left: .2rem !important;
        padding-right: .2rem !important;
    }

    .top-headline #topbanner-slide .textCont.pos-left {
        max-width: 100%;
        padding-right: 3rem;
    }

    .w-65,
    footer .w-65,
    footer .w-75  {
        width: 100%!important;
    }
    .top-headline .paging-hor {
        bottom: 4.5rem;
        left: 1rem;
    }
    .top-headline #topbanner-slide .textCont.pos-left {
        max-width: 90%;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .allPA.howItWorks .list {
        /*display: block!important;*/
    }
    /*.allPA.howItWorks .col:nth-child(even),*/
    .allPA.howItWorks .list .card .inner {
        position: relative;
        z-index: 12;
    }
    /*.allPA.howItWorks .list:not(:first-child) {*/
    /*    margin-top: 1.1rem;*/
    /*}*/

    .publisher.benefit .shape  {
        -webkit-border-radius: 5rem 0 0 0;
        -moz-border-radius: 5rem 0 0 0;
        border-radius: 5rem 0 0 0;
    }
    .brandCampaigns .shape span:first-child::before,
    .publisher.pubSupports .shape span::before {
        -webkit-border-radius: 0 0 5rem 0;
        -moz-border-radius: 0 0 5rem 0;
        border-radius: 0 0 5rem 0;
    }
    .brandCampaigns .shape {
        left: 10%;
    }
    .publisher.pubSupports .nav .nav-link {
        /*padding: .5rem 1.5rem .5rem !important;*/
    }

    .fltr.active, .sticky-full-index.active {
        background-color: #fff;
        height: 67.19px;
        border-bottom: 0;
        /*padding: 0 .5rem;*/
        left: 0;
        right: 0;
        margin: 0;
        z-index: 1040;
    }
    .fltr.active li, .sticky-full-index.active li {
        margin: 0 1rem!important;
    }



    .fltr.active li:first-child {
        margin-left: 0!important;
    }
    .fltr.active button i, .sticky-full-index.active button i {
        /*font-size: 1rem!important;*/
        margin-right: .5rem;
    }
    .fltr.active ul, .sticky-full-index.active ul {
        height: 100%;
        padding-bottom: 0!important;
    }
    .publisher.pubSupports .sticky-full-index.active .nav-link {
        background-color: transparent!important;
        height: 100%;
        color: #333!important;
        /*text-transform: uppercase !important;*/
        padding: 0!important;
        border: 0!important;
        border-bottom: 3px solid transparent !important;
        position: relative;
        margin-bottom: 0 !important;
        margin-right: 0 !important;
        -webkit-align-items: center !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
        box-shadow: none!important;
        display: flex;
    }
    .publisher.pubSupports .sticky-full-index.active .nav-link.active {
        /*color: #f17420!important;*/
    }
    .publisher.pubSupports ul.nav-tabs li button.active i {
        background-color: #fff!important;
    }
}

@media screen and (max-width: 575px) {
    .superpoint.headline h1 {
        font-size: 2.8rem!important;
    }
    /*.navbar .navbar-brand, .filter-wrapper .navbar-brand {*/
    /*    !*width: 5rem;*!*/
    /*    min-width: 5rem;*/
    /*}*/
    .allPA.benefit .shape {
        -webkit-border-radius: 3rem 0 0 0;
        -moz-border-radius: 3rem 0 0 0;
        border-radius: 3rem 0 0 0;
    }
    .advertiser.partners .shape {
        right: 0;
    }
    .advertiser.service .shape-inline::before {
        left: 0;
    }
    .brandCampaigns .shape {
        -webkit-border-radius: 3rem 0 0 3rem;
        -moz-border-radius: 3rem 0 0 3rem;
        border-radius: 3rem 0 0 3rem;
    }
    .top-publisher .shape {
        right: 0;
        border-radius: 0 3rem 3rem 0;
    }
    .partners .shape::before {
        border-radius: 3rem 0 0 0;
    }
    .brandCampaigns .shape {
        left: 0;
    }
    .fs-1 {
        font-size: calc(1.375rem + 3.5vw)!important;
    }
    .allPA.howItWorks .card .inner {
        min-height: 7rem;
    }
    .allPA.howItWorks .list i {
        width: 3.5rem;
        height: 3.5rem;
        line-height: 3.5rem!important;
        font-size: 2.5rem;
    }
    .allPA.overview .shape {
        left: 0;
    }
    .headline h1 {
        font-size: 3rem!important;
    }

    .headline .img-custom {
        width: 100%;
        max-width: 100%;
    }
    .headline .infoGrafis1 {
        left: 1rem;
        bottom: 1rem;
    }
    .advertiser.headline .infoGrafis1 {
        left: 2rem;
    }
    .publisher.headline .graph {
        width: 9rem;
        bottom: 5.5rem;
        left: 0;
    }
    .advertiser.headline figure {
        bottom: -12rem;
    }
    .advertiser.headline .shield {
        top: 6rem;
        left: 0;
    }
    .advertiser.headline .tracking {
        right: 7rem;
        top: -2rem;
    }

    .headline .product .imgCont {
        width: 6rem;
    }
    .headline .product.p1 {
        top: 2rem;
        right: 0;
    }
    .headline .product.p2 {
        top: 8rem;
        right: 4rem;
    }

    .publisher figure.product {
        bottom: 8.5rem;
    }
    .headline .clicks,
    .headline .likes,
    .headline .smile {
        width: 3rem;
    }
    figure.product .imgCont {
        width: 4rem;
    }
    figure.product p {
        font-size: .8rem!important;
    }
    figure.product span {
        display: none;
    }
    .publisher.headline .sosmed-icon {
        right: -1rem;
        bottom: 3rem;
    }
    .publisher.headline .sosmed-icon i {
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        font-size: 1rem!important;
    }

    .advertiser.partners .shape span {display: none}
    .advertiser.partners .shape {
        border-radius: 0 0 5rem 0;
    }




    .slick-slider .slick-prev,
    .slick-slider:hover .slick-prev {
        left: 0!important;
    }
    .slick-slider .slick-next,
    .slick-slider:hover .slick-next {
        right: 0!important;
    }



    .allPA.getStarted .wraps {
        /*height: 20rem;*/
    }
    .allPA.getStarted .imgCont:first-child {
        left: -2rem;
    }
    .allPA.getStarted:not(.home) .wrap-text {
        padding-left: 0;
        /*position: absolute!important;*/
        /*top: 50%;*/
        /*transform: translateY(-50%);*/
    }
    .allPA.getStarted:not(.home) .wrap-text h2 {
        /*text-shadow: 0 1px 1px #000;*/
    }


    footer .shape {
        -webkit-border-radius: 3rem 0 0 0;
        -moz-border-radius: 3rem 0 0 0;
        border-radius: 3rem 0 0 0;
    }
    footer .shape span::before {
        -webkit-border-radius: 0 0 3rem 0;
        -moz-border-radius: 0 0 3rem 0;
        border-radius: 0 0 3rem 0;
    }
    footer .fill-body {
        height: 70px;
    }
    .navbar {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    .allPA.howItWorks .list:first-child .card, .allPA.howItWorks .list .card:nth-of-type(2) {
        padding-right: 0!important;
    }
    .allPA.howItWorks .list:not(:first-child) .card:nth-of-type(1) {
        padding-left: 0!important;
    }
    .brandCampaigns .shape span, .allPA.howItWorks .shape span, .publisher.pubSupports .shape span:last-child {
        /*width: 3rem;*/
    }
    .allPA.howItWorks .list .card {
        margin-bottom: 1rem!important;
    }
    .allPA.howItWorks .list .card::before {
        display: none;
    }
    .allPA.howItWorks .shape {
        right: 0;
        -webkit-border-radius: 0 3rem 3rem 0;
        -moz-border-radius: 0 3rem 3rem 0;
        border-radius: 0 3rem 3rem 0;
    }
    .publisher.benefit .shape {
        -webkit-border-radius: 3rem 0 0 0;
        -moz-border-radius: 3rem 0 0 0;
        border-radius: 3rem 0 0 0;
    }

    .navbar .navbar-collapse nav {
        width: 100%!important;
        padding-bottom: 117px;
    }
    .navbar-stuck .navbar-collapse {
        /*top: 3rem;*/
    }
    .navbar.navbar-stuck, .navbar.navbar-always {
        /*-webkit-box-shadow: none !important;*/
        /*-moz-box-shadow: none !important;*/
        /*box-shadow: none !important;*/
    }

    .navbar.navbar-stuck .navCont,
    .navbar.navbar-always .navCont {
        background-color: #fff;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1046!important;
        webkit-box-shadow: 0 0.2rem 0.5rem #b6b6b657 !important;
        -moz-box-shadow: 0 0.2rem 0.5rem #b6b6b657 !important;
        box-shadow: 0 0.2rem 0.5rem #b6b6b657 !important;
    }
    .navbar.navbar-always .navCont {
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }
    .navbar.navbar-always {
        z-index: 1045;
    }
    .navbar .navbar-collapse {
        top: 4.2rem;
    }
    .navbar .navbar-collapse .inside {
        width: 100%;
    }
    /*.navbar.navbar-stuck .navbar-brand,*/
    /*.navbar.navbar-always .navbar-brand {*/
    /*    background-size: cover;*/
    /*    width: 3.5rem;*/
    /*}*/

    .top-headline #topbanner-slide .textCont.pos-left {
        max-width: 100%;
    }
    .top-headline #topbanner-slide h1 {
        font-size: 2.5rem!important;
    }


    .navbar.navbar-always .navbar-collapse.show {}
    .navbar.navbar-stuck .inside, .navbar.navbar-always .inside {
        /*background: rgb(222 177 255);*/
        /*background: linear-gradient(358deg, rgb(222 177 255) 0%, rgb(255 255 255) 100%);*/
        /*background: linear-gradient(358deg, rgb(224 224 224) 0%, rgb(255 255 255) 100%);*/
        /*overflow-y: auto;*/
        padding-bottom: 10rem!important;
        /*max-height: calc(100vh);*/
    }
    .navbar.navbar-always .container,
    .navbar.navbar-always .container-fluid {
        padding-bottom: 0!important;
    }
    .navbar li.nav-item>a,
    .navbar li.nav-item.parent>a,
    .navbar li.nav-item.parent>span {
        /*font-size: 1rem;*/
        padding-left: .0rem!important;
        padding-right: .0rem!important;
    }


    .filter-wrapper.active {
        height: 4.6rem;
        /*webkit-box-shadow: 0 0.2rem 0.5rem #b6b6b657 !important;*/
        /*-moz-box-shadow: 0 0.2rem 0.5rem #b6b6b657 !important;*/
        /*box-shadow: 0 0.2rem 0.5rem #b6b6b657 !important;*/
    }

    .publisher.overview figure:nth-of-type(2) {
        width: 8rem;
        border: 5px solid #fff;
        left: -0.5rem;
        top: 7.3rem;
    }
    .publisher.overview figure:nth-of-type(3) {
        width: 11rem;
        border: 5px solid rgb(255 255 255);
        bottom: -5rem;
        left: initial;
        right: 1.5rem;
    }
    .publisher.overview .videoPlay {
        right: 3rem;
    }
    .publisher.overview figure:first-child {
        border-width: .4rem;
    }

    .publisher.pubSupports .tab-pane p {
        font-size: 1rem!important;
    }
    .allPA.successStory .inner {
        height: initial;
    }
    .allPA.successStory .inner .testimony::before, .allPA.successStory .inner .testimony::after {
        font-size: 4rem;
        opacity: .5;
    }
    .allPA.successStory .inner .testimony::before {
        top: -4rem;
        left: 3rem;
        display: none;
    }
    .allPA.successStory .testimony {
        font-size: 1rem!important;
    }
    .allPA.successStory .pagingCustomize {
        right: 0;
        left: 0;
    }
    footer .w-50 {
        width: 100% !important;
    }
    .publisher.pubSupports .shape span:last-child {
        width: 3rem;
        height: 6rem;
    }
    /*.brandCampaigns .card .imgCont {*/
    /*    min-width: 5rem;*/
    /*    max-width: 5rem;*/
    /*}*/
    .brandCampaigns .card-body::after {
        display: none;
    }

    .advertiser.howItWorks .list:not(:first-child) {
        margin-top: 0;
    }
    .advertiser.howItWorks .list .card {
        /*width: 100%!important;*/
        /*margin-bottom: 4rem!important;*/
    }
    .advertiser.howItWorks .col:nth-child(even),
    .advertiser.howItWorks .list .card:nth-of-type(2) {
        margin-top: 0;
    }
    /*.advertiser.howItWorks .card-body {*/
    /*    padding: 3rem 2rem 2rem!important;*/
    /*}*/

    .advertiser.howItWorks .list .card:nth-of-type(1)::after, .advertiser.howItWorks .col:nth-of-type(1) .card::after, .advertiser.howItWorks .col:nth-of-type(3) .card::after {
        /*content: '';*/
        /*background-color: transparent;*/
        /*width: 15rem;*/
        /*height: 5rem;*/
        /*border-top: 2px dashed orangered;*/
        /*border-right: 2px dashed orangered;*/
        /*position: absolute;*/
        /*top: 6rem;*/
        /*right: -13rem;*/
        /*border-radius: 0 1rem 0 0;*/
        display: none;
    }
    .advertiser.howItWorks i {
        width: 5rem;
        height: 5rem;
        line-height: 4rem;
    }
    .advertiser.howItWorks .list .card:nth-of-type(1) i {
        left: 2rem;
    }
    .advertiser.howItWorks .list .card:nth-of-type(2) i {
        right: 2rem;
    }



    .advertiser.faq .w-75 {
        width: 100%!important;
        max-width: 100%!important;
    }

    footer form {
        width: 100%;
    }
    .subscribe-form {
        width: 100%;
    }

    .timeCountdown div {
        padding: .3rem;

    }
    .timeCountdown div span {
        /*font-size: 1.8rem!important;*/
    }
    .navbar .sosmed a {
        background-color: #ffffff!important;
    }

    .sub-child-text {
        font-size: 2rem;
    }
    .voucherBtnCont button {
        /*width: 50%!important;*/
    }
}

@media screen and (max-width: 480px) {
    .float-bottom-menu a {
        font-size: .75rem;
    }

    .headline h1 {
        /*font-size: 2.5rem!important;*/
        font-size: 2.8rem!important;
        font-weight: 800;
    }
    .allPA.getStarted .imgCont:first-child {
        left: -5rem;
    }
    .navbar-stuck, .navbar-stuck.navbar-always {
        padding-top: .5rem !important;
        padding-top: .5rem !important;
    }

    .sidebar .sidebar-inner {
        width: 90% !important;
    }

    .top-headline #topbanner-slide h1 {
        font-size: 2.5rem!important;
    }
    .top-headline #topbanner-slide .textCont {
        /*margin-top: 2rem;*/
    }

    section .page-heading {
        font-size: 2.3rem!important;
    }
}



.offcanvas-backdrop {
    z-index: 1045;
}

#offcanvasNotification {
    z-index: 1060 !important;
}


/*LINKS AFFILIATE WRAPS*/
.link-affiliate-wraps {}
.link-affiliate-wraps .imgCont {
    max-width: 5rem;
}


.challengeWraps {
    border-style: dashed !important;
}

.info-terms p,
.termcondition-program p {
    margin-bottom: .5rem !important;
}
.info-terms strong,
.termcondition-program strong {
    font-weight: 600 !important;
}

.timeline-container {
    width: 100%;
    padding-left: 28px;
    padding-right: 0;
}
/*.timeline-container::before {*/
    /*content: '';*/
    /*background-color: #e2e2e2;*/
    /*width: 3px;*/
    /*position: absolute;*/
    /*top: 1rem;*/
    /*left: .3rem;*/
    /*bottom: 1.8rem;*/
/*}*/

.timeline-container::after {
    content: '';
    background-color: #ffffff;
    width: 15px;
    height: 15px;
    border: 3px solid #bebebe;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: -30px;
    border-radius: 100%;
}
.timeline-entry:not(:first-child) {
    /*margin-top: 25px;*/
}
.timeline-entry {
    background: #fff;
    position: relative;
    padding-left: 41px !important;
}
.timeline-entry:not(.locked)::before {
    content: '';
    width: 3px;
    border-left: 2px dashed #bebcbc;
    position: absolute;
    top: 15px;
    left: 20px;
    bottom: 5.5rem;
    display: none;
}
.timeline-entry::after {
    font-family: bootstrap-icons !important;
    /*content: "\f383";*/
    /*content: "\f600";*/
    content: "\f5ff";

    background-color: #e9e9e9;
    width: 28px;
    height: 28px;
    font-size: 1rem;
    color: #049add;
    text-align: center;
    line-height: 28px;
    position: absolute;
    left: 7px;
    top: 6px;
    /*box-shadow: 0 0 0 0px #bebcbc;*/
    border-radius: 5px;
}
.timeline-entry.locked::after {
    font-family: bootstrap-icons !important;
    content: "\f47a";
    color: #dc3545;
    font-size: 1rem;
    text-align: center;
    display: inline-block;
}
.timeline-entry.not::after {
    background-color: red;
    color: #fff;
    font-family: bootstrap-icons !important;
    content: "\f62a";
    font-size: 1.5rem;
    text-align: center;
    display: inline-block;
}
/*.timeline-entry.done:not(:last-child)::before {*/
    /*background-color: #00b600;*/
    /*background-color: #c5c5c5;*/
/*}*/
.timeline-entry.done::after {
    /*background-color: #00b600;*/
    /*background-color: #c5c5c5;*/
    color: #89d51b;
    font-family: bootstrap-icons !important;
    /*content: "\f26a";*/
    content: "\f26c";

    font-size: 1.5rem;
    text-align: center;
    display: inline-block;
}


.timeline-entry.locked .timeline-flag {
    padding-bottom: 0 !important;
}
.timeline-entry.locked .timeline-flag p.border-bottom {
    border-bottom: none !important;
}

.timeline-entry:not(.locked) .timeline-flag::before,
.timeline-entry:not(.locked) .alertRedeem::before,
/*.timeline-entry .task-wraps:not(:last-of-type)::before {*/
.timeline-entry .task-wraps::before {
    content: "";
    width: 3px;
    border-left: 2px dashed #bebcbc;
    position: absolute;
    top: 0;
    left: -21px;
    bottom: 0;
}
.timeline-entry .task-wraps:last-of-type::before {
    bottom: 2px;
}

.timeline-entry:not(.locked) .alertRedeem::before {
    top: -5px;
    left: -26px;
    bottom: 25px;
}
.timeline-entry:not(.locked) .alertRedeem::after,
.timeline-entry:not(.done) .task-wraps:last-of-type::after {
    content: "";
    background-color: #e9e9e9;
    width: 12px;
    height: 12px;
    border: 2px solid #bebebe;
    text-align: center;
    position: absolute;
    left: -31.5px;
    bottom: 18px;
    border-radius: 100%;
}
.timeline-entry.unlocked .task-wraps:last-of-type::after {
    left: -26px !important;
    bottom: 1px !important;
}
/*.timeline-entry .task-wraps:last-of-type {*/
/*    display: none !important;*/
/*}*/
.timeline-num {
    background-color: #ffffff;
    width: 20px;
    height: 20px;
    line-height: 16px;
    text-align: center;
    border: 2px solid #bebcbc;
    font-weight: 700;
    font-size: .65rem;
    top: 1px;
    left: -30.3px;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
}
.timeline-qty {
    background-color: #f0f1f1;
    width: 12px;
    height: 12px;
    top: 1rem;
    left: -6px;
    border-bottom: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 2;
}
.timeline-form .formListCustom[data-status="1"] .timeline-qty {
    background-color: #e8f3ee;
    border-bottom-color: #bbd2f4;
    border-left-color: #bbd2f4;
}
.timeline-entry.success .timeline-num {
    border-color: #c5c5c5;
}

.timeline-flag .collOn::before {
    position: absolute;
    font-size: .8rem;
    top: 6px;
    right: 0;
}
.timeline-entry.locked .timeline-flag .collOn::before {
    display: none;
}
.timeline-flag .collOn[aria-expanded="true"]::before {
    content: "\f282";
}
.timeline-form label, .timeline-form input {
    display: block;
}
.timeline-form label {
    font-size: 14px;
    color: #666;
    margin-bottom: 4px;
}
.timeline-form label span {
    display: block;
    font-size: 10px;
    color: #999;
}
.timeline-form input {
    padding: 6px;
    border: none;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
}
.timeline-form input::-webkit-input-placeholder {
    color: #eee;
}
.timeline-form input:focus {
    outline: none;
    box-shadow: 0 0 5px #1abc9c;
    border: 1px solid #1abc9c;
}
/*.timeline-form button {*/
/*    border: none;*/
/*    background: #1abc9c;*/
/*    padding: 8px 10px;*/
/*    border-radius: 3px;*/
/*}*/
/*.timeline-form button:not(:first-child) {*/
/*    margin-left: 4px;*/
/*}*/
.timeline-input-group {
    margin-top: 20px;
}
.list-adding .imgCont {
    min-width: 3rem;
    max-width: 3rem;
    height: 2.1rem;
}
.timeline-form .formListCustom .list-adding i::before {
    content: '';
    font-style: normal;
    font-family: bootstrap-icons !important;
    display: inline-block;
}
.timeline-form .formListCustom[data-status="0"] .list-adding {
    background-color: #e6f0ff;
    border: 1px solid #bbd2f4;
}
.timeline-form .formListCustom[data-status="0"]  .timeline-qty {
    background-color: #e8f3ee;
    border-left-color: #bbd2f4;
    border-bottom-color: #bbd2f4;
}
.timeline-form .formListCustom[data-status="0"] .list-adding i::before {
    content: "\f292";
    color: dodgerblue;
}
.timeline-form .formListCustom[data-status="1"] .list-adding {
    background-color: #e8f3ee;
    border: 1px solid #bbd2f4;
}
.timeline-form .formListCustom[data-status="1"] .timeline-qty {
    /*background-color: #e8f3ee;*/
    /*border-left-color: #bbd2f4;*/
    /*border-bottom-color: #bbd2f4;*/
}
.timeline-form .formListCustom[data-status="1"] .list-adding i::before {
    content: "\f26b";
    color: #00b600;
}
.timeline-form .formListCustom[data-status="1"] .timeline-num {
    /*border-color: #00b600;*/
}
.timeline-form .formListCustom[data-status="2"] .list-adding {
    background-color: #fbeaec;
}
.timeline-form .formListCustom[data-status="2"] .list-adding i::before {
    content: "\f623";
    color: #da0404;
}





/*Action Float*/
.actionFloat {
    /*background-color: #ccc;*/
    min-width: 20rem;
    -webkit-transition: All 1ms linear;
    -moz-transition: All 1ms linear;
    -ms-transition: All 1ms linear;
    -o-transition: All 1ms linear;
    transition: All 1ms linear;
    /*-webkit-transform: translateX(-60%);*/
    /*-moz-transform: translateX(-50%);*/
    /*-ms-transform: translateX(-40%);*/
    /*-o-transform: translateX(-40%);*/
    /*transform: translateX(-40%);*/
    -webkit-box-shadow: 0 1rem 2rem 0 rgba(163, 163, 163, 0.65) !important;
    -moz-box-shadow: 0 1rem 2rem 0 rgba(163, 163, 163, 0.65) !important;
    box-shadow: 0 1rem 2rem 0 rgba(163, 163, 163, 0.65) !important;
    z-index: 1040;
}

.actionFloat .numChecked::after {
    content: 'row selected';
    font-weight: normal;
    margin-left: 5px;
    color: #94999c !important;
}
.actionFloat .numChecked[class]:not(#rw0,#rw1)::after {
    content: 'rows selected';
}


/*FLOATCHECKBOX*/
.table-custom thead .floatCont,
.table-custom tbody .floatCont {
    width: auto;
    height: auto;
    overflow: visible;
    top: 1px;
    left: 0;
    bottom: 0;
}
.table-custom thead .floatCont {
    position: static !important;
}
.table-custom tbody .floatCont {
    height: 2.3rem;
}

@media screen and (min-width: 990px) {
    .table-custom tbody .floatCont:not(:hover)::before {
        content: "";
        font-family: bootstrap-icons !important;
        font-size: 1.2rem;
        position: absolute;
        font-weight: 700;
        color: green;
        top: .2rem;
        left: 0;
        right: 0;
    }
}
.table-custom tbody .floatCont::before {
    content: "";
    font-family: bootstrap-icons !important;
    font-size: 1.2rem;
    position: absolute;
    font-weight: 700;
    color: green;
    top: .2rem;
    left: 0;
    right: 0;
}
.table-custom thead .floatCheckbox,
.table-custom tbody .floatCheckbox {
    width: 48px;
    /*height: 45px;*/
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 1px;
    display: flex;
}
.table-custom thead .floatCheckbox:hover {
    background-color: #e5e5e5;
}
.table-custom tbody .floatCheckbox {
    background-color: #696a6a;
    /*height: 40px;*/
    left: -2.8rem;
}
.table-custom thead tr:active .floatCheckbox,
.table-custom tbody tr:active .floatCheckbox,
.table-custom tbody .floatCont.active .floatCheckbox {
    left: 0;
}
@media screen and (min-width: 990px){
    .table-custom thead .floatCont:hover .floatCheckbox,
    .table-custom tbody .floatCont:hover .floatCheckbox {
        left: 0;
    }
}


.table-custom tbody tr:hover .floatCont ~ .pinLabel,
.table-custom tbody .floatCont.active ~ .pinLabel {
    margin-left: 2rem!important;
}
.table-custom .floatCheckbox input {
    width: 1.1rem;
    height: 1.1rem;
    cursor: pointer;
    margin-top: 9px;
    margin-left: -5px;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.table-custom thead .floatCheckbox input {
    margin-top: 13px;
}
.table-custom .floatCheckbox .form-check-input:checked {
    background-color: #000000;
    border-color: #000000;
}
/*.form-check-input[type=checkbox].halfCheck,*/
/*.form-check-input[type=checkbox].halfCheck:indeterminate {*/
/*    background-color: #0d6efd;*/
/*    border-color: #0d6efd;*/
/*    --bs-form-check-bg-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e);*/
/*}*/




/*Bitrix Custom*/
.bx-touch .b24-widget-button-position-bottom-right .b24-widget-button-popup {
    bottom: 4rem!important;
    left: -173px!important;
}
.b24-widget-button-position-bottom-right {
    right: 3.3rem !important;
    top: .4rem !important;
    bottom: initial !important;
    z-index: 1045 !important;
}
.b24-widget-button-block {
    width: 2.7rem !important;
    height: 2.7rem !important;
    border-radius: 0.375rem !important;
}
.b24-widget-button-pulse {
    border-width: 2px !important;
    border-radius: .357rem !important;
}
.b24-widget-button-inner-mask {
    border-radius: 0.375rem !important;
    opacity: 0 !important;
}
.b24-widget-button-inner-block {
    background: #f0f1f1 !important;
    height: 43px !important;
    border-radius: 0.375rem !important;
}
.b24-widget-button-icon-animation::before {
    font-family: bootstrap-icons !important;
    /*content: "\f24a";*/
    /*content: "\f25f";*/
    content: "\f414";
    /*color: #e66700;*/
    font-size: 1.5rem !important;
}
.b24-widget-button-inner-block svg {
    width: 25px!important;
    height: 25px!important;
    display: none !important;
}
.b24-widget-button-inner-mask {
    top: -.5rem !important;
    left: -.5rem !important;
    right: -.5rem !important;
    bottom: -.5rem !important;
    height: initial !important;
    min-width: initial !important;
    -webkit-width: initial !important;
    width: initial !important;
}
.b24-widget-button-position-bottom-right .b24-widget-button-popup {
    left: 320px!important;
}
.b24-widget-button-pulse-animate {
    -webkit-animation: widgetPulse2 infinite 1.5s !important;
    animation: widgetPulse2 infinite 1.5s !important;
}
@keyframes widgetPulse2 {
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.25, 1.25);
        transform: scale(1.25, 1.25);
        opacity: 0;
    }
}