/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;800;900&display=swap');*/

/*!* poppins-300 - latin *!*/
/*@font-face {*/
/*    font-family: 'Poppins';*/
/*    font-style: normal;*/
/*    font-weight: 300;*/
/*    src: url('../fonts/poppins-v20-latin/poppins-v20-latin-300.eot'); !* IE9 Compat Modes *!*/
/*    src: local(''),*/
/*    url('../fonts/poppins-v20-latin/poppins-v20-latin-300.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*    url('../fonts/poppins-v20-latin/poppins-v20-latin-300.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*    url('../fonts/poppins-v20-latin/poppins-v20-latin-300.woff') format('woff'), !* Modern Browsers *!*/
/*    url('../fonts/poppins-v20-latin/poppins-v20-latin-300.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*    url('../fonts/poppins-v20-latin/poppins-v20-latin-300.svg#Poppins') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* poppins-regular - latin *!*/
/*@font-face {*/
/*    font-family: 'Poppins';*/
/*    font-style: normal;*/
/*    !*font-weight: 400;*!*/
/*    src: url('../fonts/poppins-v20-latin/poppins-v20-latin-regular.eot'); !* IE9 Compat Modes *!*/
/*    src: local(''),*/
/*    url('../fonts/poppins-v20-latin/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*    url('../fonts/poppins-v20-latin/poppins-v20-latin-regular.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*    url('../fonts/poppins-v20-latin/poppins-v20-latin-regular.woff') format('woff'), !* Modern Browsers *!*/
/*    url('../fonts/poppins-v20-latin/poppins-v20-latin-regular.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*    url('../fonts/poppins-v20-latin/poppins-v20-latin-regular.svg#Poppins') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* poppins-600 - latin *!*/
/*@font-face {*/
/*    font-family: 'Poppins';*/
/*    font-style: normal;*/
/*    font-weight: 600;*/
/*    src: url('../fonts/poppins-v20-latin/poppins-v20-latin-600.eot'); !* IE9 Compat Modes *!*/
/*    src: local(''),*/
/*    url('../fonts/poppins-v20-latin/poppins-v20-latin-600.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*    url('../fonts/poppins-v20-latin/poppins-v20-latin-600.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*    url('../fonts/poppins-v20-latin/poppins-v20-latin-600.woff') format('woff'), !* Modern Browsers *!*/
/*    url('../fonts/poppins-v20-latin/poppins-v20-latin-600.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*    url('../fonts/poppins-v20-latin/poppins-v20-latin-600.svg#Poppins') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* poppins-800 - latin *!*/
/*@font-face {*/
/*    font-family: 'Poppins';*/
/*    font-style: normal;*/
/*    font-weight: 800;*/
/*    src: url('../fonts/poppins-v20-latin/poppins-v20-latin-800.eot'); !* IE9 Compat Modes *!*/
/*    src: local(''),*/
/*    url('../fonts/poppins-v20-latin/poppins-v20-latin-800.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*    url('../fonts/poppins-v20-latin/poppins-v20-latin-800.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*    url('../fonts/poppins-v20-latin/poppins-v20-latin-800.woff') format('woff'), !* Modern Browsers *!*/
/*    url('../fonts/poppins-v20-latin/poppins-v20-latin-800.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*    url('../fonts/poppins-v20-latin/poppins-v20-latin-800.svg#Poppins') format('svg'); !* Legacy iOS *!*/
/*}*/

/*!* manrope-200 - latin *!*/
/*@font-face {*/
/*    font-family: 'Manrope-200';*/
/*    font-style: normal;*/
/*    font-weight: 200;*/
/*    src: url('../fonts/manrope-v12-latin/manrope-v12-latin-200.eot'); !* IE9 Compat Modes *!*/
/*    src: local(''),*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-200.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-200.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-200.woff') format('woff'), !* Modern Browsers *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-200.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-200.svg#Manrope') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* manrope-300 - latin *!*/
/*@font-face {*/
/*    font-family: 'Manrope-300';*/
/*    font-style: normal;*/
/*    font-weight: 300;*/
/*    src: url('../fonts/manrope-v12-latin/manrope-v12-latin-300.eot'); !* IE9 Compat Modes *!*/
/*    src: local(''),*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-300.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-300.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-300.woff') format('woff'), !* Modern Browsers *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-300.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-300.svg#Manrope') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* manrope-regular - latin *!*/
/*@font-face {*/
/*    font-family: 'Manrope-regular';*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    src: url('../fonts/manrope-v12-latin/manrope-v12-latin-regular.eot'); !* IE9 Compat Modes *!*/
/*    src: local(''),*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-regular.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-regular.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-regular.woff') format('woff'), !* Modern Browsers *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-regular.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-regular.svg#Manrope') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* manrope-500 - latin *!*/
/*@font-face {*/
/*    font-family: 'Manrope-500';*/
/*    font-style: normal;*/
/*    font-weight: 500;*/
/*    src: url('../fonts/manrope-v12-latin/manrope-v12-latin-500.eot'); !* IE9 Compat Modes *!*/
/*    src: local(''),*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-500.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-500.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-500.woff') format('woff'), !* Modern Browsers *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-500.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-500.svg#Manrope') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* manrope-600 - latin *!*/
/*@font-face {*/
/*    font-family: 'Manrope-600';*/
/*    font-style: normal;*/
/*    font-weight: 600;*/
/*    src: url('../fonts/manrope-v12-latin/manrope-v12-latin-600.eot'); !* IE9 Compat Modes *!*/
/*    src: local(''),*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-600.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-600.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-600.woff') format('woff'), !* Modern Browsers *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-600.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-600.svg#Manrope') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* manrope-700 - latin *!*/
/*@font-face {*/
/*    font-family: 'Manrope-700';*/
/*    font-style: normal;*/
/*    font-weight: 700;*/
/*    src: url('../fonts/manrope-v12-latin/manrope-v12-latin-700.eot'); !* IE9 Compat Modes *!*/
/*    src: local(''),*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-700.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-700.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-700.woff') format('woff'), !* Modern Browsers *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-700.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-700.svg#Manrope') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* manrope-800 - latin *!*/
/*@font-face {*/
/*    font-family: 'Manrope-800';*/
/*    font-style: normal;*/
/*    font-weight: 800;*/
/*    src: url('../fonts/manrope-v12-latin/manrope-v12-latin-800.eot'); !* IE9 Compat Modes *!*/
/*    src: local(''),*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-800.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-800.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-800.woff') format('woff'), !* Modern Browsers *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-800.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*    url('../fonts/manrope-v12-latin/manrope-v12-latin-800.svg#Manrope') format('svg'); !* Legacy iOS *!*/
/*}*/

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;
    }
}

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.manrope-custom {
    font-family: "Manrope-300", sans-serif;
    color: #22292e;
    font-size: 1rem;
    line-height: 1.6;
    /*font-weight: 400;*/

}
body.poppins-custom {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    background-color: #fff;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.text-detail a:not(.btn-link),
.text-detail a:hover:not(.btn-link) {
    color: #0d6efd;
}

.auto-toc ul a,
body a:not(.btn-link),
body a:hover:not(.btn-link) {
    color: #333!important;
    text-decoration: none;
}

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;}


/*Font*/
.font-allison {
    font-family: 'Allison';
    letter-spacing: 1px;
}
/*.font-monroe-200 {font-family: 'Manrope-200';}*/
/*.font-monroe-300 {font-family: 'Manrope-300';}*/
/*.font-monroe-regular {font-family: 'Manrope-regular';}*/
/*.font-monroe-500 {font-family: 'Manrope-500';}*/
/*.font-monroe-600 {font-family: 'Manrope-600';}*/
/*.font-monroe-700 {font-family: 'Manrope-700';}*/
/*.font-monroe-800 {font-family: 'Manrope-800';}*/
/*.font-poppins {font-family: 'Poppins';}*/
.border-at {border-color: #f09221!important}
.border-2 {border-width: 2px 2px 2px 2px!important;}
.border-light {
    border-color: #efefef!important;
}
.low-index {
    z-index: 1!important;
}
.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;
}
.bg-inpages {background-color: #7a69e9!important;}

.bg-success-pastel {background-color: #b8d935!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-soft-yellow {background: #f1e9cd !important}
.bg-soft-light {background: #e8e2e2 !important}
.bg-medium-light {background: #F0F1F1 !important}
.bg-at {background-color: #f09221 !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))!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;*/
}
.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;
    color: #fff!important;
}

/*STYLE CUSTOM AT*/



.btn-success-pastel {background-color: #b8d935!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}





.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;
}
.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}
.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-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-android {
    color: #9fc037!important;
}
.text-iOs {
    color: #666666!important;
}
.text-black {color: #111!important}
.text-orangered {color: orangered!important}
.text-secondary {
    color: #94999c !important;
}
.text-muted {
    color: #b3b9bd!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-hidden {overflow: hidden !important}
.full-index {z-index: 10!important}
.static {position: static !important}
.relative {position: relative !important}
.absolute {position: absolute !important}
.fixed {position: fixed !important}
.sticky-offset-4 {
    top: 4.5rem !important;
    z-index: 10;
}
.sticky-offset-5 {
    top: 5.5rem !important;
    z-index: 10;
}
.sticky-offset-6 {
    top: 6rem!important;
    padding-top: 0;
    z-index: 10;
}
.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%;
}
.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;
}
/*.btn-outline-custom:focus,*/
/*.btn-outline-custom:hover {*/
/*    background-color: #284a8e;*/
/*    color: #fff!important;*/
/*}*/

.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: 1.5rem!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.members {
    background-color: #f8f9fa;
    /*padding-left: 16rem;*/
}


/*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: 4rem;
    width: 100%;
    /*padding-top: 10px;*/
    /*padding-bottom: 10px;*/
    -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;
}
.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 {
    width: 10rem;
    max-width: 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;
    }
}
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: .6rem 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: 2rem!important;
    }
}
@media screen and (max-width: 580px){
    .section-heading {
        font-size: 1.8rem!important;
    }

}


#offcanvasNavbar .navbar-nav .nav-link,
#offcanvasNavbar .navbar-nav .show>.nav-link {
    padding: .5rem;
}

#offcanvasNavbar .navbar-nav .nav-link.active,
#offcanvasNavbar .navbar-nav .show>.nav-link {
    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;
}





/*BUTTON VOUCHER*/

.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;
}
.voucherWrap .cus-btn-voucher {
    width: 12rem;
    max-width: 12rem;
    margin-bottom: .5rem!important;
    font-weight: 600!important;
    line-height: 1!important;
    cursor: pointer;
    padding: .7rem;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem
}

.voucherWrap .cus-btn-voucher .cus-opened,.voucherWrap .cus-btn-voucher .cus-opened::before {
    width: 2.425rem;
    height: 4.7rem;
    position: absolute;
    top: -.9rem;
    right: 1.5rem;
    z-index: 2;
    background-repeat: no-repeat;
    background-position: 0 .375rem;
    -webkit-transform: rotate(22deg) translateY(-.625rem) scaleX(.9);
    -moz-transform: rotate(22deg) translateY(-.625rem) scaleX(.9);
    -ms-transform: rotate(22deg) translateY(-.625rem) scaleX(.9);
    -o-transform: rotate(22deg) translateY(-.625rem) scaleX(.9);
    transform: rotate(22deg) translateY(-.625rem) 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
}

.voucherWrap .cus-btn-voucher .cus-opened::before {
    content: '';
    background-image: linear-gradient(38deg,rgb(255 255 255),rgb(46 46 46 / 51%) 49%,transparent 50%,transparent)!important;
    transform: none!important;
    top: 0!important;
    right: 0!important
}

.voucherWrap .cus-btn-voucher .button-peel-code {
    background: #2d2f38;
    width: 3.3rem;
    font-weight: 700;
    top: 0;
    right: 0;
    bottom: 0;
    padding: .7rem .5rem .7rem 0;
    direction: rtl;
    text-align: right;
    color: #ff0!important;
    -webkit-border-radius: 0 .3rem .3rem 0;
    -moz-border-radius: 0 .3rem .3rem 0;
    border-radius: 0 .3rem .3rem 0;
}


/*MENU DESKTOP*/
@media screen and (min-width: 992px) {
    #offcanvasNavbar, #offcanvasNavbar ~ .offcanvas-backdrop,
    #offcanvasNavbar.offcanvas-bottom {
        /*width: 100%  !important;*/
        font-size: .9rem;
        position: fixed;
        top: 4.5rem;
        left: .5rem;
        bottom: .5rem;
        background-color: #fff !important;
        border: 0 !important;
        /*top: 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: 40rem;*/
    /*min-height: calc(100vh - 9.5rem);*/
}
.content-wraps.active {
    /*background: repeating-linear-gradient( 45deg, #edeffb, #edeffb 10px, #f8f9fa 10px, #f8f9fa 20px)!important;*/
    /*background-color: #f0f1f1;*/
}

.content-wraps {
    /*padding-top: 4rem;*/
}

/* 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;
    }
}


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

/*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;
    /*-webkit-transition: opacity 1s ease;*/
    /*-moz-transition: opacity 1s ease;*/
    /*-ms-transition: opacity 1s ease;*/
    /*-o-transition: opacity 1s ease;*/
    /*transition: opacity 1s ease;*/
}
.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;
}

.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;}
}



/*Slick Arrow*/
.slick-slider .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;
}
.slick-slider .slick-arrow.slick-disabled,
.slick-slider .slick-arrow.slick-disabled:hover,
.slick-slider .slick-arrow.slick-disabled:visited,
.slick-slider .slick-arrow.slick-disabled:active {
    background: #fff!important;
    cursor: default!important;
}
.slick-slider .slick-arrow.slick-disabled::before {
    color: #333!important;
}
.slick-slider .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 {
    font-family: bootstrap-icons !important;
    color: #f17420;
}
.slick-slider .slick-arrow:active::before {
    color: #f09222
}
.slick-slider .slick-prev::before {
    content: "\f284";
}
.slick-slider .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;
}






/*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 {
    max-height: 300px;
}


/*MEMBERSHIP*/
@media screen and (min-width: 990px) {
    .offcanvas.col-left-custom,
    .switchCustom.col-left-custom {
        width: 17rem !important;
    }
    .col-right-custom {
        /*width: 78.5%;*/
        padding-left: 18rem;
    }
    /*footer.members {*/
    /*    padding-left: 18rem;*/
    /*}*/
}


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-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;
}


.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);
}














/*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){

}







.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: 2rem;
    height: 2rem;
    line-height: 2;

}
.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: 27px;
    height: 27px;
    position: absolute;
    border: 2px solid #ffffff;
    top: -14px;
    left: 50%;
    margin-left: -13.5px;
    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;
}
/* nail */
.swing2::before {
    background: #ffffff;
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    border-radius: 3rem;
    box-shadow: 1px 3px 3px #000 inset;
    border: 2px solid #fff;

}

@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;
}

@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 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 */
.hScroll::-webkit-scrollbar {
    width: 3px;
    height: 0;
}
@media screen and (min-width: 990px){
    #widgetAcademy .hScroll::-webkit-scrollbar {
        height: 8px;
        border-radius: 2rem;
    }
    #widgetAcademy .hScroll::-webkit-scrollbar-thumb {
        background: #f07420;
        border-radius: 1rem;
    }
    .hScroll::-webkit-scrollbar-track {
        border-radius: 1rem;
    }
}

/* Track */
.hScroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.hScroll::-webkit-scrollbar-thumb {
    background: transparent;
}

/* Handle on hover */
.hScroll::-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);
    }
}



.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 .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: 204px;
}
.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%);
}


.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;
}








.breadcrumb a {
    color: #333;
}



details.readmore summary {
    display: -webkit-box;
    /*pointer-events: none;*/
    overflow: hidden;
    -webkit-line-clamp: 13;
    -webkit-box-orient: vertical;
}
.event-detail details.readmore summary {
    -webkit-line-clamp: 9;
}
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);
}

/*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;
}



/*MEMBER*/
.membership:first-child {
    /*min-height: 660px;*/
}
.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);}*/



/*Report*/
.membership #widgetReport .card-body i {
    /*top: .5rem;*/
    /*right: .5rem;*/
}


/*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;
}




.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;
}



.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 .slick-slider .slick-dots {
    width: initial;
    left: .5rem;
}
.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:active {
    /*box-shadow: 0 0 1px 12px rgba(182, 85, 6, 0.2)!important;*/
}
.membership .slick-slider .slick-prev,
.membership .slick-slider:hover .slick-prev {left: -.3rem!important}
.membership .slick-slider .slick-next,
.membership .slick-slider:hover .slick-next {right: -.3rem!important}

.membership .slick-arrow:before,
.membership .slick-arrow:after {
    /*color: #333!important;*/
}
.membership .slick-arrow:hover:before,
.membership .slick-arrow:active:before,
.membership .slick-arrow:hover:after,
.membership .slick-arrow:active:after {
    /*color: #fff!important;*/
}
/*@media screen and (min-width: 990px) {*/
/*    .membership #widgetVoucher .slick-slider .slick-track,*/
/*    .membership #widgetVoucher .slick-slider .slick-list {*/
/*        padding-left: .8rem;*/
/*    }*/
/*}*/

.membership #myCampaignContent .categories,
.membership #widgetVoucher .merchantName {
    height: 18.6px;
}
/*.membership #widgetVoucher .imgCont {*/
/*    width: 6rem;*/
/*}*/
#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;
    }
}

.main-card>.card-header {
    height: 3rem;
}


@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.my-account .nav-tabs#myAccountTab .nav-link,
.membership.my-events .nav-tabs#myEventTab .nav-link,
.membership.settings .nav-tabs#mySettingsTab .nav-link,
.membership #widgetCampaign .nav-tabs .nav-link,
.membership #widgetAcademy .nav-tabs .nav-link {
    height: 100%;
    color: #444444;
    font-weight: 400;
    position: relative;
    /*border: none;*/
    font-size: .980rem!important;
    /*padding: .7rem 1rem! important;*/
}
.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;
}
.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 {
    color: #f17420;
}


.membership.my-events #myEventContent #tab2-pane .card-header {
    min-width: 21rem;
    max-width: 21rem;
}
@media screen and (max-width: 500px) {
    .membership.my-events #myEventContent #tab2-pane .card-header {
        min-width: 100%;
        max-width: 100%;
    }
}


.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;
    height: 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-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*/
.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;*/
    }
}












.offcanvas#filterShow {
    height: auto!important;
}
@media screen and (min-width: 580px) {
    #filterShow,
    #filterCustomShow {
        height: auto;
        z-index: 1030;
        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;
    }
}

@media screen and (min-width: 992px) {

    #offcanvasNavbar, #offcanvasNavbar ~ .offcanvas-backdrop,
    #offcanvasNavbar.offcanvas-bottom {
        /*background-color: #fff !important;*/
        font-size: .9rem;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        border: 0 !important;
        transform: none!important;
        visibility: visible!important;
    }
}






/*AUTH*/
.auth.active {
    /*height: calc(100vh - 82px);*/
}
.auth.pubLogin form {
    width: 30rem;
}


@media screen and (min-width: 580px) {
    .auth.pubRegister form,
    .auth.advRegister form {
        min-width: 100%;
        max-width: 45rem;
    }
}

.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 - 9.5rem);
    }
    .auth .container {
        min-height: calc(100vh - 9.5rem);
    }
    .auth.pubLogin {
        /*height: calc(100vh - 82px);*/
    }

    .auth.pubRegister form,
    .auth.advRegister form {
        min-width: 40rem;
        max-width: 45rem;
    }
}
/*.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;
}


/*Password Strength*/
.event-detail form .nav-pills .nav-link {
    background-color: #eeeaea;
    color: #000;
}
.event-detail form .nav-pills .nav-link {
    background-color: #fff;
    color: #000;
}
.event-detail form .nav-pills .nav-link.active {
    background-color: #f17420!important;
    color: #fff!important;
}
#password_rules ul li {
    color: #000000;
    align-items: center;
    position: relative;
    display: flex;
}
#password_rules ul li::before {
    font-family: bootstrap-icons!important;
    content: "\f134";
    margin-right: .5rem;
    color: inherit;
}
#password_rules ul li.complete {
    color: #019901;
    font-weight: 600;
}
#password_rules ul li.complete::before {
    content: "\f26a";
    color: inherit;
}
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 {
    background: #fff;
    -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;
    border-radius: 5px;
    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 {
    font-weight: 700;
    line-height: 1.1;
    padding: .5rem .5rem;
    text-align: center;
    position: relative;
    margin: 0 5px;
}
/*.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-weight: 700;
}
.timeCountdown div:last-child span {
    color: #f17420!important;
}
.membership.my-events .timeCountdown div span {
    font-size: 1rem;
    color: #ffffff;
}
.timeCountdown div small {
    font-size: .7rem;
    font-weight: 300;
    color: #000;
    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;
}





.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;
}
.campaign-detail .list-banner .imgCont {
    height: 200px;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.campaign-detail .list-banner .imgCont img {
    object-fit: contain;
}
/*.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-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 {
    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;
}
.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 .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;
}
@media screen and (max-width: 580px) {
    .campaign-detail .creativeCont .list-creative textarea {
        min-height: 150px;
    }
}
.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;
}




.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: 20rem;
}
.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*/
@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;
    }
    #campaign-filter ~ .offcanvas-backdrop,
    .campaign-directory .offcanvas-start {
        z-index: 99999!important;
    }
    .campaign-directory .offcanvas-start {
        z-index: 99999!important;
    }
}




/*FOOTER*/
.subscribeCont {
    /*background: repeating-linear-gradient(45deg,#edeffb,#edeffb 10px,#f8f9fa 10px,#f8f9fa 20px)!important;*/
}



.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: 10rem;
        min-width: 10rem;
        height: 2.7rem;
    }

    /*.allPA.overview .shape {*/
    /*    left: 10%;*/
    /*}*/
}
@media screen and (max-width: 1024px) {
    .container {
        max-width: 100% !important;
    }
    .w-15,
    .w-20,
    .w-25,
    .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;
    }
}





/*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: .3rem!important;
    bottom: 1rem!important;
}
.b24-widget-button-block {
    width: 3.5rem!important;
    height: 3.5rem!important;
}
.b24-widget-button-inner-block {
    height: 55px!important;
}
.b24-widget-button-inner-block svg {
    width: 25px!important;
    height: 25px!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;
}