/*!

 * Font Awesome Free 5.12.0 by @fontawesome - https://fontawesome.com

 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

 */

@font-face {

    font-family: 'Font Awesome 5 Free';

    font-style: normal;

    font-weight: 900;

    font-display: auto;

    src: url("../fonts/webfonts-5.5/fa-solid-900.eot");

    src: url("../fonts/webfonts-5.5/fa-solid-900.eot?#iefix") format("embedded-opentype"),

        url("../fonts/webfonts-5.5/fa-solid-900.woff2") format("woff2"),

        url("../fonts/webfonts-5.5/fa-solid-900.woff") format("woff"),

        url("../fonts/webfonts-5.5/fa-solid-900.ttf") format("truetype"),

        url("../fonts/webfonts-5.5/fa-solid-900.svg#fontawesome") format("svg")

}



.fa,

.fas {

    font-family: 'Font Awesome 5 Free';

    font-weight: 900

}



/*!

 * Font Awesome Free 5.12.0 by @fontawesome - https://fontawesome.com

 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

 */

.fa,

.fas,

.far,

.fal,

.fad,

.fab {

    -moz-osx-font-smoothing: grayscale;

    -webkit-font-smoothing: antialiased;

    display: inline-block;

    font-style: normal;

    font-variant: normal;

    text-rendering: auto;

    line-height: 1

}



.fa-lg {

    font-size: 1.3333333333em;

    line-height: .75em;

    vertical-align: -.0667em

}



.fa-xs {

    font-size: .75em

}



.fa-sm {

    font-size: .875em

}



.fa-1x {

    font-size: 1em

}



.fa-2x {

    font-size: 2em

}



.fa-3x {

    font-size: 3em

}



.fa-4x {

    font-size: 4em

}



.fa-5x {

    font-size: 5em

}



.fa-6x {

    font-size: 6em

}



.fa-7x {

    font-size: 7em

}



.fa-8x {

    font-size: 8em

}



.fa-9x {

    font-size: 9em

}



.fa-10x {

    font-size: 10em

}



.fa-fw {

    text-align: center;

    width: 1.25em

}



.fa-ul {

    list-style-type: none;

    margin-left: 2.5em;

    padding-left: 0

}



.fa-ul>li {

    position: relative

}



.fa-li {

    left: -2em;

    position: absolute;

    text-align: center;

    width: 2em;

    line-height: inherit

}



.fa-border {

    border: solid 0.08em #eee;

    border-radius: .1em;

    padding: .2em .25em .15em

}



.fa-pull-left {

    float: left

}



.fa-pull-right {

    float: right

}



.fa.fa-pull-left,

.fas.fa-pull-left,

.far.fa-pull-left,

.fal.fa-pull-left,

.fab.fa-pull-left {

    margin-right: .3em

}



.fa.fa-pull-right,

.fas.fa-pull-right,

.far.fa-pull-right,

.fal.fa-pull-right,

.fab.fa-pull-right {

    margin-left: .3em

}



.fa-spin {

    animation: fa-spin 2s infinite linear

}



.fa-pulse {

    animation: fa-spin 1s infinite steps(8)

}



@keyframes fa-spin {

    0% {

        transform: rotate(0deg)

    }



    100% {

        transform: rotate(360deg)

    }

}



.fa-rotate-90 {

    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";

    transform: rotate(90deg)

}



.fa-rotate-180 {

    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";

    transform: rotate(180deg)

}



.fa-rotate-270 {

    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";

    transform: rotate(270deg)

}



.fa-flip-horizontal {

    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";

    transform: scale(-1, 1)

}



.fa-flip-vertical {

    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";

    transform: scale(1, -1)

}



.fa-flip-both,

.fa-flip-horizontal.fa-flip-vertical {

    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";

    transform: scale(-1, -1)

}



:root .fa-rotate-90,

:root .fa-rotate-180,

:root .fa-rotate-270,

:root .fa-flip-horizontal,

:root .fa-flip-vertical,

:root .fa-flip-both {

    filter: none

}



.fa-stack {

    display: inline-block;

    height: 2em;

    line-height: 2em;

    position: relative;

    vertical-align: middle;

    width: 2.5em

}



.fa-stack-1x,

.fa-stack-2x {

    left: 0;

    position: absolute;

    text-align: center;

    width: 100%

}



.fa-stack-1x {

    line-height: inherit

}



.fa-stack-2x {

    font-size: 2em

}



.fa-inverse {

    color: #fff

}



.fa-500px:before {

    content: ""

}



.fa-accessible-icon:before {

    content: ""

}



.fa-accusoft:before {

    content: ""

}



.fa-acquisitions-incorporated:before {

    content: ""

}



.fa-ad:before {

    content: ""

}



.fa-address-book:before {

    content: ""

}



.fa-address-card:before {

    content: ""

}



.fa-adjust:before {

    content: ""

}



.fa-adn:before {

    content: ""

}



.fa-adobe:before {

    content: ""

}



.fa-adversal:before {

    content: ""

}



.fa-affiliatetheme:before {

    content: ""

}



.fa-air-freshener:before {

    content: ""

}



.fa-airbnb:before {

    content: ""

}



.fa-algolia:before {

    content: ""

}



.fa-align-center:before {

    content: ""

}



.fa-align-justify:before {

    content: ""

}



.fa-align-left:before {

    content: ""

}



.fa-align-right:before {

    content: ""

}



.fa-alipay:before {

    content: ""

}



.fa-allergies:before {

    content: ""

}



.fa-amazon:before {

    content: ""

}



.fa-amazon-pay:before {

    content: ""

}



.fa-ambulance:before {

    content: ""

}



.fa-american-sign-language-interpreting:before {

    content: ""

}



.fa-amilia:before {

    content: ""

}



.fa-anchor:before {

    content: ""

}



.fa-android:before {

    content: ""

}



.fa-angellist:before {

    content: ""

}



.fa-angle-double-down:before {

    content: ""

}



.fa-angle-double-left:before {

    content: ""

}



.fa-angle-double-right:before {

    content: ""

}



.fa-angle-double-up:before {

    content: ""

}



.fa-angle-down:before {

    content: ""

}



.fa-angle-left:before {

    content: ""

}



.fa-angle-right:before {

    content: ""

}



.fa-angle-up:before {

    content: ""

}



.fa-angry:before {

    content: ""

}



.fa-angrycreative:before {

    content: ""

}



.fa-angular:before {

    content: ""

}



.fa-ankh:before {

    content: ""

}



.fa-app-store:before {

    content: ""

}



.fa-app-store-ios:before {

    content: ""

}



.fa-apper:before {

    content: ""

}



.fa-apple:before {

    content: ""

}



.fa-apple-alt:before {

    content: ""

}



.fa-apple-pay:before {

    content: ""

}



.fa-archive:before {

    content: ""

}



.fa-archway:before {

    content: ""

}



.fa-arrow-alt-circle-down:before {

    content: ""

}



.fa-arrow-alt-circle-left:before {

    content: ""

}



.fa-arrow-alt-circle-right:before {

    content: ""

}



.fa-arrow-alt-circle-up:before {

    content: ""

}



.fa-arrow-circle-down:before {

    content: ""

}



.fa-arrow-circle-left:before {

    content: ""

}



.fa-arrow-circle-right:before {

    content: ""

}



.fa-arrow-circle-up:before {

    content: ""

}



.fa-arrow-down:before {

    content: ""

}



.fa-arrow-left:before {

    content: ""

}



.fa-arrow-right:before {

    content: ""

}



.fa-arrow-up:before {

    content: ""

}



.fa-arrows-alt:before {

    content: ""

}



.fa-arrows-alt-h:before {

    content: ""

}



.fa-arrows-alt-v:before {

    content: ""

}



.fa-artstation:before {

    content: ""

}



.fa-assistive-listening-systems:before {

    content: ""

}



.fa-asterisk:before {

    content: ""

}



.fa-asymmetrik:before {

    content: ""

}



.fa-at:before {

    content: ""

}



.fa-atlas:before {

    content: ""

}



.fa-atlassian:before {

    content: ""

}



.fa-atom:before {

    content: ""

}



.fa-audible:before {

    content: ""

}



.fa-audio-description:before {

    content: ""

}



.fa-autoprefixer:before {

    content: ""

}



.fa-avianex:before {

    content: ""

}



.fa-aviato:before {

    content: ""

}



.fa-award:before {

    content: ""

}



.fa-aws:before {

    content: ""

}



.fa-baby:before {

    content: ""

}



.fa-baby-carriage:before {

    content: ""

}



.fa-backspace:before {

    content: ""

}



.fa-backward:before {

    content: ""

}



.fa-bacon:before {

    content: ""

}



.fa-bahai:before {

    content: ""

}



.fa-balance-scale:before {

    content: ""

}



.fa-balance-scale-left:before {

    content: ""

}



.fa-balance-scale-right:before {

    content: ""

}



.fa-ban:before {

    content: ""

}



.fa-band-aid:before {

    content: ""

}



.fa-bandcamp:before {

    content: ""

}



.fa-barcode:before {

    content: ""

}



.fa-bars:before {

    content: ""

}



.fa-baseball-ball:before {

    content: ""

}



.fa-basketball-ball:before {

    content: ""

}



.fa-bath:before {

    content: ""

}



.fa-battery-empty:before {

    content: ""

}



.fa-battery-full:before {

    content: ""

}



.fa-battery-half:before {

    content: ""

}



.fa-battery-quarter:before {

    content: ""

}



.fa-battery-three-quarters:before {

    content: ""

}



.fa-battle-net:before {

    content: ""

}



.fa-bed:before {

    content: ""

}



.fa-beer:before {

    content: ""

}



.fa-behance:before {

    content: ""

}



.fa-behance-square:before {

    content: ""

}



.fa-bell:before {

    content: ""

}



.fa-bell-slash:before {

    content: ""

}



.fa-bezier-curve:before {

    content: ""

}



.fa-bible:before {

    content: ""

}



.fa-bicycle:before {

    content: ""

}



.fa-biking:before {

    content: ""

}



.fa-bimobject:before {

    content: ""

}



.fa-binoculars:before {

    content: ""

}



.fa-biohazard:before {

    content: ""

}



.fa-birthday-cake:before {

    content: ""

}



.fa-bitbucket:before {

    content: ""

}



.fa-bitcoin:before {

    content: ""

}



.fa-bity:before {

    content: ""

}



.fa-black-tie:before {

    content: ""

}



.fa-blackberry:before {

    content: ""

}



.fa-blender:before {

    content: ""

}



.fa-blender-phone:before {

    content: ""

}



.fa-blind:before {

    content: ""

}



.fa-blog:before {

    content: ""

}



.fa-blogger:before {

    content: ""

}



.fa-blogger-b:before {

    content: ""

}



.fa-bluetooth:before {

    content: ""

}



.fa-bluetooth-b:before {

    content: ""

}



.fa-bold:before {

    content: ""

}



.fa-bolt:before {

    content: ""

}



.fa-bomb:before {

    content: ""

}



.fa-bone:before {

    content: ""

}



.fa-bong:before {

    content: ""

}



.fa-book:before {

    content: ""

}



.fa-book-dead:before {

    content: ""

}



.fa-book-medical:before {

    content: ""

}



.fa-book-open:before {

    content: ""

}



.fa-book-reader:before {

    content: ""

}



.fa-bookmark:before {

    content: ""

}



.fa-bootstrap:before {

    content: ""

}



.fa-border-all:before {

    content: ""

}



.fa-border-none:before {

    content: ""

}



.fa-border-style:before {

    content: ""

}



.fa-bowling-ball:before {

    content: ""

}



.fa-box:before {

    content: ""

}



.fa-box-open:before {

    content: ""

}



.fa-boxes:before {

    content: ""

}



.fa-braille:before {

    content: ""

}



.fa-brain:before {

    content: ""

}



.fa-bread-slice:before {

    content: ""

}



.fa-briefcase:before {

    content: ""

}



.fa-briefcase-medical:before {

    content: ""

}



.fa-broadcast-tower:before {

    content: ""

}



.fa-broom:before {

    content: ""

}



.fa-brush:before {

    content: ""

}



.fa-btc:before {

    content: ""

}



.fa-buffer:before {

    content: ""

}



.fa-bug:before {

    content: ""

}



.fa-building:before {

    content: ""

}



.fa-bullhorn:before {

    content: ""

}



.fa-bullseye:before {

    content: ""

}



.fa-burn:before {

    content: ""

}



.fa-buromobelexperte:before {

    content: ""

}



.fa-bus:before {

    content: ""

}



.fa-bus-alt:before {

    content: ""

}



.fa-business-time:before {

    content: ""

}



.fa-buy-n-large:before {

    content: ""

}



.fa-buysellads:before {

    content: ""

}



.fa-calculator:before {

    content: ""

}



.fa-calendar:before {

    content: ""

}



.fa-calendar-alt:before {

    content: ""

}



.fa-calendar-check:before {

    content: ""

}



.fa-calendar-day:before {

    content: ""

}



.fa-calendar-minus:before {

    content: ""

}



.fa-calendar-plus:before {

    content: ""

}



.fa-calendar-times:before {

    content: ""

}



.fa-calendar-week:before {

    content: ""

}



.fa-camera:before {

    content: ""

}



.fa-camera-retro:before {

    content: ""

}



.fa-campground:before {

    content: ""

}



.fa-canadian-maple-leaf:before {

    content: ""

}



.fa-candy-cane:before {

    content: ""

}



.fa-cannabis:before {

    content: ""

}



.fa-capsules:before {

    content: ""

}



.fa-car:before {

    content: ""

}



.fa-car-alt:before {

    content: ""

}



.fa-car-battery:before {

    content: ""

}



.fa-car-crash:before {

    content: ""

}



.fa-car-side:before {

    content: ""

}



.fa-caravan:before {

    content: ""

}



.fa-caret-down:before {

    content: ""

}



.fa-caret-left:before {

    content: ""

}



.fa-caret-right:before {

    content: ""

}



.fa-caret-square-down:before {

    content: ""

}



.fa-caret-square-left:before {

    content: ""

}



.fa-caret-square-right:before {

    content: ""

}



.fa-caret-square-up:before {

    content: ""

}



.fa-caret-up:before {

    content: ""

}



.fa-carrot:before {

    content: ""

}



.fa-cart-arrow-down:before {

    content: ""

}



.fa-cart-plus:before {

    content: ""

}



.fa-cash-register:before {

    content: ""

}



.fa-cat:before {

    content: ""

}



.fa-cc-amazon-pay:before {

    content: ""

}



.fa-cc-amex:before {

    content: ""

}



.fa-cc-apple-pay:before {

    content: ""

}



.fa-cc-diners-club:before {

    content: ""

}



.fa-cc-discover:before {

    content: ""

}



.fa-cc-jcb:before {

    content: ""

}



.fa-cc-mastercard:before {

    content: ""

}



.fa-cc-paypal:before {

    content: ""

}



.fa-cc-stripe:before {

    content: ""

}



.fa-cc-visa:before {

    content: ""

}



.fa-centercode:before {

    content: ""

}



.fa-centos:before {

    content: ""

}



.fa-certificate:before {

    content: ""

}



.fa-chair:before {

    content: ""

}



.fa-chalkboard:before {

    content: ""

}



.fa-chalkboard-teacher:before {

    content: ""

}



.fa-charging-station:before {

    content: ""

}



.fa-chart-area:before {

    content: ""

}



.fa-chart-bar:before {

    content: ""

}



.fa-chart-line:before {

    content: ""

}



.fa-chart-pie:before {

    content: ""

}



.fa-check:before {

    content: ""

}



.fa-check-circle:before {

    content: ""

}



.fa-check-double:before {

    content: ""

}



.fa-check-square:before {

    content: ""

}



.fa-cheese:before {

    content: ""

}



.fa-chess:before {

    content: ""

}



.fa-chess-bishop:before {

    content: ""

}



.fa-chess-board:before {

    content: ""

}



.fa-chess-king:before {

    content: ""

}



.fa-chess-knight:before {

    content: ""

}



.fa-chess-pawn:before {

    content: ""

}



.fa-chess-queen:before {

    content: ""

}



.fa-chess-rook:before {

    content: ""

}



.fa-chevron-circle-down:before {

    content: ""

}



.fa-chevron-circle-left:before {

    content: ""

}



.fa-chevron-circle-right:before {

    content: ""

}



.fa-chevron-circle-up:before {

    content: ""

}



.fa-chevron-down:before {

    content: ""

}



.fa-chevron-left:before {

    content: ""

}



.fa-chevron-right:before {

    content: ""

}



.fa-chevron-up:before {

    content: ""

}



.fa-child:before {

    content: ""

}



.fa-chrome:before {

    content: ""

}



.fa-chromecast:before {

    content: ""

}



.fa-church:before {

    content: ""

}



.fa-circle:before {

    content: ""

}



.fa-circle-notch:before {

    content: ""

}



.fa-city:before {

    content: ""

}



.fa-clinic-medical:before {

    content: ""

}



.fa-clipboard:before {

    content: ""

}



.fa-clipboard-check:before {

    content: ""

}



.fa-clipboard-list:before {

    content: ""

}



.fa-clock:before {

    content: ""

}



.fa-clone:before {

    content: ""

}



.fa-closed-captioning:before {

    content: ""

}



.fa-cloud:before {

    content: ""

}



.fa-cloud-download-alt:before {

    content: ""

}



.fa-cloud-meatball:before {

    content: ""

}



.fa-cloud-moon:before {

    content: ""

}



.fa-cloud-moon-rain:before {

    content: ""

}



.fa-cloud-rain:before {

    content: ""

}



.fa-cloud-showers-heavy:before {

    content: ""

}



.fa-cloud-sun:before {

    content: ""

}



.fa-cloud-sun-rain:before {

    content: ""

}



.fa-cloud-upload-alt:before {

    content: ""

}



.fa-cloudscale:before {

    content: ""

}



.fa-cloudsmith:before {

    content: ""

}



.fa-cloudversify:before {

    content: ""

}



.fa-cocktail:before {

    content: ""

}



.fa-code:before {

    content: ""

}



.fa-code-branch:before {

    content: ""

}



.fa-codepen:before {

    content: ""

}



.fa-codiepie:before {

    content: ""

}



.fa-coffee:before {

    content: ""

}



.fa-cog:before {

    content: ""

}



.fa-cogs:before {

    content: ""

}



.fa-coins:before {

    content: ""

}



.fa-columns:before {

    content: ""

}



.fa-comment:before {

    content: ""

}



.fa-comment-alt:before {

    content: ""

}



.fa-comment-dollar:before {

    content: ""

}



.fa-comment-dots:before {

    content: ""

}



.fa-comment-medical:before {

    content: ""

}



.fa-comment-slash:before {

    content: ""

}



.fa-comments:before {

    content: ""

}



.fa-comments-dollar:before {

    content: ""

}



.fa-compact-disc:before {

    content: ""

}



.fa-compass:before {

    content: ""

}



.fa-compress:before {

    content: ""

}



.fa-compress-alt:before {

    content: ""

}



.fa-compress-arrows-alt:before {

    content: ""

}



.fa-concierge-bell:before {

    content: ""

}



.fa-confluence:before {

    content: ""

}



.fa-connectdevelop:before {

    content: ""

}



.fa-contao:before {

    content: ""

}



.fa-cookie:before {

    content: ""

}



.fa-cookie-bite:before {

    content: ""

}



.fa-copy:before {

    content: ""

}



.fa-copyright:before {

    content: ""

}



.fa-cotton-bureau:before {

    content: ""

}



.fa-couch:before {

    content: ""

}



.fa-cpanel:before {

    content: ""

}



.fa-creative-commons:before {

    content: ""

}



.fa-creative-commons-by:before {

    content: ""

}



.fa-creative-commons-nc:before {

    content: ""

}



.fa-creative-commons-nc-eu:before {

    content: ""

}



.fa-creative-commons-nc-jp:before {

    content: ""

}



.fa-creative-commons-nd:before {

    content: ""

}



.fa-creative-commons-pd:before {

    content: ""

}



.fa-creative-commons-pd-alt:before {

    content: ""

}



.fa-creative-commons-remix:before {

    content: ""

}



.fa-creative-commons-sa:before {

    content: ""

}



.fa-creative-commons-sampling:before {

    content: ""

}



.fa-creative-commons-sampling-plus:before {

    content: ""

}



.fa-creative-commons-share:before {

    content: ""

}



.fa-creative-commons-zero:before {

    content: ""

}



.fa-credit-card:before {

    content: ""

}



.fa-critical-role:before {

    content: ""

}



.fa-crop:before {

    content: ""

}



.fa-crop-alt:before {

    content: ""

}



.fa-cross:before {

    content: ""

}



.fa-crosshairs:before {

    content: ""

}



.fa-crow:before {

    content: ""

}



.fa-crown:before {

    content: ""

}



.fa-crutch:before {

    content: ""

}



.fa-css3:before {

    content: ""

}



.fa-css3-alt:before {

    content: ""

}



.fa-cube:before {

    content: ""

}



.fa-cubes:before {

    content: ""

}



.fa-cut:before {

    content: ""

}



.fa-cuttlefish:before {

    content: ""

}



.fa-d-and-d:before {

    content: ""

}



.fa-d-and-d-beyond:before {

    content: ""

}



.fa-dashcube:before {

    content: ""

}



.fa-database:before {

    content: ""

}



.fa-deaf:before {

    content: ""

}



.fa-delicious:before {

    content: ""

}



.fa-democrat:before {

    content: ""

}



.fa-deploydog:before {

    content: ""

}



.fa-deskpro:before {

    content: ""

}



.fa-desktop:before {

    content: ""

}



.fa-dev:before {

    content: ""

}



.fa-deviantart:before {

    content: ""

}



.fa-dharmachakra:before {

    content: ""

}



.fa-dhl:before {

    content: ""

}



.fa-diagnoses:before {

    content: ""

}



.fa-diaspora:before {

    content: ""

}



.fa-dice:before {

    content: ""

}



.fa-dice-d20:before {

    content: ""

}



.fa-dice-d6:before {

    content: ""

}



.fa-dice-five:before {

    content: ""

}



.fa-dice-four:before {

    content: ""

}



.fa-dice-one:before {

    content: ""

}



.fa-dice-six:before {

    content: ""

}



.fa-dice-three:before {

    content: ""

}



.fa-dice-two:before {

    content: ""

}



.fa-digg:before {

    content: ""

}



.fa-digital-ocean:before {

    content: ""

}



.fa-digital-tachograph:before {

    content: ""

}



.fa-directions:before {

    content: ""

}



.fa-discord:before {

    content: ""

}



.fa-discourse:before {

    content: ""

}



.fa-divide:before {

    content: ""

}



.fa-dizzy:before {

    content: ""

}



.fa-dna:before {

    content: ""

}



.fa-dochub:before {

    content: ""

}



.fa-docker:before {

    content: ""

}



.fa-dog:before {

    content: ""

}



.fa-dollar-sign:before {

    content: ""

}



.fa-dolly:before {

    content: ""

}



.fa-dolly-flatbed:before {

    content: ""

}



.fa-donate:before {

    content: ""

}



.fa-door-closed:before {

    content: ""

}



.fa-door-open:before {

    content: ""

}



.fa-dot-circle:before {

    content: ""

}



.fa-dove:before {

    content: ""

}



.fa-download:before {

    content: ""

}



.fa-draft2digital:before {

    content: ""

}



.fa-drafting-compass:before {

    content: ""

}



.fa-dragon:before {

    content: ""

}



.fa-draw-polygon:before {

    content: ""

}



.fa-dribbble:before {

    content: ""

}



.fa-dribbble-square:before {

    content: ""

}



.fa-dropbox:before {

    content: ""

}



.fa-drum:before {

    content: ""

}



.fa-drum-steelpan:before {

    content: ""

}



.fa-drumstick-bite:before {

    content: ""

}



.fa-drupal:before {

    content: ""

}



.fa-dumbbell:before {

    content: ""

}



.fa-dumpster:before {

    content: ""

}



.fa-dumpster-fire:before {

    content: ""

}



.fa-dungeon:before {

    content: ""

}



.fa-dyalog:before {

    content: ""

}



.fa-earlybirds:before {

    content: ""

}



.fa-ebay:before {

    content: ""

}



.fa-edge:before {

    content: ""

}



.fa-edit:before {

    content: ""

}



.fa-egg:before {

    content: ""

}



.fa-eject:before {

    content: ""

}



.fa-elementor:before {

    content: ""

}



.fa-ellipsis-h:before {

    content: ""

}



.fa-ellipsis-v:before {

    content: ""

}



.fa-ello:before {

    content: ""

}



.fa-ember:before {

    content: ""

}



.fa-empire:before {

    content: ""

}



.fa-envelope:before {

    content: ""

}



.fa-envelope-open:before {

    content: ""

}



.fa-envelope-open-text:before {

    content: ""

}



.fa-envelope-square:before {

    content: ""

}



.fa-envira:before {

    content: ""

}



.fa-equals:before {

    content: ""

}



.fa-eraser:before {

    content: ""

}



.fa-erlang:before {

    content: ""

}



.fa-ethereum:before {

    content: ""

}



.fa-ethernet:before {

    content: ""

}



.fa-etsy:before {

    content: ""

}



.fa-euro-sign:before {

    content: ""

}



.fa-evernote:before {

    content: ""

}



.fa-exchange-alt:before {

    content: ""

}



.fa-exclamation:before {

    content: ""

}



.fa-exclamation-circle:before {

    content: ""

}



.fa-exclamation-triangle:before {

    content: ""

}



.fa-expand:before {

    content: ""

}



.fa-expand-alt:before {

    content: ""

}



.fa-expand-arrows-alt:before {

    content: ""

}



.fa-expeditedssl:before {

    content: ""

}



.fa-external-link-alt:before {

    content: ""

}



.fa-external-link-square-alt:before {

    content: ""

}



.fa-eye:before {

    content: ""

}



.fa-eye-dropper:before {

    content: ""

}



.fa-eye-slash:before {

    content: ""

}



.fa-facebook:before {

    content: ""

}



.fa-facebook-f:before {

    content: ""

}



.fa-facebook-messenger:before {

    content: ""

}



.fa-facebook-square:before {

    content: ""

}



.fa-fan:before {

    content: ""

}



.fa-fantasy-flight-games:before {

    content: ""

}



.fa-fast-backward:before {

    content: ""

}



.fa-fast-forward:before {

    content: ""

}



.fa-fax:before {

    content: ""

}



.fa-feather:before {

    content: ""

}



.fa-feather-alt:before {

    content: ""

}



.fa-fedex:before {

    content: ""

}



.fa-fedora:before {

    content: ""

}



.fa-female:before {

    content: ""

}



.fa-fighter-jet:before {

    content: ""

}



.fa-figma:before {

    content: ""

}



.fa-file:before {

    content: ""

}



.fa-file-alt:before {

    content: ""

}



.fa-file-archive:before {

    content: ""

}



.fa-file-audio:before {

    content: ""

}



.fa-file-code:before {

    content: ""

}



.fa-file-contract:before {

    content: ""

}



.fa-file-csv:before {

    content: ""

}



.fa-file-download:before {

    content: ""

}



.fa-file-excel:before {

    content: ""

}



.fa-file-export:before {

    content: ""

}



.fa-file-image:before {

    content: ""

}



.fa-file-import:before {

    content: ""

}



.fa-file-invoice:before {

    content: ""

}



.fa-file-invoice-dollar:before {

    content: ""

}



.fa-file-medical:before {

    content: ""

}



.fa-file-medical-alt:before {

    content: ""

}



.fa-file-pdf:before {

    content: ""

}



.fa-file-powerpoint:before {

    content: ""

}



.fa-file-prescription:before {

    content: ""

}



.fa-file-signature:before {

    content: ""

}



.fa-file-upload:before {

    content: ""

}



.fa-file-video:before {

    content: ""

}



.fa-file-word:before {

    content: ""

}



.fa-fill:before {

    content: ""

}



.fa-fill-drip:before {

    content: ""

}



.fa-film:before {

    content: ""

}



.fa-filter:before {

    content: ""

}



.fa-fingerprint:before {

    content: ""

}



.fa-fire:before {

    content: ""

}



.fa-fire-alt:before {

    content: ""

}



.fa-fire-extinguisher:before {

    content: ""

}



.fa-firefox:before {

    content: ""

}



.fa-firefox-browser:before {

    content: "龜"

}



.fa-first-aid:before {

    content: ""

}



.fa-first-order:before {

    content: ""

}



.fa-first-order-alt:before {

    content: ""

}



.fa-firstdraft:before {

    content: ""

}



.fa-fish:before {

    content: ""

}



.fa-fist-raised:before {

    content: ""

}



.fa-flag:before {

    content: ""

}



.fa-flag-checkered:before {

    content: ""

}



.fa-flag-usa:before {

    content: ""

}



.fa-flask:before {

    content: ""

}



.fa-flickr:before {

    content: ""

}



.fa-flipboard:before {

    content: ""

}



.fa-flushed:before {

    content: ""

}



.fa-fly:before {

    content: ""

}



.fa-folder:before {

    content: ""

}



.fa-folder-minus:before {

    content: ""

}



.fa-folder-open:before {

    content: ""

}



.fa-folder-plus:before {

    content: ""

}



.fa-font:before {

    content: ""

}



.fa-font-awesome:before {

    content: ""

}



.fa-font-awesome-alt:before {

    content: ""

}



.fa-font-awesome-flag:before {

    content: ""

}



.fa-font-awesome-logo-full:before {

    content: ""

}



.fa-fonticons:before {

    content: ""

}



.fa-fonticons-fi:before {

    content: ""

}



.fa-football-ball:before {

    content: ""

}



.fa-fort-awesome:before {

    content: ""

}



.fa-fort-awesome-alt:before {

    content: ""

}



.fa-forumbee:before {

    content: ""

}



.fa-forward:before {

    content: ""

}



.fa-foursquare:before {

    content: ""

}



.fa-free-code-camp:before {

    content: ""

}



.fa-freebsd:before {

    content: ""

}



.fa-frog:before {

    content: ""

}



.fa-frown:before {

    content: ""

}



.fa-frown-open:before {

    content: ""

}



.fa-fulcrum:before {

    content: ""

}



.fa-funnel-dollar:before {

    content: ""

}



.fa-futbol:before {

    content: ""

}



.fa-galactic-republic:before {

    content: ""

}



.fa-galactic-senate:before {

    content: ""

}



.fa-gamepad:before {

    content: ""

}



.fa-gas-pump:before {

    content: ""

}



.fa-gavel:before {

    content: ""

}



.fa-gem:before {

    content: ""

}



.fa-genderless:before {

    content: ""

}



.fa-get-pocket:before {

    content: ""

}



.fa-gg:before {

    content: ""

}



.fa-gg-circle:before {

    content: ""

}



.fa-ghost:before {

    content: ""

}



.fa-gift:before {

    content: ""

}



.fa-gifts:before {

    content: ""

}



.fa-git:before {

    content: ""

}



.fa-git-alt:before {

    content: ""

}



.fa-git-square:before {

    content: ""

}



.fa-github:before {

    content: ""

}



.fa-github-alt:before {

    content: ""

}



.fa-github-square:before {

    content: ""

}



.fa-gitkraken:before {

    content: ""

}



.fa-gitlab:before {

    content: ""

}



.fa-gitter:before {

    content: ""

}



.fa-glass-cheers:before {

    content: ""

}



.fa-glass-martini:before {

    content: ""

}



.fa-glass-martini-alt:before {

    content: ""

}



.fa-glass-whiskey:before {

    content: ""

}



.fa-glasses:before {

    content: ""

}



.fa-glide:before {

    content: ""

}



.fa-glide-g:before {

    content: ""

}



.fa-globe:before {

    content: ""

}



.fa-globe-africa:before {

    content: ""

}



.fa-globe-americas:before {

    content: ""

}



.fa-globe-asia:before {

    content: ""

}



.fa-globe-europe:before {

    content: ""

}



.fa-gofore:before {

    content: ""

}



.fa-golf-ball:before {

    content: ""

}



.fa-goodreads:before {

    content: ""

}



.fa-goodreads-g:before {

    content: ""

}



.fa-google:before {

    content: ""

}



.fa-google-drive:before {

    content: ""

}



.fa-google-play:before {

    content: ""

}



.fa-google-plus:before {

    content: ""

}



.fa-google-plus-g:before {

    content: ""

}



.fa-google-plus-square:before {

    content: ""

}



.fa-google-wallet:before {

    content: ""

}



.fa-gopuram:before {

    content: ""

}



.fa-graduation-cap:before {

    content: ""

}



.fa-gratipay:before {

    content: ""

}



.fa-grav:before {

    content: ""

}



.fa-greater-than:before {

    content: ""

}



.fa-greater-than-equal:before {

    content: ""

}



.fa-grimace:before {

    content: ""

}



.fa-grin:before {

    content: ""

}



.fa-grin-alt:before {

    content: ""

}



.fa-grin-beam:before {

    content: ""

}



.fa-grin-beam-sweat:before {

    content: ""

}



.fa-grin-hearts:before {

    content: ""

}



.fa-grin-squint:before {

    content: ""

}



.fa-grin-squint-tears:before {

    content: ""

}



.fa-grin-stars:before {

    content: ""

}



.fa-grin-tears:before {

    content: ""

}



.fa-grin-tongue:before {

    content: ""

}



.fa-grin-tongue-squint:before {

    content: ""

}



.fa-grin-tongue-wink:before {

    content: ""

}



.fa-grin-wink:before {

    content: ""

}



.fa-grip-horizontal:before {

    content: ""

}



.fa-grip-lines:before {

    content: ""

}



.fa-grip-lines-vertical:before {

    content: ""

}



.fa-grip-vertical:before {

    content: ""

}



.fa-gripfire:before {

    content: ""

}



.fa-grunt:before {

    content: ""

}



.fa-guitar:before {

    content: ""

}



.fa-gulp:before {

    content: ""

}



.fa-h-square:before {

    content: ""

}



.fa-hacker-news:before {

    content: ""

}



.fa-hacker-news-square:before {

    content: ""

}



.fa-hackerrank:before {

    content: ""

}



.fa-hamburger:before {

    content: ""

}



.fa-hammer:before {

    content: ""

}



.fa-hamsa:before {

    content: ""

}



.fa-hand-holding:before {

    content: ""

}



.fa-hand-holding-heart:before {

    content: ""

}



.fa-hand-holding-usd:before {

    content: ""

}



.fa-hand-lizard:before {

    content: ""

}



.fa-hand-middle-finger:before {

    content: ""

}



.fa-hand-paper:before {

    content: ""

}



.fa-hand-peace:before {

    content: ""

}



.fa-hand-point-down:before {

    content: ""

}



.fa-hand-point-left:before {

    content: ""

}



.fa-hand-point-right:before {

    content: ""

}



.fa-hand-point-up:before {

    content: ""

}



.fa-hand-pointer:before {

    content: ""

}



.fa-hand-rock:before {

    content: ""

}



.fa-hand-scissors:before {

    content: ""

}



.fa-hand-spock:before {

    content: ""

}



.fa-hands:before {

    content: ""

}



.fa-hands-helping:before {

    content: ""

}



.fa-handshake:before {

    content: ""

}



.fa-hanukiah:before {

    content: ""

}



.fa-hard-hat:before {

    content: ""

}



.fa-hashtag:before {

    content: ""

}



.fa-hat-cowboy:before {

    content: ""

}



.fa-hat-cowboy-side:before {

    content: ""

}



.fa-hat-wizard:before {

    content: ""

}



.fa-hdd:before {

    content: ""

}



.fa-heading:before {

    content: ""

}



.fa-headphones:before {

    content: ""

}



.fa-headphones-alt:before {

    content: ""

}



.fa-headset:before {

    content: ""

}



.fa-heart:before {

    content: ""

}



.fa-heart-broken:before {

    content: ""

}



.fa-heartbeat:before {

    content: ""

}



.fa-helicopter:before {

    content: ""

}



.fa-highlighter:before {

    content: ""

}



.fa-hiking:before {

    content: ""

}



.fa-hippo:before {

    content: ""

}



.fa-hips:before {

    content: ""

}



.fa-hire-a-helper:before {

    content: ""

}



.fa-history:before {

    content: ""

}



.fa-hockey-puck:before {

    content: ""

}



.fa-holly-berry:before {

    content: ""

}



.fa-home:before {

    content: ""

}



.fa-hooli:before {

    content: ""

}



.fa-hornbill:before {

    content: ""

}



.fa-horse:before {

    content: ""

}



.fa-horse-head:before {

    content: ""

}



.fa-hospital:before {

    content: ""

}



.fa-hospital-alt:before {

    content: ""

}



.fa-hospital-symbol:before {

    content: ""

}



.fa-hot-tub:before {

    content: ""

}



.fa-hotdog:before {

    content: ""

}



.fa-hotel:before {

    content: ""

}



.fa-hotjar:before {

    content: ""

}



.fa-hourglass:before {

    content: ""

}



.fa-hourglass-end:before {

    content: ""

}



.fa-hourglass-half:before {

    content: ""

}



.fa-hourglass-start:before {

    content: ""

}



.fa-house-damage:before {

    content: ""

}



.fa-houzz:before {

    content: ""

}



.fa-hryvnia:before {

    content: ""

}



.fa-html5:before {

    content: ""

}



.fa-hubspot:before {

    content: ""

}



.fa-i-cursor:before {

    content: ""

}



.fa-ice-cream:before {

    content: ""

}



.fa-icicles:before {

    content: ""

}



.fa-icons:before {

    content: ""

}



.fa-id-badge:before {

    content: ""

}



.fa-id-card:before {

    content: ""

}



.fa-id-card-alt:before {

    content: ""

}



.fa-ideal:before {

    content: "邏"

}



.fa-igloo:before {

    content: ""

}



.fa-image:before {

    content: ""

}



.fa-images:before {

    content: ""

}



.fa-imdb:before {

    content: ""

}



.fa-inbox:before {

    content: ""

}



.fa-indent:before {

    content: ""

}



.fa-industry:before {

    content: ""

}



.fa-infinity:before {

    content: ""

}



.fa-info:before {

    content: ""

}



.fa-info-circle:before {

    content: ""

}



.fa-instagram:before {

    content: ""

}



.fa-intercom:before {

    content: ""

}



.fa-internet-explorer:before {

    content: ""

}



.fa-invision:before {

    content: ""

}



.fa-ioxhost:before {

    content: ""

}



.fa-italic:before {

    content: ""

}



.fa-itch-io:before {

    content: ""

}



.fa-itunes:before {

    content: ""

}



.fa-itunes-note:before {

    content: ""

}



.fa-java:before {

    content: ""

}



.fa-jedi:before {

    content: ""

}



.fa-jedi-order:before {

    content: ""

}



.fa-jenkins:before {

    content: ""

}



.fa-jira:before {

    content: ""

}



.fa-joget:before {

    content: ""

}



.fa-joint:before {

    content: ""

}



.fa-joomla:before {

    content: ""

}



.fa-journal-whills:before {

    content: ""

}



.fa-js:before {

    content: ""

}



.fa-js-square:before {

    content: ""

}



.fa-jsfiddle:before {

    content: ""

}



.fa-kaaba:before {

    content: ""

}



.fa-kaggle:before {

    content: ""

}



.fa-key:before {

    content: ""

}



.fa-keybase:before {

    content: ""

}



.fa-keyboard:before {

    content: ""

}



.fa-keycdn:before {

    content: ""

}



.fa-khanda:before {

    content: ""

}



.fa-kickstarter:before {

    content: ""

}



.fa-kickstarter-k:before {

    content: ""

}



.fa-kiss:before {

    content: ""

}



.fa-kiss-beam:before {

    content: ""

}



.fa-kiss-wink-heart:before {

    content: ""

}



.fa-kiwi-bird:before {

    content: ""

}



.fa-korvue:before {

    content: ""

}



.fa-landmark:before {

    content: ""

}



.fa-language:before {

    content: ""

}



.fa-laptop:before {

    content: ""

}



.fa-laptop-code:before {

    content: ""

}



.fa-laptop-medical:before {

    content: ""

}



.fa-laravel:before {

    content: ""

}



.fa-lastfm:before {

    content: ""

}



.fa-lastfm-square:before {

    content: ""

}



.fa-laugh:before {

    content: ""

}



.fa-laugh-beam:before {

    content: ""

}



.fa-laugh-squint:before {

    content: ""

}



.fa-laugh-wink:before {

    content: ""

}



.fa-layer-group:before {

    content: ""

}



.fa-leaf:before {

    content: ""

}



.fa-leanpub:before {

    content: ""

}



.fa-lemon:before {

    content: ""

}



.fa-less:before {

    content: ""

}



.fa-less-than:before {

    content: ""

}



.fa-less-than-equal:before {

    content: ""

}



.fa-level-down-alt:before {

    content: ""

}



.fa-level-up-alt:before {

    content: ""

}



.fa-life-ring:before {

    content: ""

}



.fa-lightbulb:before {

    content: ""

}



.fa-line:before {

    content: ""

}



.fa-link:before {

    content: ""

}



.fa-linkedin:before {

    content: ""

}



.fa-linkedin-in:before {

    content: ""

}



.fa-linode:before {

    content: ""

}



.fa-linux:before {

    content: ""

}



.fa-lira-sign:before {

    content: ""

}



.fa-list:before {

    content: ""

}



.fa-list-alt:before {

    content: ""

}



.fa-list-ol:before {

    content: ""

}



.fa-list-ul:before {

    content: ""

}



.fa-location-arrow:before {

    content: ""

}



.fa-lock:before {

    content: ""

}



.fa-lock-open:before {

    content: ""

}



.fa-long-arrow-alt-down:before {

    content: ""

}



.fa-long-arrow-alt-left:before {

    content: ""

}



.fa-long-arrow-alt-right:before {

    content: ""

}



.fa-long-arrow-alt-up:before {

    content: ""

}



.fa-low-vision:before {

    content: ""

}



.fa-luggage-cart:before {

    content: ""

}



.fa-lyft:before {

    content: ""

}



.fa-magento:before {

    content: ""

}



.fa-magic:before {

    content: ""

}



.fa-magnet:before {

    content: ""

}



.fa-mail-bulk:before {

    content: ""

}



.fa-mailchimp:before {

    content: ""

}



.fa-male:before {

    content: ""

}



.fa-mandalorian:before {

    content: ""

}



.fa-map:before {

    content: ""

}



.fa-map-marked:before {

    content: ""

}



.fa-map-marked-alt:before {

    content: ""

}



.fa-map-marker:before {

    content: ""

}



.fa-map-marker-alt:before {

    content: ""

}



.fa-map-pin:before {

    content: ""

}



.fa-map-signs:before {

    content: ""

}



.fa-markdown:before {

    content: ""

}



.fa-marker:before {

    content: ""

}



.fa-mars:before {

    content: ""

}



.fa-mars-double:before {

    content: ""

}



.fa-mars-stroke:before {

    content: ""

}



.fa-mars-stroke-h:before {

    content: ""

}



.fa-mars-stroke-v:before {

    content: ""

}



.fa-mask:before {

    content: ""

}



.fa-mastodon:before {

    content: ""

}



.fa-maxcdn:before {

    content: ""

}



.fa-mdb:before {

    content: ""

}



.fa-medal:before {

    content: ""

}



.fa-medapps:before {

    content: ""

}



.fa-medium:before {

    content: ""

}



.fa-medium-m:before {

    content: ""

}



.fa-medkit:before {

    content: ""

}



.fa-medrt:before {

    content: ""

}



.fa-meetup:before {

    content: ""

}



.fa-megaport:before {

    content: ""

}



.fa-meh:before {

    content: ""

}



.fa-meh-blank:before {

    content: ""

}



.fa-meh-rolling-eyes:before {

    content: ""

}



.fa-memory:before {

    content: ""

}



.fa-mendeley:before {

    content: ""

}



.fa-menorah:before {

    content: ""

}



.fa-mercury:before {

    content: ""

}



.fa-meteor:before {

    content: ""

}



.fa-microblog:before {

    content: "駱"

}



.fa-microchip:before {

    content: ""

}



.fa-microphone:before {

    content: ""

}



.fa-microphone-alt:before {

    content: ""

}



.fa-microphone-alt-slash:before {

    content: ""

}



.fa-microphone-slash:before {

    content: ""

}



.fa-microscope:before {

    content: ""

}



.fa-microsoft:before {

    content: ""

}



.fa-minus:before {

    content: ""

}



.fa-minus-circle:before {

    content: ""

}



.fa-minus-square:before {

    content: ""

}



.fa-mitten:before {

    content: ""

}



.fa-mix:before {

    content: ""

}



.fa-mixcloud:before {

    content: ""

}



.fa-mizuni:before {

    content: ""

}



.fa-mobile:before {

    content: ""

}



.fa-mobile-alt:before {

    content: ""

}



.fa-modx:before {

    content: ""

}



.fa-monero:before {

    content: ""

}



.fa-money-bill:before {

    content: ""

}



.fa-money-bill-alt:before {

    content: ""

}



.fa-money-bill-wave:before {

    content: ""

}



.fa-money-bill-wave-alt:before {

    content: ""

}



.fa-money-check:before {

    content: ""

}



.fa-money-check-alt:before {

    content: ""

}



.fa-monument:before {

    content: ""

}



.fa-moon:before {

    content: ""

}



.fa-mortar-pestle:before {

    content: ""

}



.fa-mosque:before {

    content: ""

}



.fa-motorcycle:before {

    content: ""

}



.fa-mountain:before {

    content: ""

}



.fa-mouse:before {

    content: ""

}



.fa-mouse-pointer:before {

    content: ""

}



.fa-mug-hot:before {

    content: ""

}



.fa-music:before {

    content: ""

}



.fa-napster:before {

    content: ""

}



.fa-neos:before {

    content: ""

}



.fa-network-wired:before {

    content: ""

}



.fa-neuter:before {

    content: ""

}



.fa-newspaper:before {

    content: ""

}



.fa-nimblr:before {

    content: ""

}



.fa-node:before {

    content: ""

}



.fa-node-js:before {

    content: ""

}



.fa-not-equal:before {

    content: ""

}



.fa-notes-medical:before {

    content: ""

}



.fa-npm:before {

    content: ""

}



.fa-ns8:before {

    content: ""

}



.fa-nutritionix:before {

    content: ""

}



.fa-object-group:before {

    content: ""

}



.fa-object-ungroup:before {

    content: ""

}



.fa-odnoklassniki:before {

    content: ""

}



.fa-odnoklassniki-square:before {

    content: ""

}



.fa-oil-can:before {

    content: ""

}



.fa-old-republic:before {

    content: ""

}



.fa-om:before {

    content: ""

}



.fa-opencart:before {

    content: ""

}



.fa-openid:before {

    content: ""

}



.fa-opera:before {

    content: ""

}



.fa-optin-monster:before {

    content: ""

}



.fa-orcid:before {

    content: ""

}



.fa-osi:before {

    content: ""

}



.fa-otter:before {

    content: ""

}



.fa-outdent:before {

    content: ""

}



.fa-page4:before {

    content: ""

}



.fa-pagelines:before {

    content: ""

}



.fa-pager:before {

    content: ""

}



.fa-paint-brush:before {

    content: ""

}



.fa-paint-roller:before {

    content: ""

}



.fa-palette:before {

    content: ""

}



.fa-palfed:before {

    content: ""

}



.fa-pallet:before {

    content: ""

}



.fa-paper-plane:before {

    content: ""

}



.fa-paperclip:before {

    content: ""

}



.fa-parachute-box:before {

    content: ""

}



.fa-paragraph:before {

    content: ""

}



.fa-parking:before {

    content: ""

}



.fa-passport:before {

    content: ""

}



.fa-pastafarianism:before {

    content: ""

}



.fa-paste:before {

    content: ""

}



.fa-patreon:before {

    content: ""

}



.fa-pause:before {

    content: ""

}



.fa-pause-circle:before {

    content: ""

}



.fa-paw:before {

    content: ""

}



.fa-paypal:before {

    content: ""

}



.fa-peace:before {

    content: ""

}



.fa-pen:before {

    content: ""

}



.fa-pen-alt:before {

    content: ""

}



.fa-pen-fancy:before {

    content: ""

}



.fa-pen-nib:before {

    content: ""

}



.fa-pen-square:before {

    content: ""

}



.fa-pencil-alt:before {

    content: ""

}



.fa-pencil-ruler:before {

    content: ""

}



.fa-penny-arcade:before {

    content: ""

}



.fa-people-carry:before {

    content: ""

}



.fa-pepper-hot:before {

    content: ""

}



.fa-percent:before {

    content: ""

}



.fa-percentage:before {

    content: ""

}



.fa-periscope:before {

    content: ""

}



.fa-person-booth:before {

    content: ""

}



.fa-phabricator:before {

    content: ""

}



.fa-phoenix-framework:before {

    content: ""

}



.fa-phoenix-squadron:before {

    content: ""

}



.fa-phone:before {

    content: ""

}



.fa-phone-alt:before {

    content: ""

}



.fa-phone-slash:before {

    content: ""

}



.fa-phone-square:before {

    content: ""

}



.fa-phone-square-alt:before {

    content: ""

}



.fa-phone-volume:before {

    content: ""

}



.fa-photo-video:before {

    content: ""

}



.fa-php:before {

    content: ""

}



.fa-pied-piper:before {

    content: ""

}



.fa-pied-piper-alt:before {

    content: ""

}



.fa-pied-piper-hat:before {

    content: ""

}



.fa-pied-piper-pp:before {

    content: ""

}



.fa-pied-piper-square:before {

    content: "爛"

}



.fa-piggy-bank:before {

    content: ""

}



.fa-pills:before {

    content: ""

}



.fa-pinterest:before {

    content: ""

}



.fa-pinterest-p:before {

    content: ""

}



.fa-pinterest-square:before {

    content: ""

}



.fa-pizza-slice:before {

    content: ""

}



.fa-place-of-worship:before {

    content: ""

}



.fa-plane:before {

    content: ""

}



.fa-plane-arrival:before {

    content: ""

}



.fa-plane-departure:before {

    content: ""

}



.fa-play:before {

    content: ""

}



.fa-play-circle:before {

    content: ""

}



.fa-playstation:before {

    content: ""

}



.fa-plug:before {

    content: ""

}



.fa-plus:before {

    content: ""

}



.fa-plus-circle:before {

    content: ""

}



.fa-plus-square:before {

    content: ""

}



.fa-podcast:before {

    content: ""

}



.fa-poll:before {

    content: ""

}



.fa-poll-h:before {

    content: ""

}



.fa-poo:before {

    content: ""

}



.fa-poo-storm:before {

    content: ""

}



.fa-poop:before {

    content: ""

}



.fa-portrait:before {

    content: ""

}



.fa-pound-sign:before {

    content: ""

}



.fa-power-off:before {

    content: ""

}



.fa-pray:before {

    content: ""

}



.fa-praying-hands:before {

    content: ""

}



.fa-prescription:before {

    content: ""

}



.fa-prescription-bottle:before {

    content: ""

}



.fa-prescription-bottle-alt:before {

    content: ""

}



.fa-print:before {

    content: ""

}



.fa-procedures:before {

    content: ""

}



.fa-product-hunt:before {

    content: ""

}



.fa-project-diagram:before {

    content: ""

}



.fa-pushed:before {

    content: ""

}



.fa-puzzle-piece:before {

    content: ""

}



.fa-python:before {

    content: ""

}



.fa-qq:before {

    content: ""

}



.fa-qrcode:before {

    content: ""

}



.fa-question:before {

    content: ""

}



.fa-question-circle:before {

    content: ""

}



.fa-quidditch:before {

    content: ""

}



.fa-quinscape:before {

    content: ""

}



.fa-quora:before {

    content: ""

}



.fa-quote-left:before {

    content: ""

}



.fa-quote-right:before {

    content: ""

}



.fa-quran:before {

    content: ""

}



.fa-r-project:before {

    content: ""

}



.fa-radiation:before {

    content: ""

}



.fa-radiation-alt:before {

    content: ""

}



.fa-rainbow:before {

    content: ""

}



.fa-random:before {

    content: ""

}



.fa-raspberry-pi:before {

    content: ""

}



.fa-ravelry:before {

    content: ""

}



.fa-react:before {

    content: ""

}



.fa-reacteurope:before {

    content: ""

}



.fa-readme:before {

    content: ""

}



.fa-rebel:before {

    content: ""

}



.fa-receipt:before {

    content: ""

}



.fa-record-vinyl:before {

    content: ""

}



.fa-recycle:before {

    content: ""

}



.fa-red-river:before {

    content: ""

}



.fa-reddit:before {

    content: ""

}



.fa-reddit-alien:before {

    content: ""

}



.fa-reddit-square:before {

    content: ""

}



.fa-redhat:before {

    content: ""

}



.fa-redo:before {

    content: ""

}



.fa-redo-alt:before {

    content: ""

}



.fa-registered:before {

    content: ""

}



.fa-remove-format:before {

    content: ""

}



.fa-renren:before {

    content: ""

}



.fa-reply:before {

    content: ""

}



.fa-reply-all:before {

    content: ""

}



.fa-replyd:before {

    content: ""

}



.fa-republican:before {

    content: ""

}



.fa-researchgate:before {

    content: ""

}



.fa-resolving:before {

    content: ""

}



.fa-restroom:before {

    content: ""

}



.fa-retweet:before {

    content: ""

}



.fa-rev:before {

    content: ""

}



.fa-ribbon:before {

    content: ""

}



.fa-ring:before {

    content: ""

}



.fa-road:before {

    content: ""

}



.fa-robot:before {

    content: ""

}



.fa-rocket:before {

    content: ""

}



.fa-rocketchat:before {

    content: ""

}



.fa-rockrms:before {

    content: ""

}



.fa-route:before {

    content: ""

}



.fa-rss:before {

    content: ""

}



.fa-rss-square:before {

    content: ""

}



.fa-ruble-sign:before {

    content: ""

}



.fa-ruler:before {

    content: ""

}



.fa-ruler-combined:before {

    content: ""

}



.fa-ruler-horizontal:before {

    content: ""

}



.fa-ruler-vertical:before {

    content: ""

}



.fa-running:before {

    content: ""

}



.fa-rupee-sign:before {

    content: ""

}



.fa-sad-cry:before {

    content: ""

}



.fa-sad-tear:before {

    content: ""

}



.fa-safari:before {

    content: ""

}



.fa-salesforce:before {

    content: ""

}



.fa-sass:before {

    content: ""

}



.fa-satellite:before {

    content: ""

}



.fa-satellite-dish:before {

    content: ""

}



.fa-save:before {

    content: ""

}



.fa-schlix:before {

    content: ""

}



.fa-school:before {

    content: ""

}



.fa-screwdriver:before {

    content: ""

}



.fa-scribd:before {

    content: ""

}



.fa-scroll:before {

    content: ""

}



.fa-sd-card:before {

    content: ""

}



.fa-search:before {

    content: ""

}



.fa-search-dollar:before {

    content: ""

}



.fa-search-location:before {

    content: ""

}



.fa-search-minus:before {

    content: ""

}



.fa-search-plus:before {

    content: ""

}



.fa-searchengin:before {

    content: ""

}



.fa-seedling:before {

    content: ""

}



.fa-sellcast:before {

    content: ""

}



.fa-sellsy:before {

    content: ""

}



.fa-server:before {

    content: ""

}



.fa-servicestack:before {

    content: ""

}



.fa-shapes:before {

    content: ""

}



.fa-share:before {

    content: ""

}



.fa-share-alt:before {

    content: ""

}



.fa-share-alt-square:before {

    content: ""

}



.fa-share-square:before {

    content: ""

}



.fa-shekel-sign:before {

    content: ""

}



.fa-shield-alt:before {

    content: ""

}



.fa-ship:before {

    content: ""

}



.fa-shipping-fast:before {

    content: ""

}



.fa-shirtsinbulk:before {

    content: ""

}



.fa-shoe-prints:before {

    content: ""

}



.fa-shopping-bag:before {

    content: ""

}



.fa-shopping-basket:before {

    content: ""

}



.fa-shopping-cart:before {

    content: ""

}



.fa-shopware:before {

    content: ""

}



.fa-shower:before {

    content: ""

}



.fa-shuttle-van:before {

    content: ""

}



.fa-sign:before {

    content: ""

}



.fa-sign-in-alt:before {

    content: ""

}



.fa-sign-language:before {

    content: ""

}



.fa-sign-out-alt:before {

    content: ""

}



.fa-signal:before {

    content: ""

}



.fa-signature:before {

    content: ""

}



.fa-sim-card:before {

    content: ""

}



.fa-simplybuilt:before {

    content: ""

}



.fa-sistrix:before {

    content: ""

}



.fa-sitemap:before {

    content: ""

}



.fa-sith:before {

    content: ""

}



.fa-skating:before {

    content: ""

}



.fa-sketch:before {

    content: ""

}



.fa-skiing:before {

    content: ""

}



.fa-skiing-nordic:before {

    content: ""

}



.fa-skull:before {

    content: ""

}



.fa-skull-crossbones:before {

    content: ""

}



.fa-skyatlas:before {

    content: ""

}



.fa-skype:before {

    content: ""

}



.fa-slack:before {

    content: ""

}



.fa-slack-hash:before {

    content: ""

}



.fa-slash:before {

    content: ""

}



.fa-sleigh:before {

    content: ""

}



.fa-sliders-h:before {

    content: ""

}



.fa-slideshare:before {

    content: ""

}



.fa-smile:before {

    content: ""

}



.fa-smile-beam:before {

    content: ""

}



.fa-smile-wink:before {

    content: ""

}



.fa-smog:before {

    content: ""

}



.fa-smoking:before {

    content: ""

}



.fa-smoking-ban:before {

    content: ""

}



.fa-sms:before {

    content: ""

}



.fa-snapchat:before {

    content: ""

}



.fa-snapchat-ghost:before {

    content: ""

}



.fa-snapchat-square:before {

    content: ""

}



.fa-snowboarding:before {

    content: ""

}



.fa-snowflake:before {

    content: ""

}



.fa-snowman:before {

    content: ""

}



.fa-snowplow:before {

    content: ""

}



.fa-socks:before {

    content: ""

}



.fa-solar-panel:before {

    content: ""

}



.fa-sort:before {

    content: ""

}



.fa-sort-alpha-down:before {

    content: ""

}



.fa-sort-alpha-down-alt:before {

    content: ""

}



.fa-sort-alpha-up:before {

    content: ""

}



.fa-sort-alpha-up-alt:before {

    content: ""

}



.fa-sort-amount-down:before {

    content: ""

}



.fa-sort-amount-down-alt:before {

    content: ""

}



.fa-sort-amount-up:before {

    content: ""

}



.fa-sort-amount-up-alt:before {

    content: ""

}



.fa-sort-down:before {

    content: ""

}



.fa-sort-numeric-down:before {

    content: ""

}



.fa-sort-numeric-down-alt:before {

    content: ""

}



.fa-sort-numeric-up:before {

    content: ""

}



.fa-sort-numeric-up-alt:before {

    content: ""

}



.fa-sort-up:before {

    content: ""

}



.fa-soundcloud:before {

    content: ""

}



.fa-sourcetree:before {

    content: ""

}



.fa-spa:before {

    content: ""

}



.fa-space-shuttle:before {

    content: ""

}



.fa-speakap:before {

    content: ""

}



.fa-speaker-deck:before {

    content: ""

}



.fa-spell-check:before {

    content: ""

}



.fa-spider:before {

    content: ""

}



.fa-spinner:before {

    content: ""

}



.fa-splotch:before {

    content: ""

}



.fa-spotify:before {

    content: ""

}



.fa-spray-can:before {

    content: ""

}



.fa-square:before {

    content: ""

}



.fa-square-full:before {

    content: ""

}



.fa-square-root-alt:before {

    content: ""

}



.fa-squarespace:before {

    content: ""

}



.fa-stack-exchange:before {

    content: ""

}



.fa-stack-overflow:before {

    content: ""

}



.fa-stackpath:before {

    content: ""

}



.fa-stamp:before {

    content: ""

}



.fa-star:before {

    content: ""

}



.fa-star-and-crescent:before {

    content: ""

}



.fa-star-half:before {

    content: ""

}



.fa-star-half-alt:before {

    content: ""

}



.fa-star-of-david:before {

    content: ""

}



.fa-star-of-life:before {

    content: ""

}



.fa-staylinked:before {

    content: ""

}



.fa-steam:before {

    content: ""

}



.fa-steam-square:before {

    content: ""

}



.fa-steam-symbol:before {

    content: ""

}



.fa-step-backward:before {

    content: ""

}



.fa-step-forward:before {

    content: ""

}



.fa-stethoscope:before {

    content: ""

}



.fa-sticker-mule:before {

    content: ""

}



.fa-sticky-note:before {

    content: ""

}



.fa-stop:before {

    content: ""

}



.fa-stop-circle:before {

    content: ""

}



.fa-stopwatch:before {

    content: ""

}



.fa-store:before {

    content: ""

}



.fa-store-alt:before {

    content: ""

}



.fa-strava:before {

    content: ""

}



.fa-stream:before {

    content: ""

}



.fa-street-view:before {

    content: ""

}



.fa-strikethrough:before {

    content: ""

}



.fa-stripe:before {

    content: ""

}



.fa-stripe-s:before {

    content: ""

}



.fa-stroopwafel:before {

    content: ""

}



.fa-studiovinari:before {

    content: ""

}



.fa-stumbleupon:before {

    content: ""

}



.fa-stumbleupon-circle:before {

    content: ""

}



.fa-subscript:before {

    content: ""

}



.fa-subway:before {

    content: ""

}



.fa-suitcase:before {

    content: ""

}



.fa-suitcase-rolling:before {

    content: ""

}



.fa-sun:before {

    content: ""

}



.fa-superpowers:before {

    content: ""

}



.fa-superscript:before {

    content: ""

}



.fa-supple:before {

    content: ""

}



.fa-surprise:before {

    content: ""

}



.fa-suse:before {

    content: ""

}



.fa-swatchbook:before {

    content: ""

}



.fa-swift:before {

    content: ""

}



.fa-swimmer:before {

    content: ""

}



.fa-swimming-pool:before {

    content: ""

}



.fa-symfony:before {

    content: ""

}



.fa-synagogue:before {

    content: ""

}



.fa-sync:before {

    content: ""

}



.fa-sync-alt:before {

    content: ""

}



.fa-syringe:before {

    content: ""

}



.fa-table:before {

    content: ""

}



.fa-table-tennis:before {

    content: ""

}



.fa-tablet:before {

    content: ""

}



.fa-tablet-alt:before {

    content: ""

}



.fa-tablets:before {

    content: ""

}



.fa-tachometer-alt:before {

    content: ""

}



.fa-tag:before {

    content: ""

}



.fa-tags:before {

    content: ""

}



.fa-tape:before {

    content: ""

}



.fa-tasks:before {

    content: ""

}



.fa-taxi:before {

    content: ""

}



.fa-teamspeak:before {

    content: ""

}



.fa-teeth:before {

    content: ""

}



.fa-teeth-open:before {

    content: ""

}



.fa-telegram:before {

    content: ""

}



.fa-telegram-plane:before {

    content: ""

}



.fa-temperature-high:before {

    content: ""

}



.fa-temperature-low:before {

    content: ""

}



.fa-tencent-weibo:before {

    content: ""

}



.fa-tenge:before {

    content: ""

}



.fa-terminal:before {

    content: ""

}



.fa-text-height:before {

    content: ""

}



.fa-text-width:before {

    content: ""

}



.fa-th:before {

    content: ""

}



.fa-th-large:before {

    content: ""

}



.fa-th-list:before {

    content: ""

}



.fa-the-red-yeti:before {

    content: ""

}



.fa-theater-masks:before {

    content: ""

}



.fa-themeco:before {

    content: ""

}



.fa-themeisle:before {

    content: ""

}



.fa-thermometer:before {

    content: ""

}



.fa-thermometer-empty:before {

    content: ""

}



.fa-thermometer-full:before {

    content: ""

}



.fa-thermometer-half:before {

    content: ""

}



.fa-thermometer-quarter:before {

    content: ""

}



.fa-thermometer-three-quarters:before {

    content: ""

}



.fa-think-peaks:before {

    content: ""

}



.fa-thumbs-down:before {

    content: ""

}



.fa-thumbs-up:before {

    content: ""

}



.fa-thumbtack:before {

    content: ""

}



.fa-ticket-alt:before {

    content: ""

}



.fa-times:before {

    content: ""

}



.fa-times-circle:before {

    content: ""

}



.fa-tint:before {

    content: ""

}



.fa-tint-slash:before {

    content: ""

}



.fa-tired:before {

    content: ""

}



.fa-toggle-off:before {

    content: ""

}



.fa-toggle-on:before {

    content: ""

}



.fa-toilet:before {

    content: ""

}



.fa-toilet-paper:before {

    content: ""

}



.fa-toolbox:before {

    content: ""

}



.fa-tools:before {

    content: ""

}



.fa-tooth:before {

    content: ""

}



.fa-torah:before {

    content: ""

}



.fa-torii-gate:before {

    content: ""

}



.fa-tractor:before {

    content: ""

}



.fa-trade-federation:before {

    content: ""

}



.fa-trademark:before {

    content: ""

}



.fa-traffic-light:before {

    content: ""

}



.fa-trailer:before {

    content: "論"

}



.fa-train:before {

    content: ""

}



.fa-tram:before {

    content: ""

}



.fa-transgender:before {

    content: ""

}



.fa-transgender-alt:before {

    content: ""

}



.fa-trash:before {

    content: ""

}



.fa-trash-alt:before {

    content: ""

}



.fa-trash-restore:before {

    content: ""

}



.fa-trash-restore-alt:before {

    content: ""

}



.fa-tree:before {

    content: ""

}



.fa-trello:before {

    content: ""

}



.fa-tripadvisor:before {

    content: ""

}



.fa-trophy:before {

    content: ""

}



.fa-truck:before {

    content: ""

}



.fa-truck-loading:before {

    content: ""

}



.fa-truck-monster:before {

    content: ""

}



.fa-truck-moving:before {

    content: ""

}



.fa-truck-pickup:before {

    content: ""

}



.fa-tshirt:before {

    content: ""

}



.fa-tty:before {

    content: ""

}



.fa-tumblr:before {

    content: ""

}



.fa-tumblr-square:before {

    content: ""

}



.fa-tv:before {

    content: ""

}



.fa-twitch:before {

    content: ""

}



.fa-twitter:before {

    content: ""

}



.fa-twitter-square:before {

    content: ""

}



.fa-typo3:before {

    content: ""

}



.fa-uber:before {

    content: ""

}



.fa-ubuntu:before {

    content: ""

}



.fa-uikit:before {

    content: ""

}



.fa-umbraco:before {

    content: ""

}



.fa-umbrella:before {

    content: ""

}



.fa-umbrella-beach:before {

    content: ""

}



.fa-underline:before {

    content: ""

}



.fa-undo:before {

    content: ""

}



.fa-undo-alt:before {

    content: ""

}



.fa-uniregistry:before {

    content: ""

}



.fa-unity:before {

    content: "雷"

}



.fa-universal-access:before {

    content: ""

}



.fa-university:before {

    content: ""

}



.fa-unlink:before {

    content: ""

}



.fa-unlock:before {

    content: ""

}



.fa-unlock-alt:before {

    content: ""

}



.fa-untappd:before {

    content: ""

}



.fa-upload:before {

    content: ""

}



.fa-ups:before {

    content: ""

}



.fa-usb:before {

    content: ""

}



.fa-user:before {

    content: ""

}



.fa-user-alt:before {

    content: ""

}



.fa-user-alt-slash:before {

    content: ""

}



.fa-user-astronaut:before {

    content: ""

}



.fa-user-check:before {

    content: ""

}



.fa-user-circle:before {

    content: ""

}



.fa-user-clock:before {

    content: ""

}



.fa-user-cog:before {

    content: ""

}



.fa-user-edit:before {

    content: ""

}



.fa-user-friends:before {

    content: ""

}



.fa-user-graduate:before {

    content: ""

}



.fa-user-injured:before {

    content: ""

}



.fa-user-lock:before {

    content: ""

}



.fa-user-md:before {

    content: ""

}



.fa-user-minus:before {

    content: ""

}



.fa-user-ninja:before {

    content: ""

}



.fa-user-nurse:before {

    content: ""

}



.fa-user-plus:before {

    content: ""

}



.fa-user-secret:before {

    content: ""

}



.fa-user-shield:before {

    content: ""

}



.fa-user-slash:before {

    content: ""

}



.fa-user-tag:before {

    content: ""

}



.fa-user-tie:before {

    content: ""

}



.fa-user-times:before {

    content: ""

}



.fa-users:before {

    content: ""

}



.fa-users-cog:before {

    content: ""

}



.fa-usps:before {

    content: ""

}



.fa-ussunnah:before {

    content: ""

}



.fa-utensil-spoon:before {

    content: ""

}



.fa-utensils:before {

    content: ""

}



.fa-vaadin:before {

    content: ""

}



.fa-vector-square:before {

    content: ""

}



.fa-venus:before {

    content: ""

}



.fa-venus-double:before {

    content: ""

}



.fa-venus-mars:before {

    content: ""

}



.fa-viacoin:before {

    content: ""

}



.fa-viadeo:before {

    content: ""

}



.fa-viadeo-square:before {

    content: ""

}



.fa-vial:before {

    content: ""

}



.fa-vials:before {

    content: ""

}



.fa-viber:before {

    content: ""

}



.fa-video:before {

    content: ""

}



.fa-video-slash:before {

    content: ""

}



.fa-vihara:before {

    content: ""

}



.fa-vimeo:before {

    content: ""

}



.fa-vimeo-square:before {

    content: ""

}



.fa-vimeo-v:before {

    content: ""

}



.fa-vine:before {

    content: ""

}



.fa-vk:before {

    content: ""

}



.fa-vnv:before {

    content: ""

}



.fa-voicemail:before {

    content: ""

}



.fa-volleyball-ball:before {

    content: ""

}



.fa-volume-down:before {

    content: ""

}



.fa-volume-mute:before {

    content: ""

}



.fa-volume-off:before {

    content: ""

}



.fa-volume-up:before {

    content: ""

}



.fa-vote-yea:before {

    content: ""

}



.fa-vr-cardboard:before {

    content: ""

}



.fa-vuejs:before {

    content: ""

}



.fa-walking:before {

    content: ""

}



.fa-wallet:before {

    content: ""

}



.fa-warehouse:before {

    content: ""

}



.fa-water:before {

    content: ""

}



.fa-wave-square:before {

    content: ""

}



.fa-waze:before {

    content: ""

}



.fa-weebly:before {

    content: ""

}



.fa-weibo:before {

    content: ""

}



.fa-weight:before {

    content: ""

}



.fa-weight-hanging:before {

    content: ""

}



.fa-weixin:before {

    content: ""

}



.fa-whatsapp:before {

    content: ""

}



.fa-whatsapp-square:before {

    content: ""

}



.fa-wheelchair:before {

    content: ""

}



.fa-whmcs:before {

    content: ""

}



.fa-wifi:before {

    content: ""

}



.fa-wikipedia-w:before {

    content: ""

}



.fa-wind:before {

    content: ""

}



.fa-window-close:before {

    content: ""

}



.fa-window-maximize:before {

    content: ""

}



.fa-window-minimize:before {

    content: ""

}



.fa-window-restore:before {

    content: ""

}



.fa-windows:before {

    content: ""

}



.fa-wine-bottle:before {

    content: ""

}



.fa-wine-glass:before {

    content: ""

}



.fa-wine-glass-alt:before {

    content: ""

}



.fa-wix:before {

    content: ""

}



.fa-wizards-of-the-coast:before {

    content: ""

}



.fa-wolf-pack-battalion:before {

    content: ""

}



.fa-won-sign:before {

    content: ""

}



.fa-wordpress:before {

    content: ""

}



.fa-wordpress-simple:before {

    content: ""

}



.fa-wpbeginner:before {

    content: ""

}



.fa-wpexplorer:before {

    content: ""

}



.fa-wpforms:before {

    content: ""

}



.fa-wpressr:before {

    content: ""

}



.fa-wrench:before {

    content: ""

}



.fa-x-ray:before {

    content: ""

}



.fa-xbox:before {

    content: ""

}



.fa-xing:before {

    content: ""

}



.fa-xing-square:before {

    content: ""

}



.fa-y-combinator:before {

    content: ""

}



.fa-yahoo:before {

    content: ""

}



.fa-yammer:before {

    content: ""

}



.fa-yandex:before {

    content: ""

}



.fa-yandex-international:before {

    content: ""

}



.fa-yarn:before {

    content: ""

}



.fa-yelp:before {

    content: ""

}



.fa-yen-sign:before {

    content: ""

}



.fa-yin-yang:before {

    content: ""

}



.fa-yoast:before {

    content: ""

}



.fa-youtube:before {

    content: ""

}



.fa-youtube-square:before {

    content: ""

}



.fa-zhihu:before {

    content: ""

}



.sr-only {

    border: 0;

    clip: rect(0, 0, 0, 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px

}



.sr-only-focusable:active,

.sr-only-focusable:focus {

    clip: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    position: static;

    width: auto

}



/*!

 * Font Awesome Free 5.12.0 by @fontawesome - https://fontawesome.com

 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

 */

@font-face {

    font-family: 'Font Awesome 5 Brands';

    font-style: normal;

    font-weight: normal;

    font-display: auto;

    src: url("../fonts/webfonts-5.5/fa-brands-400.eot");

    src: url("../fonts/webfonts-5.5/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/webfonts-5.5/fa-brands-400.woff2") format("woff2"), url("../fonts/webfonts-5.5/fa-brands-400.woff") format("woff"), url("../fonts/webfonts-5.5/fa-brands-400.ttf") format("truetype"), url("../fonts/webfonts-5.5/fa-brands-400.svg#fontawesome") format("svg")

}



.fab {

    font-family: 'Font Awesome 5 Brands'

}



/*!

 * Font Awesome Free 5.12.0 by @fontawesome - https://fontawesome.com

 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

 */

@font-face {

    font-family: 'Font Awesome 5 Free';

    font-style: normal;

    font-weight: 400;

    font-display: auto;

    src: url("../fonts/webfonts-5.5/fa-regular-400.eot");

    src: url("../fonts/webfonts-5.5/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/webfonts-5.5/fa-regular-400.woff2") format("woff2"), url("../fonts/webfonts-5.5/fa-regular-400.woff") format("woff"), url("../fonts/webfonts-5.5/fa-regular-400.ttf") format("truetype"), url("../fonts/webfonts-5.5/fa-regular-400.svg#fontawesome") format("svg")

}



.far {

    font-family: 'Font Awesome 5 Free';

    font-weight: 400

}



html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

b,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

    display: block

}



body {

    line-height: 1

}



ol,

ul {

    list-style: none

}



blockquote,

q {

    quotes: none

}



blockquote:before,

blockquote:after {

    content: '';

    content: none

}



q:before,

q:after {

    content: '';

    content: none

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



a:hover,

a:visited,

a:focus {

    text-decoration: none

}



a {

    color: #333

}



@font-face {

    font-family: "OpenSansReg";

    src: url("../fonts/OpenSans/OpenSans-Regular.woff2") format("woff2"), url("../fonts/OpenSans/OpenSans-Regular.woff") format("woff");

    font-weight: normal;

    font-style: normal;

    font-display: block

}



@font-face {

    font-family: "OpenSansReg";

    src: url("../fonts/OpenSans/OpenSans-Regular-Italic.woff") format("woff");

    font-weight: normal;

    font-style: italic;

    font-display: block

}



@font-face {

    font-family: "OpenSansReg";

    src: url("../fonts/OpenSans/OpenSans-Bold.woff2") format("woff2"), url("../fonts/OpenSans/OpenSans-Bold.woff") format("woff");

    font-weight: bold;

    font-style: normal;

    font-display: block

}

/* Bold-Italic: browser will synthesize from Bold */

/* Light & Light-Italic variants not available - fallback to regular */



@font-face {

    font-family: "NeoSans";

    src: url("../fonts/NeoSans/NeoSans-Regular.woff2") format("woff2"), url("../fonts/NeoSans/NeoSans-Regular.woff") format("woff");

    font-weight: normal;

    font-style: normal;

    font-display: block

}



@font-face {

    font-family: "NeoSans";

    src: url("../fonts/NeoSans/NeoSans-Bold.woff2") format("woff2"), url("../fonts/NeoSans/NeoSans-Bold.woff") format("woff");

    font-weight: bold;

    font-style: normal;

    font-display: block

}



@font-face {

    font-family: "NeoSans";

    src: url("../fonts/NeoSans/NeoSans-Light.woff2") format("woff2"), url("../fonts/NeoSans/NeoSans-Light.woff") format("woff");

    font-weight: 300;

    font-style: normal;

    font-display: block

}



body,

html {

    font-family: "OpenSansReg", Arial, Helvetica, sans-serif;

    font-size: 15px;

    color: #2d2d2d;

    line-height: 1.4

}



body *,

html * {

    box-sizing: border-box

}



p,

strong {

    margin-bottom: 15px;

    line-height: 1.5em

}



strong {

    font-weight: bold

}



i,

em {

    font-style: italic;

    font-style: oblique

}



.hidden {

    display: none

}



.wrapper {

    width: 1200px;

    margin: 0 auto;

    padding: 0 10px

}



a {

    text-decoration: none

}



a:hover {

    color: #064ea2

}



img {

    max-width: 100%

}



.mainwrap {

    display: flex;

    padding-top: 15px

}



.maincontent {

    margin-right: 20px;

    width: 100%;

    min-width: 0px

}



.sidebar {
    width: 320px;
    flex-shrink: 0;
    position: sticky;
    top: 90px;
    height: fit-content;
    padding-bottom: 8px
}



.d-only {

    display: block

}



.m-only {

    display: none

}



@media screen and (max-width: 1200px) {

    .wrapper {

        width: 100%;

        margin: 0 auto;

        padding: 0 15px

    }

}



@media screen and (max-width: 991px) {

    .maincontent {

        max-width: 100%

    }



    .mainwrap {

        flex-direction: column

    }



    .sidebar {

        width: 100%

    }

}



@media screen and (max-width: 767px) {

    .d-only {

        display: none

    }



    .m-only {

        display: block

    }



    body,

    html {

        font-size: 13px

    }



    .mainwrap {

        padding-top: 20px

    }



    .sidebar {

        position: relative;

        top: auto

    }

}



.header-spacer {

    margin-top: 140px

}



.mainmenu {

    position: fixed;

    transition: all 0.3s ease;

    z-index: 99;

    background-color: transparent;

    top: 0;

    left: 0;

    width: 100%;

    color: #fff;
    padding: 0 15px; /* Give some safe padding on sides so it does not leak out */
    box-sizing: border-box;

}



.mainmenu.nempel {

    top: 0;
    padding: 0; /* remove padding on sticky to go full width */
    background-color: #fff;

}



.mainmenu a {

    color: #fff

}



.mainmenu a:hover {

    color: #F3EA08

}



.mainmenu__row {

    display: flex;

    margin-top: 10px;

    flex-direction: column

}



.mainmenu__logo {

    flex-shrink: 0;

    padding-left: 15px;

    display: flex;

    align-items: center;

    position: absolute;

    z-index: 10

}



.mainmenu__logo img {

    width: 100%;

    max-width: 180px

}



.mainmenu__nav {

    position: relative;

    display: flex;

    align-items: center;

    background: linear-gradient(90deg, #0f172a 0%, #1e293b 100%);

    color: #fff;

    padding-left: 155px;

    font-family: "NeoSans", Arial, Helvetica, sans-serif;

    text-transform: uppercase;

    font-weight: 600;

    position: relative;

    font-size: 0.9rem;

    justify-content: space-between;

    margin-bottom: 5px;

    border-radius: 12px;
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.05);

}





.menu ul {

    /* display: flex */

}

/* .menu ul.level2 {

    display: flex

} */



.menu ul li {

    /* margin: 0 10px; */

    cursor: pointer;

    /* padding: 20px 0 */

}

/* .menu ul.level2 li {

    margin: 0 10px;

    cursor: pointer;

    padding: 20px 0

} */



.menu ul li a {

    /* display: block */

}

/* .menu ul.level2 li.has-dropdown2 a {

    display: block

} */



.menu ul li a.active {

    color: #F3EA08;

    border-bottom: 1px solid #e01822

}



.menu ul li.has-dropdown {

    /* position: relative */

}

/* .menu ul.level2 li.has-dropdown2 {

    position: relative

} */

.menu ul li.has-dropdown i {

    /* padding: 0 5px */

}

/* .menu ul.level2 li.has-dropdown2 i {

    padding: 0 5px

} */



.menu ul li.has-dropdown:hover ul {

    /* display: block */

}



.menu ul li.has-dropdown ul {

    /* display: none; */

    /* flex-direction: column; */

    /* position: absolute; */

    /* top: 100%; */

    /* background-color: #064ea2; */

    /* padding: 15px 5px */

}



.menu ul li.has-dropdown2 ul.level2 {

    /* display: none;

    flex-direction: column;

    position: absolute;

    top: 100%;

    background-color: #064ea2; */

    /* padding: 15px 5px */

}





.menu ul li.has-dropdown ul li {

    white-space: nowrap;

    /* margin-bottom: 10px; */

    /* padding: 0 0 10px 0; */

    /* border-bottom: 1px solid #d8d8d8 */

}



.menu ul.level2 li.has-dropdown2 ul.level2 li {

    /* white-space: nowrap;

    margin-bottom: 10px;

    padding: 0 0 10px 0;

    border-bottom: 1px solid #d8d8d8 */

}

.menu ul li.has-dropdown ul li a {

    color: #fff

}

.menu ul.level2 li.has-dropdown2 ul.level2 li a {

    color: #fff

}

.menu ul li.has-dropdown ul li:last-child {

    /* padding-bottom: 0;

    margin-bottom: 0;

    border: none */

}



/* .menu ul.level2 li.has-dropdown2 ul.level2 li:last-child {

    padding-bottom: 0;

    margin-bottom: 0;

    border: none

} */





.caribahasa {

    display: flex;

    align-items: center;

    margin-right: 10px

}



.cari {

    position: relative

}



.cari__icon {

    display: flex;

    padding: 6px 8px 10px 8px;

    cursor: pointer

}



.cari__form {

    position: fixed;

    width: 100%;

    height: 100%;

    right: 0;

    top: 0;

    display: none;

    z-index: 15

}



.cari__form input {

    width: 100%

}



.cari__form-inner {

    display: flex;

    height: 60px;

    width: 90%;

    max-width: 600px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%)

}



.cari__form-inner input {

    padding: 10px 15px;

    font-size: 20px;

    border-radius: 0;

    border: none

}



.cari__btn {

    background-color: #F3EA08;

    border: none;

    width: 70px;

    height: 100%;

    cursor: pointer

}



.cari__btn i {

    color: #064ea2;

    font-size: 1.2rem

}



.cari__close {

    cursor: pointer;

    color: #fff;

    width: 50px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 32px;

    position: absolute;

    top: 0;

    right: 0

}



.cari__overlay {

    background-color: rgba(0, 0, 0, 0.85);

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%

}



.burger {

    flex-shrink: 0;

    display: none;

    margin-right: 10px

}



.burger img {

    width: 20px

}



.mainmenu__sitetitle {

    color: #064ea2;

    padding-left: 130px;

    height: 65px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    text-transform: uppercase;

    font-size: 1.2rem

}



.mainmenu__sitetitle span:first-child {

    display: block

}



.mainmenu__sitetitle-bottom {

    display: flex

}



.mainmenu__sitetitle-bottom span {

    margin-right: 5px

}



.bold {

    font-weight: bold

}



@media screen and (max-width: 1024px) {

    .menu {

        font-size: 13px

    }



    .menu ul li {

        margin: 0px 7px

    }



    .menu ul li.has-dropdown i {

        padding: 0 2px

    }

 .menu ul.level2 li.has-dropdown2 i {

        padding: 0 2px

    }

    .bahasa ul li img {

        width: 19px

    }

}



@media screen and (max-width: 991px) {

    .mainmenu__logo {

        z-index: auto

    }



    .mainmenu {

        padding: 0

    }



    .burger {

        display: flex

    }



    .menu {

        display: none;

        z-index: 10;

        position: absolute;

        overflow: auto;

        height: 100vh;

        left: 0;

        top: 100%;

        width: 100%;

        background: #064ea2

    }



    .menu ul {

        flex-direction: column;

        padding-top: 5px;

        border-top: 10px solid darkgray

    }

 .menu ul.level2 {

        flex-direction: column;

        padding-top: 5px;

        border-top: 10px solid darkgray

    }

    .menu ul li {

        margin: 0;

        padding: 0;

        border-bottom: 1px solid #103d73

    }

 .menu ul.level2 li {

        margin: 0;

        padding: 0;

        border-bottom: 1px solid #103d73

    }

    .menu ul li a {

        padding: 12px 20px;

        color: #fff

    }

 .menu ul.level2 li a {

        padding: 12px 20px;

        color: #fff

    }

    .menu ul li a.active {

        color: #F3EA08

    }

  .menu ul.level2 li a.active {

        color: #F3EA08

    }

    .menu ul li.has-dropdown ul {

        display: none;

        border-top: 1px solid #103d73;

        position: relative;

        padding: 0;

        margin: 0 0 0 20px

    }

 .menu ul.level2 li.has-dropdown2 ul.level2 {

        display: none;

        border-top: 1px solid #103d73;

        position: relative;

        padding: 0;

        margin: 0 0 0 20px

    }

    .menu ul li.has-dropdown ul li {

        padding: 0;

        margin-bottom: 0;

        border-color: #103d73;

        position: relative

    }

  .menu ul.level2 li.has-dropdown2 ul.level2 li {

        padding: 0;

        margin-bottom: 0;

        border-color: #103d73;

        position: relative

    }

    .menu ul li.has-dropdown ul li:before {

        content: "\f054";

        font-family: 'Font Awesome 5 Free';

        font-weight: 900;

        position: absolute;

        left: 5px;

        top: 0;

        font-size: 8px;

        position: absolute;

        top: 50%;

        transform: translateY(-50%)

    }

 .menu ul.level2 li.has-dropdown2 ul.level2 li:before {

        content: "\f054";

        font-family: 'Font Awesome 5 Free';

        font-weight: 900;

        position: absolute;

        left: 5px;

        top: 0;

        font-size: 8px;

        position: absolute;

        top: 50%;

        transform: translateY(-50%)

    }

    .menu ul li.has-dropdown ul li a {

        padding: 10px 20px

    }

    .menu ul.level2 li.has-dropdown2 ul.level2 li a {

        padding: 10px 20px

    }

    .menu ul li.has-dropdown:hover ul {

        display: none

    }

     .menu ul li.has-dropdown2:hover ul.level2 {

        display: block

    }

    .mainmenu__logo {

        position: relative;

        padding-left: 0

    }



    .mainmenu__logo .logonya {

        width: 60px

    }



    .mainmenu__logotitle-wrap {

        display: flex

    }



    .mainmenu__sitetitle {

        padding-left: 10px;

        color: #fff

    }



    .mainmenu {

        background-color: #064ea2

    }



    .mainmenu a:hover {

        color: #fff

    }



    .caribahasa {

        position: fixed;

        top: auto;

        right: 6px;

        bottom: 115px;

        background: #064ea2;

        color: #fff;

        line-height: 1;

        padding-top: 3px;

        border-radius: 5px;

        padding: 3px 1px 0 1px

    }



    .mainmenu__nav:before {

        left: -10%;

        width: 120%

    }

}



@media screen and (max-width: 767px) {

    .mainmenu__logo img {

        max-width: 155px

    }



    .mainmenu__logo {

        padding-bottom: 3px

    }



    .cari__close {

        font-size: 28px

    }



    .cari__form-inner {

        height: 40px

    }



    .cari__form-inner input {

        font-size: 16px

    }



    .cari__btn i {

        font-size: 1rem

    }



    .cari__btn {

        width: 50px

    }



    .mainmenu__sitetitle-bottom {

        flex-direction: column

    }



    .mainmenu__logo .logonya {

        width: 45px

    }



    .mainmenu__sitetitle {

        padding-left: 5px;

        font-size: 12px;

        height: auto

    }



    .mainmenu__row {

        margin-top: 0px

    }



    .mainmenu__logotitle-wrap {

        padding: 7px 0

    }



    .header-spacer {

        margin-top: 84px

    }

}



.swidget {
    margin-bottom: 24px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.03);
    border: 1px solid #e8ecf1;
    overflow: hidden;
    transition: box-shadow 0.3s ease, transform 0.3s ease
}

.swidget:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.04);
    transform: translateY(-1px)
}



.swprofil__pic {

    border-radius: 10px;

    overflow: hidden;

    margin-bottom: 10px

}



.swprofil__pic img {

    object-fit: cover;

    width: 100%;

    border-radius: 10px

}



.swprofil__nama {

    font-size: 18px;

    margin-bottom: 2px;

    font-weight: bold

}



.swprofil__jabatan {

    margin-bottom: 15px

}



.daerah__img {

    text-align: center;

    margin-bottom: 10px

}



.daerah__img img {

    width: 110px

}



.daerah__summary {

    margin-bottom: 12px

}



.daerah__summary p {

    margin-bottom: 0

}



.halfblock__row {

    display: flex

}



.halfblock__col {

    flex-shrink: 0;

    width: 50%;

    text-align: center;

    padding: 0 10px

}



.halfblock__col:first-child {

    border-right: 1px solid #d8d8d8

}



.halfblock__col img {

    object-fit: contain;

    height: 60px;

    margin-bottom: 10px

}



.halfblock__col span {

    display: block

}



.font-orange {

    color: #f28800;

    font-size: 18px

}



.infogwidget__row {
    display: flex;
    justify-content: space-between;
    padding: 16px;
    gap: 12px;
    flex-wrap: wrap
}

.infogwidget__col {
    width: calc(50% - 6px);
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-decoration: none !important;
    color: inherit;
    display: block
}

.infogwidget__col:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.1)
}

.infogwidget__img {
    height: 160px;
    margin-bottom: 0;
    border-radius: 8px;
    overflow: hidden
}

.infogwidget__img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    transition: transform 0.5s ease
}

.infogwidget__col:hover .infogwidget__img img {
    transform: scale(1.05)
}

.infogwidget__text {
    border-left: 3px solid #1e40af;
    padding: 10px 12px;
    max-height: 48px;
    font-weight: 600;
    font-size: 13px;
    color: #334155;
    line-height: 1.4;
    overflow: hidden;
    background: #f8fafc;
    border-radius: 0 6px 6px 0;
    margin-top: 8px
}



.galeriwidget__row {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap

}



.galeriwidget__col {

    width: 48%;

    margin-bottom: 15px

}



.galeriwidget__img {

    height: 100px;

    margin-bottom: 5px;

    position: relative

}



.galeriwidget__img img {

    object-fit: cover;

    height: 100%;

    width: 100%

}



.galeriwidget__text {

    padding-left: 0px;

    font-size: 14px

}



.fotothumb:before {

    position: absolute;

    top: 5px;

    left: 5px;

    z-index: 9;

    font-size: 14px;

    content: "\f083";

    -moz-osx-font-smoothing: grayscale;

    -webkit-font-smoothing: antialiased;

    font-family: 'Font Awesome 5 Free';

    font-weight: 900;

    background: #F3EA08;

    color: #2b2d31;

    width: 30px;

    height: 30px;

    border-radius: 100%;

    display: flex;

    justify-content: center;

    align-items: center

}



.videothumb:before {

    position: absolute;

    top: 5px;

    left: 5px;

    z-index: 9;

    font-size: 14px;

    content: "\f083";

    -moz-osx-font-smoothing: grayscale;

    -webkit-font-smoothing: antialiased;

    font-family: 'Font Awesome 5 Free';

    font-weight: 900;

    background: #F3EA08;

    color: #2b2d31;

    width: 30px;

    height: 30px;

    border-radius: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    content: "\f144";

    font-size: 18px

}



.terkini-widget .xheadline__title {

    max-height: 75px;

    overflow: hidden

}



.rect-banner {
    margin-bottom: 24px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.03);
    transition: box-shadow 0.3s ease
}

.rect-banner:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.04)
}

.rect-banner img {
    width: 100%;
    display: block;
    border-radius: 12px
}



.sosmed-widget {

    overflow: hidden

}



.rect-banner-panjang img {

    width: 100%

}



.linklist ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.linklist ul li {
    position: relative;
    margin: 0;
    border-bottom: 1px solid #f1f5f9;
    transition: all 0.2s ease;
}
.linklist ul li:last-child {
    border-bottom: none;
}
.linklist ul li:hover {
    background: linear-gradient(to right, #f8fafc, transparent);
    padding-left: 4px;
}
.linklist ul li:before {
    content: none;
}
.linklist ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    margin: 0;
    font-size: 0.85rem;
    font-weight: 600;
    color: #334155;
    text-decoration: none;
    transition: all 0.2s ease;
    border-radius: 6px;
}
.linklist ul li a:hover {
    color: #0f172a;
    background: #f1f5f9;
}
.linklist ul li a::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #475569;
    flex-shrink: 0;
    transition: all 0.2s ease;
}
.linklist ul li:hover a::before {
    background: #0f172a;
    transform: scale(1.3);
}







@media screen and (max-width: 991px) {

    .swidget-wrap {

        max-width: 500px;

        margin: 0 auto;

        width: 100%

    }



    .covid-19 {

        max-width: 300px;

        margin: 0 auto

    }

}



@media screen and (max-width: 991px) {

    .swprofil__nama {

        font-size: 16px

    }



    .swidget {

        margin-bottom: 25px

    }

}



.footer {

    /*background-color: #F3EA08;*/

    /*color: #2b2d31;*/

    

    background-color: #064EA2;

    color: #fff;

    padding: 17px 0;

    line-height: 1.4;

    text-align: center

}



.footer__head {

    font-weight: bold;

    font-size: 20px;

    margin-bottom: 5px

}



.footer__body {

    font-size: 14px;

    margin-bottom: 10px

}



.footer__body p {

    margin: 0

}



.footer__bottom {

    font-size: 12px;

    margin-top: 15px

}



.footer .sosmed ul {

    display: flex;

    justify-content: center

}



.linefoot {

    height: 1px;

    max-width: 800px;

    background: #7b7b7b;

    border: none

}



.sosmed {

    color: #2b2d31

}



.sosmed ul {

    display: flex

}



.sosmed ul li {

    margin: 0 5px;

    background: #2b2d31;

    border-radius: 100%

}



.sosmed ul li a {

    color: #fff;

    width: 30px;

    height: 30px;

    display: flex;

    justify-content: center;

    align-items: center

}



@media screen and (max-width: 767px) {

    .footer {

        padding: 20px 0;

        font-size: 12px

    }



    .footer__title {

        font-size: 16px

    }



    .footer__wrap {

        flex-direction: column

    }



    .footer__col {

        width: 100%;

        margin-bottom: 20px

    }



    .footer__text {

        padding: 0

    }



    .sosmed {

        margin: 10px 0

    }



    .footer__head {

        font-size: 16px

    }



    .footer__body {

        font-size: 12px

    }



    .footer__bottom {

        font-size: 11px

    }

}



.captiondetail {

    color: #8a93a7;

    font-size: 12px;

    text-align: center;

    display: block

}



.detail {

    font-size: 16px;

    line-height: 1.6

}



.detail__content a {
    color: #2563eb;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 2px;
    text-decoration-color: #93c5fd;
}
.detail__content a:hover {
    color: #1d4ed8;
    text-decoration-color: #2563eb;
}
.detail__content a:visited {
    color: #2563eb;
}
.detail__content a font {
    color: inherit !important;
    background: transparent !important;
}
.detail__content a,
.detail__content a * {
    background-color: transparent !important;
}



.detail__content h2 {

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 15px

}



.detail__content img {

    border-radius: 10px;

    max-width: 90%;

    margin: 0 auto 5px auto;

    display: block

}



.detail p {

    line-height: 1.7;

    margin-bottom: 15px

}



.detail blockquote {

    quotes: none;

    background: #d8d8d8;

    border-left: 9px solid #F3EA08;

    padding: 20px 25px 20px 35px;

    position: relative

}



.detail blockquote:before {

    content: '"';

    position: absolute;

    top: 5px;

    left: 8px;

    font-size: 46px;

    line-height: 1

}



.detail blockquote:after {

    content: '"';

    top: 5px;

    right: 8px;

    font-size: 46px;

    line-height: 1;

    position: absolute

}



.breadcrumb {
    margin-bottom: 18px;
    font-size: 12px;
}
.breadcrumb__chip {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    background: #ffffff;
    padding: 6px 14px;
    border-radius: 50px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
    backdrop-filter: blur(8px);
}
.breadcrumb__chip a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #475569;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.78rem;
    padding: 3px 8px;
    border-radius: 40px;
    transition: all 0.2s ease;
}
.breadcrumb__chip a:hover {
    color: #0f172a;
    background: #f1f5f9;
}
.breadcrumb__chip a i {
    font-size: 0.7rem;
    opacity: 0.7;
}
.breadcrumb__sep {
    display: flex;
    align-items: center;
    color: #cbd5e1;
    font-size: 0.55rem;
    margin: 0 2px;
}
.breadcrumb ul {
    display: flex;
}
.breadcrumb ul li {
    position: relative;
    margin-right: 20px;
}
.breadcrumb ul li:before {
    content: "/";
    position: absolute;
    right: -15px;
    top: 0px;
}
.breadcrumb ul li:last-child:before {
    content: none;
}



.sharethis {

    margin-bottom: 15px;

    display: flex;

    align-items: center

}



.sharethis span {

    margin-right: 10px

}



.sharethis ul {

    display: flex

}



.sharethis ul li {

    margin-right: 10px;

    display: flex;

    justify-content: center;

    border-radius: 100%;

    align-items: center;

    width: 35px;

    height: 35px;

    background-color: #8a93a7

}



.sharethis ul li a,

.sharethis ul li i {

    color: #fff

}



.sharethis ul li.fb {

    background-color: #3c5997

}



.sharethis ul li.tw {

    background-color: #55acee

}



.sharethis ul li.wa {

    background-color: #7ad06d

}



.pages-wrap {

    position: relative

}



.pages-summary {

    color: #8a93a7;

    margin-bottom: 20px

}



.pages-summary p {
    line-height: 1.5;
    margin: 0
}

/* =============================================
   MODERN ARTICLE DETAIL
   ============================================= */
.article-hero{position:relative;margin-bottom:30px}
.article-hero__img{position:relative;border-radius:20px;overflow:hidden;margin-bottom:24px;box-shadow:0 4px 30px rgba(0,0,0,0.08),0 0 0 1px rgba(0,0,0,0.03)}
.article-hero__img img{width:100%;display:block;object-fit:cover;transition:transform 8s ease}
.article-hero:hover .article-hero__img img{transform:scale(1.03)}
.article-hero__gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,23,42,0.35) 0%,transparent 40%);pointer-events:none}
.article-hero__caption{position:absolute;bottom:16px;left:20px;max-width:75%;font-size:.8rem;font-weight:500;color:#fff;background:rgba(15,23,42,0.7);backdrop-filter:blur(10px);padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,0.12);z-index:2}
.article-hero__content{padding:0 4px}
.article-hero__cat{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#0f172a;background:#f1f5f9;padding:5px 14px;border-radius:50px;text-decoration:none;margin-bottom:14px;transition:all .25s ease;border:1px solid transparent}
.article-hero__cat:hover{background:#0f172a;color:#fff;border-color:#0f172a;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px rgba(15,23,42,0.2)}
.article-title{font-size:2rem;font-weight:800;line-height:1.3;color:#0f172a;margin:0 0 20px 0;letter-spacing:-.3px}
.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:0;padding:16px 20px;background:#f8fafc;border-radius:16px;border:1px solid #f1f5f9;margin-bottom:8px}
.article-meta__item{display:flex;align-items:center;gap:10px;padding:0 14px}
.article-meta__divider{width:1px;height:28px;background:#e2e8f0;flex-shrink:0}
.article-meta__avatar,.article-meta__icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}
.article-meta__text{display:flex;flex-direction:column;gap:1px}
.article-meta__label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8}
.article-meta__value{font-size:.8rem;font-weight:700;color:#334155}
.article-meta__share{margin-left:auto;display:flex;align-items:center;gap:10px;padding:0 10px}
.article-meta__share>span{font-size:.7rem;font-weight:700;text-transform:uppercase;color:#94a3b8;letter-spacing:.5px}
.article-share-row{display:flex;gap:6px}
.article-share-btn{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#fff!important;text-decoration:none;transition:all .25s ease;border:none;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.article-share-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.18)}
.article-share-btn svg{display:block;flex-shrink:0}
.article-share-btn--fb{background:#1877f2}.article-share-btn--fb:hover{background:#0d65d9}
.article-share-btn--tw{background:#0f1419}.article-share-btn--tw:hover{background:#000}
.article-share-btn--wa{background:#25d366}.article-share-btn--wa:hover{background:#1ebc58}
.article-share-btn--print{background:#64748b}.article-share-btn--print:hover{background:#475569}
.article-body{font-size:1.05rem;line-height:1.85;color:#334155;letter-spacing:.1px;padding:0 4px;margin-bottom:30px}
.article-body p{margin-bottom:18px}
.article-body h2,.article-body h3,.article-body h4{font-weight:700;color:#0f172a;margin-top:28px;margin-bottom:14px}
.article-body h2{font-size:1.5rem}.article-body h3{font-size:1.25rem}
.article-body img{border-radius:16px;max-width:100%;margin:20px auto;display:block;box-shadow:0 4px 20px rgba(0,0,0,0.06)}
.article-body a{color:#1d4ed8;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px;text-decoration-color:#93c5fd;transition:all .2s ease}
.article-body a:hover{text-decoration-color:#1d4ed8;color:#1e40af}
.article-body a font{color:inherit!important}
.article-body a:visited{color:#1d4ed8}
.article-body blockquote{border-left:4px solid #0f172a;background:#f8fafc;padding:16px 20px;border-radius:0 12px 12px 0;margin:20px 0;font-style:italic;color:#475569}
.article-footer{padding:24px 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;margin-bottom:30px}
.article-tags{display:flex;align-items:flex-start;gap:10px;margin-bottom:18px}
.article-tags__icon{font-size:1rem;color:#64748b;margin-top:6px}
.article-tags__list{display:flex;flex-wrap:wrap;gap:8px}
.article-tags__item{display:inline-block;font-size:.78rem;font-weight:600;color:#475569;background:#f1f5f9;padding:6px 14px;border-radius:50px;text-decoration:none;transition:all .2s ease;border:1px solid transparent}
.article-tags__item:hover{background:#0f172a;color:#fff;border-color:#0f172a;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px rgba(15,23,42,0.15)}
.article-share-bottom{display:flex;align-items:center;gap:14px}
.article-share-bottom>span{font-size:.78rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}

body.dark-mode .article-title{color:#f1f5f9}
body.dark-mode .article-hero__cat{background:#334155;color:#cbd5e1}
body.dark-mode .article-hero__cat:hover{background:#475569;color:#fff}
body.dark-mode .article-meta{background:#1e1e2e;border-color:rgba(255,255,255,0.05)}
body.dark-mode .article-meta__divider{background:rgba(255,255,255,0.08)}
body.dark-mode .article-meta__value{color:#e2e8f0}
body.dark-mode .article-body{color:#cbd5e1}
body.dark-mode .article-body h2,body.dark-mode .article-body h3,body.dark-mode .article-body h4{color:#f1f5f9}
body.dark-mode .article-body blockquote{background:#1e1e2e;color:#94a3b8}
body.dark-mode .article-body a{color:#93c5fd;text-decoration-color:#3b82f6}
body.dark-mode .article-body a:hover{color:#60a5fa;text-decoration-color:#60a5fa}
body.dark-mode .article-body a font{color:inherit!important}
body.dark-mode .article-footer{border-color:rgba(255,255,255,0.06)}
body.dark-mode .article-tags__item{background:#334155;color:#cbd5e1}
body.dark-mode .article-tags__item:hover{background:#475569;color:#fff}
body.dark-mode .article-hero__img{box-shadow:0 4px 30px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.03)}

@media (max-width:768px){
.article-title{font-size:1.4rem}
.article-meta{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px}
.article-meta__divider{display:none}
.article-meta__item{padding:0}
.article-meta__share{margin-left:0;padding-top:8px;border-top:1px solid #e2e8f0;width:100%}
body.dark-mode .article-meta__share{border-top-color:rgba(255,255,255,0.08)}
.article-hero__caption{bottom:10px;left:10px;font-size:.7rem;padding:5px 10px}
.article-body{font-size:.95rem}
.article-share-bottom{flex-direction:column;align-items:flex-start}
}

/* DEPRECATED: kept for fallback */
.pages-title {

    font-size: 28px;

    font-weight: bold;

    margin-bottom: 15px

}



.pages-pic {

    margin-bottom: 15px;

    position: relative

}



.pages-pic .tanggal-event {

    color: #2b2d31

}



.pages-pic img {

    border-radius: 4px;

    width: 100%;

    vertical-align: bottom;

    margin-bottom: 5px

}



.pages-pic span {

    color: #8a93a7;

    font-size: 12px;

    text-align: center;

    display: block

}



.tagging {

    margin-bottom: 25px

}



.tagging ul {

    display: flex;

    flex-wrap: wrap

}



.tagging ul li {

    margin-right: 10px;

    margin-bottom: 10px

}



.tagging ul li a {

    display: inline-block;

    background-color: #064ea2;

    color: #fff;

    padding: 8px 15px;

    font-size: 14px;

    border-radius: 8px

}



.share-date {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 15px

}



.share-date .sharethis {

    margin-bottom: 0

}



.just-end {

    justify-content: flex-end

}



/* =============================================
   MODERN 3D HOVER CARD
   ============================================= */
.hover-card-3d {
    box-shadow: 0 1px 3px rgba(0,0,0,0.03), 0 4px 12px rgba(0,0,0,0.04);
    transform: translateY(0);
}
.hover-card-3d:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(15, 23, 42, 0.1), 0 4px 12px rgba(15, 23, 42, 0.06);
    border-color: rgba(15, 23, 42, 0.08);
}
body.dark-mode .hover-card-3d {
    background: #1e1e2e;
    border-color: rgba(255,255,255,0.04);
    box-shadow: 4px 4px 12px #0a0a0f, -4px -4px 12px #2a2a3e;
}
body.dark-mode .hover-card-3d:hover {
    box-shadow: 8px 8px 20px #080810, -8px -8px 20px #2e2e42;
    border-color: rgba(255,255,255,0.06);
}

/* =============================================
   POPULAR GRID - Modern 3D Card Layout (8 items)
   ============================================= */
.popular-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.popular-card {
    position: relative;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 
        0 4px 6px -1px rgba(0, 0, 0, 0.05),
        0 10px 15px -3px rgba(0, 0, 0, 0.05),
        0 0 0 1px rgba(0, 0, 0, 0.03);
    transform: translateY(0);
}
.popular-card:hover {
    transform: translateY(-8px);
    box-shadow: 
        0 20px 40px -8px rgba(15, 23, 42, 0.18),
        0 10px 20px -5px rgba(15, 23, 42, 0.1),
        0 0 0 1px rgba(15, 23, 42, 0.06);
}

/* Rank Badge - top left */
.popular-card__rank {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 10;
    background: linear-gradient(135deg, #0f172a, #1e293b);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 800;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.35);
    border: 2px solid rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(4px);
    transition: all 0.3s ease;
}
.popular-card:hover .popular-card__rank {
    transform: scale(1.08);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.45);
}

/* Image */
.popular-card__img {
    display: block;
    position: relative;
    width: 100%;
    height: 170px;
    overflow: hidden;
}
.popular-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.popular-card:hover .popular-card__img img {
    transform: scale(1.08);
}

/* Subtle overlay gradient on image */
.popular-card__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent 55%, rgba(15, 23, 42, 0.08) 100%);
    transition: opacity 0.3s ease;
}
.popular-card:hover .popular-card__overlay {
    opacity: 0.5;
}

/* Card Body */
.popular-card__body {
    padding: 14px 16px 16px;
}

/* Meta - category + date */
.popular-card__meta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}
.popular-card__cat {
    display: inline-block;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #0f172a;
    background: #f1f5f9;
    padding: 3px 8px;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.2s ease;
}
.popular-card__cat:hover {
    background: #0f172a;
    color: #fff;
    text-decoration: none;
}
.popular-card__date {
    font-size: 0.68rem;
    color: #94a3b8;
    font-weight: 500;
}

/* Title */
.popular-card__title {
    margin: 0;
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.popular-card__title a {
    color: #1e293b;
    text-decoration: none;
    transition: color 0.2s ease;
}
.popular-card__title a:hover {
    color: #0f172a;
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 1100px) {
    .popular-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 600px) {
    .popular-grid {
        grid-template-columns: 1fr;
    }
    .popular-card__img {
        height: 200px;
    }
}

/* Dark mode */
body.dark-mode .popular-card {
    background: #1e1e2e;
    box-shadow: 8px 8px 16px #0a0a0f, -8px -8px 16px #2a2a3e, 0 0 0 1px rgba(255,255,255,0.03);
}
body.dark-mode .popular-card:hover {
    box-shadow: 12px 12px 24px #080810, -12px -12px 24px #2e2e42, 0 0 0 1px rgba(255,255,255,0.06);
}
body.dark-mode .popular-card__title a { color: #e2e8f0; }
body.dark-mode .popular-card__title a:hover { color: #fff; }
body.dark-mode .popular-card__cat { background: #334155; color: #e2e8f0; }
body.dark-mode .popular-card__cat:hover { background: #475569; color: #fff; }
body.dark-mode .popular-card__date { color: #64748b; }
body.dark-mode .popular-card__overlay { background: linear-gradient(to bottom, transparent 55%, rgba(0,0,0,0.2) 100%); }

/* Old empatcol hidden to use modern grid instead */
.newsthumbs-empatcol {
    flex-wrap: wrap;
    display: flex;
}



.newsthumbs-empatcol .newsthumb {

    width: 25%;

    margin-bottom: 15px

}



.list-number ol {

    list-style: decimal;

    margin-left: 20px

}



.list-number ol li {

    margin-bottom: 10px

}



.list-number ol a {

    color: #f28800

}



.pdfview iframe {

    width: 100%;

    height: 550px

}



.detail-infografis .pages-pic {

    width: 65%;

    margin: 0 auto 15px auto

}



.detail-infografis .detail__content img {

    width: 65%;

    margin-bottom: 15px

}



@media screen and (max-width: 767px) {

    .pages-title {

        font-size: 18px;

        line-height: 1.5

    }



    .detail__content h2 {

        font-size: 16px;

        margin-bottom: 7px

    }



    .detail {

        font-size: 14px

    }



    .pdfview iframe {

        width: 100%;

        height: 300px

    }



    .detail-infografis .pages-pic {

        width: 95%

    }



    .detail-infografis .detail__content img {

        width: 95%

    }

}



.bagan {

    color: #064ea2

}



.bagan__title {

    text-align: center;

    color: #064ea2;

    margin-bottom: 60px

}



.bagan__title h1 {

    font-size: 28px;

    line-height: 1.1;

    font-weight: bold

}



.bagan__title .date {

    font-size: 14px;

    color: #064ea2;

    margin-top: 5px

}



.bagan__download {

    font-size: 12px

}



.bagan__download a {

    background: #064ea2;

    color: #fff;

    display: inline-block;

    padding: 3px 10px;

    margin-top: 5px;

    border-radius: 4px

}



.bagan__posisi {

    font-size: 28px;

    line-height: 1.1;

    font-weight: bold;

    text-align: center;

    margin-bottom: 25px

}



.bagan--head .bagan__col {

    width: 35%

}



.bagan--head .bagan__pic {

    height: auto

}



.bagan--head .bagan__nama {

    font-size: 18px

}



.bagan__row {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    margin-bottom: 40px

}



.bagan__col {

    width: 20%;

    padding: 0px 15px 15px 15px;

    text-align: center

}



.bagan__pic {

    height: 200px;

    margin-bottom: 10px

}



.bagan__pic img {

    object-fit: cover;

    height: 100%;

    width: 100%;

    border-radius: 100%

}



.bagan__nama {

    font-weight: bold;

    font-size: 16px;

    margin-bottom: 5px

}



@media screen and (max-width: 991px) {

    .bagan__col {

        width: 25%;

        margin-bottom: 15px

    }



    .bagan--eselon .bagan__col {

        width: 27%

    }

}



@media screen and (max-width: 767px) {

    .bagan--head .bagan__col {

        width: 90%;

        max-width: 320px

    }



    .bagan--head .bagan__nama {

        font-size: 16px

    }



    .bagan--eselon .bagan__col,

    .bagan__col {

        width: 50%

    }



    .bagan__title {

        margin-bottom: 30px;

        margin-top: 20px

    }



    .bagan__title h1 {

        font-size: 20px

    }



    .bagan__title .date {

        font-size: 12px

    }



    .bagan__posisi {

        font-size: 18px;

        margin-bottom: 10px

    }



    .bagan__row {

        margin-bottom: 10px

    }



    .bagan__col {

        padding: 0px 6px 10px 6px

    }



    .bagan__nama {

        font-size: 14px

    }



    .bagan__pic {

        height: 300px

    }

}



@media screen and (max-width: 540px) {

    .bagan__pic {

        height: 180px

    }

}



@media screen and (max-width: 360px) {

    .bagan__pic {

        height: 150px

    }

}



.banner-footer {

    position: absolute;

    margin: 0 auto;

    left: 0;

    right: 0;

    bottom: 0;

    position: fixed;

    z-index: 999

}



.banner-footer img {

    width: 100%;

    vertical-align: bottom

}



.banner-footer-inner {

    position: relative

}



.banner-footer-close {

    background-color: #e01822;

    cursor: pointer;

    color: #fff;

    padding: 5px 10px;

    position: absolute;

    right: 0;

    bottom: 75%;

    font-size: 24px;

    line-height: 1;

    border-radius: 100%

}



@media screen and (max-width: 767px) {

    .banner-footer-close {

        padding: 3px 7px;

        right: 3px;

        bottom: 75%;

        font-size: 18px

    }

}



.newsthumb__img .d-only {

    display: block

}



.newsthumb__img .m-only {

    display: none

}



.xswiper-topicon-wrap {

    position: relative

}



.xslide {

    position: relative

}



.xslide .page {

    position: relative;

    padding-bottom: 0

}



.xslide-img {

    position: relative

}



.xslide-img:before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0

}



.xslide-img img {

    object-fit: contain;

    width: 100%;

    height: auto;

    vertical-align: bottom

}



.xslide-title {

    font-size: 24px;

    line-height: 1.4;

    text-transform: uppercase;

    font-weight: bold;

    margin-bottom: 5px;

    border-bottom: 1px solid;

    display: inline-block

}



.xslide-text p {

    color: #fff;

    line-height: 1.7

}



.xslide-more {

    background: #004a92;

    color: #fff;

    padding: 10px 30px;

    display: inline-block

}



.xslide-text a,

.xslide-text a:hover {

    color: #fff;

    text-decoration: none

}



.swiper-button-next,

.swiper-container-rtl .swiper-button-prev,

.swiper-button-prev,

.swiper-container-rtl .swiper-button-next {

    color: #fff;

    top: 45%

}



.xswiper {

    box-sizing: border-box;

    margin-top: 0;

    padding-bottom: 0;

    overflow: hidden

}



.custom-bullet {

    position: absolute;

    margin: 0 auto;

    left: 0;

    right: 0

}



.swiper-button-prev.swiper-button-custom {

    left: 20px

}



.swiper-button-next.swiper-button-custom {

    right: 20px

}



.gallery-thumbs,

.gallery-top {

    height: 0;

    opacity: 0;

    overflow: hidden;

    transition: 1s all ease-in-out

}



.gallery-thumbs.swiper-container-initialized,

.gallery-top.swiper-container-initialized {

    height: auto;

    opacity: 1

}



.gallery-top {

    height: 80%;

    width: 100%

}



.gallery-thumbs {

    height: 20%;

    box-sizing: border-box;

    padding: 10px 0;

    margin-top: 10px

}



.gallery-thumbs .swiper-slide {

    height: 100%;

    opacity: 0.4

}



.gallery-thumbs .swiper-slide-thumb-active {

    opacity: 1

}



.swiper-fotodetail {

    padding: 7px 7px 0px 7px;

    margin-bottom: 25px;

    border-radius: 5px

}



.swiper-fotodetail .swiper-button-next:after,

.swiper-fotodetail .swiper-button-prev:after {

    font-size: 18px

}



.swiper-fotodetail .swiper-button-next:after {

    padding-left: 3px

}



.swiper-fotodetail .swiper-button-prev:after {

    padding-right: 3px

}



.swiper-fotodetail .swiper-button-next.swiper-button-white,

.swiper-fotodetail .swiper-button-prev.swiper-button-white {

    background-color: #d8d8d8;

    color: #2b2d31;

    width: 40px;

    height: 40px;

    border-radius: 100%

}



.fotodetail-main img {

    width: 100%;

    border-radius: 10px;

    object-fit: cover;

    height: 500px

}



.gallery-thumbs .fotodetail-main img {

    height: 140px;

    border-radius: 5px;

    object-fit: cover;

    width: 100%

}



.swiper-button-custom {

    background: #F3EA08;

    color: #064ea2;

    opacity: 0;

    transition: all 0.3s ease-in-out

}



.swiper-button-custom.swiper-button-next:after,

.swiper-button-custom.swiper-button-prev:after {

    font-size: 14px

}



.swiper-containerx:hover .swiper-button-custom {

    opacity: 1

}



@media screen and (max-width: 991px) {

    .xswiper-topicon-wrap {

        margin-top: 85px

    }

}



@media screen and (max-width: 767px) {

    .newsthumb__img .m-only {

        display: block

    }



    .newsthumb__img .d-only {

        display: none

    }



    .xslide-title {

        font-size: 20px;

        line-height: 1.2;

        margin-bottom: 7px

    }



    .custom-bullet {

        top: -25px

    }



    .xslide-text {

        width: 90%;

        padding: 15px 20px

    }



    .xslide-text p {

        color: #fff;

        line-height: 1.5;

        max-height: 75px;

        overflow: hidden

    }



    .xswiper-topicon-wrap {

        margin-top: 74px

    }

}



@media screen and (max-width: 640px) {

    .fotodetail-main img {

        height: 250px

    }



    .gallery-thumbs .fotodetail-main img {

        height: 80px

    }

}



.topicon {

    position: absolute;

    right: 8%;

    bottom: 30px;

    z-index: 10;

    font-weight: bold

}



.topicon__row {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    margin-bottom: 5px

}



.topicon__row:hover .topicon__text {

    width: auto;

    opacity: 1

}



.topicon__text {

    white-space: nowrap;

    opacity: 0;

    background-color: rgba(255, 255, 255, 0.5);

    border-radius: 10px;

    padding: 10px 35px 10px 15px;

    margin-right: -30px;

    transition: 0.5s all ease-in-out

}



.topicon__icon {

    z-index: 999

}



.topicon__icon img {

    width: 50px

}



@media screen and (max-width: 1024px) {

    .topicon__icon img {

        width: 40px

    }

}



@media screen and (max-width: 767px) {

    .topicon {

        position: relative;

        border-top: 5px solid #00923f;

        right: 0;

        bottom: 0;

        display: flex;

        flex-wrap: wrap;

        background-color: #F3EA08;

        padding-top: 20px

    }



    .topicon__row {

        flex-direction: column-reverse;

        width: 50%;

        margin-bottom: 10px

    }



    .topicon__icon {

        flex-shrink: 0

    }



    .topicon__text {

        opacity: 1;

        background-color: #F3EA08;

        color: #fff;

        margin: 0;

        padding: 10px;

        white-space: normal;

        text-align: center;

        width: 70%

    }



    .topicon__icon img {

        width: 50px;

        margin-bottom: 5px

    }

}



.latestfoto .newsrow__img {

    position: relative

}



.latestfoto .newsrow__img a:before {

    position: absolute;

    top: 5px;

    left: 5px;

    z-index: 9;

    font-size: 14px;

    content: "\f083";

    -moz-osx-font-smoothing: grayscale;

    -webkit-font-smoothing: antialiased;

    font-family: 'Font Awesome 5 Free';

    font-weight: 900;

    background: #F3EA08;

    width: 30px;

    height: 30px;

    border-radius: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff

}



.hlm-section {

    margin-bottom: 30px

}



.section-borderbottom {

    border-bottom: 1px solid #ececec;

    padding-bottom: 30px

}



.hlm-title {
    border-bottom: none;
    font-family: "NeoSans", Arial, Helvetica, sans-serif;
    font-size: 1.1rem;
    text-transform: uppercase;
    margin-bottom: 18px;
    line-height: 1.4;
    display: flex;
    align-items: center;
    gap: 10px;
}

.hlm-title::before {
    content: '';
    width: 5px;
    height: 28px;
    background: linear-gradient(180deg, #0f172a, #1e293b);
    border-radius: 3px;
    flex-shrink: 0;
}



.hlm-title-blueborder {

    position: relative;

    padding: 0;

    line-height: 1;

    display: inline;
    font-weight: 600;
    letter-spacing: 0.5px;

}



.hlm-title-blueborder:before {

    content: none

}



.hlm-title span {

    font-weight: 400;
    color: #475569;

}



.hlm-title span.strong {

    font-weight: 700;
    color: #0f172a;

}



.hlm-title--sub {

    margin-bottom: 0;

    border: none;

    font-size: 1rem;

}

.hlm-title--sub::before {
    content: none;
}



.hlm-title--sub .hlm-title-blueborder:before {

    content: none

}



.newsrow {

    margin-bottom: 15px

}



.newsrow__row {

    display: flex;

    margin-bottom: 25px

}



.newsrow__row:last-child {

    margin-bottom: 10px

}



.newsrow__img {

    position: relative;

    width: 280px;

    height: 210px;

    flex-shrink: 0;

    border-radius: 7px;

    overflow: hidden;

    border-left: 10px solid #064ea2;

    background: #064ea2

}



.newsrow__img:hover img {

    transform: scale(1.1)

}



.newsrow__img img {

    border-radius: 10px 0px 0 10px;

    object-fit: cover;

    vertical-align: bottom;

    width: 100%;

    height: 100%;

    max-width: 400px;

    transition: 0.2s all ease-in-out;

    transform: scale(1)

}



.newsrow__content {

    padding-left: 20px;

    padding-top: 7px;

    width: 100%

}



.newsrow__title {

    font-size: 20px;

    margin-bottom: 5px;

    font-weight: bold

}



.newsrow__summary {

    margin-bottom: 15px

}



.newsrow__summary p {

    margin: 0

}



.catedate {

    display: flex;

    font-size: 10px;

    margin-bottom: 15px

}



.catedate .cate {

    background-color: #064ea2;

    color: #fff;

    padding: 5px 7px 5px

}



.catedate .date {

    color: #8a93a7;

    padding: 5px 7px 5px

}



.hlm-more {

    font-size: 12px;

    position: relative;

    text-align: right

}



.hlm-more:before {

    content: "\f054";

    position: absolute;

    right: 0;

    top: 0;

    background-color: #1e3a8a;
    color: #fff;
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 10px;
    height: 18px;
    width: 18px;
    display: flex;
    justify-content: center;
    align-items: center
}

.hlm-more a {
    padding: 3px;
    display: inline-block;
    padding-right: 25px;
    display: inline-flex;
    align-items: center;
    padding: 2px 23px 2px 9px
}

.hlm-showall a,
.hlm-showall .btn-more {
    display: inline-block;
    background-color: #1e3a8a;

    color: #fff;

    padding: 7px 15px;

    width: 100%;

    max-width: 190px;

    text-align: center;

    cursor: pointer;

    border-radius: 5px

}



.newsrow--video .newsrow__row {

    border-bottom: 1px solid #ececec;

    padding-bottom: 15px;

    margin-bottom: 15px

}



.newsrow--video .newsrow__title {

    margin-bottom: 15px

}



.newsrow--video .newsrow__img {

    width: 230px;

    height: 155px

}



.newsrow--video .newsrow__img a:before {

    content: "";

    z-index: 9;

    position: absolute;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    top: 0;

    left: 0

}



.newsrow--video .newsrow__img a:after {

    font-size: 36px;

    content: "\f144";

    font-family: 'Font Awesome 5 Free';

    font-weight: 900;

    color: #fff;

    z-index: 9;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%)

}



.align-right {

    text-align: right

}



.tanggal-event {

    position: absolute;

    right: 10px;

    top: 8px;

    box-shadow: 2px 2px 3px #2b2d31;

    padding: 5px 10px;

    background: #F3EA08;

    border-radius: 8px;

    text-align: center

}



.tanggal-event * {

    line-height: 1

}



.tanggal-bulan {

    font-size: 11px;

    margin-bottom: 2px

}



.tanggal-tanggal {

    font-size: 30px;

    font-weight: bold;

    margin-bottom: 2px

}



.tanggal-tahun {

    font-size: 13px

}



@media screen and (max-width: 767px) {

    .newsrow__row {

        flex-direction: column;

        border-bottom: 1px solid #d8d8d8;

        padding-bottom: 15px;

        margin-bottom: 20px

    }



    .newsrow__img {

        width: 100%;

        text-align: center;

        background: #2b2d31;

        border-radius: 10px;

        overflow: hidden;

        height: auto

    }



    .newsrow__img img {

        border-radius: 0

    }



    .newsrow__content {

        padding-left: 0;

        padding-top: 10px

    }



    .hlm-title {
        font-size: 1rem;
    }



    .newsrow__title {

        font-size: 16px

    }



    .hlm-more {

        font-size: 11px

    }



    .hlm-more:before {

        font-size: 8px;

        height: 14px;

        width: 14px

    }



    .hlm-more a {

        padding: 0 20px 0 0px

    }



    .newsrow__summary {

        margin-bottom: 10px

    }



    .hlm-section {

        margin-bottom: 30px

    }



    .catedate {

        margin-bottom: 7px

    }



    .newsrow--video .newsrow__img {

        width: 100%;

        height: auto;

        flex-shrink: 0

    }



    .hlm-title--sub {

        font-size: 18px

    }

}



.latestfoto .newsthumb__img,

.fotovideo .newsthumb__img {

    position: relative

}



.fotovideo .fotothumb:before {

    left: 15px

}



.fotovideo .videothumb:before {

    left: 15px

}



/* =============================================
   MODERN GALLERY GRID - Galeri Foto Home
   ============================================= */
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.gallery-card {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 6px 16px rgba(0,0,0,0.04);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    transform: translateY(0);
}
.gallery-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12), 0 4px 12px rgba(15, 23, 42, 0.06);
}
.gallery-card__img {
    position: relative;
    width: 100%;
    height: 220px;
    overflow: hidden;
    cursor: pointer;
}
.gallery-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.gallery-card:hover .gallery-card__img img {
    transform: scale(1.08);
}
.gallery-card__overlay {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.35s ease;
}
.gallery-card:hover .gallery-card__overlay {
    background: rgba(15, 23, 42, 0.45);
}
.gallery-card__zoom-icon {
    opacity: 0;
    transform: scale(0.6);
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.gallery-card:hover .gallery-card__zoom-icon {
    opacity: 1;
    transform: scale(1);
}
.gallery-card__body {
    padding: 14px 16px 16px;
}
.gallery-card__cat {
    display: inline-block;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #0f172a;
    background: #f1f5f9;
    padding: 3px 10px;
    border-radius: 50px;
    margin-bottom: 8px;
}
.gallery-card__title {
    margin: 0 0 6px 0;
    font-size: 0.88rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.gallery-card__date {
    font-size: 0.7rem;
    color: #94a3b8;
    font-weight: 500;
}

/* Entry animation */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Dark mode */
body.dark-mode .gallery-card { background: #1e1e2e; box-shadow: 4px 4px 12px #0a0a0f, -4px -4px 12px #2a2a3e; }
body.dark-mode .gallery-card:hover { box-shadow: 8px 8px 20px #080810, -8px -8px 20px #2e2e42; }
body.dark-mode .gallery-card__title { color: #e2e8f0; }
body.dark-mode .gallery-card__cat { background: #334155; color: #cbd5e1; }
body.dark-mode .gallery-card__date { color: #64748b; }

/* Responsive */
@media (max-width: 991px) {
    .gallery-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .gallery-grid { grid-template-columns: 1fr; }
    .gallery-card__img { height: 240px; }
}

/* Keep old swiper hidden */
.swiper-container-foto { display: none; }

.fotoslider-wrap {

    overflow: hidden;

    width: 100%;

    position: relative

}



.newsthumb {

    padding: 0 6px

}



.newsthumb__img {

    border-radius: 4px;

    overflow: hidden;

    height: 145px;

    margin-bottom: 10px

}



.newsthumb__img img {

    object-fit: cover;

    vertical-align: bottom;

    width: 100%;

    height: 100%;

    transition: 0.2s all ease-in-out;

    transform: scale(1)

}



.newsthumb__img img:hover {

    transform: scale(1.1)

}



.newsthumb__title {

    line-height: 1.4;

    font-weight: bold;

    font-size: 16px;

    max-height: 90px;

    overflow: hidden

}



/* =============================================
   MODERN ALBUM GRID - Halaman Foto / Album
   ============================================= */
.album-section {
    margin-bottom: 30px;
}
.album-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.album-card {
    display: block;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.03), 0 6px 16px rgba(0,0,0,0.04);
    transform: translateY(0);
}
.album-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.12), 0 4px 12px rgba(15, 23, 42, 0.06);
}

/* Stacked photo effect */
.album-card__stack {
    position: relative;
    padding: 20px 20px 10px 20px;
    height: 210px;
    overflow: visible;
}
.album-card__photo {
    position: absolute;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.album-card__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Back layer #2 - furthest, most rotated */
.album-card__photo--back2 {
    width: 83%;
    height: 160px;
    top: 36px;
    left: 2%;
    transform: rotate(-3deg);
    z-index: 1;
    filter: brightness(0.75) saturate(0.8);
}
/* Back layer #1 - middle */
.album-card__photo--back1 {
    width: 88%;
    height: 170px;
    top: 24px;
    left: 6%;
    transform: rotate(2deg);
    z-index: 2;
    filter: brightness(0.85) saturate(0.9);
}
/* Front layer - main photo */
.album-card__photo--front {
    position: relative;
    width: 100%;
    height: 185px;
    top: 0;
    left: 0;
    transform: rotate(0deg);
    z-index: 3;
    box-shadow: 0 8px 28px rgba(0,0,0,0.15);
}
.album-card:hover .album-card__photo--back2 {
    transform: rotate(-5deg) translateX(-6px) translateY(-4px);
    filter: brightness(0.7) saturate(0.75);
}
.album-card:hover .album-card__photo--back1 {
    transform: rotate(3deg) translateX(4px) translateY(-3px);
    filter: brightness(0.8) saturate(0.85);
}
.album-card:hover .album-card__photo--front {
    transform: scale(1.03);
    box-shadow: 0 14px 40px rgba(15, 23, 42, 0.2);
}

/* Photo count badge */
.album-card__count {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(15, 23, 42, 0.8);
    backdrop-filter: blur(8px);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 5px;
    z-index: 5;
    border: 1px solid rgba(255,255,255,0.15);
    letter-spacing: 0.3px;
}

/* Album card body */
.album-card__body {
    padding: 20px 20px 22px;
}
.album-card__title {
    margin: 0 0 8px 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.2s ease;
}
.album-card:hover .album-card__title {
    color: #0f172a;
}
.album-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.album-card__photos {
    font-size: 0.72rem;
    font-weight: 600;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 4px;
}
.album-card__photos::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0f172a;
    display: inline-block;
}
.album-card__date {
    font-size: 0.7rem;
    color: #94a3b8;
    font-weight: 500;
}

/* Dark mode */
body.dark-mode .album-card { background: #1e1e2e; box-shadow: 4px 4px 12px #0a0a0f, -4px -4px 12px #2a2a3e; }
body.dark-mode .album-card:hover { box-shadow: 8px 8px 24px #080810, -8px -8px 24px #303042; }
body.dark-mode .album-card__title { color: #e2e8f0; }
body.dark-mode .album-card:hover .album-card__title { color: #f1f5f9; }

/* Responsive */
@media (max-width: 1100px) { .album-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px)  { .album-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; } }
@media (max-width: 480px)  { .album-grid { grid-template-columns: 1fr; } .album-card__stack { height: 240px; } .album-card__photo--front { height: 220px; } .album-card__photo--back1 { height: 195px; } .album-card__photo--back2 { height: 185px; } }

/* Keep old selectors for fallback */
.thumbs-photo { display: none; }

/* =============================================
   MODERN PHOTO GALLERY - Detail Foto
   ============================================= */
.photo-gallery-wrap {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 30px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,0,0,0.03);
    background: #111;
}

/* Main slider */
.photo-gallery-wrap .gallery-top {
    width: 100%;
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
}
.photo-gallery-wrap .gallery-top .swiper-slide {
    background: #111;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 300px;
}
.photo-gallery__main {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.photo-gallery__main img {
    width: 100%;
    height: auto;
    max-height: 550px;
    object-fit: contain;
    display: block;
}
.photo-gallery__caption {
    position: absolute;
    bottom: 16px;
    left: 20px;
    max-width: 80%;
    font-size: 0.85rem;
    font-weight: 500;
    color: #fff;
    background: rgba(15, 23, 42, 0.7);
    backdrop-filter: blur(10px);
    padding: 8px 16px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.12);
    z-index: 5;
}

/* Thumbs strip */
.photo-gallery-wrap .gallery-thumbs {
    padding: 12px;
    background: rgba(255,255,255,0.03);
    border-top: 1px solid rgba(255,255,255,0.06);
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
}
.photo-gallery-wrap .gallery-thumbs .swiper-slide {
    width: 90px !important;
    height: 70px;
    opacity: 0.5;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid transparent;
}
.photo-gallery-wrap .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    border-color: #fff;
}
.photo-gallery__thumb {
    width: 100%;
    height: 100%;
}
.photo-gallery__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Swiper nav buttons */
.photo-gallery-wrap .swiper-button-next,
.photo-gallery-wrap .swiper-button-prev {
    color: #fff;
    background: rgba(15, 23, 42, 0.5);
    backdrop-filter: blur(8px);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transition: all 0.3s ease;
    border: 1px solid rgba(255,255,255,0.15);
}
.photo-gallery-wrap .swiper-button-next:hover,
.photo-gallery-wrap .swiper-button-prev:hover {
    background: rgba(15, 23, 42, 0.8);
    border-color: rgba(255,255,255,0.3);
}
.photo-gallery-wrap .swiper-button-next:after,
.photo-gallery-wrap .swiper-button-prev:after {
    font-size: 1rem;
    font-weight: bold;
}

/* Dark mode */
body.dark-mode .photo-gallery-wrap {
    box-shadow: 0 4px 30px rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.03);
}

/* Responsive */
@media (max-width: 768px) {
    .photo-gallery__main { max-height: 350px; }
    .photo-gallery__main img { max-height: 350px; }
    .photo-gallery-wrap .gallery-thumbs .swiper-slide { width: 65px !important; height: 50px; }
    .photo-gallery__caption { bottom: 10px; left: 10px; font-size: 0.75rem; padding: 6px 12px; }
}

/* =============================================
   MODERN INFOGRAFIS GRID - Halaman Infografis
   ============================================= */
.infografis-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.infografis-card {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 6px 16px rgba(0,0,0,0.04);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    transform: translateY(0);
}
.infografis-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12), 0 4px 12px rgba(15, 23, 42, 0.06);
}
.infografis-card__img {
    position: relative;
    width: 100%;
    height: 260px;
    overflow: hidden;
}
.infografis-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.infografis-card:hover .infografis-card__img img {
    transform: scale(1.06);
}
.infografis-card__overlay {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.35s ease;
}
.infografis-card:hover .infografis-card__overlay {
    background: rgba(15, 23, 42, 0.4);
}
.infografis-card__zoom {
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.infografis-card:hover .infografis-card__zoom {
    opacity: 1;
    transform: scale(1);
}
.infografis-card__body {
    padding: 14px 16px 16px;
}
.infografis-card__title {
    margin: 0;
    font-size: 0.88rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.2s ease;
}
.infografis-card:hover .infografis-card__title {
    color: #0f172a;
}

/* Dark mode */
body.dark-mode .infografis-card { background: #1e1e2e; box-shadow: 4px 4px 12px #0a0a0f, -4px -4px 12px #2a2a3e; }
body.dark-mode .infografis-card:hover { box-shadow: 8px 8px 20px #080810, -8px -8px 20px #2e2e42; }
body.dark-mode .infografis-card__title { color: #e2e8f0; }
body.dark-mode .infografis-card:hover .infografis-card__title { color: #f1f5f9; }

/* Responsive */
@media (max-width: 991px) { .infografis-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .infografis-grid { grid-template-columns: 1fr; } .infografis-card__img { height: 280px; } }

/* =============================================
   MODERN EBOOK GRID - Halaman E-Book
   ============================================= */
.ebook-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.ebook-card {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 6px 16px rgba(0,0,0,0.04);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    transform: translateY(0);
}
.ebook-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12), 0 4px 12px rgba(15, 23, 42, 0.06);
}
.ebook-card__cover {
    position: relative;
    width: 100%;
    height: 320px;
    overflow: hidden;
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
}
.ebook-card__cover img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.ebook-card:hover .ebook-card__cover img {
    transform: scale(1.05);
}
.ebook-card__overlay {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.35s ease;
}
.ebook-card:hover .ebook-card__overlay {
    background: rgba(15, 23, 42, 0.55);
}
.ebook-card__read-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 22px;
    background: #fff;
    color: #0f172a;
    font-size: 0.8rem;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}
.ebook-card:hover .ebook-card__read-btn {
    opacity: 1;
    transform: translateY(0);
}
.ebook-card__read-btn:hover {
    background: #0f172a;
    color: #fff;
    text-decoration: none;
}
.ebook-card__body {
    padding: 14px 16px 16px;
}
.ebook-card__cat {
    display: inline-block;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #0f172a;
    background: #f1f5f9;
    padding: 3px 10px;
    border-radius: 50px;
    margin-bottom: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}
.ebook-card__cat:hover {
    background: #0f172a;
    color: #fff;
}
.ebook-card__title {
    margin: 0 0 10px 0;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ebook-card__title a {
    color: #1e293b;
    text-decoration: none;
    transition: color 0.2s ease;
}
.ebook-card__title a:hover {
    color: #0f172a;
}
.ebook-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.ebook-card__pages {
    font-size: 0.7rem;
    font-weight: 600;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 4px;
}
.ebook-card__date {
    font-size: 0.7rem;
    color: #94a3b8;
    font-weight: 500;
}

/* Dark mode */
body.dark-mode .ebook-card { background: #1e1e2e; box-shadow: 4px 4px 12px #0a0a0f, -4px -4px 12px #2a2a3e; }
body.dark-mode .ebook-card:hover { box-shadow: 8px 8px 20px #080810, -8px -8px 20px #2e2e42; }
body.dark-mode .ebook-card__title a { color: #e2e8f0; }
body.dark-mode .ebook-card__title a:hover { color: #f1f5f9; }
body.dark-mode .ebook-card__cat { background: #334155; color: #cbd5e1; }
body.dark-mode .ebook-card__cat:hover { background: #475569; color: #fff; }
body.dark-mode .ebook-card__pages { color: #94a3b8; }
body.dark-mode .ebook-card__date { color: #64748b; }

/* Responsive */
@media (max-width: 991px) { .ebook-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .ebook-grid { grid-template-columns: 1fr; } .ebook-card__cover { height: 360px; } }

/* =============================================
   MODERN VIDEO GRID - Halaman Video Terbaru
   ============================================= */
.video-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.video-card {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 6px 16px rgba(0,0,0,0.04);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    transform: translateY(0);
}
.video-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12), 0 4px 12px rgba(15, 23, 42, 0.06);
}
.video-card__thumb {
    display: block;
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
    background: #000;
}
.video-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.video-card:hover .video-card__thumb img {
    transform: scale(1.08);
}
.video-card__play {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    transition: all 0.35s ease;
}
.video-card__play svg {
    filter: drop-shadow(0 2px 8px rgba(0,0,0,0.5));
    opacity: 0.85;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.video-card:hover .video-card__play svg {
    opacity: 1;
    transform: scale(1.1);
}
.video-card__duration-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.35) 0%, transparent 50%);
    z-index: 2;
    pointer-events: none;
}
.video-card__body {
    padding: 14px 16px 16px;
}
.video-card__date {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 500;
    color: #94a3b8;
    margin-bottom: 6px;
}
.video-card__title {
    margin: 0;
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.video-card__title a {
    color: #1e293b;
    text-decoration: none;
    transition: color 0.2s ease;
}
.video-card__title a:hover {
    color: #0f172a;
}

/* Dark mode */
body.dark-mode .video-card { background: #1e1e2e; box-shadow: 4px 4px 12px #0a0a0f, -4px -4px 12px #2a2a3e; }
body.dark-mode .video-card:hover { box-shadow: 8px 8px 20px #080810, -8px -8px 20px #2e2e42; }
body.dark-mode .video-card__title a { color: #e2e8f0; }
body.dark-mode .video-card__title a:hover { color: #f1f5f9; }
body.dark-mode .video-card__date { color: #64748b; }

/* Responsive */
@media (max-width: 991px) { .video-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .video-grid { grid-template-columns: 1fr; } .video-card__thumb { height: 220px; } }

/* =============================================
   VIDEO MODAL - Popup player
   ============================================= */
.video-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.video-modal--open {
    opacity: 1;
    visibility: visible;
}
.video-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.video-modal__dialog {
    position: relative;
    width: 90%;
    max-width: 900px;
    background: #0f172a;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.06);
    transform: translateY(20px) scale(0.96);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.video-modal--open .video-modal__dialog {
    transform: translateY(0) scale(1);
}
.video-modal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.12);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    backdrop-filter: blur(8px);
}
.video-modal__close:hover {
    background: rgba(255,255,255,0.2);
    border-color: rgba(255,255,255,0.25);
}
.video-modal__ratio {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    background: #000;
}
.video-modal__ratio iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.video-modal__info {
    padding: 18px 24px 20px;
    color: #fff;
}
.video-modal__date {
    font-size: 0.72rem;
    color: #94a3b8;
    font-weight: 500;
    display: block;
    margin-bottom: 4px;
}
.video-modal__title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.4;
    color: #f1f5f9;
}

@media (max-width: 600px) {
    .video-modal__dialog { width: 96%; border-radius: 14px; }
    .video-modal__info { padding: 14px 18px 16px; }
    .video-modal__title { font-size: 0.9rem; }
    .video-modal__close { top: 8px; right: 8px; width: 34px; height: 34px; }
}

.fotothumb {

    margin-bottom: 20px;

    flex-wrap: wrap

}



.newsthumbs-tigacol .newsthumb {

    width: 33%;

    position: relative;

    margin-bottom: 20px

}



.newsthumbs-tigacol .newsthumb__img {

    height: 195px

}



.newsthumbs-fotolist {

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 0px

}



.newsthumbs-fotolist .newsthumb {

    width: 25%;

    padding: 0 8px;

    margin-bottom: 35px

}



.newsthumbs-fotolist .newsthumb__img {

    height: auto

}



.swiper-container-foto {

    height: 0;

    opacity: 0;

    overflow: hidden;

    transition: 1s all ease-in-out

}



.swiper-container-foto.swiper-container-initialized {

    height: auto;

    opacity: 1

}



.foto-latest {

    margin-bottom: 0

}



.videodetail {

    margin-bottom: 10px

}



.videodetail iframe {

    height: 480px

}



.fotohome .catedate,

.videohome .catedate {

    margin-bottom: 5px

}



.fotohome .date,

.videohome .date {

    padding-left: 0px;

    padding-bottom: 0

}



.fotothumb:before,

.videothumb:before {

    top: 7px;

    left: 12px

}



.newsthumb.infogthumb .newsthumb__img {

    height: 400px

}



@media screen and (max-width: 991px) {

    .newsthumbs-empatcol .newsthumb__img {

        height: 200px

    }

}



@media screen and (max-width: 840px) {

    .newsthumbs-fotolist .newsthumb {

        width: 33%

    }

}



@media screen and (max-width: 767px) {

    .newsthumbs-fotolist .newsthumb {

        width: 50%;

        border: none

    }



    .newsthumb__img {

        height: 230px

    }



    .newsthumbs-tigacol {

        flex-direction: column

    }



    .newsthumbs-tigacol .newsthumb__img {

        height: auto

    }



    .newsthumb__title {

        font-size: 15px

    }



    .newsthumb {

        padding: 0 4px;

        margin-bottom: 25px;

        border-bottom: 1px solid #d8d8d8;

        padding-bottom: 20px

    }



    .latestfoto .newsthumb {

        margin-bottom: 15px

    }



    .newsthumbs-tigacol .newsthumb {

        width: 100%;

        padding-bottom: 15px

    }



    .fotoslider-wrap .newsthumb {

        border: none;

        padding-bottom: 0;

        margin-bottom: 0

    }



    .newsthumbs-empatcol .newsthumb {

        width: 100%;

        margin-bottom: 15px

    }



    .newsthumbs-empatcol .newsthumb__img {

        height: 200px

    }



    .newsthumb.infogthumb .newsthumb__img {

        height: auto

    }

}



@media screen and (max-width: 640px) {

    .videodetail iframe {

        height: 400px

    }

}



@media screen and (max-width: 480px) {

    .newsthumb__img {

        height: 160px

    }



    .newsthumbs-fotolist .newsthumb {

        width: 100%;

        border-bottom: 1px solid #d8d8d8;

        padding-bottom: 15px;

        margin-bottom: 20px

    }



    .videodetail iframe {

        height: 250px

    }

}



.mindex-wrap {

    margin-bottom: 30px

}



.mindex ul {

    display: flex;

    justify-content: space-between

}



.mindex ul li {

    width: 12%;

    text-align: center

}



.mindex ul li a:hover {

    color: #064ea2

}



.mindex__icon {

    margin-bottom: 10px

}



.mindex__icon img {

    object-fit: contain;

    height: 47px;

    width: 100%;

    max-width: 120px

}



.mindex-slider {

    text-align: center

}



.mindex-link {

    padding: 5px

}



@media screen and (max-width: 767px) {

    .mindex ul {

        flex-wrap: wrap

    }



    .mindex ul li {

        width: 48%;

        margin-bottom: 20px

    }



    .mindex__icon img {

        height: 32px

    }

}



.pagetable {

    margin-bottom: 25px

}



.searchblock {

    margin-bottom: 20px

}



.searchblock__row {

    background-color: #ececec;

    border: 1px solid #d8d8d8;

    display: flex;

    padding: 15px

}



.searchblock__input {

    width: 100%

}



.searchblock__input input {

    width: 100%;

    height: 40px;

    padding: 5px 10px;

    border-radius: 0px;

    border: 1px solid #d8d8d8

}



.searchblock__btn {

    height: 40px;

    width: 50px;

    background-color: #4285f4;

    color: #fff;

    border: none

}



.searchblock__btn:visited {

    color: #fff

}



.tableblock {

    font-size: 14px;

    border: 1px solid #d8d8d8;

    padding: 5px 0;

    padding-bottom: 0

}



.tableblock a {

    color: #F3EA08;

    text-decoration: underline

}



.tableblock__wrap {

    width: 100%;

    overflow: auto

}



.tableblock__wrap table {

    min-width: 360px;

    width: 100%

}



.tableblock__wrap table tr {

    padding: 10px;

    border-bottom: 1px solid #d8d8d8

}



.tableblock__wrap table tr:nth-child(2n+2) {

    background-color: #ececec

}



.tableblock__wrap table tr th,

.tableblock__wrap table tr td {

    padding: 7px 12px

}



.tableblock__wrap table tr th {

    font-weight: bold;

    text-align: left

}



.tableblock__wrap table tr:last-child {

    border: none

}



.tablev2 {

    font-size: 14px

}



.tablev2__row {

    border: 1px solid #d8d8d8;

    margin-bottom: 25px

}



.tablev2__innerrow {

    display: flex;

    border-bottom: 1px solid #d8d8d8

}



.tablev2__innerrow:last-child {

    border: none;

    margin-bottom: 0

}



.tablev2__no {

    background-color: #ececec;

    flex-shrink: 0;

    padding: 3px 0 3px 10px;

    width: 5%;

    min-width: 35px

}



.tablev2__title {

    width: 10%;

    background-color: #ececec;

    padding: 3px 0 3px 0;

    min-width: 100px

}



.tablev2__dot {

    padding: 3px 0 3px 0;

    width: 2%;

    min-width: 20px;

    flex-shrink: 0;

    text-align: center

}



.tablev2__content {

    padding: 3px 10px 3px 0

}



.aksi-btn,

a.aksi-btn {

    background-color: #4285f4;

    color: #fff;

    padding: 3px 10px;

    display: inline-block;

    font-size: 13px;

    border-radius: 5px;

    white-space: nowrap;

    text-decoration: none

}



.aksi-btn:hover,

a.aksi-btn:hover {

    color: #F3EA08

}



.aksi-btn i,

a.aksi-btn i {

    margin-right: 5px

}



.date {

    font-size: 11px;

    color: #8a93a7;

    border-radius: 5px

}



.cate {

    background: #064ea2;

    color: #fff;

    padding: 5px 10px;

    display: inline-block;

    font-size: 12px;

    border-radius: 2px;

    margin-right: 5px

}



.cate:hover {

    color: #F3EA08

}



.xheadline {

    margin-top: 20px

}



.xheadline a:hover {

    color: #064ea2

}



.xheadline .cate:hover {

    color: #F3EA08

}



.xheadline__wrap {

    display: flex

}



.xheadline__main {

    width: 60%;

    border-radius: 5px;

    overflow: hidden;

    position: relative

}



.xheadline__main .xheadline__img {

    width: 100%;

    height: 100%;

    max-height: 550px

}



.xheadline__main .xheadline__img img {

    object-fit: cover;

    object-position: 0 0

}



.xheadline__main .xheadline__text {

    position: absolute;

    bottom: 0;

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #0a4ea2 100%);

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #0a4ea2 100%);

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #0a4ea2 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#0a4ea4', GradientType=0);

    padding: 15px 25px;

    padding-top: 100px;

    padding-bottom: 8px

}



.xheadline__main .xheadline__title {

    font-weight: bold;

    font-size: 26px;

    line-height: 1.4

}



.xheadline__main .xheadline__title a {

    color: #fff

}



.xheadline__main .date {

    color: #fff

}



.xheadline__side {

    width: 40%;

    padding-left: 20px

}



.xheadline__row {

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 10px;

    border-bottom: 1px solid #d8d8d8;

    padding-bottom: 10px

}



.xheadline__row:last-child {

    margin-bottom: 0

}



.xheadline__col {

    display: flex

}



.xheadline__img {

    flex-shrink: 0;

    border-radius: 4px;

    overflow: hidden;

    width: 120px;

    height: 98px

}



.xheadline__img img {

    object-fit: cover;

    width: 100%;

    height: 100%

}



.xheadline__text {

    padding-left: 10px;

    width: 100%

}



.xheadline__title {

    line-height: 1.3

}



.xheadline__catedate {

    margin-bottom: 5px

}



@media screen and (max-width: 991px) {

    .xheadline__wrap {

        flex-direction: column

    }



    .xheadline__main {

        width: 100%;

        margin-bottom: 20px

    }



    .xheadline__side {

        width: 100%;

        padding-left: 0;

        display: flex;

        flex-wrap: wrap

    }



    .xheadline__row {

        width: 50%;

        padding-right: 15px

    }

}



@media screen and (max-width: 991px) {

    .xheadline__main .xheadline__title {

        font-size: 16px

    }



    .xheadline__row {

        width: 100%

    }



    .xheadline__img {

        height: 90px;

        width: 90px

    }



    .cate {

        font-size: 10px

    }

}



.bloktitle {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    color: #fff;
    padding: 14px 16px;
    font-size: 14px;
    text-align: left;
    font-weight: 700;
    font-family: "NeoSans", Arial, Helvetica, sans-serif;
    margin-bottom: 0;
    border-radius: 12px 12px 0 0;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 8px
}

.bloktitle::before {
    content: '';
    width: 4px;
    height: 20px;
    background: #f28800;
    border-radius: 2px;
    flex-shrink: 0
}



.program__title {

    font-weight: bold;

    text-align: center;

    font-size: 1.1rem;

    border-bottom: 1px solid #d8d8d8;

    padding-bottom: 5px;

    margin-bottom: 10px

}



.program__row {

    display: flex;

    flex-wrap: wrap

}



.program__col {

    width: 49%;

    margin-right: 1%;

    border: 1px solid #d8d8d8;

    margin-bottom: 20px;

    border-radius: 10px;

    overflow: hidden

}



.program__col:hover {

    color: #f28800

}



.program__col:nth-child(2n+2) {

    margin-right: 0;

    margin-left: 1%

}



.program__img {

    height: 100px;

    background: #ececec

}



.program__img img {

    object-fit: contain;

    width: 100%;

    height: 100%

}



.program__text {

    display: flex;

    font-size: 16px;

    font-weight: bold;

    padding: 10px;

    justify-content: center;

    background: #d8d8d8;

    border-top: 1px solid #d8d8d8;

    line-height: 1.2;

    align-items: center

}



.program__text i {

    margin-left: 10px;

    background: #f28800;

    padding: 4px 6px;

    font-size: 12px;

    color: #fff

}



@media screen and (max-width: 767px) {

    .program__text {

        font-size: 13px

    }



    .program__text i {

        margin-left: 5px

    }



    .bloktitle {

        font-size: 16px

    }

}



.nav-tabs {

    display: flex

}



.nav-item {

    flex: 1;

    text-align: center;

    padding: 5px

}



.nav-item.active {

    color: #064ea2;

    border: 1px solid #d8d8d8;

    border-bottom: none;

    background: #fff;

    margin-bottom: -1px;

    font-weight: bold

}



.tab-pane {

    display: none

}



.tab-pane.active {

    display: block

}



.tab-content {

    border: 1px solid #d8d8d8

}



.gen-title {

    font-size: 16px;

    font-weight: bold;

    margin-bottom: 15px

}



.gen-content p {

    margin-bottom: 6px

}



ol.number {

    list-style: decimal;

    margin-left: 15px

}



ol.number li {

    padding-left: 5px;

    margin-bottom: 5px

}



.form-group {

    margin-bottom: 10px;

    display: flex

}



.form-group label {

    width: 120px

}



.form-group input,

.form-group textarea {

    padding: 5px 10px;

    max-width: 500px;

    width: 100%

}



.form-group button {

    font-size: 14px;

    margin-right: 7px;

    padding: 7px 15px;

    border: 1px solid #064ea2

}



.char-count {

    font-weight: bold

}



.btn-kirim {

    background: #064ea2;

    color: #fff

}



.btn-reset {

    color: #064ea2;

    background: #fff

}



.margin-left100 {

    margin-left: 120px

}



.gen-content {

    line-height: 1.5

}



.gen-content a {
    color: #2563eb;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.gen-content a:hover {
    color: #1d4ed8;
}
.gen-content a:visited {
    color: #2563eb;
}
.gen-content a font {
    color: inherit !important;
    background: transparent !important;
}
.gen-content a,
.gen-content a * {
    background-color: transparent !important;
}



.gen-content h1,

.gen-content h2,

.gen-content h3,

.gen-content h4,

.gen-content h5,

.gen-content h6 {

    margin-bottom: 15px

}



.gen-content h2 {

    font-size: 18px

}



.gen-content h3 {

    font-size: 16px

}



.gen-content ul,

.gen-content ol {

    margin: 10px 15px

}



.gen-content ul {

    list-style: disc

}



.gen-content ol {

    list-style: decimal

}



.gen-content li {

    margin-bottom: 7px

}



.gen-content table img {

    height: auto;

    max-width: 150px;

    width: 100%

}



.gen-content td {

    border: 1px solid #d8d8d8;

    vertical-align: middle;

    padding: 5px 7px

}



.back-to-top {

    background: rgba(85, 85, 85, 0.5);

    padding: 10px;

    position: fixed;

    bottom: 70px;

    right: 15px;

    border-radius: 7px

}



.back-to-top span {

    color: #fff

}







.footer-navbardge {

    position:fixed;

     bottom: 0;

     width: 100%;

     height: 60px;

     background-color: #f5f5f5;



    border-top: 1px solid transparent;

    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);

}



.selectorsdge, .block{

    height:100%;

    width:100%;

}



.selectorsdge button{

    border: 0;

    border-radius: 0;

    background-color: #f8f9fa !important;

    width:25%;

    margin-left: 0;

}



.selectorsdge button:active{

    border:0;

}



.selectorsdge button:focus{

    border:0;

    outline: 0;

    box-shadow: 0 0 0 0px;

}



.activex, .selectordge-holder{

    display: flex;

    flex-direction: column;

}



.inactivex{

    display: none;

}



.selectordge-holder span{

    font-size: 0.8rem;

}



/* Colors of the buttons*/

.button-active, .selectorsdge button:hover, .selectorsdge button:active, .selectorsdge button:focus{

    color: #32cafe;

}



.button-inactive{

    color: #000;

}