/*!
 * Font Awesome Free 6.6.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)
 * Copyright 2024 Fonticons, Inc.
 */
.fa {
    font-family: var(--fa-style-family,"Font Awesome 6 Free");
    font-weight: var(--fa-style,900)
}

.fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp-solid, .fa-solid, .fab, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

.fa-classic, .fa-regular, .fa-solid, .far, .fas {
    font-family: "Font Awesome 6 Free"
}

.fa-brands, .fab {
    font-family: "Font Awesome 6 Brands"
}

.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-2xs {
    font-size: .625em;
    line-height: .1em;
    vertical-align: .225em
}

.fa-xs {
    font-size: .75em;
    line-height: .08333em;
    vertical-align: .125em
}

.fa-sm {
    font-size: .875em;
    line-height: .07143em;
    vertical-align: .05357em
}

.fa-lg {
    font-size: 1.25em;
    line-height: .05em;
    vertical-align: -.075em
}

.fa-xl {
    font-size: 1.5em;
    line-height: .04167em;
    vertical-align: -.125em
}

.fa-2xl {
    font-size: 2em;
    line-height: .03125em;
    vertical-align: -.1875em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: var(--fa-li-margin,2.5em);
    padding-left: 0
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    left: calc(var(--fa-li-width, 2em)*-1);
    position: absolute;
    text-align: center;
    width: var(--fa-li-width,2em);
    line-height: inherit
}

.fa-border {
    border-radius: var(--fa-border-radius,.1em);
    border: var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);
    padding: var(--fa-border-padding,.2em .25em .15em)
}

.fa-pull-left {
    float: left;
    margin-right: var(--fa-pull-margin,.3em)
}

.fa-pull-right {
    float: right;
    margin-left: var(--fa-pull-margin,.3em)
}

.fa-beat {
    animation-name: fa-beat;
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,ease-in-out)
}

.fa-bounce {
    animation-name: fa-bounce;
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))
}

.fa-fade {
    animation-name: fa-fade;
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))
}

.fa-beat-fade, .fa-fade {
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s)
}

.fa-beat-fade {
    animation-name: fa-beat-fade;
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))
}

.fa-flip {
    animation-name: fa-flip;
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,ease-in-out)
}

.fa-shake {
    animation-name: fa-shake;
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,linear)
}

.fa-shake, .fa-spin {
    animation-delay: var(--fa-animation-delay,0s);
    animation-direction: var(--fa-animation-direction,normal)
}

.fa-spin {
    animation-name: fa-spin;
    animation-duration: var(--fa-animation-duration,2s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,linear)
}

.fa-spin-reverse {
    --fa-animation-direction: reverse
}

.fa-pulse, .fa-spin-pulse {
    animation-name: fa-spin;
    animation-direction: var(--fa-animation-direction,normal);
    animation-duration: var(--fa-animation-duration,1s);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-timing-function: var(--fa-animation-timing,steps(8))
}

@media (prefers-reduced-motion:reduce) {
    .fa-beat, .fa-beat-fade, .fa-bounce, .fa-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse {
        animation-delay: -1ms;
        animation-duration: 1ms;
        animation-iteration-count: 1;
        transition-delay: 0s;
        transition-duration: 0s
    }
}

@keyframes fa-beat {
    0%,90% {
        transform: scale(1)
    }

    45% {
        transform: scale(var(--fa-beat-scale,1.25))
    }
}

@keyframes fa-bounce {
    0% {
        transform: scale(1) translateY(0)
    }

    10% {
        transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)
    }

    30% {
        transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))
    }

    50% {
        transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)
    }

    57% {
        transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em))
    }

    64% {
        transform: scale(1) translateY(0)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity,.4)
    }
}

@keyframes fa-beat-fade {
    0%,to {
        opacity: var(--fa-beat-fade-opacity,.4);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(var(--fa-beat-fade-scale,1.125))
    }
}

@keyframes fa-flip {
    50% {
        transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))
    }
}

@keyframes fa-shake {
    0% {
        transform: rotate(-15deg)
    }

    4% {
        transform: rotate(15deg)
    }

    8%,24% {
        transform: rotate(-18deg)
    }

    12%,28% {
        transform: rotate(18deg)
    }

    16% {
        transform: rotate(-22deg)
    }

    20% {
        transform: rotate(22deg)
    }

    32% {
        transform: rotate(-12deg)
    }

    36% {
        transform: rotate(12deg)
    }

    40%,to {
        transform: rotate(0deg)
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.fa-rotate-90 {
    transform: rotate(90deg)
}

.fa-rotate-180 {
    transform: rotate(180deg)
}

.fa-rotate-270 {
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    transform: scaleX(-1)
}

.fa-flip-vertical {
    transform: scaleY(-1)
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
    transform: scale(-1)
}

.fa-rotate-by {
    transform: rotate(var(--fa-rotate-angle,0))
}

.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%;
    z-index: var(--fa-stack-z-index,auto)
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: var(--fa-inverse,#fff)
}

.fa-0:before {
    content: "\30"
}

.fa-1:before {
    content: "\31"
}

.fa-2:before {
    content: "\32"
}

.fa-3:before {
    content: "\33"
}

.fa-4:before {
    content: "\34"
}

.fa-5:before {
    content: "\35"
}

.fa-6:before {
    content: "\36"
}

.fa-7:before {
    content: "\37"
}

.fa-8:before {
    content: "\38"
}

.fa-9:before {
    content: "\39"
}

.fa-fill-drip:before {
    content: "\f576"
}

.fa-arrows-to-circle:before {
    content: "\e4bd"
}

.fa-chevron-circle-right:before, .fa-circle-chevron-right:before {
    content: "\f138"
}

.fa-at:before {
    content: "\40"
}

.fa-trash-alt:before, .fa-trash-can:before {
    content: "\f2ed"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-user-times:before, .fa-user-xmark:before {
    content: "\f235"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-comment-alt:before, .fa-message:before {
    content: "\f27a"
}

.fa-info:before {
    content: "\f129"
}

.fa-compress-alt:before, .fa-down-left-and-up-right-to-center:before {
    content: "\f422"
}

.fa-explosion:before {
    content: "\e4e9"
}

.fa-file-alt:before, .fa-file-lines:before, .fa-file-text:before {
    content: "\f15c"
}

.fa-wave-square:before {
    content: "\f83e"
}

.fa-ring:before {
    content: "\f70b"
}

.fa-building-un:before {
    content: "\e4d9"
}

.fa-dice-three:before {
    content: "\f527"
}

.fa-calendar-alt:before, .fa-calendar-days:before {
    content: "\f073"
}

.fa-anchor-circle-check:before {
    content: "\e4aa"
}

.fa-building-circle-arrow-right:before {
    content: "\e4d1"
}

.fa-volleyball-ball:before, .fa-volleyball:before {
    content: "\f45f"
}

.fa-arrows-up-to-line:before {
    content: "\e4c2"
}

.fa-sort-desc:before, .fa-sort-down:before {
    content: "\f0dd"
}

.fa-circle-minus:before, .fa-minus-circle:before {
    content: "\f056"
}

.fa-door-open:before {
    content: "\f52b"
}

.fa-right-from-bracket:before, .fa-sign-out-alt:before {
    content: "\f2f5"
}

.fa-atom:before {
    content: "\f5d2"
}

.fa-soap:before {
    content: "\e06e"
}

.fa-heart-music-camera-bolt:before, .fa-icons:before {
    content: "\f86d"
}

.fa-microphone-alt-slash:before, .fa-microphone-lines-slash:before {
    content: "\f539"
}

.fa-bridge-circle-check:before {
    content: "\e4c9"
}

.fa-pump-medical:before {
    content: "\e06a"
}

.fa-fingerprint:before {
    content: "\f577"
}

.fa-hand-point-right:before {
    content: "\f0a4"
}

.fa-magnifying-glass-location:before, .fa-search-location:before {
    content: "\f689"
}

.fa-forward-step:before, .fa-step-forward:before {
    content: "\f051"
}

.fa-face-smile-beam:before, .fa-smile-beam:before {
    content: "\f5b8"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-football-ball:before, .fa-football:before {
    content: "\f44e"
}

.fa-school-circle-exclamation:before {
    content: "\e56c"
}

.fa-crop:before {
    content: "\f125"
}

.fa-angle-double-down:before, .fa-angles-down:before {
    content: "\f103"
}

.fa-users-rectangle:before {
    content: "\e594"
}

.fa-people-roof:before {
    content: "\e537"
}

.fa-people-line:before {
    content: "\e534"
}

.fa-beer-mug-empty:before, .fa-beer:before {
    content: "\f0fc"
}

.fa-diagram-predecessor:before {
    content: "\e477"
}

.fa-arrow-up-long:before, .fa-long-arrow-up:before {
    content: "\f176"
}

.fa-burn:before, .fa-fire-flame-simple:before {
    content: "\f46a"
}

.fa-male:before, .fa-person:before {
    content: "\f183"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-file-csv:before {
    content: "\f6dd"
}

.fa-menorah:before {
    content: "\f676"
}

.fa-truck-plane:before {
    content: "\e58f"
}

.fa-record-vinyl:before {
    content: "\f8d9"
}

.fa-face-grin-stars:before, .fa-grin-stars:before {
    content: "\f587"
}

.fa-bong:before {
    content: "\f55c"
}

.fa-pastafarianism:before, .fa-spaghetti-monster-flying:before {
    content: "\f67b"
}

.fa-arrow-down-up-across-line:before {
    content: "\e4af"
}

.fa-spoon:before, .fa-utensil-spoon:before {
    content: "\f2e5"
}

.fa-jar-wheat:before {
    content: "\e517"
}

.fa-envelopes-bulk:before, .fa-mail-bulk:before {
    content: "\f674"
}

.fa-file-circle-exclamation:before {
    content: "\e4eb"
}

.fa-circle-h:before, .fa-hospital-symbol:before {
    content: "\f47e"
}

.fa-pager:before {
    content: "\f815"
}

.fa-address-book:before, .fa-contact-book:before {
    content: "\f2b9"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-k:before {
    content: "\4b"
}

.fa-landmark-flag:before {
    content: "\e51c"
}

.fa-pencil-alt:before, .fa-pencil:before {
    content: "\f303"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-comments:before {
    content: "\f086"
}

.fa-file-clipboard:before, .fa-paste:before {
    content: "\f0ea"
}

.fa-code-pull-request:before {
    content: "\e13c"
}

.fa-clipboard-list:before {
    content: "\f46d"
}

.fa-truck-loading:before, .fa-truck-ramp-box:before {
    content: "\f4de"
}

.fa-user-check:before {
    content: "\f4fc"
}

.fa-vial-virus:before {
    content: "\e597"
}

.fa-sheet-plastic:before {
    content: "\e571"
}

.fa-blog:before {
    content: "\f781"
}

.fa-user-ninja:before {
    content: "\f504"
}

.fa-person-arrow-up-from-line:before {
    content: "\e539"
}

.fa-scroll-torah:before, .fa-torah:before {
    content: "\f6a0"
}

.fa-broom-ball:before, .fa-quidditch-broom-ball:before, .fa-quidditch:before {
    content: "\f458"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-archive:before, .fa-box-archive:before {
    content: "\f187"
}

.fa-person-drowning:before {
    content: "\e545"
}

.fa-arrow-down-9-1:before, .fa-sort-numeric-desc:before, .fa-sort-numeric-down-alt:before {
    content: "\f886"
}

.fa-face-grin-tongue-squint:before, .fa-grin-tongue-squint:before {
    content: "\f58a"
}

.fa-spray-can:before {
    content: "\f5bd"
}

.fa-truck-monster:before {
    content: "\f63b"
}

.fa-w:before {
    content: "\57"
}

.fa-earth-africa:before, .fa-globe-africa:before {
    content: "\f57c"
}

.fa-rainbow:before {
    content: "\f75b"
}

.fa-circle-notch:before {
    content: "\f1ce"
}

.fa-tablet-alt:before, .fa-tablet-screen-button:before {
    content: "\f3fa"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-trowel-bricks:before {
    content: "\e58a"
}

.fa-face-flushed:before, .fa-flushed:before {
    content: "\f579"
}

.fa-hospital-user:before {
    content: "\f80d"
}

.fa-tent-arrow-left-right:before {
    content: "\e57f"
}

.fa-gavel:before, .fa-legal:before {
    content: "\f0e3"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-box-tissue:before {
    content: "\e05b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-bell-concierge:before, .fa-concierge-bell:before {
    content: "\f562"
}

.fa-pen-ruler:before, .fa-pencil-ruler:before {
    content: "\f5ae"
}

.fa-people-arrows-left-right:before, .fa-people-arrows:before {
    content: "\e068"
}

.fa-mars-and-venus-burst:before {
    content: "\e523"
}

.fa-caret-square-right:before, .fa-square-caret-right:before {
    content: "\f152"
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}

.fa-sun-plant-wilt:before {
    content: "\e57a"
}

.fa-toilets-portable:before {
    content: "\e584"
}

.fa-hockey-puck:before {
    content: "\f453"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magnifying-glass-arrow-right:before {
    content: "\e521"
}

.fa-digital-tachograph:before, .fa-tachograph-digital:before {
    content: "\f566"
}

.fa-users-slash:before {
    content: "\e073"
}

.fa-clover:before {
    content: "\e139"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f3e5"
}

.fa-star-and-crescent:before {
    content: "\f699"
}

.fa-house-fire:before {
    content: "\e50c"
}

.fa-minus-square:before, .fa-square-minus:before {
    content: "\f146"
}

.fa-helicopter:before {
    content: "\f533"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-caret-square-down:before, .fa-square-caret-down:before {
    content: "\f150"
}

.fa-file-circle-question:before {
    content: "\e4ef"
}

.fa-laptop-code:before {
    content: "\f5fc"
}

.fa-swatchbook:before {
    content: "\f5c3"
}

.fa-prescription-bottle:before {
    content: "\f485"
}

.fa-bars:before, .fa-navicon:before {
    content: "\f0c9"
}

.fa-people-group:before {
    content: "\e533"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\f253"
}

.fa-heart-broken:before, .fa-heart-crack:before {
    content: "\f7a9"
}

.fa-external-link-square-alt:before, .fa-square-up-right:before {
    content: "\f360"
}

.fa-face-kiss-beam:before, .fa-kiss-beam:before {
    content: "\f597"
}

.fa-film:before {
    content: "\f008"
}

.fa-ruler-horizontal:before {
    content: "\f547"
}

.fa-people-robbery:before {
    content: "\e536"
}

.fa-lightbulb:before {
    content: "\f0eb"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-circle-exclamation:before, .fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-school-circle-xmark:before {
    content: "\e56d"
}

.fa-arrow-right-from-bracket:before, .fa-sign-out:before {
    content: "\f08b"
}

.fa-chevron-circle-down:before, .fa-circle-chevron-down:before {
    content: "\f13a"
}

.fa-unlock-alt:before, .fa-unlock-keyhole:before {
    content: "\f13e"
}

.fa-cloud-showers-heavy:before {
    content: "\f740"
}

.fa-headphones-alt:before, .fa-headphones-simple:before {
    content: "\f58f"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-circle-dollar-to-slot:before, .fa-donate:before {
    content: "\f4b9"
}

.fa-memory:before {
    content: "\f538"
}

.fa-road-spikes:before {
    content: "\e568"
}

.fa-fire-burner:before {
    content: "\e4f1"
}

.fa-flag:before {
    content: "\f024"
}

.fa-hanukiah:before {
    content: "\f6e6"
}

.fa-feather:before {
    content: "\f52d"
}

.fa-volume-down:before, .fa-volume-low:before {
    content: "\f027"
}

.fa-comment-slash:before {
    content: "\f4b3"
}

.fa-cloud-sun-rain:before {
    content: "\f743"
}

.fa-compress:before {
    content: "\f066"
}

.fa-wheat-alt:before, .fa-wheat-awn:before {
    content: "\e2cd"
}

.fa-ankh:before {
    content: "\f644"
}

.fa-hands-holding-child:before {
    content: "\e4fa"
}

.fa-asterisk:before {
    content: "\2a"
}

.fa-check-square:before, .fa-square-check:before {
    content: "\f14a"
}

.fa-peseta-sign:before {
    content: "\e221"
}

.fa-header:before, .fa-heading:before {
    content: "\f1dc"
}

.fa-ghost:before {
    content: "\f6e2"
}

.fa-list-squares:before, .fa-list:before {
    content: "\f03a"
}

.fa-phone-square-alt:before, .fa-square-phone-flip:before {
    content: "\f87b"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-circle-dot:before, .fa-dot-circle:before {
    content: "\f192"
}

.fa-dizzy:before, .fa-face-dizzy:before {
    content: "\f567"
}

.fa-egg:before {
    content: "\f7fb"
}

.fa-house-medical-circle-xmark:before {
    content: "\e513"
}

.fa-campground:before {
    content: "\f6bb"
}

.fa-folder-plus:before {
    content: "\f65e"
}

.fa-futbol-ball:before, .fa-futbol:before, .fa-soccer-ball:before {
    content: "\f1e3"
}

.fa-paint-brush:before, .fa-paintbrush:before {
    content: "\f1fc"
}

.fa-lock:before {
    content: "\f023"
}

.fa-gas-pump:before {
    content: "\f52f"
}

.fa-hot-tub-person:before, .fa-hot-tub:before {
    content: "\f593"
}

.fa-map-location:before, .fa-map-marked:before {
    content: "\f59f"
}

.fa-house-flood-water:before {
    content: "\e50e"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-bridge-lock:before {
    content: "\e4cc"
}

.fa-sack-dollar:before {
    content: "\f81d"
}

.fa-edit:before, .fa-pen-to-square:before {
    content: "\f044"
}

.fa-car-side:before {
    content: "\f5e4"
}

.fa-share-alt:before, .fa-share-nodes:before {
    content: "\f1e0"
}

.fa-heart-circle-minus:before {
    content: "\e4ff"
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\f252"
}

.fa-microscope:before {
    content: "\f610"
}

.fa-sink:before {
    content: "\e06d"
}

.fa-bag-shopping:before, .fa-shopping-bag:before {
    content: "\f290"
}

.fa-arrow-down-z-a:before, .fa-sort-alpha-desc:before, .fa-sort-alpha-down-alt:before {
    content: "\f881"
}

.fa-mitten:before {
    content: "\f7b5"
}

.fa-person-rays:before {
    content: "\e54d"
}

.fa-users:before {
    content: "\f0c0"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-flask-vial:before {
    content: "\e4f3"
}

.fa-hand-paper:before, .fa-hand:before {
    content: "\f256"
}

.fa-om:before {
    content: "\f679"
}

.fa-worm:before {
    content: "\e599"
}

.fa-house-circle-xmark:before {
    content: "\e50b"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-hand-spock:before {
    content: "\f259"
}

.fa-stopwatch:before {
    content: "\f2f2"
}

.fa-face-kiss:before, .fa-kiss:before {
    content: "\f596"
}

.fa-bridge-circle-xmark:before {
    content: "\e4cb"
}

.fa-face-grin-tongue:before, .fa-grin-tongue:before {
    content: "\f589"
}

.fa-chess-bishop:before {
    content: "\f43a"
}

.fa-face-grin-wink:before, .fa-grin-wink:before {
    content: "\f58c"
}

.fa-deaf:before, .fa-deafness:before, .fa-ear-deaf:before, .fa-hard-of-hearing:before {
    content: "\f2a4"
}

.fa-road-circle-check:before {
    content: "\e564"
}

.fa-dice-five:before {
    content: "\f523"
}

.fa-rss-square:before, .fa-square-rss:before {
    content: "\f143"
}

.fa-land-mine-on:before {
    content: "\e51b"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-stamp:before {
    content: "\f5bf"
}

.fa-stairs:before {
    content: "\e289"
}

.fa-i:before {
    content: "\49"
}

.fa-hryvnia-sign:before, .fa-hryvnia:before {
    content: "\f6f2"
}

.fa-pills:before {
    content: "\f484"
}

.fa-face-grin-wide:before, .fa-grin-alt:before {
    content: "\f581"
}

.fa-tooth:before {
    content: "\f5c9"
}

.fa-v:before {
    content: "\56"
}

.fa-bangladeshi-taka-sign:before {
    content: "\e2e6"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-rod-asclepius:before, .fa-rod-snake:before, .fa-staff-aesculapius:before, .fa-staff-snake:before {
    content: "\e579"
}

.fa-head-side-cough-slash:before {
    content: "\e062"
}

.fa-ambulance:before, .fa-truck-medical:before {
    content: "\f0f9"
}

.fa-wheat-awn-circle-exclamation:before {
    content: "\e598"
}

.fa-snowman:before {
    content: "\f7d0"
}

.fa-mortar-pestle:before {
    content: "\f5a7"
}

.fa-road-barrier:before {
    content: "\e562"
}

.fa-school:before {
    content: "\f549"
}

.fa-igloo:before {
    content: "\f7ae"
}

.fa-joint:before {
    content: "\f595"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-horse:before {
    content: "\f6f0"
}

.fa-q:before {
    content: "\51"
}

.fa-g:before {
    content: "\47"
}

.fa-notes-medical:before {
    content: "\f481"
}

.fa-temperature-2:before, .fa-temperature-half:before, .fa-thermometer-2:before, .fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-dong-sign:before {
    content: "\e169"
}

.fa-capsules:before {
    content: "\f46b"
}

.fa-poo-bolt:before, .fa-poo-storm:before {
    content: "\f75a"
}

.fa-face-frown-open:before, .fa-frown-open:before {
    content: "\f57a"
}

.fa-hand-point-up:before {
    content: "\f0a6"
}

.fa-money-bill:before {
    content: "\f0d6"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-umbrella-beach:before {
    content: "\f5ca"
}

.fa-helmet-un:before {
    content: "\e503"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-bacon:before {
    content: "\f7e5"
}

.fa-hand-point-down:before {
    content: "\f0a7"
}

.fa-arrow-up-from-bracket:before {
    content: "\e09a"
}

.fa-folder-blank:before, .fa-folder:before {
    content: "\f07b"
}

.fa-file-medical-alt:before, .fa-file-waveform:before {
    content: "\f478"
}

.fa-radiation:before {
    content: "\f7b9"
}

.fa-chart-simple:before {
    content: "\e473"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-vial:before {
    content: "\f492"
}

.fa-dashboard:before, .fa-gauge-med:before, .fa-gauge:before, .fa-tachometer-alt-average:before {
    content: "\f624"
}

.fa-magic-wand-sparkles:before, .fa-wand-magic-sparkles:before {
    content: "\e2ca"
}

.fa-e:before {
    content: "\45"
}

.fa-pen-alt:before, .fa-pen-clip:before {
    content: "\f305"
}

.fa-bridge-circle-exclamation:before {
    content: "\e4ca"
}

.fa-user:before {
    content: "\f007"
}

.fa-school-circle-check:before {
    content: "\e56b"
}

.fa-dumpster:before {
    content: "\f793"
}

.fa-shuttle-van:before, .fa-van-shuttle:before {
    content: "\f5b6"
}

.fa-building-user:before {
    content: "\e4da"
}

.fa-caret-square-left:before, .fa-square-caret-left:before {
    content: "\f191"
}

.fa-highlighter:before {
    content: "\f591"
}

.fa-key:before {
    content: "\f084"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-synagogue:before {
    content: "\f69b"
}

.fa-person-half-dress:before {
    content: "\e548"
}

.fa-road-bridge:before {
    content: "\e563"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-c:before {
    content: "\43"
}

.fa-tablet-button:before {
    content: "\f10a"
}

.fa-building-lock:before {
    content: "\e4d6"
}

.fa-pizza-slice:before {
    content: "\f818"
}

.fa-money-bill-wave:before {
    content: "\f53a"
}

.fa-area-chart:before, .fa-chart-area:before {
    content: "\f1fe"
}

.fa-house-flag:before {
    content: "\e50d"
}

.fa-person-circle-minus:before {
    content: "\e540"
}

.fa-ban:before, .fa-cancel:before {
    content: "\f05e"
}

.fa-camera-rotate:before {
    content: "\e0d8"
}

.fa-air-freshener:before, .fa-spray-can-sparkles:before {
    content: "\f5d0"
}

.fa-star:before {
    content: "\f005"
}

.fa-repeat:before {
    content: "\f363"
}

.fa-cross:before {
    content: "\f654"
}

.fa-box:before {
    content: "\f466"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-arrow-pointer:before, .fa-mouse-pointer:before {
    content: "\f245"
}

.fa-expand-arrows-alt:before, .fa-maximize:before {
    content: "\f31e"
}

.fa-charging-station:before {
    content: "\f5e7"
}

.fa-shapes:before, .fa-triangle-circle-square:before {
    content: "\f61f"
}

.fa-random:before, .fa-shuffle:before {
    content: "\f074"
}

.fa-person-running:before, .fa-running:before {
    content: "\f70c"
}

.fa-mobile-retro:before {
    content: "\e527"
}

.fa-grip-lines-vertical:before {
    content: "\f7a5"
}

.fa-spider:before {
    content: "\f717"
}

.fa-hands-bound:before {
    content: "\e4f9"
}

.fa-file-invoice-dollar:before {
    content: "\f571"
}

.fa-plane-circle-exclamation:before {
    content: "\e556"
}

.fa-x-ray:before {
    content: "\f497"
}

.fa-spell-check:before {
    content: "\f891"
}

.fa-slash:before {
    content: "\f715"
}

.fa-computer-mouse:before, .fa-mouse:before {
    content: "\f8cc"
}

.fa-arrow-right-to-bracket:before, .fa-sign-in:before {
    content: "\f090"
}

.fa-shop-slash:before, .fa-store-alt-slash:before {
    content: "\e070"
}

.fa-server:before {
    content: "\f233"
}

.fa-virus-covid-slash:before {
    content: "\e4a9"
}

.fa-shop-lock:before {
    content: "\e4a5"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\f251"
}

.fa-blender-phone:before {
    content: "\f6b6"
}

.fa-building-wheat:before {
    content: "\e4db"
}

.fa-person-breastfeeding:before {
    content: "\e53a"
}

.fa-right-to-bracket:before, .fa-sign-in-alt:before {
    content: "\f2f6"
}

.fa-venus:before {
    content: "\f221"
}

.fa-passport:before {
    content: "\f5ab"
}

.fa-thumb-tack-slash:before, .fa-thumbtack-slash:before {
    content: "\e68f"
}

.fa-heart-pulse:before, .fa-heartbeat:before {
    content: "\f21e"
}

.fa-people-carry-box:before, .fa-people-carry:before {
    content: "\f4ce"
}

.fa-temperature-high:before {
    content: "\f769"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-crown:before {
    content: "\f521"
}

.fa-weight-hanging:before {
    content: "\f5cd"
}

.fa-xmarks-lines:before {
    content: "\e59a"
}

.fa-file-prescription:before {
    content: "\f572"
}

.fa-weight-scale:before, .fa-weight:before {
    content: "\f496"
}

.fa-user-friends:before, .fa-user-group:before {
    content: "\f500"
}

.fa-arrow-up-a-z:before, .fa-sort-alpha-up:before {
    content: "\f15e"
}

.fa-chess-knight:before {
    content: "\f441"
}

.fa-face-laugh-squint:before, .fa-laugh-squint:before {
    content: "\f59b"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-arrow-circle-up:before, .fa-circle-arrow-up:before {
    content: "\f0aa"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-person-walking:before, .fa-walking:before {
    content: "\f554"
}

.fa-l:before {
    content: "\4c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-bed-pulse:before, .fa-procedures:before {
    content: "\f487"
}

.fa-shuttle-space:before, .fa-space-shuttle:before {
    content: "\f197"
}

.fa-face-laugh:before, .fa-laugh:before {
    content: "\f599"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-heart-circle-plus:before {
    content: "\e500"
}

.fa-code-fork:before {
    content: "\e13b"
}

.fa-city:before {
    content: "\f64f"
}

.fa-microphone-alt:before, .fa-microphone-lines:before {
    content: "\f3c9"
}

.fa-pepper-hot:before {
    content: "\f816"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-colon-sign:before {
    content: "\e140"
}

.fa-headset:before {
    content: "\f590"
}

.fa-store-slash:before {
    content: "\e071"
}

.fa-road-circle-xmark:before {
    content: "\e566"
}

.fa-user-minus:before {
    content: "\f503"
}

.fa-mars-stroke-up:before, .fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-champagne-glasses:before, .fa-glass-cheers:before {
    content: "\f79f"
}

.fa-clipboard:before {
    content: "\f328"
}

.fa-house-circle-exclamation:before {
    content: "\e50a"
}

.fa-file-arrow-up:before, .fa-file-upload:before {
    content: "\f574"
}

.fa-wifi-3:before, .fa-wifi-strong:before, .fa-wifi:before {
    content: "\f1eb"
}

.fa-bath:before, .fa-bathtub:before {
    content: "\f2cd"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-user-edit:before, .fa-user-pen:before {
    content: "\f4ff"
}

.fa-signature:before {
    content: "\f5b7"
}

.fa-stroopwafel:before {
    content: "\f551"
}

.fa-bold:before {
    content: "\f032"
}

.fa-anchor-lock:before {
    content: "\e4ad"
}

.fa-building-ngo:before {
    content: "\e4d7"
}

.fa-manat-sign:before {
    content: "\e1d5"
}

.fa-not-equal:before {
    content: "\f53e"
}

.fa-border-style:before, .fa-border-top-left:before {
    content: "\f853"
}

.fa-map-location-dot:before, .fa-map-marked-alt:before {
    content: "\f5a0"
}

.fa-jedi:before {
    content: "\f669"
}

.fa-poll:before, .fa-square-poll-vertical:before {
    content: "\f681"
}

.fa-mug-hot:before {
    content: "\f7b6"
}

.fa-battery-car:before, .fa-car-battery:before {
    content: "\f5df"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-dice-two:before {
    content: "\f528"
}

.fa-chess-queen:before {
    content: "\f445"
}

.fa-glasses:before {
    content: "\f530"
}

.fa-chess-board:before {
    content: "\f43c"
}

.fa-building-circle-check:before {
    content: "\e4d2"
}

.fa-person-chalkboard:before {
    content: "\e53d"
}

.fa-mars-stroke-h:before, .fa-mars-stroke-right:before {
    content: "\f22b"
}

.fa-hand-back-fist:before, .fa-hand-rock:before {
    content: "\f255"
}

.fa-caret-square-up:before, .fa-square-caret-up:before {
    content: "\f151"
}

.fa-cloud-showers-water:before {
    content: "\e4e4"
}

.fa-bar-chart:before, .fa-chart-bar:before {
    content: "\f080"
}

.fa-hands-bubbles:before, .fa-hands-wash:before {
    content: "\e05e"
}

.fa-less-than-equal:before {
    content: "\f537"
}

.fa-train:before {
    content: "\f238"
}

.fa-eye-low-vision:before, .fa-low-vision:before {
    content: "\f2a8"
}

.fa-crow:before {
    content: "\f520"
}

.fa-sailboat:before {
    content: "\e445"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-plus-square:before, .fa-square-plus:before {
    content: "\f0fe"
}

.fa-torii-gate:before {
    content: "\f6a1"
}

.fa-frog:before {
    content: "\f52e"
}

.fa-bucket:before {
    content: "\e4cf"
}

.fa-image:before {
    content: "\f03e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-cow:before {
    content: "\f6c8"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-screwdriver:before {
    content: "\f54a"
}

.fa-folder-closed:before {
    content: "\e185"
}

.fa-house-tsunami:before {
    content: "\e515"
}

.fa-square-nfi:before {
    content: "\e576"
}

.fa-arrow-up-from-ground-water:before {
    content: "\e4b5"
}

.fa-glass-martini-alt:before, .fa-martini-glass:before {
    content: "\f57b"
}

.fa-rotate-back:before, .fa-rotate-backward:before, .fa-rotate-left:before, .fa-undo-alt:before {
    content: "\f2ea"
}

.fa-columns:before, .fa-table-columns:before {
    content: "\f0db"
}

.fa-lemon:before {
    content: "\f094"
}

.fa-head-side-mask:before {
    content: "\e063"
}

.fa-handshake:before {
    content: "\f2b5"
}

.fa-gem:before {
    content: "\f3a5"
}

.fa-dolly-box:before, .fa-dolly:before {
    content: "\f472"
}

.fa-smoking:before {
    content: "\f48d"
}

.fa-compress-arrows-alt:before, .fa-minimize:before {
    content: "\f78c"
}

.fa-monument:before {
    content: "\f5a6"
}

.fa-snowplow:before {
    content: "\f7d2"
}

.fa-angle-double-right:before, .fa-angles-right:before {
    content: "\f101"
}

.fa-cannabis:before {
    content: "\f55f"
}

.fa-circle-play:before, .fa-play-circle:before {
    content: "\f144"
}

.fa-tablets:before {
    content: "\f490"
}

.fa-ethernet:before {
    content: "\f796"
}

.fa-eur:before, .fa-euro-sign:before, .fa-euro:before {
    content: "\f153"
}

.fa-chair:before {
    content: "\f6c0"
}

.fa-check-circle:before, .fa-circle-check:before {
    content: "\f058"
}

.fa-circle-stop:before, .fa-stop-circle:before {
    content: "\f28d"
}

.fa-compass-drafting:before, .fa-drafting-compass:before {
    content: "\f568"
}

.fa-plate-wheat:before {
    content: "\e55a"
}

.fa-icicles:before {
    content: "\f7ad"
}

.fa-person-shelter:before {
    content: "\e54f"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-marker:before {
    content: "\f5a1"
}

.fa-face-laugh-beam:before, .fa-laugh-beam:before {
    content: "\f59a"
}

.fa-helicopter-symbol:before {
    content: "\e502"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-chevron-circle-up:before, .fa-circle-chevron-up:before {
    content: "\f139"
}

.fa-lari-sign:before {
    content: "\e1c8"
}

.fa-volcano:before {
    content: "\f770"
}

.fa-person-walking-dashed-line-arrow-right:before {
    content: "\e553"
}

.fa-gbp:before, .fa-pound-sign:before, .fa-sterling-sign:before {
    content: "\f154"
}

.fa-viruses:before {
    content: "\e076"
}

.fa-square-person-confined:before {
    content: "\e577"
}

.fa-user-tie:before {
    content: "\f508"
}

.fa-arrow-down-long:before, .fa-long-arrow-down:before {
    content: "\f175"
}

.fa-tent-arrow-down-to-line:before {
    content: "\e57e"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-person-skating:before, .fa-skating:before {
    content: "\f7c5"
}

.fa-filter-circle-dollar:before, .fa-funnel-dollar:before {
    content: "\f662"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-arrow-circle-down:before, .fa-circle-arrow-down:before {
    content: "\f0ab"
}

.fa-arrow-right-to-file:before, .fa-file-import:before {
    content: "\f56f"
}

.fa-external-link-square:before, .fa-square-arrow-up-right:before {
    content: "\f14c"
}

.fa-box-open:before {
    content: "\f49e"
}

.fa-scroll:before {
    content: "\f70e"
}

.fa-spa:before {
    content: "\f5bb"
}

.fa-location-pin-lock:before {
    content: "\e51f"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-hill-avalanche:before {
    content: "\e507"
}

.fa-temperature-0:before, .fa-temperature-empty:before, .fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-address-card:before, .fa-contact-card:before, .fa-vcard:before {
    content: "\f2bb"
}

.fa-balance-scale-right:before, .fa-scale-unbalanced-flip:before {
    content: "\f516"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-diamond-turn-right:before, .fa-directions:before {
    content: "\f5eb"
}

.fa-burst:before {
    content: "\e4dc"
}

.fa-house-laptop:before, .fa-laptop-house:before {
    content: "\e066"
}

.fa-face-tired:before, .fa-tired:before {
    content: "\f5c8"
}

.fa-money-bills:before {
    content: "\e1f3"
}

.fa-smog:before {
    content: "\f75f"
}

.fa-crutch:before {
    content: "\f7f7"
}

.fa-cloud-arrow-up:before, .fa-cloud-upload-alt:before, .fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-palette:before {
    content: "\f53f"
}

.fa-arrows-turn-right:before {
    content: "\e4c0"
}

.fa-vest:before {
    content: "\e085"
}

.fa-ferry:before {
    content: "\e4ea"
}

.fa-arrows-down-to-people:before {
    content: "\e4b9"
}

.fa-seedling:before, .fa-sprout:before {
    content: "\f4d8"
}

.fa-arrows-alt-h:before, .fa-left-right:before {
    content: "\f337"
}

.fa-boxes-packing:before {
    content: "\e4c7"
}

.fa-arrow-circle-left:before, .fa-circle-arrow-left:before {
    content: "\f0a8"
}

.fa-group-arrows-rotate:before {
    content: "\e4f6"
}

.fa-bowl-food:before {
    content: "\e4c6"
}

.fa-candy-cane:before {
    content: "\f786"
}

.fa-arrow-down-wide-short:before, .fa-sort-amount-asc:before, .fa-sort-amount-down:before {
    content: "\f160"
}

.fa-cloud-bolt:before, .fa-thunderstorm:before {
    content: "\f76c"
}

.fa-remove-format:before, .fa-text-slash:before {
    content: "\f87d"
}

.fa-face-smile-wink:before, .fa-smile-wink:before {
    content: "\f4da"
}

.fa-file-word:before {
    content: "\f1c2"
}

.fa-file-powerpoint:before {
    content: "\f1c4"
}

.fa-arrows-h:before, .fa-arrows-left-right:before {
    content: "\f07e"
}

.fa-house-lock:before {
    content: "\e510"
}

.fa-cloud-arrow-down:before, .fa-cloud-download-alt:before, .fa-cloud-download:before {
    content: "\f0ed"
}

.fa-children:before {
    content: "\e4e1"
}

.fa-blackboard:before, .fa-chalkboard:before {
    content: "\f51b"
}

.fa-user-alt-slash:before, .fa-user-large-slash:before {
    content: "\f4fa"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-handshake-alt-slash:before, .fa-handshake-simple-slash:before {
    content: "\e05f"
}

.fa-mattress-pillow:before {
    content: "\e525"
}

.fa-guarani-sign:before {
    content: "\e19a"
}

.fa-arrows-rotate:before, .fa-refresh:before, .fa-sync:before {
    content: "\f021"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-cruzeiro-sign:before {
    content: "\e152"
}

.fa-greater-than-equal:before {
    content: "\f532"
}

.fa-shield-alt:before, .fa-shield-halved:before {
    content: "\f3ed"
}

.fa-atlas:before, .fa-book-atlas:before {
    content: "\f558"
}

.fa-virus:before {
    content: "\e074"
}

.fa-envelope-circle-check:before {
    content: "\e4e8"
}

.fa-layer-group:before {
    content: "\f5fd"
}

.fa-arrows-to-dot:before {
    content: "\e4be"
}

.fa-archway:before {
    content: "\f557"
}

.fa-heart-circle-check:before {
    content: "\e4fd"
}

.fa-house-chimney-crack:before, .fa-house-damage:before {
    content: "\f6f1"
}

.fa-file-archive:before, .fa-file-zipper:before {
    content: "\f1c6"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-glass-martini:before, .fa-martini-glass-empty:before {
    content: "\f000"
}

.fa-couch:before {
    content: "\f4b8"
}

.fa-cedi-sign:before {
    content: "\e0df"
}

.fa-italic:before {
    content: "\f033"
}

.fa-table-cells-column-lock:before {
    content: "\e678"
}

.fa-church:before {
    content: "\f51d"
}

.fa-comments-dollar:before {
    content: "\f653"
}

.fa-democrat:before {
    content: "\f747"
}

.fa-z:before {
    content: "\5a"
}

.fa-person-skiing:before, .fa-skiing:before {
    content: "\f7c9"
}

.fa-road-lock:before {
    content: "\e567"
}

.fa-a:before {
    content: "\41"
}

.fa-temperature-arrow-down:before, .fa-temperature-down:before {
    content: "\e03f"
}

.fa-feather-alt:before, .fa-feather-pointed:before {
    content: "\f56b"
}

.fa-p:before {
    content: "\50"
}

.fa-snowflake:before {
    content: "\f2dc"
}

.fa-newspaper:before {
    content: "\f1ea"
}

.fa-ad:before, .fa-rectangle-ad:before {
    content: "\f641"
}

.fa-arrow-circle-right:before, .fa-circle-arrow-right:before {
    content: "\f0a9"
}

.fa-filter-circle-xmark:before {
    content: "\e17b"
}

.fa-locust:before {
    content: "\e520"
}

.fa-sort:before, .fa-unsorted:before {
    content: "\f0dc"
}

.fa-list-1-2:before, .fa-list-numeric:before, .fa-list-ol:before {
    content: "\f0cb"
}

.fa-person-dress-burst:before {
    content: "\e544"
}

.fa-money-check-alt:before, .fa-money-check-dollar:before {
    content: "\f53d"
}

.fa-vector-square:before {
    content: "\f5cb"
}

.fa-bread-slice:before {
    content: "\f7ec"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-face-kiss-wink-heart:before, .fa-kiss-wink-heart:before {
    content: "\f598"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-question:before {
    content: "\3f"
}

.fa-file-signature:before {
    content: "\f573"
}

.fa-arrows-alt:before, .fa-up-down-left-right:before {
    content: "\f0b2"
}

.fa-house-chimney-user:before {
    content: "\e065"
}

.fa-hand-holding-heart:before {
    content: "\f4be"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-money-check:before {
    content: "\f53c"
}

.fa-star-half-alt:before, .fa-star-half-stroke:before {
    content: "\f5c0"
}

.fa-code:before {
    content: "\f121"
}

.fa-glass-whiskey:before, .fa-whiskey-glass:before {
    content: "\f7a0"
}

.fa-building-circle-exclamation:before {
    content: "\e4d3"
}

.fa-magnifying-glass-chart:before {
    content: "\e522"
}

.fa-arrow-up-right-from-square:before, .fa-external-link:before {
    content: "\f08e"
}

.fa-cubes-stacked:before {
    content: "\e4e6"
}

.fa-krw:before, .fa-won-sign:before, .fa-won:before {
    content: "\f159"
}

.fa-virus-covid:before {
    content: "\e4a8"
}

.fa-austral-sign:before {
    content: "\e0a9"
}

.fa-f:before {
    content: "\46"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-road:before {
    content: "\f018"
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba"
}

.fa-person-circle-plus:before {
    content: "\e541"
}

.fa-chart-pie:before, .fa-pie-chart:before {
    content: "\f200"
}

.fa-bolt-lightning:before {
    content: "\e0b7"
}

.fa-sack-xmark:before {
    content: "\e56a"
}

.fa-file-excel:before {
    content: "\f1c3"
}

.fa-file-contract:before {
    content: "\f56c"
}

.fa-fish-fins:before {
    content: "\e4f2"
}

.fa-building-flag:before {
    content: "\e4d5"
}

.fa-face-grin-beam:before, .fa-grin-beam:before {
    content: "\f582"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-poop:before {
    content: "\f619"
}

.fa-location-pin:before, .fa-map-marker:before {
    content: "\f041"
}

.fa-kaaba:before {
    content: "\f66b"
}

.fa-toilet-paper:before {
    content: "\f71e"
}

.fa-hard-hat:before, .fa-hat-hard:before, .fa-helmet-safety:before {
    content: "\f807"
}

.fa-eject:before {
    content: "\f052"
}

.fa-arrow-alt-circle-right:before, .fa-circle-right:before {
    content: "\f35a"
}

.fa-plane-circle-check:before {
    content: "\e555"
}

.fa-face-rolling-eyes:before, .fa-meh-rolling-eyes:before {
    content: "\f5a5"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-chart-line:before, .fa-line-chart:before {
    content: "\f201"
}

.fa-mask-ventilator:before {
    content: "\e524"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-map-signs:before, .fa-signs-post:before {
    content: "\f277"
}

.fa-cash-register:before {
    content: "\f788"
}

.fa-person-circle-question:before {
    content: "\e542"
}

.fa-h:before {
    content: "\48"
}

.fa-tarp:before {
    content: "\e57b"
}

.fa-screwdriver-wrench:before, .fa-tools:before {
    content: "\f7d9"
}

.fa-arrows-to-eye:before {
    content: "\e4bf"
}

.fa-plug-circle-bolt:before {
    content: "\e55b"
}

.fa-heart:before {
    content: "\f004"
}

.fa-mars-and-venus:before {
    content: "\f224"
}

.fa-home-user:before, .fa-house-user:before {
    content: "\e1b0"
}

.fa-dumpster-fire:before {
    content: "\f794"
}

.fa-house-crack:before {
    content: "\e3b1"
}

.fa-cocktail:before, .fa-martini-glass-citrus:before {
    content: "\f561"
}

.fa-face-surprise:before, .fa-surprise:before {
    content: "\f5c2"
}

.fa-bottle-water:before {
    content: "\e4c5"
}

.fa-circle-pause:before, .fa-pause-circle:before {
    content: "\f28b"
}

.fa-toilet-paper-slash:before {
    content: "\e072"
}

.fa-apple-alt:before, .fa-apple-whole:before {
    content: "\f5d1"
}

.fa-kitchen-set:before {
    content: "\e51a"
}

.fa-r:before {
    content: "\52"
}

.fa-temperature-1:before, .fa-temperature-quarter:before, .fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-bitcoin-sign:before {
    content: "\e0b4"
}

.fa-shield-dog:before {
    content: "\e573"
}

.fa-solar-panel:before {
    content: "\f5ba"
}

.fa-lock-open:before {
    content: "\f3c1"
}

.fa-elevator:before {
    content: "\e16d"
}

.fa-money-bill-transfer:before {
    content: "\e528"
}

.fa-money-bill-trend-up:before {
    content: "\e529"
}

.fa-house-flood-water-circle-arrow-right:before {
    content: "\e50f"
}

.fa-poll-h:before, .fa-square-poll-horizontal:before {
    content: "\f682"
}

.fa-circle:before {
    content: "\f111"
}

.fa-backward-fast:before, .fa-fast-backward:before {
    content: "\f049"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-user-astronaut:before {
    content: "\f4fb"
}

.fa-plane-slash:before {
    content: "\e069"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-basketball-ball:before, .fa-basketball:before {
    content: "\f434"
}

.fa-satellite-dish:before {
    content: "\f7c0"
}

.fa-arrow-alt-circle-up:before, .fa-circle-up:before {
    content: "\f35b"
}

.fa-mobile-alt:before, .fa-mobile-screen-button:before {
    content: "\f3cd"
}

.fa-volume-high:before, .fa-volume-up:before {
    content: "\f028"
}

.fa-users-rays:before {
    content: "\e593"
}

.fa-wallet:before {
    content: "\f555"
}

.fa-clipboard-check:before {
    content: "\f46c"
}

.fa-file-audio:before {
    content: "\f1c7"
}

.fa-burger:before, .fa-hamburger:before {
    content: "\f805"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-bugs:before {
    content: "\e4d0"
}

.fa-rupee-sign:before, .fa-rupee:before {
    content: "\f156"
}

.fa-file-image:before {
    content: "\f1c5"
}

.fa-circle-question:before, .fa-question-circle:before {
    content: "\f059"
}

.fa-plane-departure:before {
    content: "\f5b0"
}

.fa-handshake-slash:before {
    content: "\e060"
}

.fa-book-bookmark:before {
    content: "\e0bb"
}

.fa-code-branch:before {
    content: "\f126"
}

.fa-hat-cowboy:before {
    content: "\f8c0"
}

.fa-bridge:before {
    content: "\e4c8"
}

.fa-phone-alt:before, .fa-phone-flip:before {
    content: "\f879"
}

.fa-truck-front:before {
    content: "\e2b7"
}

.fa-cat:before {
    content: "\f6be"
}

.fa-anchor-circle-exclamation:before {
    content: "\e4ab"
}

.fa-truck-field:before {
    content: "\e58d"
}

.fa-route:before {
    content: "\f4d7"
}

.fa-clipboard-question:before {
    content: "\e4e3"
}

.fa-panorama:before {
    content: "\e209"
}

.fa-comment-medical:before {
    content: "\f7f5"
}

.fa-teeth-open:before {
    content: "\f62f"
}

.fa-file-circle-minus:before {
    content: "\e4ed"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-wine-glass:before {
    content: "\f4e3"
}

.fa-fast-forward:before, .fa-forward-fast:before {
    content: "\f050"
}

.fa-face-meh-blank:before, .fa-meh-blank:before {
    content: "\f5a4"
}

.fa-parking:before, .fa-square-parking:before {
    content: "\f540"
}

.fa-house-signal:before {
    content: "\e012"
}

.fa-bars-progress:before, .fa-tasks-alt:before {
    content: "\f828"
}

.fa-faucet-drip:before {
    content: "\e006"
}

.fa-cart-flatbed:before, .fa-dolly-flatbed:before {
    content: "\f474"
}

.fa-ban-smoking:before, .fa-smoking-ban:before {
    content: "\f54d"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-mobile-button:before {
    content: "\f10b"
}

.fa-house-medical-flag:before {
    content: "\e514"
}

.fa-basket-shopping:before, .fa-shopping-basket:before {
    content: "\f291"
}

.fa-tape:before {
    content: "\f4db"
}

.fa-bus-alt:before, .fa-bus-simple:before {
    content: "\f55e"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-face-sad-cry:before, .fa-sad-cry:before {
    content: "\f5b3"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-person-military-to-person:before {
    content: "\e54c"
}

.fa-file-shield:before {
    content: "\e4f0"
}

.fa-user-slash:before {
    content: "\f506"
}

.fa-pen:before {
    content: "\f304"
}

.fa-tower-observation:before {
    content: "\e586"
}

.fa-file-code:before {
    content: "\f1c9"
}

.fa-signal-5:before, .fa-signal-perfect:before, .fa-signal:before {
    content: "\f012"
}

.fa-bus:before {
    content: "\f207"
}

.fa-heart-circle-xmark:before {
    content: "\e501"
}

.fa-home-lg:before, .fa-house-chimney:before {
    content: "\e3af"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-face-frown:before, .fa-frown:before {
    content: "\f119"
}

.fa-prescription:before {
    content: "\f5b1"
}

.fa-shop:before, .fa-store-alt:before {
    content: "\f54f"
}

.fa-floppy-disk:before, .fa-save:before {
    content: "\f0c7"
}

.fa-vihara:before {
    content: "\f6a7"
}

.fa-balance-scale-left:before, .fa-scale-unbalanced:before {
    content: "\f515"
}

.fa-sort-asc:before, .fa-sort-up:before {
    content: "\f0de"
}

.fa-comment-dots:before, .fa-commenting:before {
    content: "\f4ad"
}

.fa-plant-wilt:before {
    content: "\e5aa"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-face-grin-squint:before, .fa-grin-squint:before {
    content: "\f585"
}

.fa-hand-holding-dollar:before, .fa-hand-holding-usd:before {
    content: "\f4c0"
}

.fa-bacterium:before {
    content: "\e05a"
}

.fa-hand-pointer:before {
    content: "\f25a"
}

.fa-drum-steelpan:before {
    content: "\f56a"
}

.fa-hand-scissors:before {
    content: "\f257"
}

.fa-hands-praying:before, .fa-praying-hands:before {
    content: "\f684"
}

.fa-arrow-right-rotate:before, .fa-arrow-rotate-forward:before, .fa-arrow-rotate-right:before, .fa-redo:before {
    content: "\f01e"
}

.fa-biohazard:before {
    content: "\f780"
}

.fa-location-crosshairs:before, .fa-location:before {
    content: "\f601"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-child-dress:before {
    content: "\e59c"
}

.fa-users-between-lines:before {
    content: "\e591"
}

.fa-lungs-virus:before {
    content: "\e067"
}

.fa-face-grin-tears:before, .fa-grin-tears:before {
    content: "\f588"
}

.fa-phone:before {
    content: "\f095"
}

.fa-calendar-times:before, .fa-calendar-xmark:before {
    content: "\f273"
}

.fa-child-reaching:before {
    content: "\e59d"
}

.fa-head-side-virus:before {
    content: "\e064"
}

.fa-user-cog:before, .fa-user-gear:before {
    content: "\f4fe"
}

.fa-arrow-up-1-9:before, .fa-sort-numeric-up:before {
    content: "\f163"
}

.fa-door-closed:before {
    content: "\f52a"
}

.fa-shield-virus:before {
    content: "\e06c"
}

.fa-dice-six:before {
    content: "\f526"
}

.fa-mosquito-net:before {
    content: "\e52c"
}

.fa-bridge-water:before {
    content: "\e4ce"
}

.fa-person-booth:before {
    content: "\f756"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-hat-wizard:before {
    content: "\f6e8"
}

.fa-pen-fancy:before {
    content: "\f5ac"
}

.fa-digging:before, .fa-person-digging:before {
    content: "\f85e"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-gauge-simple-med:before, .fa-gauge-simple:before, .fa-tachometer-average:before {
    content: "\f629"
}

.fa-book-medical:before {
    content: "\f7e6"
}

.fa-poo:before {
    content: "\f2fe"
}

.fa-quote-right-alt:before, .fa-quote-right:before {
    content: "\f10e"
}

.fa-shirt:before, .fa-t-shirt:before, .fa-tshirt:before {
    content: "\f553"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-divide:before {
    content: "\f529"
}

.fa-tenge-sign:before, .fa-tenge:before {
    content: "\f7d7"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-hands-holding:before {
    content: "\f4c2"
}

.fa-hands-clapping:before {
    content: "\e1a8"
}

.fa-republican:before {
    content: "\f75e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-person-circle-xmark:before {
    content: "\e543"
}

.fa-ruler:before {
    content: "\f545"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-dice-d6:before {
    content: "\f6d1"
}

.fa-restroom:before {
    content: "\f7bd"
}

.fa-j:before {
    content: "\4a"
}

.fa-users-viewfinder:before {
    content: "\e595"
}

.fa-file-video:before {
    content: "\f1c8"
}

.fa-external-link-alt:before, .fa-up-right-from-square:before {
    content: "\f35d"
}

.fa-table-cells:before, .fa-th:before {
    content: "\f00a"
}

.fa-file-pdf:before {
    content: "\f1c1"
}

.fa-bible:before, .fa-book-bible:before {
    content: "\f647"
}

.fa-o:before {
    content: "\4f"
}

.fa-medkit:before, .fa-suitcase-medical:before {
    content: "\f0fa"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-otter:before {
    content: "\f700"
}

.fa-female:before, .fa-person-dress:before {
    content: "\f182"
}

.fa-comment-dollar:before {
    content: "\f651"
}

.fa-briefcase-clock:before, .fa-business-time:before {
    content: "\f64a"
}

.fa-table-cells-large:before, .fa-th-large:before {
    content: "\f009"
}

.fa-book-tanakh:before, .fa-tanakh:before {
    content: "\f827"
}

.fa-phone-volume:before, .fa-volume-control-phone:before {
    content: "\f2a0"
}

.fa-hat-cowboy-side:before {
    content: "\f8c1"
}

.fa-clipboard-user:before {
    content: "\f7f3"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-lira-sign:before {
    content: "\f195"
}

.fa-satellite:before {
    content: "\f7bf"
}

.fa-plane-lock:before {
    content: "\e558"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-comment:before {
    content: "\f075"
}

.fa-birthday-cake:before, .fa-cake-candles:before, .fa-cake:before {
    content: "\f1fd"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-angle-double-up:before, .fa-angles-up:before {
    content: "\f102"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-arrow-right-to-city:before {
    content: "\e4b3"
}

.fa-ribbon:before {
    content: "\f4d6"
}

.fa-lungs:before {
    content: "\f604"
}

.fa-arrow-up-9-1:before, .fa-sort-numeric-up-alt:before {
    content: "\f887"
}

.fa-litecoin-sign:before {
    content: "\e1d3"
}

.fa-border-none:before {
    content: "\f850"
}

.fa-circle-nodes:before {
    content: "\e4e2"
}

.fa-parachute-box:before {
    content: "\f4cd"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-truck-field-un:before {
    content: "\e58e"
}

.fa-hourglass-empty:before, .fa-hourglass:before {
    content: "\f254"
}

.fa-mountain:before {
    content: "\f6fc"
}

.fa-user-doctor:before, .fa-user-md:before {
    content: "\f0f0"
}

.fa-circle-info:before, .fa-info-circle:before {
    content: "\f05a"
}

.fa-cloud-meatball:before {
    content: "\f73b"
}

.fa-camera-alt:before, .fa-camera:before {
    content: "\f030"
}

.fa-square-virus:before {
    content: "\e578"
}

.fa-meteor:before {
    content: "\f753"
}

.fa-car-on:before {
    content: "\e4dd"
}

.fa-sleigh:before {
    content: "\f7cc"
}

.fa-arrow-down-1-9:before, .fa-sort-numeric-asc:before, .fa-sort-numeric-down:before {
    content: "\f162"
}

.fa-hand-holding-droplet:before, .fa-hand-holding-water:before {
    content: "\f4c1"
}

.fa-water:before {
    content: "\f773"
}

.fa-calendar-check:before {
    content: "\f274"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-prescription-bottle-alt:before, .fa-prescription-bottle-medical:before {
    content: "\f486"
}

.fa-landmark:before {
    content: "\f66f"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-person-cane:before {
    content: "\e53c"
}

.fa-tent:before {
    content: "\e57d"
}

.fa-vest-patches:before {
    content: "\e086"
}

.fa-check-double:before {
    content: "\f560"
}

.fa-arrow-down-a-z:before, .fa-sort-alpha-asc:before, .fa-sort-alpha-down:before {
    content: "\f15d"
}

.fa-money-bill-wheat:before {
    content: "\e52a"
}

.fa-cookie:before {
    content: "\f563"
}

.fa-arrow-left-rotate:before, .fa-arrow-rotate-back:before, .fa-arrow-rotate-backward:before, .fa-arrow-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}

.fa-hard-drive:before, .fa-hdd:before {
    content: "\f0a0"
}

.fa-face-grin-squint-tears:before, .fa-grin-squint-tears:before {
    content: "\f586"
}

.fa-dumbbell:before {
    content: "\f44b"
}

.fa-list-alt:before, .fa-rectangle-list:before {
    content: "\f022"
}

.fa-tarp-droplet:before {
    content: "\e57c"
}

.fa-house-medical-circle-check:before {
    content: "\e511"
}

.fa-person-skiing-nordic:before, .fa-skiing-nordic:before {
    content: "\f7ca"
}

.fa-calendar-plus:before {
    content: "\f271"
}

.fa-plane-arrival:before {
    content: "\f5af"
}

.fa-arrow-alt-circle-left:before, .fa-circle-left:before {
    content: "\f359"
}

.fa-subway:before, .fa-train-subway:before {
    content: "\f239"
}

.fa-chart-gantt:before {
    content: "\e0e4"
}

.fa-indian-rupee-sign:before, .fa-indian-rupee:before, .fa-inr:before {
    content: "\e1bc"
}

.fa-crop-alt:before, .fa-crop-simple:before {
    content: "\f565"
}

.fa-money-bill-1:before, .fa-money-bill-alt:before {
    content: "\f3d1"
}

.fa-left-long:before, .fa-long-arrow-alt-left:before {
    content: "\f30a"
}

.fa-dna:before {
    content: "\f471"
}

.fa-virus-slash:before {
    content: "\e075"
}

.fa-minus:before, .fa-subtract:before {
    content: "\f068"
}

.fa-chess:before {
    content: "\f439"
}

.fa-arrow-left-long:before, .fa-long-arrow-left:before {
    content: "\f177"
}

.fa-plug-circle-check:before {
    content: "\e55c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-franc-sign:before {
    content: "\e18f"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before, .fa-hands-american-sign-language-interpreting:before, .fa-hands-asl-interpreting:before {
    content: "\f2a3"
}

.fa-cog:before, .fa-gear:before {
    content: "\f013"
}

.fa-droplet-slash:before, .fa-tint-slash:before {
    content: "\f5c7"
}

.fa-mosque:before {
    content: "\f678"
}

.fa-mosquito:before {
    content: "\e52b"
}

.fa-star-of-david:before {
    content: "\f69a"
}

.fa-person-military-rifle:before {
    content: "\e54b"
}

.fa-cart-shopping:before, .fa-shopping-cart:before {
    content: "\f07a"
}

.fa-vials:before {
    content: "\f493"
}

.fa-plug-circle-plus:before {
    content: "\e55f"
}

.fa-place-of-worship:before {
    content: "\f67f"
}

.fa-grip-vertical:before {
    content: "\f58e"
}

.fa-arrow-turn-up:before, .fa-level-up:before {
    content: "\f148"
}

.fa-u:before {
    content: "\55"
}

.fa-square-root-alt:before, .fa-square-root-variable:before {
    content: "\f698"
}

.fa-clock-four:before, .fa-clock:before {
    content: "\f017"
}

.fa-backward-step:before, .fa-step-backward:before {
    content: "\f048"
}

.fa-pallet:before {
    content: "\f482"
}

.fa-faucet:before {
    content: "\e005"
}

.fa-baseball-bat-ball:before {
    content: "\f432"
}

.fa-s:before {
    content: "\53"
}

.fa-timeline:before {
    content: "\e29c"
}

.fa-keyboard:before {
    content: "\f11c"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-clinic-medical:before, .fa-house-chimney-medical:before {
    content: "\f7f2"
}

.fa-temperature-3:before, .fa-temperature-three-quarters:before, .fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-mobile-android-alt:before, .fa-mobile-screen:before {
    content: "\f3cf"
}

.fa-plane-up:before {
    content: "\e22d"
}

.fa-piggy-bank:before {
    content: "\f4d3"
}

.fa-battery-3:before, .fa-battery-half:before {
    content: "\f242"
}

.fa-mountain-city:before {
    content: "\e52e"
}

.fa-coins:before {
    content: "\f51e"
}

.fa-khanda:before {
    content: "\f66d"
}

.fa-sliders-h:before, .fa-sliders:before {
    content: "\f1de"
}

.fa-folder-tree:before {
    content: "\f802"
}

.fa-network-wired:before {
    content: "\f6ff"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-hamsa:before {
    content: "\f665"
}

.fa-cent-sign:before {
    content: "\e3f5"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-person-pregnant:before {
    content: "\e31e"
}

.fa-wand-sparkles:before {
    content: "\f72b"
}

.fa-ellipsis-v:before, .fa-ellipsis-vertical:before {
    content: "\f142"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-long-arrow-alt-right:before, .fa-right-long:before {
    content: "\f30b"
}

.fa-flag-usa:before {
    content: "\f74d"
}

.fa-laptop-file:before {
    content: "\e51d"
}

.fa-teletype:before, .fa-tty:before {
    content: "\f1e4"
}

.fa-diagram-next:before {
    content: "\e476"
}

.fa-person-rifle:before {
    content: "\e54e"
}

.fa-house-medical-circle-exclamation:before {
    content: "\e512"
}

.fa-closed-captioning:before {
    content: "\f20a"
}

.fa-hiking:before, .fa-person-hiking:before {
    content: "\f6ec"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-images:before {
    content: "\f302"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-people-pulling:before {
    content: "\e535"
}

.fa-n:before {
    content: "\4e"
}

.fa-cable-car:before, .fa-tram:before {
    content: "\f7da"
}

.fa-cloud-rain:before {
    content: "\f73d"
}

.fa-building-circle-xmark:before {
    content: "\e4d4"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-arrows-down-to-line:before {
    content: "\e4b8"
}

.fa-download:before {
    content: "\f019"
}

.fa-face-grin:before, .fa-grin:before {
    content: "\f580"
}

.fa-backspace:before, .fa-delete-left:before {
    content: "\f55a"
}

.fa-eye-dropper-empty:before, .fa-eye-dropper:before, .fa-eyedropper:before {
    content: "\f1fb"
}

.fa-file-circle-check:before {
    content: "\e5a0"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-mobile-android:before, .fa-mobile-phone:before, .fa-mobile:before {
    content: "\f3ce"
}

.fa-face-meh:before, .fa-meh:before {
    content: "\f11a"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-book-dead:before, .fa-book-skull:before {
    content: "\f6b7"
}

.fa-drivers-license:before, .fa-id-card:before {
    content: "\f2c2"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}

.fa-heart-circle-exclamation:before {
    content: "\e4fe"
}

.fa-home-alt:before, .fa-home-lg-alt:before, .fa-home:before, .fa-house:before {
    content: "\f015"
}

.fa-calendar-week:before {
    content: "\f784"
}

.fa-laptop-medical:before {
    content: "\f812"
}

.fa-b:before {
    content: "\42"
}

.fa-file-medical:before {
    content: "\f477"
}

.fa-dice-one:before {
    content: "\f525"
}

.fa-kiwi-bird:before {
    content: "\f535"
}

.fa-arrow-right-arrow-left:before, .fa-exchange:before {
    content: "\f0ec"
}

.fa-redo-alt:before, .fa-rotate-forward:before, .fa-rotate-right:before {
    content: "\f2f9"
}

.fa-cutlery:before, .fa-utensils:before {
    content: "\f2e7"
}

.fa-arrow-up-wide-short:before, .fa-sort-amount-up:before {
    content: "\f161"
}

.fa-mill-sign:before {
    content: "\e1ed"
}

.fa-bowl-rice:before {
    content: "\e2eb"
}

.fa-skull:before {
    content: "\f54c"
}

.fa-broadcast-tower:before, .fa-tower-broadcast:before {
    content: "\f519"
}

.fa-truck-pickup:before {
    content: "\f63c"
}

.fa-long-arrow-alt-up:before, .fa-up-long:before {
    content: "\f30c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-code-merge:before {
    content: "\f387"
}

.fa-upload:before {
    content: "\f093"
}

.fa-hurricane:before {
    content: "\f751"
}

.fa-mound:before {
    content: "\e52d"
}

.fa-toilet-portable:before {
    content: "\e583"
}

.fa-compact-disc:before {
    content: "\f51f"
}

.fa-file-arrow-down:before, .fa-file-download:before {
    content: "\f56d"
}

.fa-caravan:before {
    content: "\f8ff"
}

.fa-shield-cat:before {
    content: "\e572"
}

.fa-bolt:before, .fa-zap:before {
    content: "\f0e7"
}

.fa-glass-water:before {
    content: "\e4f4"
}

.fa-oil-well:before {
    content: "\e532"
}

.fa-vault:before {
    content: "\e2c5"
}

.fa-mars:before {
    content: "\f222"
}

.fa-toilet:before {
    content: "\f7d8"
}

.fa-plane-circle-xmark:before {
    content: "\e557"
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen-sign:before, .fa-yen:before {
    content: "\f157"
}

.fa-rouble:before, .fa-rub:before, .fa-ruble-sign:before, .fa-ruble:before {
    content: "\f158"
}

.fa-sun:before {
    content: "\f185"
}

.fa-guitar:before {
    content: "\f7a6"
}

.fa-face-laugh-wink:before, .fa-laugh-wink:before {
    content: "\f59c"
}

.fa-horse-head:before {
    content: "\f7ab"
}

.fa-bore-hole:before {
    content: "\e4c3"
}

.fa-industry:before {
    content: "\f275"
}

.fa-arrow-alt-circle-down:before, .fa-circle-down:before {
    content: "\f358"
}

.fa-arrows-turn-to-dots:before {
    content: "\e4c1"
}

.fa-florin-sign:before {
    content: "\e184"
}

.fa-arrow-down-short-wide:before, .fa-sort-amount-desc:before, .fa-sort-amount-down-alt:before {
    content: "\f884"
}

.fa-less-than:before {
    content: "\3c"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-car-tunnel:before {
    content: "\e4de"
}

.fa-head-side-cough:before {
    content: "\e061"
}

.fa-grip-lines:before {
    content: "\f7a4"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-user-lock:before {
    content: "\f502"
}

.fa-arrow-right-long:before, .fa-long-arrow-right:before {
    content: "\f178"
}

.fa-anchor-circle-xmark:before {
    content: "\e4ac"
}

.fa-ellipsis-h:before, .fa-ellipsis:before {
    content: "\f141"
}

.fa-chess-pawn:before {
    content: "\f443"
}

.fa-first-aid:before, .fa-kit-medical:before {
    content: "\f479"
}

.fa-person-through-window:before {
    content: "\e5a9"
}

.fa-toolbox:before {
    content: "\f552"
}

.fa-hands-holding-circle:before {
    content: "\e4fb"
}

.fa-bug:before {
    content: "\f188"
}

.fa-credit-card-alt:before, .fa-credit-card:before {
    content: "\f09d"
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}

.fa-hand-holding-hand:before {
    content: "\e4f7"
}

.fa-book-open-reader:before, .fa-book-reader:before {
    content: "\f5da"
}

.fa-mountain-sun:before {
    content: "\e52f"
}

.fa-arrows-left-right-to-line:before {
    content: "\e4ba"
}

.fa-dice-d20:before {
    content: "\f6cf"
}

.fa-truck-droplet:before {
    content: "\e58c"
}

.fa-file-circle-xmark:before {
    content: "\e5a1"
}

.fa-temperature-arrow-up:before, .fa-temperature-up:before {
    content: "\e040"
}

.fa-medal:before {
    content: "\f5a2"
}

.fa-bed:before {
    content: "\f236"
}

.fa-h-square:before, .fa-square-h:before {
    content: "\f0fd"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-temperature-4:before, .fa-temperature-full:before, .fa-thermometer-4:before, .fa-thermometer-full:before {
    content: "\f2c7"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-plug-circle-xmark:before {
    content: "\e560"
}

.fa-star-of-life:before {
    content: "\f621"
}

.fa-phone-slash:before {
    content: "\f3dd"
}

.fa-paint-roller:before {
    content: "\f5aa"
}

.fa-hands-helping:before, .fa-handshake-angle:before {
    content: "\f4c4"
}

.fa-location-dot:before, .fa-map-marker-alt:before {
    content: "\f3c5"
}

.fa-file:before {
    content: "\f15b"
}

.fa-greater-than:before {
    content: "\3e"
}

.fa-person-swimming:before, .fa-swimmer:before {
    content: "\f5c4"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-droplet:before, .fa-tint:before {
    content: "\f043"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-earth-america:before, .fa-earth-americas:before, .fa-earth:before, .fa-globe-americas:before {
    content: "\f57d"
}

.fa-person-burst:before {
    content: "\e53b"
}

.fa-dove:before {
    content: "\f4ba"
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "\f244"
}

.fa-socks:before {
    content: "\f696"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-section:before {
    content: "\e447"
}

.fa-gauge-high:before, .fa-tachometer-alt-fast:before, .fa-tachometer-alt:before {
    content: "\f625"
}

.fa-envelope-open-text:before {
    content: "\f658"
}

.fa-hospital-alt:before, .fa-hospital-wide:before, .fa-hospital:before {
    content: "\f0f8"
}

.fa-wine-bottle:before {
    content: "\f72f"
}

.fa-chess-rook:before {
    content: "\f447"
}

.fa-bars-staggered:before, .fa-reorder:before, .fa-stream:before {
    content: "\f550"
}

.fa-dharmachakra:before {
    content: "\f655"
}

.fa-hotdog:before {
    content: "\f80f"
}

.fa-blind:before, .fa-person-walking-with-cane:before {
    content: "\f29d"
}

.fa-drum:before {
    content: "\f569"
}

.fa-ice-cream:before {
    content: "\f810"
}

.fa-heart-circle-bolt:before {
    content: "\e4fc"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-check-to-slot:before, .fa-vote-yea:before {
    content: "\f772"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-boxes-alt:before, .fa-boxes-stacked:before, .fa-boxes:before {
    content: "\f468"
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}

.fa-assistive-listening-systems:before, .fa-ear-listen:before {
    content: "\f2a2"
}

.fa-tree-city:before {
    content: "\e587"
}

.fa-play:before {
    content: "\f04b"
}

.fa-font:before {
    content: "\f031"
}

.fa-table-cells-row-lock:before {
    content: "\e67a"
}

.fa-rupiah-sign:before {
    content: "\e23d"
}

.fa-magnifying-glass:before, .fa-search:before {
    content: "\f002"
}

.fa-ping-pong-paddle-ball:before, .fa-table-tennis-paddle-ball:before, .fa-table-tennis:before {
    content: "\f45d"
}

.fa-diagnoses:before, .fa-person-dots-from-line:before {
    content: "\f470"
}

.fa-trash-can-arrow-up:before, .fa-trash-restore-alt:before {
    content: "\f82a"
}

.fa-naira-sign:before {
    content: "\e1f6"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-walkie-talkie:before {
    content: "\f8ef"
}

.fa-file-edit:before, .fa-file-pen:before {
    content: "\f31c"
}

.fa-receipt:before {
    content: "\f543"
}

.fa-pen-square:before, .fa-pencil-square:before, .fa-square-pen:before {
    content: "\f14b"
}

.fa-suitcase-rolling:before {
    content: "\f5c1"
}

.fa-person-circle-exclamation:before {
    content: "\e53f"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-battery-5:before, .fa-battery-full:before, .fa-battery:before {
    content: "\f240"
}

.fa-skull-crossbones:before {
    content: "\f714"
}

.fa-code-compare:before {
    content: "\e13a"
}

.fa-list-dots:before, .fa-list-ul:before {
    content: "\f0ca"
}

.fa-school-lock:before {
    content: "\e56f"
}

.fa-tower-cell:before {
    content: "\e585"
}

.fa-down-long:before, .fa-long-arrow-alt-down:before {
    content: "\f309"
}

.fa-ranking-star:before {
    content: "\e561"
}

.fa-chess-king:before {
    content: "\f43f"
}

.fa-person-harassing:before {
    content: "\e549"
}

.fa-brazilian-real-sign:before {
    content: "\e46c"
}

.fa-landmark-alt:before, .fa-landmark-dome:before {
    content: "\f752"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-television:before, .fa-tv-alt:before, .fa-tv:before {
    content: "\f26c"
}

.fa-shrimp:before {
    content: "\e448"
}

.fa-list-check:before, .fa-tasks:before {
    content: "\f0ae"
}

.fa-jug-detergent:before {
    content: "\e519"
}

.fa-circle-user:before, .fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-shield:before {
    content: "\f505"
}

.fa-wind:before {
    content: "\f72e"
}

.fa-car-burst:before, .fa-car-crash:before {
    content: "\f5e1"
}

.fa-y:before {
    content: "\59"
}

.fa-person-snowboarding:before, .fa-snowboarding:before {
    content: "\f7ce"
}

.fa-shipping-fast:before, .fa-truck-fast:before {
    content: "\f48b"
}

.fa-fish:before {
    content: "\f578"
}

.fa-user-graduate:before {
    content: "\f501"
}

.fa-adjust:before, .fa-circle-half-stroke:before {
    content: "\f042"
}

.fa-clapperboard:before {
    content: "\e131"
}

.fa-circle-radiation:before, .fa-radiation-alt:before {
    content: "\f7ba"
}

.fa-baseball-ball:before, .fa-baseball:before {
    content: "\f433"
}

.fa-jet-fighter-up:before {
    content: "\e518"
}

.fa-diagram-project:before, .fa-project-diagram:before {
    content: "\f542"
}

.fa-copy:before {
    content: "\f0c5"
}

.fa-volume-mute:before, .fa-volume-times:before, .fa-volume-xmark:before {
    content: "\f6a9"
}

.fa-hand-sparkles:before {
    content: "\e05d"
}

.fa-grip-horizontal:before, .fa-grip:before {
    content: "\f58d"
}

.fa-share-from-square:before, .fa-share-square:before {
    content: "\f14d"
}

.fa-child-combatant:before, .fa-child-rifle:before {
    content: "\e4e0"
}

.fa-gun:before {
    content: "\e19b"
}

.fa-phone-square:before, .fa-square-phone:before {
    content: "\f098"
}

.fa-add:before, .fa-plus:before {
    content: "\2b"
}

.fa-expand:before {
    content: "\f065"
}

.fa-computer:before {
    content: "\e4e5"
}

.fa-close:before, .fa-multiply:before, .fa-remove:before, .fa-times:before, .fa-xmark:before {
    content: "\f00d"
}

.fa-arrows-up-down-left-right:before, .fa-arrows:before {
    content: "\f047"
}

.fa-chalkboard-teacher:before, .fa-chalkboard-user:before {
    content: "\f51c"
}

.fa-peso-sign:before {
    content: "\e222"
}

.fa-building-shield:before {
    content: "\e4d8"
}

.fa-baby:before {
    content: "\f77c"
}

.fa-users-line:before {
    content: "\e592"
}

.fa-quote-left-alt:before, .fa-quote-left:before {
    content: "\f10d"
}

.fa-tractor:before {
    content: "\f722"
}

.fa-trash-arrow-up:before, .fa-trash-restore:before {
    content: "\f829"
}

.fa-arrow-down-up-lock:before {
    content: "\e4b0"
}

.fa-lines-leaning:before {
    content: "\e51e"
}

.fa-ruler-combined:before {
    content: "\f546"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-equals:before {
    content: "\3d"
}

.fa-blender:before {
    content: "\f517"
}

.fa-teeth:before {
    content: "\f62e"
}

.fa-ils:before, .fa-shekel-sign:before, .fa-shekel:before, .fa-sheqel-sign:before, .fa-sheqel:before {
    content: "\f20b"
}

.fa-map:before {
    content: "\f279"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-photo-film:before, .fa-photo-video:before {
    content: "\f87c"
}

.fa-folder-minus:before {
    content: "\f65d"
}

.fa-store:before {
    content: "\f54e"
}

.fa-arrow-trend-up:before {
    content: "\e098"
}

.fa-plug-circle-minus:before {
    content: "\e55e"
}

.fa-sign-hanging:before, .fa-sign:before {
    content: "\f4d9"
}

.fa-bezier-curve:before {
    content: "\f55b"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-tablet-android:before, .fa-tablet:before {
    content: "\f3fb"
}

.fa-school-flag:before {
    content: "\e56e"
}

.fa-fill:before {
    content: "\f575"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-drumstick-bite:before {
    content: "\f6d7"
}

.fa-holly-berry:before {
    content: "\f7aa"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-bacteria:before {
    content: "\e059"
}

.fa-hand-lizard:before {
    content: "\f258"
}

.fa-notdef:before {
    content: "\e1fe"
}

.fa-disease:before {
    content: "\f7fa"
}

.fa-briefcase-medical:before {
    content: "\f469"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-car-alt:before, .fa-car-rear:before {
    content: "\f5de"
}

.fa-pump-soap:before {
    content: "\e06b"
}

.fa-video-slash:before {
    content: "\f4e2"
}

.fa-battery-2:before, .fa-battery-quarter:before {
    content: "\f243"
}

.fa-radio:before {
    content: "\f8d7"
}

.fa-baby-carriage:before, .fa-carriage-baby:before {
    content: "\f77d"
}

.fa-traffic-light:before {
    content: "\f637"
}

.fa-thermometer:before {
    content: "\f491"
}

.fa-vr-cardboard:before {
    content: "\f729"
}

.fa-hand-middle-finger:before {
    content: "\f806"
}

.fa-percent:before, .fa-percentage:before {
    content: "\25"
}

.fa-truck-moving:before {
    content: "\f4df"
}

.fa-glass-water-droplet:before {
    content: "\e4f5"
}

.fa-display:before {
    content: "\e163"
}

.fa-face-smile:before, .fa-smile:before {
    content: "\f118"
}

.fa-thumb-tack:before, .fa-thumbtack:before {
    content: "\f08d"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-person-praying:before, .fa-pray:before {
    content: "\f683"
}

.fa-hammer:before {
    content: "\f6e3"
}

.fa-hand-peace:before {
    content: "\f25b"
}

.fa-rotate:before, .fa-sync-alt:before {
    content: "\f2f1"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-robot:before {
    content: "\f544"
}

.fa-peace:before {
    content: "\f67c"
}

.fa-cogs:before, .fa-gears:before {
    content: "\f085"
}

.fa-warehouse:before {
    content: "\f494"
}

.fa-arrow-up-right-dots:before {
    content: "\e4b7"
}

.fa-splotch:before {
    content: "\f5bc"
}

.fa-face-grin-hearts:before, .fa-grin-hearts:before {
    content: "\f584"
}

.fa-dice-four:before {
    content: "\f524"
}

.fa-sim-card:before {
    content: "\f7c4"
}

.fa-transgender-alt:before, .fa-transgender:before {
    content: "\f225"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-arrow-turn-down:before, .fa-level-down:before {
    content: "\f149"
}

.fa-person-falling-burst:before {
    content: "\e547"
}

.fa-award:before {
    content: "\f559"
}

.fa-ticket-alt:before, .fa-ticket-simple:before {
    content: "\f3ff"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-angle-double-left:before, .fa-angles-left:before {
    content: "\f100"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-clock-rotate-left:before, .fa-history:before {
    content: "\f1da"
}

.fa-face-grin-beam-sweat:before, .fa-grin-beam-sweat:before {
    content: "\f583"
}

.fa-arrow-right-from-file:before, .fa-file-export:before {
    content: "\f56e"
}

.fa-shield-blank:before, .fa-shield:before {
    content: "\f132"
}

.fa-arrow-up-short-wide:before, .fa-sort-amount-up-alt:before {
    content: "\f885"
}

.fa-house-medical:before {
    content: "\e3b2"
}

.fa-golf-ball-tee:before, .fa-golf-ball:before {
    content: "\f450"
}

.fa-chevron-circle-left:before, .fa-circle-chevron-left:before {
    content: "\f137"
}

.fa-house-chimney-window:before {
    content: "\e00d"
}

.fa-pen-nib:before {
    content: "\f5ad"
}

.fa-tent-arrow-turn-left:before {
    content: "\e580"
}

.fa-tents:before {
    content: "\e582"
}

.fa-magic:before, .fa-wand-magic:before {
    content: "\f0d0"
}

.fa-dog:before {
    content: "\f6d3"
}

.fa-carrot:before {
    content: "\f787"
}

.fa-moon:before {
    content: "\f186"
}

.fa-wine-glass-alt:before, .fa-wine-glass-empty:before {
    content: "\f5ce"
}

.fa-cheese:before {
    content: "\f7ef"
}

.fa-yin-yang:before {
    content: "\f6ad"
}

.fa-music:before {
    content: "\f001"
}

.fa-code-commit:before {
    content: "\f386"
}

.fa-temperature-low:before {
    content: "\f76b"
}

.fa-biking:before, .fa-person-biking:before {
    content: "\f84a"
}

.fa-broom:before {
    content: "\f51a"
}

.fa-shield-heart:before {
    content: "\e574"
}

.fa-gopuram:before {
    content: "\f664"
}

.fa-earth-oceania:before, .fa-globe-oceania:before {
    content: "\e47b"
}

.fa-square-xmark:before, .fa-times-square:before, .fa-xmark-square:before {
    content: "\f2d3"
}

.fa-hashtag:before {
    content: "\23"
}

.fa-expand-alt:before, .fa-up-right-and-down-left-from-center:before {
    content: "\f424"
}

.fa-oil-can:before {
    content: "\f613"
}

.fa-t:before {
    content: "\54"
}

.fa-hippo:before {
    content: "\f6ed"
}

.fa-chart-column:before {
    content: "\e0e3"
}

.fa-infinity:before {
    content: "\f534"
}

.fa-vial-circle-check:before {
    content: "\e596"
}

.fa-person-arrow-down-to-line:before {
    content: "\e538"
}

.fa-voicemail:before {
    content: "\f897"
}

.fa-fan:before {
    content: "\f863"
}

.fa-person-walking-luggage:before {
    content: "\e554"
}

.fa-arrows-alt-v:before, .fa-up-down:before {
    content: "\f338"
}

.fa-cloud-moon-rain:before {
    content: "\f73c"
}

.fa-calendar:before {
    content: "\f133"
}

.fa-trailer:before {
    content: "\e041"
}

.fa-bahai:before, .fa-haykal:before {
    content: "\f666"
}

.fa-sd-card:before {
    content: "\f7c2"
}

.fa-dragon:before {
    content: "\f6d5"
}

.fa-shoe-prints:before {
    content: "\f54b"
}

.fa-circle-plus:before, .fa-plus-circle:before {
    content: "\f055"
}

.fa-face-grin-tongue-wink:before, .fa-grin-tongue-wink:before {
    content: "\f58b"
}

.fa-hand-holding:before {
    content: "\f4bd"
}

.fa-plug-circle-exclamation:before {
    content: "\e55d"
}

.fa-chain-broken:before, .fa-chain-slash:before, .fa-link-slash:before, .fa-unlink:before {
    content: "\f127"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-person-walking-arrow-loop-left:before {
    content: "\e551"
}

.fa-arrow-up-z-a:before, .fa-sort-alpha-up-alt:before {
    content: "\f882"
}

.fa-fire-alt:before, .fa-fire-flame-curved:before {
    content: "\f7e4"
}

.fa-tornado:before {
    content: "\f76f"
}

.fa-file-circle-plus:before {
    content: "\e494"
}

.fa-book-quran:before, .fa-quran:before {
    content: "\f687"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-border-all:before {
    content: "\f84c"
}

.fa-angry:before, .fa-face-angry:before {
    content: "\f556"
}

.fa-cookie-bite:before {
    content: "\f564"
}

.fa-arrow-trend-down:before {
    content: "\e097"
}

.fa-feed:before, .fa-rss:before {
    content: "\f09e"
}

.fa-draw-polygon:before {
    content: "\f5ee"
}

.fa-balance-scale:before, .fa-scale-balanced:before {
    content: "\f24e"
}

.fa-gauge-simple-high:before, .fa-tachometer-fast:before, .fa-tachometer:before {
    content: "\f62a"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-desktop-alt:before, .fa-desktop:before {
    content: "\f390"
}

.fa-m:before {
    content: "\4d"
}

.fa-table-list:before, .fa-th-list:before {
    content: "\f00b"
}

.fa-comment-sms:before, .fa-sms:before {
    content: "\f7cd"
}

.fa-book:before {
    content: "\f02d"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-check:before {
    content: "\f00c"
}

.fa-battery-4:before, .fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-house-circle-check:before {
    content: "\e509"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-diagram-successor:before {
    content: "\e47a"
}

.fa-truck-arrow-right:before {
    content: "\e58b"
}

.fa-arrows-split-up-and-left:before {
    content: "\e4bc"
}

.fa-fist-raised:before, .fa-hand-fist:before {
    content: "\f6de"
}

.fa-cloud-moon:before {
    content: "\f6c3"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-person-falling:before {
    content: "\e546"
}

.fa-image-portrait:before, .fa-portrait:before {
    content: "\f3e0"
}

.fa-user-tag:before {
    content: "\f507"
}

.fa-rug:before {
    content: "\e569"
}

.fa-earth-europe:before, .fa-globe-europe:before {
    content: "\f7a2"
}

.fa-cart-flatbed-suitcase:before, .fa-luggage-cart:before {
    content: "\f59d"
}

.fa-rectangle-times:before, .fa-rectangle-xmark:before, .fa-times-rectangle:before, .fa-window-close:before {
    content: "\f410"
}

.fa-baht-sign:before {
    content: "\e0ac"
}

.fa-book-open:before {
    content: "\f518"
}

.fa-book-journal-whills:before, .fa-journal-whills:before {
    content: "\f66a"
}

.fa-handcuffs:before {
    content: "\e4f8"
}

.fa-exclamation-triangle:before, .fa-triangle-exclamation:before, .fa-warning:before {
    content: "\f071"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}

.fa-bottle-droplet:before {
    content: "\e4c4"
}

.fa-mask-face:before {
    content: "\e1d7"
}

.fa-hill-rockslide:before {
    content: "\e508"
}

.fa-exchange-alt:before, .fa-right-left:before {
    content: "\f362"
}

.fa-paper-plane:before {
    content: "\f1d8"
}

.fa-road-circle-exclamation:before {
    content: "\e565"
}

.fa-dungeon:before {
    content: "\f6d9"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-money-bill-1-wave:before, .fa-money-bill-wave-alt:before {
    content: "\f53b"
}

.fa-life-ring:before {
    content: "\f1cd"
}

.fa-hands:before, .fa-sign-language:before, .fa-signing:before {
    content: "\f2a7"
}

.fa-calendar-day:before {
    content: "\f783"
}

.fa-ladder-water:before, .fa-swimming-pool:before, .fa-water-ladder:before {
    content: "\f5c5"
}

.fa-arrows-up-down:before, .fa-arrows-v:before {
    content: "\f07d"
}

.fa-face-grimace:before, .fa-grimace:before {
    content: "\f57f"
}

.fa-wheelchair-alt:before, .fa-wheelchair-move:before {
    content: "\e2ce"
}

.fa-level-down-alt:before, .fa-turn-down:before {
    content: "\f3be"
}

.fa-person-walking-arrow-right:before {
    content: "\e552"
}

.fa-envelope-square:before, .fa-square-envelope:before {
    content: "\f199"
}

.fa-dice:before {
    content: "\f522"
}

.fa-bowling-ball:before {
    content: "\f436"
}

.fa-brain:before {
    content: "\f5dc"
}

.fa-band-aid:before, .fa-bandage:before {
    content: "\f462"
}

.fa-calendar-minus:before {
    content: "\f272"
}

.fa-circle-xmark:before, .fa-times-circle:before, .fa-xmark-circle:before {
    content: "\f057"
}

.fa-gifts:before {
    content: "\f79c"
}

.fa-hotel:before {
    content: "\f594"
}

.fa-earth-asia:before, .fa-globe-asia:before {
    content: "\f57e"
}

.fa-id-card-alt:before, .fa-id-card-clip:before {
    content: "\f47f"
}

.fa-magnifying-glass-plus:before, .fa-search-plus:before {
    content: "\f00e"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-user-clock:before {
    content: "\f4fd"
}

.fa-allergies:before, .fa-hand-dots:before {
    content: "\f461"
}

.fa-file-invoice:before {
    content: "\f570"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-coffee:before, .fa-mug-saucer:before {
    content: "\f0f4"
}

.fa-brush:before {
    content: "\f55d"
}

.fa-mask:before {
    content: "\f6fa"
}

.fa-magnifying-glass-minus:before, .fa-search-minus:before {
    content: "\f010"
}

.fa-ruler-vertical:before {
    content: "\f548"
}

.fa-user-alt:before, .fa-user-large:before {
    content: "\f406"
}

.fa-train-tram:before {
    content: "\e5b4"
}

.fa-user-nurse:before {
    content: "\f82f"
}

.fa-syringe:before {
    content: "\f48e"
}

.fa-cloud-sun:before {
    content: "\f6c4"
}

.fa-stopwatch-20:before {
    content: "\e06f"
}

.fa-square-full:before {
    content: "\f45c"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-jar:before {
    content: "\e516"
}

.fa-note-sticky:before, .fa-sticky-note:before {
    content: "\f249"
}

.fa-bug-slash:before {
    content: "\e490"
}

.fa-arrow-up-from-water-pump:before {
    content: "\e4b6"
}

.fa-bone:before {
    content: "\f5d7"
}

.fa-table-cells-row-unlock:before {
    content: "\e691"
}

.fa-user-injured:before {
    content: "\f728"
}

.fa-face-sad-tear:before, .fa-sad-tear:before {
    content: "\f5b4"
}

.fa-plane:before {
    content: "\f072"
}

.fa-tent-arrows-down:before {
    content: "\e581"
}

.fa-exclamation:before {
    content: "\21"
}

.fa-arrows-spin:before {
    content: "\e4bb"
}

.fa-print:before {
    content: "\f02f"
}

.fa-try:before, .fa-turkish-lira-sign:before, .fa-turkish-lira:before {
    content: "\e2bb"
}

.fa-dollar-sign:before, .fa-dollar:before, .fa-usd:before {
    content: "\24"
}

.fa-x:before {
    content: "\58"
}

.fa-magnifying-glass-dollar:before, .fa-search-dollar:before {
    content: "\f688"
}

.fa-users-cog:before, .fa-users-gear:before {
    content: "\f509"
}

.fa-person-military-pointing:before {
    content: "\e54a"
}

.fa-bank:before, .fa-building-columns:before, .fa-institution:before, .fa-museum:before, .fa-university:before {
    content: "\f19c"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-trowel:before {
    content: "\e589"
}

.fa-d:before {
    content: "\44"
}

.fa-stapler:before {
    content: "\e5af"
}

.fa-masks-theater:before, .fa-theater-masks:before {
    content: "\f630"
}

.fa-kip-sign:before {
    content: "\e1c4"
}

.fa-hand-point-left:before {
    content: "\f0a5"
}

.fa-handshake-alt:before, .fa-handshake-simple:before {
    content: "\f4c6"
}

.fa-fighter-jet:before, .fa-jet-fighter:before {
    content: "\f0fb"
}

.fa-share-alt-square:before, .fa-square-share-nodes:before {
    content: "\f1e1"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-plus-minus:before {
    content: "\e43c"
}

.fa-video-camera:before, .fa-video:before {
    content: "\f03d"
}

.fa-graduation-cap:before, .fa-mortar-board:before {
    content: "\f19d"
}

.fa-hand-holding-medical:before {
    content: "\e05c"
}

.fa-person-circle-check:before {
    content: "\e53e"
}

.fa-level-up-alt:before, .fa-turn-up:before {
    content: "\f3bf"
}

.fa-sr-only, .fa-sr-only-focusable:not(:focus), .sr-only, .sr-only-focusable:not(:focus) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0
}

:host, :root {
    --fa-style-family-brands: "Font Awesome 6 Brands";
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(webfonts/fa-brands-400.woff2) format("woff2"),url(webfonts/fa-brands-400.ttf) format("truetype")
}

.fa-brands, .fab {
    font-weight: 400
}

.fa-monero:before {
    content: "\f3d0"
}

.fa-hooli:before {
    content: "\f427"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-shopware:before {
    content: "\f5b5"
}

.fa-creative-commons-nc:before {
    content: "\f4e8"
}

.fa-aws:before {
    content: "\f375"
}

.fa-redhat:before {
    content: "\f7bc"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-cloudflare:before {
    content: "\e07d"
}

.fa-ups:before {
    content: "\f7e0"
}

.fa-pixiv:before {
    content: "\e640"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-dyalog:before {
    content: "\f399"
}

.fa-bity:before {
    content: "\f37a"
}

.fa-stackpath:before {
    content: "\f842"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-modx:before {
    content: "\f285"
}

.fa-guilded:before {
    content: "\e07e"
}

.fa-vnv:before {
    content: "\f40b"
}

.fa-js-square:before, .fa-square-js:before {
    content: "\f3b9"
}

.fa-microsoft:before {
    content: "\f3ca"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-orcid:before {
    content: "\f8d2"
}

.fa-java:before {
    content: "\f4e4"
}

.fa-invision:before {
    content: "\f7b0"
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed"
}

.fa-centercode:before {
    content: "\f380"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-jxl:before {
    content: "\e67b"
}

.fa-dart-lang:before {
    content: "\e693"
}

.fa-hire-a-helper:before {
    content: "\f3b0"
}

.fa-creative-commons-by:before {
    content: "\f4e7"
}

.fa-unity:before {
    content: "\e049"
}

.fa-whmcs:before {
    content: "\f40d"
}

.fa-rocketchat:before {
    content: "\f3e8"
}

.fa-vk:before {
    content: "\f189"
}

.fa-untappd:before {
    content: "\f405"
}

.fa-mailchimp:before {
    content: "\f59e"
}

.fa-css3-alt:before {
    content: "\f38b"
}

.fa-reddit-square:before, .fa-square-reddit:before {
    content: "\f1a2"
}

.fa-vimeo-v:before {
    content: "\f27d"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-square-font-awesome:before {
    content: "\e5ad"
}

.fa-deskpro:before {
    content: "\f38f"
}

.fa-brave:before {
    content: "\e63c"
}

.fa-sistrix:before {
    content: "\f3ee"
}

.fa-instagram-square:before, .fa-square-instagram:before {
    content: "\e055"
}

.fa-battle-net:before {
    content: "\f835"
}

.fa-the-red-yeti:before {
    content: "\f69d"
}

.fa-hacker-news-square:before, .fa-square-hacker-news:before {
    content: "\f3af"
}

.fa-edge:before {
    content: "\f282"
}

.fa-threads:before {
    content: "\e618"
}

.fa-napster:before {
    content: "\f3d2"
}

.fa-snapchat-square:before, .fa-square-snapchat:before {
    content: "\f2ad"
}

.fa-google-plus-g:before {
    content: "\f0d5"
}

.fa-artstation:before {
    content: "\f77a"
}

.fa-markdown:before {
    content: "\f60f"
}

.fa-sourcetree:before {
    content: "\f7d3"
}

.fa-google-plus:before {
    content: "\f2b3"
}

.fa-diaspora:before {
    content: "\f791"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-phoenix-squadron:before {
    content: "\f511"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-algolia:before {
    content: "\f36c"
}

.fa-red-river:before {
    content: "\f3e3"
}

.fa-creative-commons-sa:before {
    content: "\f4ef"
}

.fa-safari:before {
    content: "\f267"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-font-awesome-alt:before, .fa-square-font-awesome-stroke:before {
    content: "\f35c"
}

.fa-atlassian:before {
    content: "\f77b"
}

.fa-linkedin-in:before {
    content: "\f0e1"
}

.fa-digital-ocean:before {
    content: "\f391"
}

.fa-nimblr:before {
    content: "\f5a8"
}

.fa-chromecast:before {
    content: "\f838"
}

.fa-evernote:before {
    content: "\f839"
}

.fa-hacker-news:before {
    content: "\f1d4"
}

.fa-creative-commons-sampling:before {
    content: "\f4f0"
}

.fa-adversal:before {
    content: "\f36a"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-watchman-monitoring:before {
    content: "\e087"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-weixin:before {
    content: "\f1d7"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-git-alt:before {
    content: "\f841"
}

.fa-lyft:before {
    content: "\f3c3"
}

.fa-rev:before {
    content: "\f5b2"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-wizards-of-the-coast:before {
    content: "\f730"
}

.fa-square-viadeo:before, .fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-meetup:before {
    content: "\f2e0"
}

.fa-centos:before {
    content: "\f789"
}

.fa-adn:before {
    content: "\f170"
}

.fa-cloudsmith:before {
    content: "\f384"
}

.fa-opensuse:before {
    content: "\e62b"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-dribbble-square:before, .fa-square-dribbble:before {
    content: "\f397"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-node:before {
    content: "\f419"
}

.fa-mix:before {
    content: "\f3cb"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-cc-apple-pay:before {
    content: "\f416"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-debian:before {
    content: "\e60b"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-instalod:before {
    content: "\e081"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-sellcast:before {
    content: "\f2da"
}

.fa-square-twitter:before, .fa-twitter-square:before {
    content: "\f081"
}

.fa-r-project:before {
    content: "\f4f7"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-freebsd:before {
    content: "\f3a4"
}

.fa-vuejs:before {
    content: "\f41f"
}

.fa-accusoft:before {
    content: "\f369"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-fonticons-fi:before {
    content: "\f3a2"
}

.fa-app-store:before {
    content: "\f36f"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-itunes-note:before {
    content: "\f3b5"
}

.fa-golang:before {
    content: "\e40f"
}

.fa-kickstarter:before, .fa-square-kickstarter:before {
    content: "\f3bb"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-uncharted:before {
    content: "\e084"
}

.fa-firstdraft:before {
    content: "\f3a1"
}

.fa-square-youtube:before, .fa-youtube-square:before {
    content: "\f431"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-rendact:before, .fa-wpressr:before {
    content: "\f3e4"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-galactic-republic:before {
    content: "\f50c"
}

.fa-nfc-directional:before {
    content: "\e530"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-joget:before {
    content: "\f3b7"
}

.fa-fedora:before {
    content: "\f798"
}

.fa-stripe-s:before {
    content: "\f42a"
}

.fa-meta:before {
    content: "\e49b"
}

.fa-laravel:before {
    content: "\f3bd"
}

.fa-hotjar:before {
    content: "\f3b1"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-square-letterboxd:before {
    content: "\e62e"
}

.fa-sticker-mule:before {
    content: "\f3f7"
}

.fa-creative-commons-zero:before {
    content: "\f4f3"
}

.fa-hips:before {
    content: "\f452"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-discord:before {
    content: "\f392"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-app-store-ios:before {
    content: "\f370"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-confluence:before {
    content: "\f78d"
}

.fa-shoelace:before {
    content: "\e60c"
}

.fa-mdb:before {
    content: "\f8ca"
}

.fa-dochub:before {
    content: "\f394"
}

.fa-accessible-icon:before {
    content: "\f368"
}

.fa-ebay:before {
    content: "\f4f4"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-unsplash:before {
    content: "\e07c"
}

.fa-yarn:before {
    content: "\f7e3"
}

.fa-square-steam:before, .fa-steam-square:before {
    content: "\f1b7"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-square-vimeo:before, .fa-vimeo-square:before {
    content: "\f194"
}

.fa-asymmetrik:before {
    content: "\f372"
}

.fa-font-awesome-flag:before, .fa-font-awesome-logo-full:before, .fa-font-awesome:before {
    content: "\f2b4"
}

.fa-gratipay:before {
    content: "\f184"
}

.fa-apple:before {
    content: "\f179"
}

.fa-hive:before {
    content: "\e07f"
}

.fa-gitkraken:before {
    content: "\f3a6"
}

.fa-keybase:before {
    content: "\f4f5"
}

.fa-apple-pay:before {
    content: "\f415"
}

.fa-padlet:before {
    content: "\e4a0"
}

.fa-amazon-pay:before {
    content: "\f42c"
}

.fa-github-square:before, .fa-square-github:before {
    content: "\f092"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-fedex:before {
    content: "\f797"
}

.fa-phoenix-framework:before {
    content: "\f3dc"
}

.fa-shopify:before {
    content: "\e057"
}

.fa-neos:before {
    content: "\f612"
}

.fa-square-threads:before {
    content: "\e619"
}

.fa-hackerrank:before {
    content: "\f5f7"
}

.fa-researchgate:before {
    content: "\f4f8"
}

.fa-swift:before {
    content: "\f8e1"
}

.fa-angular:before {
    content: "\f420"
}

.fa-speakap:before {
    content: "\f3f3"
}

.fa-angrycreative:before {
    content: "\f36e"
}

.fa-y-combinator:before {
    content: "\f23b"
}

.fa-empire:before {
    content: "\f1d1"
}

.fa-envira:before {
    content: "\f299"
}

.fa-google-scholar:before {
    content: "\e63b"
}

.fa-gitlab-square:before, .fa-square-gitlab:before {
    content: "\e5ae"
}

.fa-studiovinari:before {
    content: "\f3f8"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-goodreads:before {
    content: "\f3a8"
}

.fa-odnoklassniki-square:before, .fa-square-odnoklassniki:before {
    content: "\f264"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-sith:before {
    content: "\f512"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-page4:before {
    content: "\f3d7"
}

.fa-hashnode:before {
    content: "\e499"
}

.fa-react:before {
    content: "\f41b"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-squarespace:before {
    content: "\f5be"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-creative-commons-share:before {
    content: "\f4f2"
}

.fa-bitcoin:before {
    content: "\f379"
}

.fa-keycdn:before {
    content: "\f3ba"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-itch-io:before {
    content: "\f83a"
}

.fa-umbraco:before {
    content: "\f8e8"
}

.fa-galactic-senate:before {
    content: "\f50d"
}

.fa-ubuntu:before {
    content: "\f7df"
}

.fa-draft2digital:before {
    content: "\f396"
}

.fa-stripe:before {
    content: "\f429"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-gg:before {
    content: "\f260"
}

.fa-dhl:before {
    content: "\f790"
}

.fa-pinterest-square:before, .fa-square-pinterest:before {
    content: "\f0d3"
}

.fa-xing:before {
    content: "\f168"
}

.fa-blackberry:before {
    content: "\f37b"
}

.fa-creative-commons-pd:before {
    content: "\f4ec"
}

.fa-playstation:before {
    content: "\f3df"
}

.fa-quinscape:before {
    content: "\f459"
}

.fa-less:before {
    content: "\f41d"
}

.fa-blogger-b:before {
    content: "\f37d"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-signal-messenger:before {
    content: "\e663"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-typo3:before {
    content: "\f42b"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-dailymotion:before {
    content: "\e052"
}

.fa-affiliatetheme:before {
    content: "\f36b"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-bootstrap:before {
    content: "\f836"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-nfc-symbol:before {
    content: "\e531"
}

.fa-mintbit:before {
    content: "\e62f"
}

.fa-ethereum:before {
    content: "\f42e"
}

.fa-speaker-deck:before {
    content: "\f83c"
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9"
}

.fa-patreon:before {
    content: "\f3d9"
}

.fa-avianex:before {
    content: "\f374"
}

.fa-ello:before {
    content: "\f5f1"
}

.fa-gofore:before {
    content: "\f3a7"
}

.fa-bimobject:before {
    content: "\f378"
}

.fa-brave-reverse:before {
    content: "\e63d"
}

.fa-facebook-f:before {
    content: "\f39e"
}

.fa-google-plus-square:before, .fa-square-google-plus:before {
    content: "\f0d4"
}

.fa-web-awesome:before {
    content: "\e682"
}

.fa-mandalorian:before {
    content: "\f50f"
}

.fa-first-order-alt:before {
    content: "\f50a"
}

.fa-osi:before {
    content: "\f41a"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-d-and-d-beyond:before {
    content: "\f6ca"
}

.fa-periscope:before {
    content: "\f3da"
}

.fa-fulcrum:before {
    content: "\f50b"
}

.fa-cloudscale:before {
    content: "\f383"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-mizuni:before {
    content: "\f3cc"
}

.fa-schlix:before {
    content: "\f3ea"
}

.fa-square-xing:before, .fa-xing-square:before {
    content: "\f169"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-cloudversify:before {
    content: "\f385"
}

.fa-usps:before {
    content: "\f7e1"
}

.fa-megaport:before {
    content: "\f5a3"
}

.fa-magento:before {
    content: "\f3c4"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-fly:before {
    content: "\f417"
}

.fa-aviato:before {
    content: "\f421"
}

.fa-itunes:before {
    content: "\f3b4"
}

.fa-cuttlefish:before {
    content: "\f38c"
}

.fa-blogger:before {
    content: "\f37c"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-viber:before {
    content: "\f409"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-letterboxd:before {
    content: "\e62d"
}

.fa-symfony:before {
    content: "\f83d"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-facebook-messenger:before {
    content: "\f39f"
}

.fa-audible:before {
    content: "\f373"
}

.fa-think-peaks:before {
    content: "\f731"
}

.fa-bilibili:before {
    content: "\e3d9"
}

.fa-erlang:before {
    content: "\f39d"
}

.fa-x-twitter:before {
    content: "\e61b"
}

.fa-cotton-bureau:before {
    content: "\f89e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-42-group:before, .fa-innosoft:before {
    content: "\e080"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-elementor:before {
    content: "\f430"
}

.fa-pied-piper-square:before, .fa-square-pied-piper:before {
    content: "\e01e"
}

.fa-creative-commons-nd:before {
    content: "\f4eb"
}

.fa-palfed:before {
    content: "\f3d8"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-resolving:before {
    content: "\f3e7"
}

.fa-xbox:before {
    content: "\f412"
}

.fa-square-web-awesome-stroke:before {
    content: "\e684"
}

.fa-searchengin:before {
    content: "\f3eb"
}

.fa-tiktok:before {
    content: "\e07b"
}

.fa-facebook-square:before, .fa-square-facebook:before {
    content: "\f082"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-linkedin:before {
    content: "\f08c"
}

.fa-hubspot:before {
    content: "\f3b2"
}

.fa-deploydog:before {
    content: "\f38e"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-flutter:before {
    content: "\e694"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-mixer:before {
    content: "\e056"
}

.fa-lastfm-square:before, .fa-square-lastfm:before {
    content: "\f203"
}

.fa-vimeo:before {
    content: "\f40a"
}

.fa-mendeley:before {
    content: "\f7b3"
}

.fa-uniregistry:before {
    content: "\f404"
}

.fa-figma:before {
    content: "\f799"
}

.fa-creative-commons-remix:before {
    content: "\f4ee"
}

.fa-cc-amazon-pay:before {
    content: "\f42d"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-cmplid:before {
    content: "\e360"
}

.fa-upwork:before {
    content: "\e641"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-gripfire:before {
    content: "\f3ac"
}

.fa-jedi-order:before {
    content: "\f50e"
}

.fa-uikit:before {
    content: "\f403"
}

.fa-fort-awesome-alt:before {
    content: "\f3a3"
}

.fa-phabricator:before {
    content: "\f3db"
}

.fa-ussunnah:before {
    content: "\f407"
}

.fa-earlybirds:before {
    content: "\f39a"
}

.fa-trade-federation:before {
    content: "\f513"
}

.fa-autoprefixer:before {
    content: "\f41c"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-square-upwork:before {
    content: "\e67c"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-google-play:before {
    content: "\f3ab"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-line:before {
    content: "\f3c0"
}

.fa-google-drive:before {
    content: "\f3aa"
}

.fa-servicestack:before {
    content: "\f3ec"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-deezer:before {
    content: "\e077"
}

.fa-raspberry-pi:before {
    content: "\f7bb"
}

.fa-jira:before {
    content: "\f7b1"
}

.fa-docker:before {
    content: "\f395"
}

.fa-screenpal:before {
    content: "\e570"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-gitter:before {
    content: "\f426"
}

.fa-d-and-d:before {
    content: "\f38d"
}

.fa-microblog:before {
    content: "\e01a"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-pied-piper-hat:before {
    content: "\f4e5"
}

.fa-kickstarter-k:before {
    content: "\f3bc"
}

.fa-yandex:before {
    content: "\f413"
}

.fa-readme:before {
    content: "\f4d5"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-square-web-awesome:before {
    content: "\e683"
}

.fa-sass:before {
    content: "\f41e"
}

.fa-wirsindhandwerk:before, .fa-wsh:before {
    content: "\e2d0"
}

.fa-buromobelexperte:before {
    content: "\f37f"
}

.fa-salesforce:before {
    content: "\f83b"
}

.fa-octopus-deploy:before {
    content: "\e082"
}

.fa-medapps:before {
    content: "\f3c6"
}

.fa-ns8:before {
    content: "\f3d5"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-apper:before {
    content: "\f371"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-waze:before {
    content: "\f83f"
}

.fa-bluesky:before {
    content: "\e671"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-snapchat-ghost:before, .fa-snapchat:before {
    content: "\f2ab"
}

.fa-fantasy-flight-games:before {
    content: "\f6dc"
}

.fa-rust:before {
    content: "\e07a"
}

.fa-wix:before {
    content: "\f5cf"
}

.fa-behance-square:before, .fa-square-behance:before {
    content: "\f1b5"
}

.fa-supple:before {
    content: "\f3f9"
}

.fa-webflow:before {
    content: "\e65c"
}

.fa-rebel:before {
    content: "\f1d0"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-staylinked:before {
    content: "\f3f5"
}

.fa-kaggle:before {
    content: "\f5fa"
}

.fa-space-awesome:before {
    content: "\e5ac"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-cpanel:before {
    content: "\f388"
}

.fa-goodreads-g:before {
    content: "\f3a9"
}

.fa-git-square:before, .fa-square-git:before {
    content: "\f1d2"
}

.fa-square-tumblr:before, .fa-tumblr-square:before {
    content: "\f174"
}

.fa-trello:before {
    content: "\f181"
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-perbyte:before {
    content: "\e083"
}

.fa-grunt:before {
    content: "\f3ad"
}

.fa-weebly:before {
    content: "\f5cc"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-themeco:before {
    content: "\f5c6"
}

.fa-python:before {
    content: "\f3e2"
}

.fa-android:before {
    content: "\f17b"
}

.fa-bots:before {
    content: "\e340"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-hornbill:before {
    content: "\f592"
}

.fa-js:before {
    content: "\f3b8"
}

.fa-ideal:before {
    content: "\e013"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-dev:before {
    content: "\f6cc"
}

.fa-sketch:before {
    content: "\f7c6"
}

.fa-yandex-international:before {
    content: "\f414"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-uber:before {
    content: "\f402"
}

.fa-github:before {
    content: "\f09b"
}

.fa-php:before {
    content: "\f457"
}

.fa-alipay:before {
    content: "\f642"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-firefox-browser:before {
    content: "\e007"
}

.fa-replyd:before {
    content: "\f3e6"
}

.fa-suse:before {
    content: "\f7d6"
}

.fa-jenkins:before {
    content: "\f3b6"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-rockrms:before {
    content: "\f3e9"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-buffer:before {
    content: "\f837"
}

.fa-npm:before {
    content: "\f3d4"
}

.fa-yammer:before {
    content: "\f840"
}

.fa-btc:before {
    content: "\f15a"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-stubber:before {
    content: "\e5c7"
}

.fa-telegram-plane:before, .fa-telegram:before {
    content: "\f2c6"
}

.fa-old-republic:before {
    content: "\f510"
}

.fa-odysee:before {
    content: "\e5c6"
}

.fa-square-whatsapp:before, .fa-whatsapp-square:before {
    content: "\f40c"
}

.fa-node-js:before {
    content: "\f3d3"
}

.fa-edge-legacy:before {
    content: "\e078"
}

.fa-slack-hash:before, .fa-slack:before {
    content: "\f198"
}

.fa-medrt:before {
    content: "\f3c8"
}

.fa-usb:before {
    content: "\f287"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-vaadin:before {
    content: "\f408"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-square-x-twitter:before {
    content: "\e61a"
}

.fa-reacteurope:before {
    content: "\f75d"
}

.fa-medium-m:before, .fa-medium:before {
    content: "\f23a"
}

.fa-amilia:before {
    content: "\f36d"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-flipboard:before {
    content: "\f44d"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-critical-role:before {
    content: "\f6c9"
}

.fa-sitrox:before {
    content: "\e44a"
}

.fa-discourse:before {
    content: "\f393"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-mastodon:before {
    content: "\f4f6"
}

.fa-airbnb:before {
    content: "\f834"
}

.fa-wolf-pack-battalion:before {
    content: "\f514"
}

.fa-buy-n-large:before {
    content: "\f8a6"
}

.fa-gulp:before {
    content: "\f3ae"
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1"
}

.fa-strava:before {
    content: "\f428"
}

.fa-ember:before {
    content: "\f423"
}

.fa-canadian-maple-leaf:before {
    content: "\f785"
}

.fa-teamspeak:before {
    content: "\f4f9"
}

.fa-pushed:before {
    content: "\f3e1"
}

.fa-wordpress-simple:before {
    content: "\f411"
}

.fa-nutritionix:before {
    content: "\f3d6"
}

.fa-wodu:before {
    content: "\e088"
}

.fa-google-pay:before {
    content: "\e079"
}

.fa-intercom:before {
    content: "\f7af"
}

.fa-zhihu:before {
    content: "\f63f"
}

.fa-korvue:before {
    content: "\f42f"
}

.fa-pix:before {
    content: "\e43a"
}

.fa-steam-symbol:before {
    content: "\f3f6"
}

:host, :root {
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(webfonts/fa-regular-400.woff2) format("woff2"),url(webfonts/fa-regular-400.ttf) format("truetype")
}

.fa-regular, .far {
    font-weight: 400
}

:host, :root {
    --fa-style-family-classic: "Font Awesome 6 Free";
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(webfonts/fa-solid-900.woff2) format("woff2"),url(webfonts/fa-solid-900.ttf) format("truetype")
}

.fa-solid, .fas {
    font-weight: 900
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-display: block;
    font-weight: 400;
    src: url(webfonts/fa-brands-400.woff2) format("woff2"),url(webfonts/fa-brands-400.ttf) format("truetype")
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-display: block;
    font-weight: 900;
    src: url(webfonts/fa-solid-900.woff2) format("woff2"),url(webfonts/fa-solid-900.ttf) format("truetype")
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-display: block;
    font-weight: 400;
    src: url(webfonts/fa-regular-400.woff2) format("woff2"),url(webfonts/fa-regular-400.ttf) format("truetype")
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url(webfonts/fa-solid-900.woff2) format("woff2"),url(webfonts/fa-solid-900.ttf) format("truetype")
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url(webfonts/fa-brands-400.woff2) format("woff2"),url(webfonts/fa-brands-400.ttf) format("truetype")
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url(webfonts/fa-regular-400.woff2) format("woff2"),url(webfonts/fa-regular-400.ttf) format("truetype");
    unicode-range: u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url(webfonts/fa-v4compatibility.woff2) format("woff2"),url(webfonts/fa-v4compatibility.ttf) format("truetype");
    unicode-range: u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a
}

/*!
*   _____       _             __                 _____                               ______ _       _   _
*  |_   _|     | |           / _|               |_   _|                             |  ____| |     | | (_)
*    | |  _ __ | |_ ___ _ __| |_ __ _  ___ ___    | |  ___ ___  _ __  ___   ______  | |__  | | __ _| |_ _  ___ ___  _ __
*    | | | '_ \| __/ _ \ '__|  _/ _` |/ __/ _ \   | | / __/ _ \| '_ \/ __| |______| |  __| | |/ _` | __| |/ __/ _ \| '_ \
*   _| |_| | | | ||  __/ |  | || (_| | (_|  __/  _| || (_| (_) | | | \__ \          | |    | | (_| | |_| | (_| (_) | | | |
*  |_____|_| |_|\__\___|_|  |_| \__,_|\___\___| |_____\___\___/|_| |_|___/          |_|    |_|\__,_|\__|_|\___\___/|_| |_|
*
*                         UIcons 4.0.0 - https://www.flaticon.com/uicons/interface-icons
*/
@font-face {
    font-family: "uicons-bold-rounded";
    src: url("https://cdn-uicons.flaticon.com/4.0.0/uicons-bold-rounded/webfonts/uicons-bold-rounded.woff2") format("woff2"), url("https://cdn-uicons.flaticon.com/4.0.0/uicons-bold-rounded/webfonts/uicons-bold-rounded.woff") format("woff"), url("https://cdn-uicons.flaticon.com/4.0.0/uicons-bold-rounded/webfonts/uicons-bold-rounded.eot#iefix") format("embedded-opentype");
    font-display: swap;
}

i[class^="fi-br-"]:before, i[class*=" fi-br-"]:before, span[class^="fi-br-"]:before, span[class*="fi-br-"]:before {
    font-family: uicons-bold-rounded !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fi-br-0:before {
    content: "\e001";
}

.fi-br-00s-music-disc:before {
    content: "\e002";
}

.fi-br-1:before {
    content: "\e003";
}

.fi-br-2:before {
    content: "\e008";
}

.fi-br-3:before {
    content: "\e00a";
}

.fi-br-360-degrees:before {
    content: "\e00c";
}

.fi-br-3d-printer:before {
    content: "\e00d";
}

.fi-br-3d-printer-house:before {
    content: "\e00e";
}

.fi-br-3d-printer-mug:before {
    content: "\e00f";
}

.fi-br-3d-printer-prosthesis:before {
    content: "\e010";
}

.fi-br-3d-printer-robot:before {
    content: "\e011";
}

.fi-br-3d-printer-toy:before {
    content: "\e012";
}

.fi-br-3d-printing-pen:before {
    content: "\e013";
}

.fi-br-4:before {
    content: "\e015";
}

.fi-br-404:before {
    content: "\e017";
}

.fi-br-5:before {
    content: "\e018";
}

.fi-br-5g-lock:before {
    content: "\e01b";
}

.fi-br-6:before {
    content: "\e01c";
}

.fi-br-60s-music-disc:before {
    content: "\e01d";
}

.fi-br-7:before {
    content: "\e01e";
}

.fi-br-70s-music-disc:before {
    content: "\e01f";
}

.fi-br-8:before {
    content: "\e020";
}

.fi-br-80s-music-disc:before {
    content: "\e021";
}

.fi-br-9:before {
    content: "\e022";
}

.fi-br-90s:before {
    content: "\e023";
}

.fi-br-90s-music-disc:before {
    content: "\e024";
}

.fi-br-a:before {
    content: "\e025";
}

.fi-br-abacus:before {
    content: "\e026";
}

.fi-br-abdomen:before {
    content: "\e028";
}

.fi-br-access-control:before {
    content: "\e02a";
}

.fi-br-access-denied:before {
    content: "\e02b";
}

.fi-br-accident:before {
    content: "\e02c";
}

.fi-br-accordion:before {
    content: "\e02d";
}

.fi-br-accountant:before {
    content: "\e02e";
}

.fi-br-acid-rain:before {
    content: "\e030";
}

.fi-br-acorn:before {
    content: "\e031";
}

.fi-br-ad:before {
    content: "\e033";
}

.fi-br-ad-forbidden:before {
    content: "\e035";
}

.fi-br-ad-paid:before {
    content: "\e036";
}

.fi-br-ad-slash:before {
    content: "\e037";
}

.fi-br-add:before {
    content: "\e038";
}

.fi-br-add-basket:before {
    content: "\e039";
}

.fi-br-add-document:before {
    content: "\e03a";
}

.fi-br-add-folder:before {
    content: "\e03b";
}

.fi-br-add-image:before {
    content: "\e03c";
}

.fi-br-address-book:before {
    content: "\e03d";
}

.fi-br-address-card:before {
    content: "\e03e";
}

.fi-br-admin:before {
    content: "\e03f";
}

.fi-br-admin-alt:before {
    content: "\e040";
}

.fi-br-affiliate-marketing:before {
    content: "\e04a";
}

.fi-br-age:before {
    content: "\e04c";
}

.fi-br-age-alt:before {
    content: "\e04d";
}

.fi-br-age-restriction-eighteen:before {
    content: "\e04e";
}

.fi-br-age-restriction-seven:before {
    content: "\e04f";
}

.fi-br-age-restriction-six:before {
    content: "\e050";
}

.fi-br-age-restriction-sixteen:before {
    content: "\e051";
}

.fi-br-age-restriction-thirteen:before {
    content: "\e053";
}

.fi-br-age-restriction-three:before {
    content: "\e054";
}

.fi-br-age-restriction-twelve:before {
    content: "\e055";
}

.fi-br-age-restriction-twenty-one:before {
    content: "\e056";
}

.fi-br-age-restriction-zero:before {
    content: "\e057";
}

.fi-br-ai-algorithm:before {
    content: "\e05b";
}

.fi-br-ai-artist:before {
    content: "\e05c";
}

.fi-br-ai-podcast:before {
    content: "\e05e";
}

.fi-br-ai-technology:before {
    content: "\e05f";
}

.fi-br-air-conditioner:before {
    content: "\e060";
}

.fi-br-air-freshener:before {
    content: "\e061";
}

.fi-br-air-pollution:before {
    content: "\e062";
}

.fi-br-airplane-journey:before {
    content: "\e065";
}

.fi-br-airplane-mode-off:before {
    content: "\e066";
}

.fi-br-airplane-mode-on:before {
    content: "\e067";
}

.fi-br-airplane-window-open:before {
    content: "\e068";
}

.fi-br-airplay:before {
    content: "\e069";
}

.fi-br-alarm-clock:before {
    content: "\e06a";
}

.fi-br-alarm-exclamation:before {
    content: "\e06b";
}

.fi-br-alarm-off:before {
    content: "\e06c";
}

.fi-br-alarm-plus:before {
    content: "\e06d";
}

.fi-br-alarm-snooze:before {
    content: "\e06e";
}

.fi-br-album:before {
    content: "\e06f";
}

.fi-br-album-circle-plus:before {
    content: "\e070";
}

.fi-br-album-circle-user:before {
    content: "\e071";
}

.fi-br-album-collection:before {
    content: "\e072";
}

.fi-br-algorithm:before {
    content: "\e074";
}

.fi-br-alicorn:before {
    content: "\e075";
}

.fi-br-alien:before {
    content: "\e076";
}

.fi-br-align-center:before {
    content: "\e078";
}

.fi-br-align-justify:before {
    content: "\e079";
}

.fi-br-align-left:before {
    content: "\e07a";
}

.fi-br-align-slash:before {
    content: "\e07b";
}

.fi-br-allen-keys:before {
    content: "\e07c";
}

.fi-br-allergy:before {
    content: "\e07d";
}

.fi-br-aloe-vera:before {
    content: "\e07e";
}

.fi-br-ambulance:before {
    content: "\e081";
}

.fi-br-american-football:before {
    content: "\e084";
}

.fi-br-amp-guitar:before {
    content: "\e086";
}

.fi-br-analyse:before {
    content: "\e089";
}

.fi-br-analyse-alt:before {
    content: "\e08a";
}

.fi-br-analytics:before {
    content: "\e08b";
}

.fi-br-analytics-magnifying-glass:before {
    content: "\e08c";
}

.fi-br-anatomical-heart:before {
    content: "\e08e";
}

.fi-br-anchor:before {
    content: "\e08f";
}

.fi-br-angel:before {
    content: "\e091";
}

.fi-br-angle:before {
    content: "\e092";
}

.fi-br-angle-90:before {
    content: "\e093";
}

.fi-br-angle-circle-down:before {
    content: "\e094";
}

.fi-br-angle-circle-left:before {
    content: "\e095";
}

.fi-br-angle-circle-right:before {
    content: "\e096";
}

.fi-br-angle-circle-up:before {
    content: "\e097";
}

.fi-br-angle-double-left:before {
    content: "\e098";
}

.fi-br-angle-double-right:before {
    content: "\e099";
}

.fi-br-angle-double-small-down:before {
    content: "\e09a";
}

.fi-br-angle-double-small-left:before {
    content: "\e09b";
}

.fi-br-angle-double-small-right:before {
    content: "\e09c";
}

.fi-br-angle-double-small-up:before {
    content: "\e09d";
}

.fi-br-angle-down:before {
    content: "\e09e";
}

.fi-br-angle-left:before {
    content: "\e09f";
}

.fi-br-angle-right:before {
    content: "\e0a0";
}

.fi-br-angle-small-down:before {
    content: "\e0a1";
}

.fi-br-angle-small-left:before {
    content: "\e0a2";
}

.fi-br-angle-small-right:before {
    content: "\e0a3";
}

.fi-br-angle-small-up:before {
    content: "\e0a4";
}

.fi-br-angle-square-down:before {
    content: "\e0a5";
}

.fi-br-angle-square-left:before {
    content: "\e0a6";
}

.fi-br-angle-square-right:before {
    content: "\e0a7";
}

.fi-br-angle-square-up:before {
    content: "\e0a8";
}

.fi-br-angle-up:before {
    content: "\e0a9";
}

.fi-br-angles-up-down:before {
    content: "\e0aa";
}

.fi-br-angry:before {
    content: "\e0ab";
}

.fi-br-animated-icon:before {
    content: "\e0ad";
}

.fi-br-anise:before {
    content: "\e0ae";
}

.fi-br-ankh:before {
    content: "\e0af";
}

.fi-br-answer:before {
    content: "\e0b0";
}

.fi-br-answer-alt:before {
    content: "\e0b1";
}

.fi-br-anxiety:before {
    content: "\e0b2";
}

.fi-br-apartment:before {
    content: "\e0b3";
}

.fi-br-aperture:before {
    content: "\e0b4";
}

.fi-br-api:before {
    content: "\e0b5";
}

.fi-br-api-cloud:before {
    content: "\e0b6";
}

.fi-br-app-notification:before {
    content: "\e0b8";
}

.fi-br-appendicitis:before {
    content: "\e0ba";
}

.fi-br-apple-books:before {
    content: "\e0bc";
}

.fi-br-apple-core:before {
    content: "\e0bd";
}

.fi-br-apple-crate:before {
    content: "\e0be";
}

.fi-br-apple-dumbbell:before {
    content: "\e0bf";
}

.fi-br-apple-juice:before {
    content: "\e0c0";
}

.fi-br-apple-pie:before {
    content: "\e0c2";
}

.fi-br-apple-whole:before {
    content: "\e0c3";
}

.fi-br-apps:before {
    content: "\e0c4";
}

.fi-br-apps-add:before {
    content: "\e0c5";
}

.fi-br-apps-delete:before {
    content: "\e0c6";
}

.fi-br-apps-sort:before {
    content: "\e0c7";
}

.fi-br-apricot:before {
    content: "\e0c8";
}

.fi-br-april-calendar:before {
    content: "\e0c9";
}

.fi-br-archery:before {
    content: "\e0ca";
}

.fi-br-architect-plan:before {
    content: "\e0cb";
}

.fi-br-archive:before {
    content: "\e0cc";
}

.fi-br-archway:before {
    content: "\e0cd";
}

.fi-br-arepa:before {
    content: "\e0ce";
}

.fi-br-armor:before {
    content: "\e0cf";
}

.fi-br-army-general:before {
    content: "\e0d1";
}

.fi-br-arrow-alt-circle-down:before {
    content: "\e0d2";
}

.fi-br-arrow-alt-circle-left:before {
    content: "\e0d3";
}

.fi-br-arrow-alt-circle-right:before {
    content: "\e0d4";
}

.fi-br-arrow-alt-circle-up:before {
    content: "\e0d5";
}

.fi-br-arrow-alt-down:before {
    content: "\e0d6";
}

.fi-br-arrow-alt-from-bottom:before {
    content: "\e0d7";
}

.fi-br-arrow-alt-from-left:before {
    content: "\e0d8";
}

.fi-br-arrow-alt-from-right:before {
    content: "\e0d9";
}

.fi-br-arrow-alt-from-top:before {
    content: "\e0da";
}

.fi-br-arrow-alt-left:before {
    content: "\e0db";
}

.fi-br-arrow-alt-right:before {
    content: "\e0dc";
}

.fi-br-arrow-alt-square-down:before {
    content: "\e0dd";
}

.fi-br-arrow-alt-square-left:before {
    content: "\e0de";
}

.fi-br-arrow-alt-square-right:before {
    content: "\e0df";
}

.fi-br-arrow-alt-square-up:before {
    content: "\e0e0";
}

.fi-br-arrow-alt-to-bottom:before {
    content: "\e0e1";
}

.fi-br-arrow-alt-to-left:before {
    content: "\e0e2";
}

.fi-br-arrow-alt-to-right:before {
    content: "\e0e3";
}

.fi-br-arrow-alt-to-top:before {
    content: "\e0e4";
}

.fi-br-arrow-alt-up:before {
    content: "\e0e5";
}

.fi-br-arrow-circle-down:before {
    content: "\e0e6";
}

.fi-br-arrow-circle-left:before {
    content: "\e0e7";
}

.fi-br-arrow-circle-right:before {
    content: "\e0e8";
}

.fi-br-arrow-circle-up:before {
    content: "\e0e9";
}

.fi-br-arrow-comparison:before {
    content: "\e0ea";
}

.fi-br-arrow-down:before {
    content: "\e0eb";
}

.fi-br-arrow-down-from-arc:before {
    content: "\e0ed";
}

.fi-br-arrow-down-from-dotted-line:before {
    content: "\e0ee";
}

.fi-br-arrow-down-left:before {
    content: "\e0ef";
}

.fi-br-arrow-down-small-big:before {
    content: "\e0f0";
}

.fi-br-arrow-down-strenght:before {
    content: "\e0f1";
}

.fi-br-arrow-down-to-dotted-line:before {
    content: "\e0f2";
}

.fi-br-arrow-down-to-square:before {
    content: "\e0f3";
}

.fi-br-arrow-down-triangle-square:before {
    content: "\e0f4";
}

.fi-br-arrow-from-bottom:before {
    content: "\e0f5";
}

.fi-br-arrow-from-left:before {
    content: "\e0f6";
}

.fi-br-arrow-from-right:before {
    content: "\e0f7";
}

.fi-br-arrow-from-top:before {
    content: "\e0f8";
}

.fi-br-arrow-left:before {
    content: "\e0f9";
}

.fi-br-arrow-left-from-arc:before {
    content: "\e0fa";
}

.fi-br-arrow-left-from-line:before {
    content: "\e0fb";
}

.fi-br-arrow-left-to-arc:before {
    content: "\e0fc";
}

.fi-br-arrow-progress:before {
    content: "\e0fd";
}

.fi-br-arrow-progress-alt:before {
    content: "\e0fe";
}

.fi-br-arrow-right:before {
    content: "\e0ff";
}

.fi-br-arrow-right-to-bracket:before {
    content: "\e100";
}

.fi-br-arrow-right-to-city:before {
    content: "\e101";
}

.fi-br-arrow-small-down:before {
    content: "\e102";
}

.fi-br-arrow-small-left:before {
    content: "\e103";
}

.fi-br-arrow-small-right:before {
    content: "\e104";
}

.fi-br-arrow-small-up:before {
    content: "\e105";
}

.fi-br-arrow-square-down:before {
    content: "\e106";
}

.fi-br-arrow-square-left:before {
    content: "\e107";
}

.fi-br-arrow-square-right:before {
    content: "\e108";
}

.fi-br-arrow-square-up:before {
    content: "\e109";
}

.fi-br-arrow-to-bottom:before {
    content: "\e10a";
}

.fi-br-arrow-to-left:before {
    content: "\e10b";
}

.fi-br-arrow-to-right:before {
    content: "\e10c";
}

.fi-br-arrow-to-top:before {
    content: "\e10d";
}

.fi-br-arrow-trend-down:before {
    content: "\e10e";
}

.fi-br-arrow-trend-up:before {
    content: "\e10f";
}

.fi-br-arrow-turn-down-left:before {
    content: "\e110";
}

.fi-br-arrow-turn-down-right:before {
    content: "\e111";
}

.fi-br-arrow-turn-left-up:before {
    content: "\e113";
}

.fi-br-arrow-up:before {
    content: "\e115";
}

.fi-br-arrow-up-from-dotted-line:before {
    content: "\e116";
}

.fi-br-arrow-up-from-ground-water:before {
    content: "\e117";
}

.fi-br-arrow-up-from-square:before {
    content: "\e118";
}

.fi-br-arrow-up-left:before {
    content: "\e119";
}

.fi-br-arrow-up-left-from-circle:before {
    content: "\e11a";
}

.fi-br-arrow-up-right:before {
    content: "\e11b";
}

.fi-br-arrow-up-right-and-arrow-down-left-from-center:before {
    content: "\e11c";
}

.fi-br-arrow-up-right-from-square:before {
    content: "\e11d";
}

.fi-br-arrow-up-small-big:before {
    content: "\e11e";
}

.fi-br-arrow-up-square-triangle:before {
    content: "\e11f";
}

.fi-br-arrow-up-to-arc:before {
    content: "\e120";
}

.fi-br-arrow-up-to-dotted-line:before {
    content: "\e121";
}

.fi-br-arrow-upward-growth-crypto:before {
    content: "\e122";
}

.fi-br-arrows:before {
    content: "\e123";
}

.fi-br-arrows-alt:before {
    content: "\e124";
}

.fi-br-arrows-alt-h:before {
    content: "\e125";
}

.fi-br-arrows-alt-v:before {
    content: "\e126";
}

.fi-br-arrows-cross:before {
    content: "\e127";
}

.fi-br-arrows-down-curve:before {
    content: "\e128";
}

.fi-br-arrows-down-to-people:before {
    content: "\e129";
}

.fi-br-arrows-from-dotted-line:before {
    content: "\e12a";
}

.fi-br-arrows-from-line:before {
    content: "\e12b";
}

.fi-br-arrows-h:before {
    content: "\e12c";
}

.fi-br-arrows-h-copy:before {
    content: "\e12d";
}

.fi-br-arrows-repeat:before {
    content: "\e12e";
}

.fi-br-arrows-repeat-1:before {
    content: "\e12f";
}

.fi-br-arrows-retweet:before {
    content: "\e130";
}

.fi-br-arrows-split-right-and-left:before {
    content: "\e132";
}

.fi-br-arrows-split-up-and-left:before {
    content: "\e133";
}

.fi-br-arrows-to-circle:before {
    content: "\e134";
}

.fi-br-arrows-to-dot:before {
    content: "\e135";
}

.fi-br-arrows-to-dotted-line:before {
    content: "\e136";
}

.fi-br-arrows-to-eye:before {
    content: "\e137";
}

.fi-br-arrows-to-line:before {
    content: "\e138";
}

.fi-br-artificial-intelligence:before {
    content: "\e139";
}

.fi-br-artist:before {
    content: "\e13a";
}

.fi-br-ask-us:before {
    content: "\e13c";
}

.fi-br-assept-document:before {
    content: "\e13d";
}

.fi-br-assessment:before {
    content: "\e13e";
}

.fi-br-assessment-alt:before {
    content: "\e13f";
}

.fi-br-assign:before {
    content: "\e140";
}

.fi-br-assistive-listening-systems:before {
    content: "\e141";
}

.fi-br-asterik:before {
    content: "\e142";
}

.fi-br-asthma:before {
    content: "\e143";
}

.fi-br-astonished-face:before {
    content: "\e144";
}

.fi-br-at:before {
    content: "\e147";
}

.fi-br-atm:before {
    content: "\e14a";
}

.fi-br-attention-detail:before {
    content: "\e14d";
}

.fi-br-attribution-pen:before {
    content: "\e14e";
}

.fi-br-attribution-pencil:before {
    content: "\e14f";
}

.fi-br-aubergine:before {
    content: "\e150";
}

.fi-br-auction:before {
    content: "\e151";
}

.fi-br-auction-bidding:before {
    content: "\e152";
}

.fi-br-auction-paddle:before {
    content: "\e153";
}

.fi-br-audience-megaphone:before {
    content: "\e154";
}

.fi-br-audio-description-slash:before {
    content: "\e155";
}

.fi-br-audit:before {
    content: "\e157";
}

.fi-br-audit-alt:before {
    content: "\e158";
}

.fi-br-augmented-reality:before {
    content: "\e15a";
}

.fi-br-august-calendar:before {
    content: "\e15b";
}

.fi-br-austral-sign:before {
    content: "\e15c";
}

.fi-br-australia:before {
    content: "\e15d";
}

.fi-br-australia-country-code:before {
    content: "\e15e";
}

.fi-br-australia-flag:before {
    content: "\e15f";
}

.fi-br-auto-pilot:before {
    content: "\e160";
}

.fi-br-auto-reply:before {
    content: "\e161";
}

.fi-br-auto-sync:before {
    content: "\e162";
}

.fi-br-auto-update:before {
    content: "\e163";
}

.fi-br-autosave:before {
    content: "\e164";
}

.fi-br-avi-file:before {
    content: "\e165";
}

.fi-br-avocado:before {
    content: "\e166";
}

.fi-br-avocado-toast:before {
    content: "\e167";
}

.fi-br-award:before {
    content: "\e168";
}

.fi-br-axe:before {
    content: "\e16a";
}

.fi-br-axe-battle:before {
    content: "\e16b";
}

.fi-br-axe-hammer:before {
    content: "\e16c";
}

.fi-br-b:before {
    content: "\e16d";
}

.fi-br-baby:before {
    content: "\e16e";
}

.fi-br-baby-carriage:before {
    content: "\e16f";
}

.fi-br-baby-cradle:before {
    content: "\e170";
}

.fi-br-back-up:before {
    content: "\e172";
}

.fi-br-background:before {
    content: "\e173";
}

.fi-br-backpack:before {
    content: "\e174";
}

.fi-br-bacon:before {
    content: "\e175";
}

.fi-br-bacon-egg:before {
    content: "\e176";
}

.fi-br-bacteria:before {
    content: "\e177";
}

.fi-br-bacterium:before {
    content: "\e178";
}

.fi-br-badge:before {
    content: "\e179";
}

.fi-br-badge-check:before {
    content: "\e17a";
}

.fi-br-badge-dollar:before {
    content: "\e17b";
}

.fi-br-badge-leaf:before {
    content: "\e17c";
}

.fi-br-badge-percent:before {
    content: "\e17d";
}

.fi-br-badge-sheriff:before {
    content: "\e17e";
}

.fi-br-badger-honey:before {
    content: "\e17f";
}

.fi-br-badget-check-alt:before {
    content: "\e180";
}

.fi-br-badminton:before {
    content: "\e181";
}

.fi-br-bag-map-pin:before {
    content: "\e182";
}

.fi-br-bag-seedling:before {
    content: "\e183";
}

.fi-br-bag-shopping-minus:before {
    content: "\e184";
}

.fi-br-bagel:before {
    content: "\e185";
}

.fi-br-bags-shopping:before {
    content: "\e186";
}

.fi-br-baguette:before {
    content: "\e187";
}

.fi-br-bahai:before {
    content: "\e188";
}

.fi-br-baht-sign:before {
    content: "\e189";
}

.fi-br-balance-scale-left:before {
    content: "\e18a";
}

.fi-br-balance-scale-right:before {
    content: "\e18b";
}

.fi-br-balcony:before {
    content: "\e18c";
}

.fi-br-ball-pile:before {
    content: "\e18e";
}

.fi-br-ballet-dance:before {
    content: "\e190";
}

.fi-br-balloon:before {
    content: "\e191";
}

.fi-br-balloons:before {
    content: "\e192";
}

.fi-br-ballot:before {
    content: "\e193";
}

.fi-br-ballot-check:before {
    content: "\e194";
}

.fi-br-bamboo:before {
    content: "\e195";
}

.fi-br-ban:before {
    content: "\e196";
}

.fi-br-ban-bug:before {
    content: "\e197";
}

.fi-br-banana:before {
    content: "\e198";
}

.fi-br-bananas:before {
    content: "\e199";
}

.fi-br-band-aid:before {
    content: "\e19a";
}

.fi-br-band-aid-alt:before {
    content: "\e19b";
}

.fi-br-bandage-wound:before {
    content: "\e19d";
}

.fi-br-bangladeshi-taka-sign:before {
    content: "\e19e";
}

.fi-br-banjo:before {
    content: "\e19f";
}

.fi-br-bank:before {
    content: "\e1a0";
}

.fi-br-bank-app:before {
    content: "\e1a1";
}

.fi-br-banner:before {
    content: "\e1a2";
}

.fi-br-banner-2:before {
    content: "\e1a3";
}

.fi-br-banner-3:before {
    content: "\e1a4";
}

.fi-br-banner-4:before {
    content: "\e1a5";
}

.fi-br-banner-5:before {
    content: "\e1a6";
}

.fi-br-barber-pole:before {
    content: "\e1a7";
}

.fi-br-barber-shop:before {
    content: "\e1a8";
}

.fi-br-barcode:before {
    content: "\e1a9";
}

.fi-br-barcode-read:before {
    content: "\e1aa";
}

.fi-br-barcode-scan:before {
    content: "\e1ab";
}

.fi-br-barefoot:before {
    content: "\e1ac";
}

.fi-br-barrier-caution:before {
    content: "\e1ad";
}

.fi-br-barrier-cone:before {
    content: "\e1ae";
}

.fi-br-barrow:before {
    content: "\e1af";
}

.fi-br-bars-filter:before {
    content: "\e1b0";
}

.fi-br-bars-progress:before {
    content: "\e1b1";
}

.fi-br-bars-sort:before {
    content: "\e1b2";
}

.fi-br-bars-staggered:before {
    content: "\e1b3";
}

.fi-br-baseball:before {
    content: "\e1b4";
}

.fi-br-baseball-alt:before {
    content: "\e1b5";
}

.fi-br-baseball-player:before {
    content: "\e1b6";
}

.fi-br-basket-shopping-minus:before {
    content: "\e1b8";
}

.fi-br-basket-shopping-plus:before {
    content: "\e1b9";
}

.fi-br-basket-shopping-simple:before {
    content: "\e1ba";
}

.fi-br-basketball:before {
    content: "\e1bb";
}

.fi-br-basketball-hoop:before {
    content: "\e1bc";
}

.fi-br-basketball-ticket:before {
    content: "\e1bd";
}

.fi-br-bat:before {
    content: "\e1be";
}

.fi-br-bath:before {
    content: "\e1bf";
}

.fi-br-battery-100:before {
    content: "\e1c0";
}

.fi-br-battery-alert:before {
    content: "\e1c1";
}

.fi-br-battery-bolt:before {
    content: "\e1c2";
}

.fi-br-battery-empty:before {
    content: "\e1c3";
}

.fi-br-battery-exclamation:before {
    content: "\e1c4";
}

.fi-br-battery-full:before {
    content: "\e1c5";
}

.fi-br-battery-half:before {
    content: "\e1c6";
}

.fi-br-battery-pollution:before {
    content: "\e1c7";
}

.fi-br-battery-quarter:before {
    content: "\e1c8";
}

.fi-br-battery-slash:before {
    content: "\e1c9";
}

.fi-br-battery-three-quarters:before {
    content: "\e1ca";
}

.fi-br-bay-leaf:before {
    content: "\e1cb";
}

.fi-br-beacon:before {
    content: "\e1cc";
}

.fi-br-bear-market:before {
    content: "\e1cd";
}

.fi-br-beard:before {
    content: "\e1ce";
}

.fi-br-beauty-mask:before {
    content: "\e1cf";
}

.fi-br-bed:before {
    content: "\e1d0";
}

.fi-br-bed-alt:before {
    content: "\e1d1";
}

.fi-br-bed-bunk:before {
    content: "\e1d2";
}

.fi-br-bed-empty:before {
    content: "\e1d3";
}

.fi-br-bed-pulse:before {
    content: "\e1d4";
}

.fi-br-bee:before {
    content: "\e1d5";
}

.fi-br-beehive:before {
    content: "\e1d6";
}

.fi-br-beer:before {
    content: "\e1d7";
}

.fi-br-beer-mug-empty:before {
    content: "\e1d8";
}

.fi-br-bell:before {
    content: "\e1da";
}

.fi-br-bell-concierge:before {
    content: "\e1db";
}

.fi-br-bell-notification-call:before {
    content: "\e1dc";
}

.fi-br-bell-notification-social-media:before {
    content: "\e1dd";
}

.fi-br-bell-ring:before {
    content: "\e1de";
}

.fi-br-bell-school:before {
    content: "\e1df";
}

.fi-br-bell-school-slash:before {
    content: "\e1e0";
}

.fi-br-bell-slash:before {
    content: "\e1e1";
}

.fi-br-bells:before {
    content: "\e1e2";
}

.fi-br-bench-tree:before {
    content: "\e1e3";
}

.fi-br-benefit:before {
    content: "\e1e4";
}

.fi-br-benefit-diamond:before {
    content: "\e1e5";
}

.fi-br-benefit-diamond-alt:before {
    content: "\e1e6";
}

.fi-br-benefit-hand:before {
    content: "\e1e7";
}

.fi-br-benefit-increase:before {
    content: "\e1e8";
}

.fi-br-benefit-porcent:before {
    content: "\e1e9";
}

.fi-br-betamax:before {
    content: "\e1ee";
}

.fi-br-bible:before {
    content: "\e1ef";
}

.fi-br-bicycle-journey:before {
    content: "\e1f0";
}

.fi-br-big-data:before {
    content: "\e1f1";
}

.fi-br-big-data-ai:before {
    content: "\e1f2";
}

.fi-br-big-data-analytics:before {
    content: "\e1f3";
}

.fi-br-big-drop:before {
    content: "\e1f4";
}

.fi-br-bike:before {
    content: "\e1f5";
}

.fi-br-bike-moving:before {
    content: "\e1f6";
}

.fi-br-bike-path:before {
    content: "\e1f7";
}

.fi-br-biking:before {
    content: "\e1f8";
}

.fi-br-biking-mountain:before {
    content: "\e1f9";
}

.fi-br-bill-arrow:before {
    content: "\e1fa";
}

.fi-br-billboard:before {
    content: "\e1fb";
}

.fi-br-billboard-location:before {
    content: "\e1fc";
}

.fi-br-billiard:before {
    content: "\e1fd";
}

.fi-br-bin-bottles:before {
    content: "\e1fe";
}

.fi-br-binary:before {
    content: "\e1ff";
}

.fi-br-binary-circle-check:before {
    content: "\e200";
}

.fi-br-binary-cloud:before {
    content: "\e201";
}

.fi-br-binary-lock:before {
    content: "\e202";
}

.fi-br-binary-slash:before {
    content: "\e203";
}

.fi-br-binoculars:before {
    content: "\e204";
}

.fi-br-bio:before {
    content: "\e205";
}

.fi-br-bio-leaves:before {
    content: "\e206";
}

.fi-br-biohazard:before {
    content: "\e207";
}

.fi-br-bipolar:before {
    content: "\e208";
}

.fi-br-bird:before {
    content: "\e209";
}

.fi-br-bitcoin-card:before {
    content: "\e20b";
}

.fi-br-bitcoin-sign:before {
    content: "\e20d";
}

.fi-br-blanket:before {
    content: "\e20f";
}

.fi-br-blender:before {
    content: "\e210";
}

.fi-br-blender-phone:before {
    content: "\e211";
}

.fi-br-blinds:before {
    content: "\e212";
}

.fi-br-blinds-open:before {
    content: "\e213";
}

.fi-br-blinds-raised:before {
    content: "\e214";
}

.fi-br-block:before {
    content: "\e215";
}

.fi-br-block-brick:before {
    content: "\e216";
}

.fi-br-block-brick-fire:before {
    content: "\e217";
}

.fi-br-block-microphone:before {
    content: "\e218";
}

.fi-br-block-question:before {
    content: "\e219";
}

.fi-br-block-quote:before {
    content: "\e21a";
}

.fi-br-block-user:before {
    content: "\e21b";
}

.fi-br-blockchain-3:before {
    content: "\e21e";
}

.fi-br-blog-pencil:before {
    content: "\e21f";
}

.fi-br-blog-text:before {
    content: "\e220";
}

.fi-br-blood:before {
    content: "\e222";
}

.fi-br-blood-dropper:before {
    content: "\e223";
}

.fi-br-blood-test-tube:before {
    content: "\e225";
}

.fi-br-blood-test-tube-alt:before {
    content: "\e226";
}

.fi-br-blueberries:before {
    content: "\e228";
}

.fi-br-blueprint:before {
    content: "\e229";
}

.fi-br-blueprint-house:before {
    content: "\e22a";
}

.fi-br-bluetooth-alert:before {
    content: "\e22c";
}

.fi-br-bluetooth-alt:before {
    content: "\e22d";
}

.fi-br-bluetooth-circle:before {
    content: "\e22e";
}

.fi-br-bluetooth-headphones:before {
    content: "\e22f";
}

.fi-br-bluetooth-keyboard:before {
    content: "\e230";
}

.fi-br-bluetooth-mouse:before {
    content: "\e231";
}

.fi-br-bluetooth-settings:before {
    content: "\e232";
}

.fi-br-bluetooth-speaker:before {
    content: "\e233";
}

.fi-br-bluetooth-usb:before {
    content: "\e234";
}

.fi-br-blush:before {
    content: "\e235";
}

.fi-br-bold:before {
    content: "\e237";
}

.fi-br-bolt:before {
    content: "\e238";
}

.fi-br-bolt-auto:before {
    content: "\e239";
}

.fi-br-bolt-slash:before {
    content: "\e23a";
}

.fi-br-bomb:before {
    content: "\e23b";
}

.fi-br-bomb-sign:before {
    content: "\e23c";
}

.fi-br-bone:before {
    content: "\e23d";
}

.fi-br-bone-break:before {
    content: "\e23e";
}

.fi-br-bong:before {
    content: "\e23f";
}

.fi-br-bonus:before {
    content: "\e240";
}

.fi-br-bonus-alt:before {
    content: "\e241";
}

.fi-br-bonus-star:before {
    content: "\e242";
}

.fi-br-book:before {
    content: "\e243";
}

.fi-br-book-alt:before {
    content: "\e244";
}

.fi-br-book-arrow-right:before {
    content: "\e245";
}

.fi-br-book-arrow-up:before {
    content: "\e246";
}

.fi-br-book-atlas:before {
    content: "\e247";
}

.fi-br-book-bookmark:before {
    content: "\e248";
}

.fi-br-book-brain:before {
    content: "\e249";
}

.fi-br-book-circle-arrow-right:before {
    content: "\e24a";
}

.fi-br-book-circle-arrow-up:before {
    content: "\e24b";
}

.fi-br-book-copy:before {
    content: "\e24c";
}

.fi-br-book-dead:before {
    content: "\e24d";
}

.fi-br-book-font:before {
    content: "\e24e";
}

.fi-br-book-formula:before {
    content: "\e24f";
}

.fi-br-book-heart:before {
    content: "\e250";
}

.fi-br-book-magnet:before {
    content: "\e251";
}

.fi-br-book-medical:before {
    content: "\e252";
}

.fi-br-book-open-cover:before {
    content: "\e254";
}

.fi-br-book-open-reader:before {
    content: "\e255";
}

.fi-br-book-plus:before {
    content: "\e256";
}

.fi-br-book-quran:before {
    content: "\e257";
}

.fi-br-book-section:before {
    content: "\e258";
}

.fi-br-book-spells:before {
    content: "\e25b";
}

.fi-br-book-tanakh:before {
    content: "\e25c";
}

.fi-br-book-user:before {
    content: "\e25d";
}

.fi-br-book-world:before {
    content: "\e25e";
}

.fi-br-Booking:before {
    content: "\e25f";
}

.fi-br-bookmark:before {
    content: "\e260";
}

.fi-br-bookmark-slash:before {
    content: "\e261";
}

.fi-br-books:before {
    content: "\e262";
}

.fi-br-books-lightbulb:before {
    content: "\e263";
}

.fi-br-books-medical:before {
    content: "\e264";
}

.fi-br-boot:before {
    content: "\e265";
}

.fi-br-boot-heeled:before {
    content: "\e266";
}

.fi-br-booth-curtain:before {
    content: "\e267";
}

.fi-br-border-all:before {
    content: "\e269";
}

.fi-br-border-bottom:before {
    content: "\e26a";
}

.fi-br-border-center-h:before {
    content: "\e26b";
}

.fi-br-border-center-v:before {
    content: "\e26c";
}

.fi-br-border-inner:before {
    content: "\e26d";
}

.fi-br-border-left:before {
    content: "\e26e";
}

.fi-br-border-none:before {
    content: "\e26f";
}

.fi-br-border-outer:before {
    content: "\e270";
}

.fi-br-border-right:before {
    content: "\e271";
}

.fi-br-border-style:before {
    content: "\e272";
}

.fi-br-border-style-alt:before {
    content: "\e273";
}

.fi-br-border-top:before {
    content: "\e274";
}

.fi-br-boss:before {
    content: "\e275";
}

.fi-br-bottle:before {
    content: "\e276";
}

.fi-br-bottle-baby:before {
    content: "\e277";
}

.fi-br-bottle-droplet:before {
    content: "\e278";
}

.fi-br-bow-arrow:before {
    content: "\e27a";
}

.fi-br-bowl-chopsticks:before {
    content: "\e27b";
}

.fi-br-bowl-chopsticks-noodles:before {
    content: "\e27c";
}

.fi-br-bowl-rice:before {
    content: "\e27d";
}

.fi-br-bowl-scoop:before {
    content: "\e27e";
}

.fi-br-bowl-scoops:before {
    content: "\e27f";
}

.fi-br-bowl-soft-serve:before {
    content: "\e280";
}

.fi-br-bowl-spoon:before {
    content: "\e281";
}

.fi-br-bowling:before {
    content: "\e282";
}

.fi-br-bowling-ball:before {
    content: "\e283";
}

.fi-br-bowling-pins:before {
    content: "\e284";
}

.fi-br-box:before {
    content: "\e286";
}

.fi-br-box-add:before {
    content: "\e287";
}

.fi-br-box-alt:before {
    content: "\e288";
}

.fi-br-box-ballot:before {
    content: "\e289";
}

.fi-br-box-calendar:before {
    content: "\e28a";
}

.fi-br-box-check:before {
    content: "\e28b";
}

.fi-br-box-circle-check:before {
    content: "\e28c";
}

.fi-br-box-connection:before {
    content: "\e28d";
}

.fi-br-box-diamond:before {
    content: "\e28e";
}

.fi-br-box-distribution:before {
    content: "\e28f";
}

.fi-br-box-dollar:before {
    content: "\e290";
}

.fi-br-box-extendable:before {
    content: "\e291";
}

.fi-br-box-filter:before {
    content: "\e292";
}

.fi-br-box-fragile:before {
    content: "\e293";
}

.fi-br-box-headphone:before {
    content: "\e294";
}

.fi-br-box-heart:before {
    content: "\e295";
}

.fi-br-box-idea:before {
    content: "\e296";
}

.fi-br-box-loading:before {
    content: "\e297";
}

.fi-br-box-magnet:before {
    content: "\e298";
}

.fi-br-box-megaphone:before {
    content: "\e299";
}

.fi-br-box-mobile:before {
    content: "\e29a";
}

.fi-br-box-open:before {
    content: "\e29b";
}

.fi-br-box-open-full:before {
    content: "\e29c";
}

.fi-br-box-remove:before {
    content: "\e29d";
}

.fi-br-box-return:before {
    content: "\e29e";
}

.fi-br-box-route:before {
    content: "\e29f";
}

.fi-br-box-security:before {
    content: "\e2a0";
}

.fi-br-box-stars:before {
    content: "\e2a2";
}

.fi-br-box-target:before {
    content: "\e2a3";
}

.fi-br-box-tissue:before {
    content: "\e2a4";
}

.fi-br-box-up:before {
    content: "\e2a5";
}

.fi-br-boxes:before {
    content: "\e2a6";
}

.fi-br-boxing-glove:before {
    content: "\e2a7";
}

.fi-br-bracket-curly:before {
    content: "\e2a8";
}

.fi-br-bracket-curly-right:before {
    content: "\e2a9";
}

.fi-br-bracket-round:before {
    content: "\e2aa";
}

.fi-br-bracket-round-right:before {
    content: "\e2ab";
}

.fi-br-bracket-square:before {
    content: "\e2ac";
}

.fi-br-bracket-square-right:before {
    content: "\e2ad";
}

.fi-br-brackets-curly:before {
    content: "\e2ae";
}

.fi-br-brackets-round:before {
    content: "\e2af";
}

.fi-br-brackets-square:before {
    content: "\e2b0";
}

.fi-br-braille:before {
    content: "\e2b1";
}

.fi-br-braille-a:before {
    content: "\e2b2";
}

.fi-br-braille-b:before {
    content: "\e2b3";
}

.fi-br-braille-c:before {
    content: "\e2b4";
}

.fi-br-braille-d:before {
    content: "\e2b5";
}

.fi-br-braille-e:before {
    content: "\e2b6";
}

.fi-br-braille-g:before {
    content: "\e2b7";
}

.fi-br-braille-h:before {
    content: "\e2b8";
}

.fi-br-braille-hand:before {
    content: "\e2b9";
}

.fi-br-braille-i:before {
    content: "\e2ba";
}

.fi-br-braille-j:before {
    content: "\e2bb";
}

.fi-br-braille-k:before {
    content: "\e2bc";
}

.fi-br-braille-l:before {
    content: "\e2bd";
}

.fi-br-braille-m:before {
    content: "\e2be";
}

.fi-br-braille-n:before {
    content: "\e2bf";
}

.fi-br-braille-n-alt:before {
    content: "\e2c0";
}

.fi-br-braille-o:before {
    content: "\e2c1";
}

.fi-br-braille-p:before {
    content: "\e2c2";
}

.fi-br-braille-q:before {
    content: "\e2c3";
}

.fi-br-braille-r:before {
    content: "\e2c4";
}

.fi-br-braille-s:before {
    content: "\e2c5";
}

.fi-br-braille-t:before {
    content: "\e2c6";
}

.fi-br-braille-u:before {
    content: "\e2c7";
}

.fi-br-braille-v:before {
    content: "\e2c8";
}

.fi-br-braille-w:before {
    content: "\e2c9";
}

.fi-br-braille-x:before {
    content: "\e2ca";
}

.fi-br-braille-y:before {
    content: "\e2cb";
}

.fi-br-braille-z:before {
    content: "\e2cc";
}

.fi-br-brain:before {
    content: "\e2cd";
}

.fi-br-brain-bulb:before {
    content: "\e2ce";
}

.fi-br-brain-circuit:before {
    content: "\e2cf";
}

.fi-br-brain-doubt:before {
    content: "\e2d0";
}

.fi-br-brain-half-lightbulb:before {
    content: "\e2d1";
}

.fi-br-brain-lightning:before {
    content: "\e2d2";
}

.fi-br-brain-question-mark:before {
    content: "\e2d3";
}

.fi-br-brain-stress:before {
    content: "\e2d4";
}

.fi-br-brake-warning:before {
    content: "\e2d5";
}

.fi-br-branching:before {
    content: "\e2d6";
}

.fi-br-brand:before {
    content: "\e2d7";
}

.fi-br-brand-badge:before {
    content: "\e2d8";
}

.fi-br-brand-strategy:before {
    content: "\e2d9";
}

.fi-br-branding:before {
    content: "\e2da";
}

.fi-br-brazil:before {
    content: "\e2db";
}

.fi-br-brazil-flag:before {
    content: "\e2dc";
}

.fi-br-brazil-flag-circle:before {
    content: "\e2dd";
}

.fi-br-bread:before {
    content: "\e2de";
}

.fi-br-bread-loaf:before {
    content: "\e2df";
}

.fi-br-bread-slice:before {
    content: "\e2e0";
}

.fi-br-bread-slice-butter:before {
    content: "\e2e1";
}

.fi-br-break-time:before {
    content: "\e2e2";
}

.fi-br-bridge:before {
    content: "\e2e3";
}

.fi-br-bridge-circle-check:before {
    content: "\e2e4";
}

.fi-br-bridge-collapse:before {
    content: "\e2e5";
}

.fi-br-bridge-construction:before {
    content: "\e2e6";
}

.fi-br-bridge-suspension:before {
    content: "\e2e7";
}

.fi-br-bridge-water:before {
    content: "\e2e8";
}

.fi-br-briefcase:before {
    content: "\e2ea";
}

.fi-br-briefcase-arrow-right:before {
    content: "\e2eb";
}

.fi-br-briefcase-blank:before {
    content: "\e2ec";
}

.fi-br-briefcase-dollar:before {
    content: "\e2ed";
}

.fi-br-briefcase-filter:before {
    content: "\e2ee";
}

.fi-br-brightness:before {
    content: "\e2ef";
}

.fi-br-brightness-low:before {
    content: "\e2f1";
}

.fi-br-bring-forward:before {
    content: "\e2f2";
}

.fi-br-bring-front:before {
    content: "\e2f3";
}

.fi-br-broadcast-tower:before {
    content: "\e2f4";
}

.fi-br-broccoli:before {
    content: "\e2f5";
}

.fi-br-broken-arm:before {
    content: "\e2f6";
}

.fi-br-broken-chain-link-wrong:before {
    content: "\e2f7";
}

.fi-br-broken-image:before {
    content: "\e2f8";
}

.fi-br-broken-leg:before {
    content: "\e2f9";
}

.fi-br-broken-nail:before {
    content: "\e2fa";
}

.fi-br-broom:before {
    content: "\e2fb";
}

.fi-br-broom-ball:before {
    content: "\e2fc";
}

.fi-br-brownie:before {
    content: "\e2fd";
}

.fi-br-browser:before {
    content: "\e2fe";
}

.fi-br-browser-css:before {
    content: "\e300";
}

.fi-br-browser-lock-alert:before {
    content: "\e301";
}

.fi-br-browser-ui:before {
    content: "\e302";
}

.fi-br-browsers:before {
    content: "\e303";
}

.fi-br-brush:before {
    content: "\e304";
}

.fi-br-bubble-discussion:before {
    content: "\e305";
}

.fi-br-bubble-tea:before {
    content: "\e306";
}

.fi-br-bucket:before {
    content: "\e307";
}

.fi-br-budget:before {
    content: "\e308";
}

.fi-br-budget-alt:before {
    content: "\e309";
}

.fi-br-bug:before {
    content: "\e30a";
}

.fi-br-bug-fix:before {
    content: "\e30b";
}

.fi-br-bug-folder:before {
    content: "\e30c";
}

.fi-br-bug-magnifier:before {
    content: "\e30d";
}

.fi-br-bug-report:before {
    content: "\e30e";
}

.fi-br-bug-slash:before {
    content: "\e30f";
}

.fi-br-bugs:before {
    content: "\e310";
}

.fi-br-build:before {
    content: "\e311";
}

.fi-br-build-alt:before {
    content: "\e312";
}

.fi-br-builder:before {
    content: "\e313";
}

.fi-br-building:before {
    content: "\e314";
}

.fi-br-building-car:before {
    content: "\e315";
}

.fi-br-building-check:before {
    content: "\e316";
}

.fi-br-building-circle-arrow-right:before {
    content: "\e317";
}

.fi-br-building-flag:before {
    content: "\e318";
}

.fi-br-building-foundation:before {
    content: "\e319";
}

.fi-br-building-lock:before {
    content: "\e31a";
}

.fi-br-building-materials:before {
    content: "\e31b";
}

.fi-br-building-ngo:before {
    content: "\e31c";
}

.fi-br-building-shield:before {
    content: "\e31d";
}

.fi-br-building-user:before {
    content: "\e31e";
}

.fi-br-building-xmark:before {
    content: "\e31f";
}

.fi-br-bulb:before {
    content: "\e320";
}

.fi-br-bulb-speech-bubble:before {
    content: "\e322";
}

.fi-br-bull-market:before {
    content: "\e323";
}

.fi-br-bullet:before {
    content: "\e324";
}

.fi-br-bullhorn:before {
    content: "\e325";
}

.fi-br-bullseye:before {
    content: "\e326";
}

.fi-br-bullseye-arrow:before {
    content: "\e327";
}

.fi-br-bullseye-pointer:before {
    content: "\e328";
}

.fi-br-buoy:before {
    content: "\e329";
}

.fi-br-burger-alt:before {
    content: "\e32a";
}

.fi-br-burger-fries:before {
    content: "\e32b";
}

.fi-br-burger-glass:before {
    content: "\e32c";
}

.fi-br-burnout:before {
    content: "\e32f";
}

.fi-br-burrito:before {
    content: "\e330";
}

.fi-br-burst:before {
    content: "\e331";
}

.fi-br-bus:before {
    content: "\e332";
}

.fi-br-bus-alt:before {
    content: "\e333";
}

.fi-br-bus-ticket:before {
    content: "\e334";
}

.fi-br-business-deal:before {
    content: "\e335";
}

.fi-br-business-growth:before {
    content: "\e336";
}

.fi-br-business-meeting:before {
    content: "\e337";
}

.fi-br-business-podcast:before {
    content: "\e338";
}

.fi-br-business-time:before {
    content: "\e339";
}

.fi-br-business-value:before {
    content: "\e33a";
}

.fi-br-Butter:before {
    content: "\e33c";
}

.fi-br-butterfly:before {
    content: "\e33d";
}

.fi-br-button:before {
    content: "\e33e";
}

.fi-br-button-buy:before {
    content: "\e33f";
}

.fi-br-button-cancel:before {
    content: "\e340";
}

.fi-br-button-chat:before {
    content: "\e341";
}

.fi-br-button-customize:before {
    content: "\e342";
}

.fi-br-button-donate:before {
    content: "\e344";
}

.fi-br-button-download:before {
    content: "\e345";
}

.fi-br-button-play:before {
    content: "\e34a";
}

.fi-br-button-share:before {
    content: "\e34c";
}

.fi-br-button-upload:before {
    content: "\e34d";
}

.fi-br-c:before {
    content: "\e34e";
}

.fi-br-cabin:before {
    content: "\e34f";
}

.fi-br-cactus:before {
    content: "\e352";
}

.fi-br-cage-empty:before {
    content: "\e353";
}

.fi-br-cake-birthday:before {
    content: "\e354";
}

.fi-br-cake-slice:before {
    content: "\e355";
}

.fi-br-cake-wedding:before {
    content: "\e356";
}

.fi-br-calculator:before {
    content: "\e357";
}

.fi-br-calculator-bill:before {
    content: "\e359";
}

.fi-br-calculator-math-tax:before {
    content: "\e35a";
}

.fi-br-calculator-money:before {
    content: "\e35b";
}

.fi-br-calculator-simple:before {
    content: "\e35c";
}

.fi-br-calendar:before {
    content: "\e35d";
}

.fi-br-calendar-arrow-down:before {
    content: "\e35e";
}

.fi-br-calendar-arrow-up:before {
    content: "\e35f";
}

.fi-br-calendar-birhtday-cake:before {
    content: "\e360";
}

.fi-br-calendar-call:before {
    content: "\e361";
}

.fi-br-calendar-check:before {
    content: "\e362";
}

.fi-br-calendar-clock:before {
    content: "\e363";
}

.fi-br-calendar-day:before {
    content: "\e364";
}

.fi-br-calendar-days:before {
    content: "\e365";
}

.fi-br-calendar-event-tax:before {
    content: "\e366";
}

.fi-br-calendar-exclamation:before {
    content: "\e367";
}

.fi-br-calendar-gavel-legal:before {
    content: "\e368";
}

.fi-br-calendar-heart:before {
    content: "\e369";
}

.fi-br-calendar-image:before {
    content: "\e36a";
}

.fi-br-calendar-lines:before {
    content: "\e36b";
}

.fi-br-calendar-lines-pen:before {
    content: "\e36c";
}

.fi-br-calendar-microphone:before {
    content: "\e36d";
}

.fi-br-calendar-minus:before {
    content: "\e36e";
}

.fi-br-calendar-payment-loan:before {
    content: "\e36f";
}

.fi-br-calendar-pen:before {
    content: "\e370";
}

.fi-br-calendar-plane:before {
    content: "\e371";
}

.fi-br-calendar-plus:before {
    content: "\e372";
}

.fi-br-calendar-salary:before {
    content: "\e373";
}

.fi-br-calendar-shift-swap:before {
    content: "\e374";
}

.fi-br-calendar-star:before {
    content: "\e375";
}

.fi-br-calendar-swap:before {
    content: "\e376";
}

.fi-br-calendar-update:before {
    content: "\e377";
}

.fi-br-calendar-week:before {
    content: "\e378";
}

.fi-br-calendar-xmark:before {
    content: "\e379";
}

.fi-br-calendars:before {
    content: "\e37a";
}

.fi-br-call-duration:before {
    content: "\e37b";
}

.fi-br-call-forbidden:before {
    content: "\e37c";
}

.fi-br-call-history:before {
    content: "\e37d";
}

.fi-br-call-incoming:before {
    content: "\e37e";
}

.fi-br-call-missed:before {
    content: "\e37f";
}

.fi-br-call-outgoing:before {
    content: "\e381";
}

.fi-br-camcorder:before {
    content: "\e384";
}

.fi-br-camera:before {
    content: "\e385";
}

.fi-br-camera-cctv:before {
    content: "\e386";
}

.fi-br-camera-movie:before {
    content: "\e388";
}

.fi-br-camera-notification:before {
    content: "\e389";
}

.fi-br-camera-retro:before {
    content: "\e38a";
}

.fi-br-camera-rotate:before {
    content: "\e38b";
}

.fi-br-camera-security:before {
    content: "\e38c";
}

.fi-br-camera-slash:before {
    content: "\e38d";
}

.fi-br-camera-viewfinder:before {
    content: "\e38e";
}

.fi-br-campfire:before {
    content: "\e38f";
}

.fi-br-camping:before {
    content: "\e390";
}

.fi-br-can-food:before {
    content: "\e391";
}

.fi-br-candle-holder:before {
    content: "\e392";
}

.fi-br-candle-lotus-yoga:before {
    content: "\e393";
}

.fi-br-candle-pose-yoga:before {
    content: "\e394";
}

.fi-br-candy:before {
    content: "\e396";
}

.fi-br-candy-alt:before {
    content: "\e397";
}

.fi-br-candy-bar:before {
    content: "\e398";
}

.fi-br-candy-cane:before {
    content: "\e399";
}

.fi-br-candy-corn:before {
    content: "\e39a";
}

.fi-br-candy-sweet:before {
    content: "\e39b";
}

.fi-br-Cannabis:before {
    content: "\e39c";
}

.fi-br-canned-food:before {
    content: "\e39d";
}

.fi-br-cannon:before {
    content: "\e39e";
}

.fi-br-canoe:before {
    content: "\e39f";
}

.fi-br-capsules:before {
    content: "\e3a0";
}

.fi-br-car:before {
    content: "\e3a2";
}

.fi-br-car-alt:before {
    content: "\e3a3";
}

.fi-br-car-battery:before {
    content: "\e3a4";
}

.fi-br-car-bolt:before {
    content: "\e3a5";
}

.fi-br-car-building:before {
    content: "\e3a6";
}

.fi-br-car-bump:before {
    content: "\e3a7";
}

.fi-br-car-bus:before {
    content: "\e3a8";
}

.fi-br-car-charger-bolt:before {
    content: "\e3a9";
}

.fi-br-car-circle-bolt:before {
    content: "\e3aa";
}

.fi-br-car-crash:before {
    content: "\e3ab";
}

.fi-br-car-garage:before {
    content: "\e3ac";
}

.fi-br-car-journey:before {
    content: "\e3ad";
}

.fi-br-car-mechanic:before {
    content: "\e3ae";
}

.fi-br-car-oil:before {
    content: "\e3af";
}

.fi-br-car-rear:before {
    content: "\e3b0";
}

.fi-br-car-side:before {
    content: "\e3b1";
}

.fi-br-car-side-bolt:before {
    content: "\e3b2";
}

.fi-br-car-tilt:before {
    content: "\e3b3";
}

.fi-br-car-tunnel:before {
    content: "\e3b4";
}

.fi-br-car-wash:before {
    content: "\e3b5";
}

.fi-br-caravan:before {
    content: "\e3b6";
}

.fi-br-caravan-alt:before {
    content: "\e3b7";
}

.fi-br-carbon-cloud:before {
    content: "\e3b8";
}

.fi-br-carbon-cloud-arrow-down:before {
    content: "\e3b9";
}

.fi-br-carbon-footprint:before {
    content: "\e3ba";
}

.fi-br-card-club:before {
    content: "\e3bb";
}

.fi-br-card-diamond:before {
    content: "\e3bc";
}

.fi-br-card-heart:before {
    content: "\e3bd";
}

.fi-br-card-security:before {
    content: "\e3be";
}

.fi-br-card-spade:before {
    content: "\e3bf";
}

.fi-br-cardinal-compass:before {
    content: "\e3c0";
}

.fi-br-cards-blank:before {
    content: "\e3c2";
}

.fi-br-care:before {
    content: "\e3c3";
}

.fi-br-career-growth:before {
    content: "\e3c4";
}

.fi-br-career-path:before {
    content: "\e3c5";
}

.fi-br-caret-circle-down:before {
    content: "\e3c6";
}

.fi-br-caret-circle-right:before {
    content: "\e3c8";
}

.fi-br-caret-circle-up:before {
    content: "\e3c9";
}

.fi-br-caret-down:before {
    content: "\e3ca";
}

.fi-br-caret-left:before {
    content: "\e3cb";
}

.fi-br-caret-quare-up:before {
    content: "\e3cc";
}

.fi-br-caret-right:before {
    content: "\e3cd";
}

.fi-br-caret-square-down:before {
    content: "\e3ce";
}

.fi-br-caret-square-left:before {
    content: "\e3cf";
}

.fi-br-caret-square-left_1:before {
    content: "\e3d0";
}

.fi-br-caret-square-right:before {
    content: "\e3d1";
}

.fi-br-caret-up:before {
    content: "\e3d3";
}

.fi-br-carrot:before {
    content: "\e3d4";
}

.fi-br-cars:before {
    content: "\e3d5";
}

.fi-br-cars-crash:before {
    content: "\e3d6";
}

.fi-br-cart-arrow-down:before {
    content: "\e3d7";
}

.fi-br-cart-minus:before {
    content: "\e3d8";
}

.fi-br-cart-shopping-fast:before {
    content: "\e3d9";
}

.fi-br-case-study:before {
    content: "\e3da";
}

.fi-br-cash-register:before {
    content: "\e3db";
}

.fi-br-cassette-tape:before {
    content: "\e3dc";
}

.fi-br-cassette-vhs:before {
    content: "\e3dd";
}

.fi-br-castle:before {
    content: "\e3de";
}

.fi-br-castle-tower:before {
    content: "\e3df";
}

.fi-br-cat:before {
    content: "\e3e0";
}

.fi-br-cat-dog:before {
    content: "\e3e1";
}

.fi-br-cat-head:before {
    content: "\e3e2";
}

.fi-br-cat-space:before {
    content: "\e3e3";
}

.fi-br-catalog:before {
    content: "\e3e4";
}

.fi-br-catalog-alt:before {
    content: "\e3e5";
}

.fi-br-catalog-magazine:before {
    content: "\e3e6";
}

.fi-br-category:before {
    content: "\e3e7";
}

.fi-br-category-alt:before {
    content: "\e3e8";
}

.fi-br-cauldron:before {
    content: "\e3e9";
}

.fi-br-caulk-gun:before {
    content: "\e3ea";
}

.fi-br-cctv-alert:before {
    content: "\e3ef";
}

.fi-br-cctv-camera-sign:before {
    content: "\e3f0";
}

.fi-br-cdn:before {
    content: "\e3f1";
}

.fi-br-cedi-sign:before {
    content: "\e3f2";
}

.fi-br-cell:before {
    content: "\e3f3";
}

.fi-br-cello:before {
    content: "\e3f4";
}

.fi-br-cent-sign:before {
    content: "\e3f5";
}

.fi-br-certificate:before {
    content: "\e3f7";
}

.fi-br-ceviche:before {
    content: "\e3f8";
}

.fi-br-chai-tea:before {
    content: "\e3f9";
}

.fi-br-chair:before {
    content: "\e3fa";
}

.fi-br-chair-director:before {
    content: "\e3fb";
}

.fi-br-chair-office:before {
    content: "\e3fc";
}

.fi-br-chalkboard:before {
    content: "\e3fd";
}

.fi-br-chalkboard-user:before {
    content: "\e3fe";
}

.fi-br-challenge:before {
    content: "\e3ff";
}

.fi-br-challenge-alt:before {
    content: "\e400";
}

.fi-br-chamomile:before {
    content: "\e401";
}

.fi-br-channel:before {
    content: "\e402";
}

.fi-br-character:before {
    content: "\e403";
}

.fi-br-charging-station:before {
    content: "\e404";
}

.fi-br-chart-area:before {
    content: "\e405";
}

.fi-br-chart-bullet:before {
    content: "\e409";
}

.fi-br-chart-candlestick:before {
    content: "\e40a";
}

.fi-br-chart-connected:before {
    content: "\e40b";
}

.fi-br-chart-gantt:before {
    content: "\e40c";
}

.fi-br-chart-histogram:before {
    content: "\e40d";
}

.fi-br-chart-kanban:before {
    content: "\e40e";
}

.fi-br-chart-line-up:before {
    content: "\e40f";
}

.fi-br-chart-line-up-down:before {
    content: "\e410";
}

.fi-br-chart-mixed:before {
    content: "\e411";
}

.fi-br-chart-mixed-up-circle-currency:before {
    content: "\e412";
}

.fi-br-chart-mixed-up-circle-dollar:before {
    content: "\e413";
}

.fi-br-chart-network:before {
    content: "\e414";
}

.fi-br-chart-pie:before {
    content: "\e415";
}

.fi-br-chart-pie-alt:before {
    content: "\e416";
}

.fi-br-chart-pie-simple-circle-currency:before {
    content: "\e417";
}

.fi-br-chart-pie-simple-circle-dollar:before {
    content: "\e418";
}

.fi-br-chart-pyramid:before {
    content: "\e419";
}

.fi-br-chart-radar:before {
    content: "\e41a";
}

.fi-br-chart-scatter:before {
    content: "\e41b";
}

.fi-br-chart-scatter-3d:before {
    content: "\e41c";
}

.fi-br-chart-scatter-bubble:before {
    content: "\e41d";
}

.fi-br-chart-set-theory:before {
    content: "\e41e";
}

.fi-br-chart-simple:before {
    content: "\e41f";
}

.fi-br-chart-simple-horizontal:before {
    content: "\e420";
}

.fi-br-chart-tree:before {
    content: "\e421";
}

.fi-br-chart-tree-map:before {
    content: "\e422";
}

.fi-br-chart-user:before {
    content: "\e423";
}

.fi-br-chart-waterfall:before {
    content: "\e424";
}

.fi-br-chat-arrow-down:before {
    content: "\e425";
}

.fi-br-chat-arrow-grow:before {
    content: "\e426";
}

.fi-br-chat-bubble-call:before {
    content: "\e427";
}

.fi-br-chat-notification:before {
    content: "\e428";
}

.fi-br-chatbot:before {
    content: "\e429";
}

.fi-br-chatbot-speech-bubble:before {
    content: "\e42a";
}

.fi-br-cheap:before {
    content: "\e42b";
}

.fi-br-cheap-bill:before {
    content: "\e42c";
}

.fi-br-cheap-dollar:before {
    content: "\e42d";
}

.fi-br-cheap-stack:before {
    content: "\e42e";
}

.fi-br-cheap-stack-dollar:before {
    content: "\e42f";
}

.fi-br-check:before {
    content: "\e430";
}

.fi-br-check-circle:before {
    content: "\e431";
}

.fi-br-check-double:before {
    content: "\e432";
}

.fi-br-check-in-calendar:before {
    content: "\e433";
}

.fi-br-check-out-calendar:before {
    content: "\e434";
}

.fi-br-checkbox:before {
    content: "\e435";
}

.fi-br-checklist-task-budget:before {
    content: "\e436";
}

.fi-br-cheese:before {
    content: "\e437";
}

.fi-br-cheese-alt:before {
    content: "\e438";
}

.fi-br-cheese-cake:before {
    content: "\e439";
}

.fi-br-cheeseburger:before {
    content: "\e43a";
}

.fi-br-cherry:before {
    content: "\e43b";
}

.fi-br-chess:before {
    content: "\e43c";
}

.fi-br-chess-bishop:before {
    content: "\e43d";
}

.fi-br-chess-board:before {
    content: "\e43e";
}

.fi-br-chess-clock:before {
    content: "\e43f";
}

.fi-br-chess-clock-alt:before {
    content: "\e440";
}

.fi-br-chess-king:before {
    content: "\e441";
}

.fi-br-chess-king-alt:before {
    content: "\e442";
}

.fi-br-chess-knight:before {
    content: "\e443";
}

.fi-br-chess-knight-alt:before {
    content: "\e444";
}

.fi-br-chess-pawn:before {
    content: "\e445";
}

.fi-br-chess-pawn-alt:before {
    content: "\e446";
}

.fi-br-chess-piece:before {
    content: "\e447";
}

.fi-br-chess-queen:before {
    content: "\e448";
}

.fi-br-chess-queen-alt:before {
    content: "\e449";
}

.fi-br-chess-rook:before {
    content: "\e44a";
}

.fi-br-chess-rook-alt:before {
    content: "\e44b";
}

.fi-br-chevron-double-dots-down:before {
    content: "\e44c";
}

.fi-br-chevron-double-dots-left:before {
    content: "\e44d";
}

.fi-br-chevron-double-dots-right:before {
    content: "\e44e";
}

.fi-br-chevron-double-dots-up:before {
    content: "\e44f";
}

.fi-br-chevron-double-down:before {
    content: "\e450";
}

.fi-br-chevron-double-up:before {
    content: "\e451";
}

.fi-br-chicken-bucket:before {
    content: "\e452";
}

.fi-br-child:before {
    content: "\e453";
}

.fi-br-child-head:before {
    content: "\e454";
}

.fi-br-chimney:before {
    content: "\e455";
}

.fi-br-chimney-smoke:before {
    content: "\e456";
}

.fi-br-chinese-temple:before {
    content: "\e457";
}

.fi-br-chip:before {
    content: "\e458";
}

.fi-br-chip-brain:before {
    content: "\e459";
}

.fi-br-chocolate:before {
    content: "\e45a";
}

.fi-br-choir-singing:before {
    content: "\e45c";
}

.fi-br-choose:before {
    content: "\e45d";
}

.fi-br-choose-alt:before {
    content: "\e45e";
}

.fi-br-church:before {
    content: "\e460";
}

.fi-br-churros:before {
    content: "\e461";
}

.fi-br-cinnamon-roll:before {
    content: "\e462";
}

.fi-br-circle:before {
    content: "\e463";
}

.fi-br-circle-0:before {
    content: "\e464";
}

.fi-br-circle-1:before {
    content: "\e465";
}

.fi-br-circle-2:before {
    content: "\e466";
}

.fi-br-circle-3:before {
    content: "\e467";
}

.fi-br-circle-4:before {
    content: "\e468";
}

.fi-br-circle-5:before {
    content: "\e469";
}

.fi-br-circle-6:before {
    content: "\e46a";
}

.fi-br-circle-7:before {
    content: "\e46b";
}

.fi-br-circle-8:before {
    content: "\e46c";
}

.fi-br-circle-9:before {
    content: "\e46d";
}

.fi-br-circle-a:before {
    content: "\e46e";
}

.fi-br-circle-b:before {
    content: "\e470";
}

.fi-br-circle-bolt:before {
    content: "\e471";
}

.fi-br-circle-book-open:before {
    content: "\e472";
}

.fi-br-circle-bookmark:before {
    content: "\e473";
}

.fi-br-circle-c:before {
    content: "\e474";
}

.fi-br-circle-calendar:before {
    content: "\e475";
}

.fi-br-circle-camera:before {
    content: "\e476";
}

.fi-br-circle-d:before {
    content: "\e478";
}

.fi-br-circle-dashed:before {
    content: "\e479";
}

.fi-br-circle-divide:before {
    content: "\e47a";
}

.fi-br-circle-e:before {
    content: "\e47c";
}

.fi-br-circle-ellipsis:before {
    content: "\e47d";
}

.fi-br-circle-ellipsis-vertical:before {
    content: "\e47e";
}

.fi-br-circle-envelope:before {
    content: "\e47f";
}

.fi-br-circle-exclamation-check:before {
    content: "\e480";
}

.fi-br-circle-f:before {
    content: "\e481";
}

.fi-br-circle-g:before {
    content: "\e482";
}

.fi-br-circle-h:before {
    content: "\e483";
}

.fi-br-circle-half:before {
    content: "\e484";
}

.fi-br-circle-half-stroke:before {
    content: "\e485";
}

.fi-br-circle-heart:before {
    content: "\e486";
}

.fi-br-circle-i:before {
    content: "\e487";
}

.fi-br-circle-j:before {
    content: "\e488";
}

.fi-br-circle-k:before {
    content: "\e489";
}

.fi-br-circle-l:before {
    content: "\e48a";
}

.fi-br-circle-m:before {
    content: "\e48b";
}

.fi-br-circle-microphone:before {
    content: "\e48c";
}

.fi-br-circle-microphone-lines:before {
    content: "\e48d";
}

.fi-br-circle-n:before {
    content: "\e48e";
}

.fi-br-circle-nodes:before {
    content: "\e48f";
}

.fi-br-circle-o:before {
    content: "\e490";
}

.fi-br-circle-overlap:before {
    content: "\e491";
}

.fi-br-circle-p:before {
    content: "\e492";
}

.fi-br-circle-phone:before {
    content: "\e494";
}

.fi-br-circle-phone-flip:before {
    content: "\e495";
}

.fi-br-circle-phone-hangup:before {
    content: "\e496";
}

.fi-br-circle-q:before {
    content: "\e498";
}

.fi-br-circle-quarter:before {
    content: "\e499";
}

.fi-br-circle-quarters-alt:before {
    content: "\e49b";
}

.fi-br-circle-r:before {
    content: "\e49c";
}

.fi-br-circle-s:before {
    content: "\e49d";
}

.fi-br-circle-small:before {
    content: "\e49e";
}

.fi-br-circle-star:before {
    content: "\e49f";
}

.fi-br-circle-t:before {
    content: "\e4a1";
}

.fi-br-circle-three-quarters:before {
    content: "\e4a2";
}

.fi-br-circle-trash:before {
    content: "\e4a3";
}

.fi-br-circle-u:before {
    content: "\e4a4";
}

.fi-br-circle-user:before {
    content: "\e4a5";
}

.fi-br-circle-v:before {
    content: "\e4a6";
}

.fi-br-circle-video:before {
    content: "\e4a7";
}

.fi-br-circle-w:before {
    content: "\e4a8";
}

.fi-br-circle-water-plug:before {
    content: "\e4a9";
}

.fi-br-circle-waveform-lines:before {
    content: "\e4aa";
}

.fi-br-circle-wifi-circle-wifi:before {
    content: "\e4ab";
}

.fi-br-circle-x:before {
    content: "\e4ac";
}

.fi-br-circle-xmark:before {
    content: "\e4ad";
}

.fi-br-circle-y:before {
    content: "\e4ae";
}

.fi-br-circle-z:before {
    content: "\e4af";
}

.fi-br-citrus:before {
    content: "\e4b0";
}

.fi-br-citrus-slice:before {
    content: "\e4b1";
}

.fi-br-city:before {
    content: "\e4b2";
}

.fi-br-civil-law:before {
    content: "\e4b3";
}

.fi-br-clapper-open:before {
    content: "\e4b4";
}

.fi-br-clapperboard:before {
    content: "\e4b5";
}

.fi-br-clapperboard-play:before {
    content: "\e4b6";
}

.fi-br-clapperboard-question-mark:before {
    content: "\e4b7";
}

.fi-br-clarinet:before {
    content: "\e4b8";
}

.fi-br-claw-marks:before {
    content: "\e4b9";
}

.fi-br-clear-alt:before {
    content: "\e4bc";
}

.fi-br-clip:before {
    content: "\e4bf";
}

.fi-br-clip-file:before {
    content: "\e4c0";
}

.fi-br-clip-mail:before {
    content: "\e4c1";
}

.fi-br-clipboard:before {
    content: "\e4c2";
}

.fi-br-clipboard-check:before {
    content: "\e4c3";
}

.fi-br-clipboard-exclamation:before {
    content: "\e4c4";
}

.fi-br-clipboard-list:before {
    content: "\e4c5";
}

.fi-br-clipboard-list-check:before {
    content: "\e4c6";
}

.fi-br-clipboard-prescription:before {
    content: "\e4c7";
}

.fi-br-clipboard-question:before {
    content: "\e4c8";
}

.fi-br-clipboard-user:before {
    content: "\e4c9";
}

.fi-br-clipoard-wrong:before {
    content: "\e4ca";
}

.fi-br-clock:before {
    content: "\e4cb";
}

.fi-br-clock-desk:before {
    content: "\e4cc";
}

.fi-br-clock-eight-thirty:before {
    content: "\e4cd";
}

.fi-br-clock-eleven:before {
    content: "\e4ce";
}

.fi-br-clock-eleven-thirty:before {
    content: "\e4cf";
}

.fi-br-clock-five:before {
    content: "\e4d0";
}

.fi-br-clock-five-thirty:before {
    content: "\e4d1";
}

.fi-br-clock-four-thirty:before {
    content: "\e4d2";
}

.fi-br-clock-future-past:before {
    content: "\e4d3";
}

.fi-br-clock-money:before {
    content: "\e4d4";
}

.fi-br-clock-nine:before {
    content: "\e4d5";
}

.fi-br-clock-nine-thirty:before {
    content: "\e4d6";
}

.fi-br-clock-one:before {
    content: "\e4d7";
}

.fi-br-clock-one-thirty:before {
    content: "\e4d8";
}

.fi-br-clock-seven:before {
    content: "\e4d9";
}

.fi-br-clock-seven-thirty:before {
    content: "\e4da";
}

.fi-br-clock-six:before {
    content: "\e4db";
}

.fi-br-clock-six-thirty:before {
    content: "\e4dc";
}

.fi-br-clock-ten:before {
    content: "\e4dd";
}

.fi-br-clock-ten-thirty:before {
    content: "\e4de";
}

.fi-br-clock-three:before {
    content: "\e4df";
}

.fi-br-clock-three-thirty:before {
    content: "\e4e0";
}

.fi-br-clock-time-tracking:before {
    content: "\e4e1";
}

.fi-br-clock-twelve:before {
    content: "\e4e2";
}

.fi-br-clock-twelve-thirty:before {
    content: "\e4e3";
}

.fi-br-clock-two:before {
    content: "\e4e4";
}

.fi-br-clock-two-thirty:before {
    content: "\e4e5";
}

.fi-br-clock-up-arrow:before {
    content: "\e4e6";
}

.fi-br-clone:before {
    content: "\e4e7";
}

.fi-br-closed:before {
    content: "\e4e8";
}

.fi-br-closed-captioning-slash:before {
    content: "\e4e9";
}

.fi-br-clothes-hanger:before {
    content: "\e4ea";
}

.fi-br-clothing-rack:before {
    content: "\e4eb";
}

.fi-br-cloud:before {
    content: "\e4ec";
}

.fi-br-cloud-back-up:before {
    content: "\e4ed";
}

.fi-br-cloud-back-up-alt:before {
    content: "\e4ee";
}

.fi-br-cloud-check:before {
    content: "\e4ef";
}

.fi-br-cloud-code:before {
    content: "\e4f0";
}

.fi-br-cloud-data:before {
    content: "\e4f1";
}

.fi-br-cloud-disabled:before {
    content: "\e4f2";
}

.fi-br-cloud-download:before {
    content: "\e4f3";
}

.fi-br-cloud-download-alt:before {
    content: "\e4f4";
}

.fi-br-cloud-download-circle:before {
    content: "\e4f5";
}

.fi-br-cloud-drizzle:before {
    content: "\e4f6";
}

.fi-br-cloud-exclamation:before {
    content: "\e4f7";
}

.fi-br-cloud-gear-automation:before {
    content: "\e4f9";
}

.fi-br-cloud-hail:before {
    content: "\e4fa";
}

.fi-br-cloud-hail-mixed:before {
    content: "\e4fb";
}

.fi-br-cloud-lock:before {
    content: "\e4fc";
}

.fi-br-cloud-meatball:before {
    content: "\e4fd";
}

.fi-br-cloud-moon:before {
    content: "\e4ff";
}

.fi-br-cloud-moon-rain:before {
    content: "\e500";
}

.fi-br-cloud-question:before {
    content: "\e502";
}

.fi-br-cloud-rain:before {
    content: "\e503";
}

.fi-br-cloud-rainbow:before {
    content: "\e504";
}

.fi-br-cloud-share:before {
    content: "\e505";
}

.fi-br-cloud-showers:before {
    content: "\e506";
}

.fi-br-cloud-showers-heavy:before {
    content: "\e507";
}

.fi-br-cloud-showers-water:before {
    content: "\e508";
}

.fi-br-cloud-sleet:before {
    content: "\e50a";
}

.fi-br-cloud-snow:before {
    content: "\e50b";
}

.fi-br-cloud-stairs:before {
    content: "\e50c";
}

.fi-br-cloud-sun:before {
    content: "\e50d";
}

.fi-br-cloud-sun-rain:before {
    content: "\e50e";
}

.fi-br-cloud-sun-tear:before {
    content: "\e50f";
}

.fi-br-cloud-upload:before {
    content: "\e510";
}

.fi-br-cloud-upload-alt:before {
    content: "\e511";
}

.fi-br-cloud-upload-circle:before {
    content: "\e512";
}

.fi-br-cloud-windy:before {
    content: "\e514";
}

.fi-br-clouds:before {
    content: "\e517";
}

.fi-br-clouds-moon:before {
    content: "\e518";
}

.fi-br-clouds-sun:before {
    content: "\e519";
}

.fi-br-clover-alt:before {
    content: "\e51a";
}

.fi-br-club:before {
    content: "\e51b";
}

.fi-br-cocktail:before {
    content: "\e52b";
}

.fi-br-cocktail-alt:before {
    content: "\e52c";
}

.fi-br-coconut:before {
    content: "\e52d";
}

.fi-br-coconut-water:before {
    content: "\e52e";
}

.fi-br-code-branch:before {
    content: "\e52f";
}

.fi-br-code-commit:before {
    content: "\e530";
}

.fi-br-code-compare:before {
    content: "\e531";
}

.fi-br-code-editing:before {
    content: "\e532";
}

.fi-br-code-fork:before {
    content: "\e533";
}

.fi-br-code-merge:before {
    content: "\e534";
}

.fi-br-code-pull-request:before {
    content: "\e535";
}

.fi-br-code-pull-request-closed:before {
    content: "\e536";
}

.fi-br-code-pull-request-draft:before {
    content: "\e537";
}

.fi-br-code-simple:before {
    content: "\e538";
}

.fi-br-code-window:before {
    content: "\e539";
}

.fi-br-coffee:before {
    content: "\e53a";
}

.fi-br-coffee-bean:before {
    content: "\e53b";
}

.fi-br-coffee-beans:before {
    content: "\e53c";
}

.fi-br-coffee-heart:before {
    content: "\e53d";
}

.fi-br-coffee-maker:before {
    content: "\e53e";
}

.fi-br-coffee-pot:before {
    content: "\e53f";
}

.fi-br-coffee-time:before {
    content: "\e540";
}

.fi-br-coffin:before {
    content: "\e541";
}

.fi-br-coffin-cross:before {
    content: "\e542";
}

.fi-br-coil:before {
    content: "\e543";
}

.fi-br-coin:before {
    content: "\e544";
}

.fi-br-coin-up-arrow:before {
    content: "\e545";
}

.fi-br-coins:before {
    content: "\e546";
}

.fi-br-coins-crypto:before {
    content: "\e547";
}

.fi-br-coins-shield:before {
    content: "\e548";
}

.fi-br-colon-sign:before {
    content: "\e54a";
}

.fi-br-columns-3:before {
    content: "\e54c";
}

.fi-br-comb:before {
    content: "\e54d";
}

.fi-br-comb-hair:before {
    content: "\e54e";
}

.fi-br-comedy-podcast:before {
    content: "\e54f";
}

.fi-br-comet:before {
    content: "\e550";
}

.fi-br-command:before {
    content: "\e552";
}

.fi-br-comment:before {
    content: "\e553";
}

.fi-br-comment-alt:before {
    content: "\e554";
}

.fi-br-comment-alt-check:before {
    content: "\e555";
}

.fi-br-comment-alt-dots:before {
    content: "\e556";
}

.fi-br-comment-alt-edit:before {
    content: "\e557";
}

.fi-br-comment-alt-lock:before {
    content: "\e558";
}

.fi-br-comment-alt-medical:before {
    content: "\e559";
}

.fi-br-comment-alt-middle:before {
    content: "\e55a";
}

.fi-br-comment-alt-middle-top:before {
    content: "\e55b";
}

.fi-br-comment-alt-minus:before {
    content: "\e55c";
}

.fi-br-comment-alt-music:before {
    content: "\e55d";
}

.fi-br-comment-arrow-down:before {
    content: "\e560";
}

.fi-br-comment-arrow-up:before {
    content: "\e561";
}

.fi-br-comment-arrow-up-right:before {
    content: "\e562";
}

.fi-br-comment-check:before {
    content: "\e563";
}

.fi-br-comment-clock:before {
    content: "\e564";
}

.fi-br-comment-code:before {
    content: "\e565";
}

.fi-br-comment-dollar:before {
    content: "\e566";
}

.fi-br-comment-dots:before {
    content: "\e567";
}

.fi-br-comment-exclamation:before {
    content: "\e568";
}

.fi-br-comment-heart:before {
    content: "\e569";
}

.fi-br-comment-image:before {
    content: "\e56a";
}

.fi-br-comment-info:before {
    content: "\e56b";
}

.fi-br-comment-lock:before {
    content: "\e56c";
}

.fi-br-comment-medical:before {
    content: "\e56d";
}

.fi-br-comment-minus:before {
    content: "\e56e";
}

.fi-br-comment-pen:before {
    content: "\e56f";
}

.fi-br-comment-question:before {
    content: "\e571";
}

.fi-br-comment-quote:before {
    content: "\e572";
}

.fi-br-comment-slash:before {
    content: "\e573";
}

.fi-br-comment-smile:before {
    content: "\e574";
}

.fi-br-comment-sms:before {
    content: "\e575";
}

.fi-br-comment-text:before {
    content: "\e576";
}

.fi-br-comment-user:before {
    content: "\e577";
}

.fi-br-comment-xmark:before {
    content: "\e578";
}

.fi-br-comments:before {
    content: "\e579";
}

.fi-br-comments-dollar:before {
    content: "\e57a";
}

.fi-br-comments-question:before {
    content: "\e57b";
}

.fi-br-comments-question-check:before {
    content: "\e57c";
}

.fi-br-compass-alt:before {
    content: "\e57d";
}

.fi-br-compass-east:before {
    content: "\e57e";
}

.fi-br-compass-north:before {
    content: "\e57f";
}

.fi-br-compass-slash:before {
    content: "\e580";
}

.fi-br-compass-south:before {
    content: "\e581";
}

.fi-br-compass-west:before {
    content: "\e582";
}

.fi-br-completed:before {
    content: "\e583";
}

.fi-br-compliance:before {
    content: "\e584";
}

.fi-br-compliance-clipboard:before {
    content: "\e585";
}

.fi-br-compliance-document:before {
    content: "\e586";
}

.fi-br-compress:before {
    content: "\e587";
}

.fi-br-compress-alt:before {
    content: "\e588";
}

.fi-br-computer:before {
    content: "\e589";
}

.fi-br-computer-ad:before {
    content: "\e58a";
}

.fi-br-computer-classic:before {
    content: "\e58b";
}

.fi-br-computer-mouse:before {
    content: "\e58c";
}

.fi-br-computer-speaker:before {
    content: "\e58d";
}

.fi-br-concierge-bell:before {
    content: "\e58e";
}

.fi-br-concrete-mixer:before {
    content: "\e590";
}

.fi-br-condition:before {
    content: "\e591";
}

.fi-br-condition-alt:before {
    content: "\e592";
}

.fi-br-confetti:before {
    content: "\e593";
}

.fi-br-confidential-discussion:before {
    content: "\e594";
}

.fi-br-confidential-folder:before {
    content: "\e595";
}

.fi-br-confirmed-user:before {
    content: "\e596";
}

.fi-br-console-controller:before {
    content: "\e598";
}

.fi-br-constellation:before {
    content: "\e599";
}

.fi-br-construction-helmet:before {
    content: "\e59a";
}

.fi-br-construction-location:before {
    content: "\e59b";
}

.fi-br-consultant:before {
    content: "\e59c";
}

.fi-br-contact-lens-eyes:before {
    content: "\e59d";
}

.fi-br-container-storage:before {
    content: "\e59f";
}

.fi-br-contract:before {
    content: "\e5a0";
}

.fi-br-contrast:before {
    content: "\e5a1";
}

.fi-br-convert-document:before {
    content: "\e5a2";
}

.fi-br-convert-shapes:before {
    content: "\e5a3";
}

.fi-br-conveyor-belt:before {
    content: "\e5a4";
}

.fi-br-conveyor-belt-alt:before {
    content: "\e5a5";
}

.fi-br-conveyor-belt-arm:before {
    content: "\e5a6";
}

.fi-br-conveyor-belt-empty:before {
    content: "\e5a7";
}

.fi-br-cookie:before {
    content: "\e5a8";
}

.fi-br-cookie-alt:before {
    content: "\e5a9";
}

.fi-br-cookie-lock:before {
    content: "\e5aa";
}

.fi-br-copy:before {
    content: "\e5ab";
}

.fi-br-copy-alt:before {
    content: "\e5ac";
}

.fi-br-copy-image:before {
    content: "\e5ad";
}

.fi-br-copyright:before {
    content: "\e5ae";
}

.fi-br-coral-reef:before {
    content: "\e5af";
}

.fi-br-coriander:before {
    content: "\e5b0";
}

.fi-br-corn:before {
    content: "\e5b1";
}

.fi-br-corporate:before {
    content: "\e5b3";
}

.fi-br-corporate-alt:before {
    content: "\e5b4";
}

.fi-br-corruption:before {
    content: "\e5b5";
}

.fi-br-couch:before {
    content: "\e5b6";
}

.fi-br-couple:before {
    content: "\e5b8";
}

.fi-br-court-order:before {
    content: "\e5b9";
}

.fi-br-court-sport:before {
    content: "\e5ba";
}

.fi-br-cow:before {
    content: "\e5bb";
}

.fi-br-cow-alt:before {
    content: "\e5bc";
}

.fi-br-cowbell:before {
    content: "\e5bd";
}

.fi-br-cowbell-circle-plus:before {
    content: "\e5be";
}

.fi-br-cowbell-more:before {
    content: "\e5bf";
}

.fi-br-coworking:before {
    content: "\e5c0";
}

.fi-br-cpu:before {
    content: "\e5c1";
}

.fi-br-crab:before {
    content: "\e5c2";
}

.fi-br-crane:before {
    content: "\e5c3";
}

.fi-br-crane-building:before {
    content: "\e5c4";
}

.fi-br-crate-empty:before {
    content: "\e5c5";
}

.fi-br-cream:before {
    content: "\e5c6";
}

.fi-br-credit-approval:before {
    content: "\e5d5";
}

.fi-br-credit-card:before {
    content: "\e5d6";
}

.fi-br-credit-card-buyer:before {
    content: "\e5d7";
}

.fi-br-credit-card-check:before {
    content: "\e5d8";
}

.fi-br-credit-card-edit:before {
    content: "\e5d9";
}

.fi-br-credit-card-eye:before {
    content: "\e5da";
}

.fi-br-credit-card-notification:before {
    content: "\e5db";
}

.fi-br-credit-card-xmark:before {
    content: "\e5dc";
}

.fi-br-credit-interest:before {
    content: "\e5dd";
}

.fi-br-credit-limit:before {
    content: "\e5de";
}

.fi-br-credit-security:before {
    content: "\e5df";
}

.fi-br-crepe:before {
    content: "\e5e0";
}

.fi-br-cricket:before {
    content: "\e5e1";
}

.fi-br-CRM:before {
    content: "\e5e2";
}

.fi-br-crm-alt:before {
    content: "\e5e3";
}

.fi-br-crm-computer:before {
    content: "\e5e4";
}

.fi-br-crochet:before {
    content: "\e5e5";
}

.fi-br-croissant:before {
    content: "\e5e6";
}

.fi-br-cross:before {
    content: "\e5e8";
}

.fi-br-cross-circle:before {
    content: "\e5e9";
}

.fi-br-cross-religion:before {
    content: "\e5ea";
}

.fi-br-cross-small:before {
    content: "\e5eb";
}

.fi-br-crossed-hammers:before {
    content: "\e5ed";
}

.fi-br-crossed-hands-reject:before {
    content: "\e5ee";
}

.fi-br-crow:before {
    content: "\e5ef";
}

.fi-br-crowdfunding:before {
    content: "\e5f0";
}

.fi-br-crown:before {
    content: "\e5f1";
}

.fi-br-crutch:before {
    content: "\e5f2";
}

.fi-br-crutches:before {
    content: "\e5f3";
}

.fi-br-cruzeiro-sign:before {
    content: "\e5f4";
}

.fi-br-crypto-calendar:before {
    content: "\e5f5";
}

.fi-br-crypto-vault:before {
    content: "\e5f6";
}

.fi-br-crypto-wallet:before {
    content: "\e5f7";
}

.fi-br-cryptocurrency:before {
    content: "\e5f8";
}

.fi-br-crystal-ball:before {
    content: "\e5f9";
}

.fi-br-cube:before {
    content: "\e608";
}

.fi-br-cubes:before {
    content: "\e609";
}

.fi-br-cubes-stacked:before {
    content: "\e60a";
}

.fi-br-cucumber:before {
    content: "\e60b";
}

.fi-br-cumin:before {
    content: "\e60c";
}

.fi-br-cup-straw:before {
    content: "\e60d";
}

.fi-br-cup-straw-swoosh:before {
    content: "\e60e";
}

.fi-br-cup-togo:before {
    content: "\e60f";
}

.fi-br-cupcake:before {
    content: "\e610";
}

.fi-br-cupcake-alt:before {
    content: "\e611";
}

.fi-br-curling:before {
    content: "\e613";
}

.fi-br-curling-iron:before {
    content: "\e614";
}

.fi-br-currency:before {
    content: "\e615";
}

.fi-br-cursor:before {
    content: "\e616";
}

.fi-br-cursor-finger:before {
    content: "\e617";
}

.fi-br-cursor-finger-click:before {
    content: "\e618";
}

.fi-br-cursor-plus:before {
    content: "\e619";
}

.fi-br-cursor-text:before {
    content: "\e61a";
}

.fi-br-cursor-text-alt:before {
    content: "\e61b";
}

.fi-br-curve:before {
    content: "\e61c";
}

.fi-br-curve-alt:before {
    content: "\e61d";
}

.fi-br-curve-arrow:before {
    content: "\e61e";
}

.fi-br-custard:before {
    content: "\e61f";
}

.fi-br-customer-care:before {
    content: "\e620";
}

.fi-br-customer-service:before {
    content: "\e621";
}

.fi-br-customization:before {
    content: "\e622";
}

.fi-br-customization-cogwheel:before {
    content: "\e623";
}

.fi-br-customize:before {
    content: "\e624";
}

.fi-br-customize-computer:before {
    content: "\e625";
}

.fi-br-customize-edit:before {
    content: "\e626";
}

.fi-br-cutter:before {
    content: "\e627";
}

.fi-br-CV:before {
    content: "\e628";
}

.fi-br-cvv-card:before {
    content: "\e629";
}

.fi-br-cyborg:before {
    content: "\e62a";
}

.fi-br-cycling:before {
    content: "\e62b";
}

.fi-br-cystitis:before {
    content: "\e62c";
}

.fi-br-d:before {
    content: "\e62d";
}

.fi-br-dagger:before {
    content: "\e62e";
}

.fi-br-daily-calendar:before {
    content: "\e62f";
}

.fi-br-daisy:before {
    content: "\e631";
}

.fi-br-daisy-alt:before {
    content: "\e632";
}

.fi-br-damage:before {
    content: "\e633";
}

.fi-br-danger-sign:before {
    content: "\e634";
}

.fi-br-dark-mode:before {
    content: "\e635";
}

.fi-br-dark-mode-alt:before {
    content: "\e636";
}

.fi-br-dart:before {
    content: "\e637";
}

.fi-br-dashboard:before {
    content: "\e639";
}

.fi-br-dashboard-monitor:before {
    content: "\e63a";
}

.fi-br-dashboard-panel:before {
    content: "\e63b";
}

.fi-br-data-backup:before {
    content: "\e63d";
}

.fi-br-data-cleaning:before {
    content: "\e63e";
}

.fi-br-data-encryption:before {
    content: "\e63f";
}

.fi-br-data-insight:before {
    content: "\e640";
}

.fi-br-data-migration:before {
    content: "\e641";
}

.fi-br-data-mining:before {
    content: "\e642";
}

.fi-br-data-model:before {
    content: "\e643";
}

.fi-br-data-processing:before {
    content: "\e644";
}

.fi-br-data-report:before {
    content: "\e645";
}

.fi-br-data-transfer:before {
    content: "\e646";
}

.fi-br-database:before {
    content: "\e647";
}

.fi-br-database-cleaning:before {
    content: "\e648";
}

.fi-br-database-cloud-circle:before {
    content: "\e649";
}

.fi-br-database-management:before {
    content: "\e64a";
}

.fi-br-deadline:before {
    content: "\e64b";
}

.fi-br-deafness:before {
    content: "\e64c";
}

.fi-br-debt:before {
    content: "\e64d";
}

.fi-br-december-calendar:before {
    content: "\e64f";
}

.fi-br-decision-choice:before {
    content: "\e650";
}

.fi-br-decision-tree:before {
    content: "\e651";
}

.fi-br-declined-receipt:before {
    content: "\e652";
}

.fi-br-deep-learning:before {
    content: "\e653";
}

.fi-br-deer:before {
    content: "\e654";
}

.fi-br-deer-rudolph:before {
    content: "\e655";
}

.fi-br-degree-credential:before {
    content: "\e657";
}

.fi-br-delete:before {
    content: "\e658";
}

.fi-br-delete-document:before {
    content: "\e659";
}

.fi-br-delete-right:before {
    content: "\e65a";
}

.fi-br-delete-user:before {
    content: "\e65b";
}

.fi-br-delivery-man:before {
    content: "\e65d";
}

.fi-br-delivery-truck:before {
    content: "\e65e";
}

.fi-br-democrat:before {
    content: "\e661";
}

.fi-br-demographic:before {
    content: "\e662";
}

.fi-br-department:before {
    content: "\e663";
}

.fi-br-department-structure:before {
    content: "\e664";
}

.fi-br-deposit:before {
    content: "\e665";
}

.fi-br-deposit-alt:before {
    content: "\e666";
}

.fi-br-description:before {
    content: "\e667";
}

.fi-br-description-alt:before {
    content: "\e668";
}

.fi-br-desert:before {
    content: "\e669";
}

.fi-br-desert-dune:before {
    content: "\e66a";
}

.fi-br-desk:before {
    content: "\e66b";
}

.fi-br-desktop-arrow-down:before {
    content: "\e66c";
}

.fi-br-desktop-wallpaper:before {
    content: "\e66d";
}

.fi-br-detergent:before {
    content: "\e66e";
}

.fi-br-devices:before {
    content: "\e671";
}

.fi-br-dewpoint:before {
    content: "\e672";
}

.fi-br-dharmachakra:before {
    content: "\e673";
}

.fi-br-diagram-cells:before {
    content: "\e674";
}

.fi-br-diagram-lean-canvas:before {
    content: "\e675";
}

.fi-br-diagram-nested:before {
    content: "\e676";
}

.fi-br-diagram-next:before {
    content: "\e677";
}

.fi-br-diagram-predecessor:before {
    content: "\e678";
}

.fi-br-diagram-previous:before {
    content: "\e679";
}

.fi-br-diagram-project:before {
    content: "\e67a";
}

.fi-br-diagram-sankey:before {
    content: "\e67b";
}

.fi-br-diagram-subtask:before {
    content: "\e67c";
}

.fi-br-diagram-successor:before {
    content: "\e67d";
}

.fi-br-diagram-venn:before {
    content: "\e67e";
}

.fi-br-dial:before {
    content: "\e67f";
}

.fi-br-dial-high:before {
    content: "\e680";
}

.fi-br-dial-low:before {
    content: "\e681";
}

.fi-br-dial-max:before {
    content: "\e682";
}

.fi-br-dial-med:before {
    content: "\e683";
}

.fi-br-dial-med-low:before {
    content: "\e684";
}

.fi-br-dial-min:before {
    content: "\e685";
}

.fi-br-dial-off:before {
    content: "\e686";
}

.fi-br-dialogue-exchange:before {
    content: "\e687";
}

.fi-br-diamond:before {
    content: "\e688";
}

.fi-br-diamond-box:before {
    content: "\e689";
}

.fi-br-diamond-exclamation:before {
    content: "\e68a";
}

.fi-br-diamond-open-box:before {
    content: "\e68b";
}

.fi-br-diamond-turn-right:before {
    content: "\e68c";
}

.fi-br-diary-bookmark-down:before {
    content: "\e68d";
}

.fi-br-diary-bookmarks:before {
    content: "\e68e";
}

.fi-br-diary-clasp:before {
    content: "\e68f";
}

.fi-br-dice:before {
    content: "\e690";
}

.fi-br-dice-alt:before {
    content: "\e691";
}

.fi-br-dice-d10:before {
    content: "\e692";
}

.fi-br-dice-d12:before {
    content: "\e693";
}

.fi-br-dice-d20:before {
    content: "\e694";
}

.fi-br-dice-d4:before {
    content: "\e695";
}

.fi-br-dice-d6:before {
    content: "\e696";
}

.fi-br-dice-d8:before {
    content: "\e697";
}

.fi-br-dice-four:before {
    content: "\e698";
}

.fi-br-dice-one:before {
    content: "\e699";
}

.fi-br-dice-six:before {
    content: "\e69a";
}

.fi-br-dice-three:before {
    content: "\e69b";
}

.fi-br-dice-two:before {
    content: "\e69c";
}

.fi-br-dictionary:before {
    content: "\e69d";
}

.fi-br-dictionary-alt:before {
    content: "\e69e";
}

.fi-br-dictionary-open:before {
    content: "\e69f";
}

.fi-br-digging:before {
    content: "\e6a1";
}

.fi-br-digital-banking:before {
    content: "\e6a2";
}

.fi-br-digital-certificate:before {
    content: "\e6a3";
}

.fi-br-digital-identity:before {
    content: "\e6a4";
}

.fi-br-digital-key:before {
    content: "\e6a5";
}

.fi-br-digital-money:before {
    content: "\e6aa";
}

.fi-br-digital-payment:before {
    content: "\e6ab";
}

.fi-br-digital-signature:before {
    content: "\e6ac";
}

.fi-br-digital-tachograph:before {
    content: "\e6ad";
}

.fi-br-digital-wallet:before {
    content: "\e6ae";
}

.fi-br-dinner:before {
    content: "\e6b0";
}

.fi-br-diploma:before {
    content: "\e6b1";
}

.fi-br-diploma-alt:before {
    content: "\e6b2";
}

.fi-br-direction-signal:before {
    content: "\e6b3";
}

.fi-br-direction-signal-arrow:before {
    content: "\e6b4";
}

.fi-br-disc-drive:before {
    content: "\e6b5";
}

.fi-br-disco-ball:before {
    content: "\e6b7";
}

.fi-br-discount:before {
    content: "\e6bc";
}

.fi-br-discover:before {
    content: "\e6bd";
}

.fi-br-discussion-group:before {
    content: "\e6bf";
}

.fi-br-discussion-idea:before {
    content: "\e6c0";
}

.fi-br-disease:before {
    content: "\e6c1";
}

.fi-br-dishwasher:before {
    content: "\e6c2";
}

.fi-br-disinfection:before {
    content: "\e6c3";
}

.fi-br-disk:before {
    content: "\e6c4";
}

.fi-br-display-arrow-down:before {
    content: "\e6c6";
}

.fi-br-display-chart-up:before {
    content: "\e6c8";
}

.fi-br-display-code:before {
    content: "\e6c9";
}

.fi-br-display-medical:before {
    content: "\e6ca";
}

.fi-br-display-slash:before {
    content: "\e6cb";
}

.fi-br-distribute-spacing-horizontal:before {
    content: "\e6cc";
}

.fi-br-distribute-spacing-vertical:before {
    content: "\e6cd";
}

.fi-br-divide:before {
    content: "\e6cf";
}

.fi-br-diving-googles:before {
    content: "\e6d0";
}

.fi-br-dizzy:before {
    content: "\e6d1";
}

.fi-br-dj-disc:before {
    content: "\e6d2";
}

.fi-br-dna:before {
    content: "\e6d4";
}

.fi-br-do-not-disturb:before {
    content: "\e6d7";
}

.fi-br-do-not-disturb-doorknob:before {
    content: "\e6d8";
}

.fi-br-do-not-enter:before {
    content: "\e6d9";
}

.fi-br-doctor:before {
    content: "\e6db";
}

.fi-br-doctor-bag:before {
    content: "\e6dc";
}

.fi-br-document:before {
    content: "\e6de";
}

.fi-br-document-autosave:before {
    content: "\e6df";
}

.fi-br-document-circle-arrow-up:before {
    content: "\e6e0";
}

.fi-br-document-circle-wrong:before {
    content: "\e6e1";
}

.fi-br-document-fail:before {
    content: "\e6e2";
}

.fi-br-document-folder-gear:before {
    content: "\e6e4";
}

.fi-br-document-gavel:before {
    content: "\e6e5";
}

.fi-br-document-gear:before {
    content: "\e6e7";
}

.fi-br-document-link:before {
    content: "\e6e8";
}

.fi-br-document-nft:before {
    content: "\e6e9";
}

.fi-br-document-paid:before {
    content: "\e6ea";
}

.fi-br-document-scanner:before {
    content: "\e6eb";
}

.fi-br-document-signed:before {
    content: "\e6ec";
}

.fi-br-document-writer:before {
    content: "\e6ed";
}

.fi-br-dog:before {
    content: "\e6ef";
}

.fi-br-dog-bowl-empty:before {
    content: "\e6f0";
}

.fi-br-dog-leashed:before {
    content: "\e6f1";
}

.fi-br-dollar:before {
    content: "\e6f2";
}

.fi-br-dolly-flatbed:before {
    content: "\e6f3";
}

.fi-br-dolly-flatbed-alt:before {
    content: "\e6f4";
}

.fi-br-dolly-flatbed-empty:before {
    content: "\e6f5";
}

.fi-br-dolphin:before {
    content: "\e6f6";
}

.fi-br-domino-effect:before {
    content: "\e6f7";
}

.fi-br-donate:before {
    content: "\e6f8";
}

.fi-br-donate-box:before {
    content: "\e6f9";
}

.fi-br-dong-sign:before {
    content: "\e6fa";
}

.fi-br-donut:before {
    content: "\e6fb";
}

.fi-br-door-closed:before {
    content: "\e6fc";
}

.fi-br-door-hanger:before {
    content: "\e6fd";
}

.fi-br-door-open:before {
    content: "\e6fe";
}

.fi-br-door-window:before {
    content: "\e6ff";
}

.fi-br-dorayaki:before {
    content: "\e700";
}

.fi-br-dorm-room:before {
    content: "\e701";
}

.fi-br-dot-circle:before {
    content: "\e702";
}

.fi-br-dot-pending:before {
    content: "\e703";
}

.fi-br-dots-loading:before {
    content: "\e704";
}

.fi-br-dove:before {
    content: "\e705";
}

.fi-br-down:before {
    content: "\e707";
}

.fi-br-down-from-bracket:before {
    content: "\e708";
}

.fi-br-down-left:before {
    content: "\e709";
}

.fi-br-down-left-and-up-right-to-center:before {
    content: "\e70a";
}

.fi-br-down-right:before {
    content: "\e70b";
}

.fi-br-down-to-line:before {
    content: "\e70c";
}

.fi-br-download:before {
    content: "\e70d";
}

.fi-br-drafting-compass:before {
    content: "\e70f";
}

.fi-br-drafting-compass-paper:before {
    content: "\e710";
}

.fi-br-dragon:before {
    content: "\e711";
}

.fi-br-dragon-fire:before {
    content: "\e712";
}

.fi-br-draw-polygon:before {
    content: "\e713";
}

.fi-br-draw-square:before {
    content: "\e714";
}

.fi-br-drawer:before {
    content: "\e715";
}

.fi-br-drawer-alt:before {
    content: "\e716";
}

.fi-br-drawer-empty:before {
    content: "\e717";
}

.fi-br-dreidel:before {
    content: "\e718";
}

.fi-br-dress:before {
    content: "\e719";
}

.fi-br-driller:before {
    content: "\e71b";
}

.fi-br-drink-alt:before {
    content: "\e71d";
}

.fi-br-driver-man:before {
    content: "\e71e";
}

.fi-br-driver-woman:before {
    content: "\e71f";
}

.fi-br-drone:before {
    content: "\e720";
}

.fi-br-drone-alt:before {
    content: "\e721";
}

.fi-br-drone-front:before {
    content: "\e722";
}

.fi-br-drop-down:before {
    content: "\e723";
}

.fi-br-dropdown:before {
    content: "\e725";
}

.fi-br-dropdown-bar:before {
    content: "\e726";
}

.fi-br-dropdown-select:before {
    content: "\e727";
}

.fi-br-drought:before {
    content: "\e729";
}

.fi-br-drugs-addiction:before {
    content: "\e72a";
}

.fi-br-drum:before {
    content: "\e72b";
}

.fi-br-drum-steelpan:before {
    content: "\e72c";
}

.fi-br-drumstick:before {
    content: "\e72d";
}

.fi-br-drumstick-bite:before {
    content: "\e72e";
}

.fi-br-dryer:before {
    content: "\e730";
}

.fi-br-dryer-alt:before {
    content: "\e731";
}

.fi-br-drywall:before {
    content: "\e733";
}

.fi-br-duck:before {
    content: "\e735";
}

.fi-br-dumbbell-alt:before {
    content: "\e736";
}

.fi-br-dumbbell-fitness:before {
    content: "\e737";
}

.fi-br-dumbbell-heart:before {
    content: "\e738";
}

.fi-br-dumbbell-horizontal:before {
    content: "\e739";
}

.fi-br-dumbbell-ray:before {
    content: "\e73a";
}

.fi-br-dumbbell-weightlifting:before {
    content: "\e73b";
}

.fi-br-dumpling:before {
    content: "\e73c";
}

.fi-br-dumpster:before {
    content: "\e73d";
}

.fi-br-dumpster-fire:before {
    content: "\e73e";
}

.fi-br-dungeon:before {
    content: "\e73f";
}

.fi-br-duplicate:before {
    content: "\e740";
}

.fi-br-duration:before {
    content: "\e741";
}

.fi-br-duration-alt:before {
    content: "\e742";
}

.fi-br-e:before {
    content: "\e743";
}

.fi-br-e-learning:before {
    content: "\e744";
}

.fi-br-e-sim:before {
    content: "\e745";
}

.fi-br-eagle:before {
    content: "\e746";
}

.fi-br-eagle-flying:before {
    content: "\e747";
}

.fi-br-ear:before {
    content: "\e748";
}

.fi-br-ear-deaf:before {
    content: "\e749";
}

.fi-br-ear-muffs:before {
    content: "\e74a";
}

.fi-br-ear-sound:before {
    content: "\e74b";
}

.fi-br-earbuds:before {
    content: "\e74c";
}

.fi-br-earnings:before {
    content: "\e74d";
}

.fi-br-earth-africa:before {
    content: "\e74e";
}

.fi-br-earth-americas:before {
    content: "\e74f";
}

.fi-br-earth-asia:before {
    content: "\e750";
}

.fi-br-earth-europa:before {
    content: "\e751";
}

.fi-br-ebook:before {
    content: "\e753";
}

.fi-br-eclipse:before {
    content: "\e754";
}

.fi-br-eclipse-alt:before {
    content: "\e755";
}

.fi-br-eco-battery:before {
    content: "\e756";
}

.fi-br-eco-electric:before {
    content: "\e757";
}

.fi-br-edamame:before {
    content: "\e758";
}

.fi-br-edit:before {
    content: "\e759";
}

.fi-br-edit-alt:before {
    content: "\e75a";
}

.fi-br-edit-message:before {
    content: "\e75b";
}

.fi-br-education-podcast:before {
    content: "\e75c";
}

.fi-br-effect:before {
    content: "\e75d";
}

.fi-br-egg:before {
    content: "\e75e";
}

.fi-br-egg-fried:before {
    content: "\e75f";
}

.fi-br-eiffel-tower:before {
    content: "\e760";
}

.fi-br-eject:before {
    content: "\e761";
}

.fi-br-electric-bike:before {
    content: "\e762";
}

.fi-br-electric-bus:before {
    content: "\e763";
}

.fi-br-electric-car:before {
    content: "\e764";
}

.fi-br-electric-scooter:before {
    content: "\e765";
}

.fi-br-elephant:before {
    content: "\e767";
}

.fi-br-elevator:before {
    content: "\e768";
}

.fi-br-email-feedback:before {
    content: "\e76a";
}

.fi-br-email-heart:before {
    content: "\e76b";
}

.fi-br-email-pending:before {
    content: "\e76c";
}

.fi-br-email-refresh:before {
    content: "\e76d";
}

.fi-br-email-star:before {
    content: "\e76e";
}

.fi-br-emergency-call:before {
    content: "\e76f";
}

.fi-br-emergency-stop:before {
    content: "\e770";
}

.fi-br-employee-alt:before {
    content: "\e771";
}

.fi-br-employee-handbook:before {
    content: "\e772";
}

.fi-br-employee-man:before {
    content: "\e773";
}

.fi-br-employee-man-alt:before {
    content: "\e774";
}

.fi-br-employee-performance:before {
    content: "\e776";
}

.fi-br-employees:before {
    content: "\e778";
}

.fi-br-employees-woman-man:before {
    content: "\e779";
}

.fi-br-empty-set:before {
    content: "\e77a";
}

.fi-br-endless-loop:before {
    content: "\e77b";
}

.fi-br-energy-drink:before {
    content: "\e77c";
}

.fi-br-engine:before {
    content: "\e77e";
}

.fi-br-engine-algorithm:before {
    content: "\e77f";
}

.fi-br-engine-warning:before {
    content: "\e780";
}

.fi-br-english:before {
    content: "\e781";
}

.fi-br-enter:before {
    content: "\e782";
}

.fi-br-entrance:before {
    content: "\e784";
}

.fi-br-envelope:before {
    content: "\e785";
}

.fi-br-envelope-ban:before {
    content: "\e786";
}

.fi-br-envelope-bulk:before {
    content: "\e787";
}

.fi-br-envelope-dot:before {
    content: "\e788";
}

.fi-br-envelope-download:before {
    content: "\e789";
}

.fi-br-envelope-heart:before {
    content: "\e78a";
}

.fi-br-envelope-marker:before {
    content: "\e78b";
}

.fi-br-envelope-open:before {
    content: "\e78c";
}

.fi-br-envelope-open-dollar:before {
    content: "\e78d";
}

.fi-br-envelope-open-text:before {
    content: "\e78e";
}

.fi-br-envelope-plus:before {
    content: "\e78f";
}

.fi-br-envelopes:before {
    content: "\e790";
}

.fi-br-equality:before {
    content: "\e792";
}

.fi-br-equals:before {
    content: "\e793";
}

.fi-br-equestrian-statue:before {
    content: "\e794";
}

.fi-br-eraser:before {
    content: "\e796";
}

.fi-br-error-bug:before {
    content: "\e797";
}

.fi-br-error-camera:before {
    content: "\e798";
}

.fi-br-error-receipt:before {
    content: "\e799";
}

.fi-br-escalator:before {
    content: "\e79a";
}

.fi-br-ethernet:before {
    content: "\e79c";
}

.fi-br-euro:before {
    content: "\e79e";
}

.fi-br-europe-flag:before {
    content: "\e79f";
}

.fi-br-europe-map:before {
    content: "\e7a0";
}

.fi-br-european-union:before {
    content: "\e7a1";
}

.fi-br-evidence:before {
    content: "\e7a3";
}

.fi-br-exam-b:before {
    content: "\e7a4";
}

.fi-br-exam-d:before {
    content: "\e7a5";
}

.fi-br-exam-f:before {
    content: "\e7a6";
}

.fi-br-exam-xmark:before {
    content: "\e7a7";
}

.fi-br-excavator:before {
    content: "\e7a8";
}

.fi-br-exchange:before {
    content: "\e7a9";
}

.fi-br-exchange-alt:before {
    content: "\e7aa";
}

.fi-br-exchange-cryptocurrency:before {
    content: "\e7ab";
}

.fi-br-exclamation:before {
    content: "\e7ac";
}

.fi-br-exit:before {
    content: "\e7af";
}

.fi-br-exit-alt:before {
    content: "\e7b0";
}

.fi-br-expand:before {
    content: "\e7b1";
}

.fi-br-expand-arrows:before {
    content: "\e7b2";
}

.fi-br-expand-arrows-alt:before {
    content: "\e7b3";
}

.fi-br-expense:before {
    content: "\e7b4";
}

.fi-br-expense-bill:before {
    content: "\e7b5";
}

.fi-br-explosion:before {
    content: "\e7b8";
}

.fi-br-external-hard-drive:before {
    content: "\e7b9";
}

.fi-br-external-world:before {
    content: "\e7ba";
}

.fi-br-eye:before {
    content: "\e7bb";
}

.fi-br-eye-alert:before {
    content: "\e7bc";
}

.fi-br-eye-arrow-progress:before {
    content: "\e7bd";
}

.fi-br-eye-crossed:before {
    content: "\e7be";
}

.fi-br-eye-drop:before {
    content: "\e7bf";
}

.fi-br-eye-dropper:before {
    content: "\e7c0";
}

.fi-br-eye-dropper-half:before {
    content: "\e7c1";
}

.fi-br-eye-lashes:before {
    content: "\e7c3";
}

.fi-br-eye-recognition:before {
    content: "\e7c4";
}

.fi-br-eye-scanner:before {
    content: "\e7c5";
}

.fi-br-eyelashes:before {
    content: "\e7c6";
}

.fi-br-eyeliner:before {
    content: "\e7c7";
}

.fi-br-eyes:before {
    content: "\e7c8";
}

.fi-br-eyeshadow:before {
    content: "\e7c9";
}

.fi-br-f:before {
    content: "\e7ca";
}

.fi-br-fabric:before {
    content: "\e7cc";
}

.fi-br-face-angry-horns:before {
    content: "\e7cd";
}

.fi-br-face-anguished:before {
    content: "\e7ce";
}

.fi-br-face-anxious-sweat:before {
    content: "\e7cf";
}

.fi-br-face-astonished:before {
    content: "\e7d0";
}

.fi-br-face-awesome:before {
    content: "\e7d1";
}

.fi-br-face-beam-hand-over-mouth:before {
    content: "\e7d2";
}

.fi-br-face-confounded:before {
    content: "\e7d3";
}

.fi-br-face-confused:before {
    content: "\e7d4";
}

.fi-br-face-cowboy-hat:before {
    content: "\e7d5";
}

.fi-br-face-disappointed:before {
    content: "\e7d6";
}

.fi-br-face-disguise:before {
    content: "\e7d7";
}

.fi-br-face-downcast-sweat:before {
    content: "\e7d8";
}

.fi-br-face-drooling:before {
    content: "\e7d9";
}

.fi-br-face-explode:before {
    content: "\e7da";
}

.fi-br-face-expressionless:before {
    content: "\e7db";
}

.fi-br-face-eyes-xmarks:before {
    content: "\e7dc";
}

.fi-br-face-fearful:before {
    content: "\e7dd";
}

.fi-br-face-glasses:before {
    content: "\e7de";
}

.fi-br-face-grin-tongue-wink:before {
    content: "\e7df";
}

.fi-br-face-hand-yawn:before {
    content: "\e7e0";
}

.fi-br-face-head-bandage:before {
    content: "\e7e1";
}

.fi-br-face-hushed:before {
    content: "\e7e2";
}

.fi-br-face-icicles:before {
    content: "\e7e3";
}

.fi-br-face-lying:before {
    content: "\e7e4";
}

.fi-br-face-mask:before {
    content: "\e7e5";
}

.fi-br-face-monocle:before {
    content: "\e7e6";
}

.fi-br-face-nauseated:before {
    content: "\e7e7";
}

.fi-br-face-nose-steam:before {
    content: "\e7e8";
}

.fi-br-face-party:before {
    content: "\e7e9";
}

.fi-br-face-pensive:before {
    content: "\e7ea";
}

.fi-br-face-persevering:before {
    content: "\e7eb";
}

.fi-br-face-pleading:before {
    content: "\e7ec";
}

.fi-br-face-raised-eyebrow:before {
    content: "\e7ed";
}

.fi-br-face-relieved:before {
    content: "\e7ee";
}

.fi-br-face-sad-sweat:before {
    content: "\e7ef";
}

.fi-br-face-scream:before {
    content: "\e7f0";
}

.fi-br-face-shush:before {
    content: "\e7f1";
}

.fi-br-face-sleeping:before {
    content: "\e7f2";
}

.fi-br-face-sleepy:before {
    content: "\e7f3";
}

.fi-br-face-smile-halo:before {
    content: "\e7f4";
}

.fi-br-face-smile-hearts:before {
    content: "\e7f5";
}

.fi-br-face-smile-horns:before {
    content: "\e7f6";
}

.fi-br-face-smile-tear:before {
    content: "\e7f7";
}

.fi-br-face-smile-tongue:before {
    content: "\e7f8";
}

.fi-br-face-smile-upside-down:before {
    content: "\e7f9";
}

.fi-br-face-smiling-hands:before {
    content: "\e7fa";
}

.fi-br-face-smirking:before {
    content: "\e7fb";
}

.fi-br-face-sunglasses:before {
    content: "\e7fc";
}

.fi-br-face-sunglasses-alt:before {
    content: "\e7fd";
}

.fi-br-face-swear:before {
    content: "\e7fe";
}

.fi-br-face-thermometer:before {
    content: "\e7ff";
}

.fi-br-face-thinking:before {
    content: "\e800";
}

.fi-br-face-tissue:before {
    content: "\e801";
}

.fi-br-face-tongue-money:before {
    content: "\e802";
}

.fi-br-face-tongue-sweat:before {
    content: "\e803";
}

.fi-br-face-unamused:before {
    content: "\e804";
}

.fi-br-face-viewfinder:before {
    content: "\e805";
}

.fi-br-face-vomit:before {
    content: "\e806";
}

.fi-br-face-weary:before {
    content: "\e807";
}

.fi-br-face-woozy:before {
    content: "\e808";
}

.fi-br-face-worried:before {
    content: "\e809";
}

.fi-br-face-zany:before {
    content: "\e80a";
}

.fi-br-face-zipper:before {
    content: "\e80b";
}

.fi-br-facial-mask:before {
    content: "\e812";
}

.fi-br-facial-massage:before {
    content: "\e813";
}

.fi-br-facial-treatment:before {
    content: "\e814";
}

.fi-br-fail:before {
    content: "\e815";
}

.fi-br-fajita:before {
    content: "\e816";
}

.fi-br-falafel:before {
    content: "\e817";
}

.fi-br-family:before {
    content: "\e818";
}

.fi-br-family-dress:before {
    content: "\e819";
}

.fi-br-family-law:before {
    content: "\e81a";
}

.fi-br-family-pants:before {
    content: "\e81b";
}

.fi-br-fan:before {
    content: "\e81c";
}

.fi-br-fan-table:before {
    content: "\e81d";
}

.fi-br-farfalle:before {
    content: "\e81e";
}

.fi-br-farm:before {
    content: "\e81f";
}

.fi-br-faucet:before {
    content: "\e820";
}

.fi-br-faucet-drip:before {
    content: "\e821";
}

.fi-br-fax:before {
    content: "\e822";
}

.fi-br-fbx-file:before {
    content: "\e823";
}

.fi-br-feather:before {
    content: "\e824";
}

.fi-br-feather-pointed:before {
    content: "\e825";
}

.fi-br-features:before {
    content: "\e826";
}

.fi-br-features-alt:before {
    content: "\e827";
}

.fi-br-february-calendar:before {
    content: "\e828";
}

.fi-br-fee:before {
    content: "\e82a";
}

.fi-br-fee-receipt:before {
    content: "\e82c";
}

.fi-br-feedback:before {
    content: "\e82d";
}

.fi-br-feedback-alt:before {
    content: "\e82e";
}

.fi-br-feedback-cycle-loop:before {
    content: "\e82f";
}

.fi-br-feedback-hand:before {
    content: "\e830";
}

.fi-br-feedback-review:before {
    content: "\e831";
}

.fi-br-female:before {
    content: "\e832";
}

.fi-br-female-couple:before {
    content: "\e833";
}

.fi-br-fence:before {
    content: "\e834";
}

.fi-br-ferris-wheel:before {
    content: "\e835";
}

.fi-br-field-hockey:before {
    content: "\e836";
}

.fi-br-fighter-jet:before {
    content: "\e837";
}

.fi-br-file:before {
    content: "\e839";
}

.fi-br-file-ai:before {
    content: "\e83a";
}

.fi-br-file-audio:before {
    content: "\e83b";
}

.fi-br-file-backup:before {
    content: "\e83c";
}

.fi-br-file-binary:before {
    content: "\e83d";
}

.fi-br-file-chart-line:before {
    content: "\e83e";
}

.fi-br-file-chart-pie:before {
    content: "\e83f";
}

.fi-br-file-circle-info:before {
    content: "\e840";
}

.fi-br-file-cloud:before {
    content: "\e841";
}

.fi-br-file-code:before {
    content: "\e842";
}

.fi-br-file-conversion:before {
    content: "\e843";
}

.fi-br-file-css:before {
    content: "\e844";
}

.fi-br-file-csv:before {
    content: "\e845";
}

.fi-br-file-download:before {
    content: "\e847";
}

.fi-br-file-edit:before {
    content: "\e848";
}

.fi-br-file-eps:before {
    content: "\e849";
}

.fi-br-file-excel:before {
    content: "\e84a";
}

.fi-br-file-exclamation:before {
    content: "\e84b";
}

.fi-br-file-export:before {
    content: "\e84c";
}

.fi-br-file-image:before {
    content: "\e84e";
}

.fi-br-file-import:before {
    content: "\e84f";
}

.fi-br-file-invoice:before {
    content: "\e850";
}

.fi-br-file-invoice-dollar:before {
    content: "\e851";
}

.fi-br-file-lock:before {
    content: "\e852";
}

.fi-br-file-loop:before {
    content: "\e853";
}

.fi-br-file-medical:before {
    content: "\e855";
}

.fi-br-file-medical-alt:before {
    content: "\e856";
}

.fi-br-file-minus:before {
    content: "\e857";
}

.fi-br-file-pdf:before {
    content: "\e858";
}

.fi-br-file-powerpoint:before {
    content: "\e85b";
}

.fi-br-file-prescription:before {
    content: "\e85c";
}

.fi-br-file-psd:before {
    content: "\e85d";
}

.fi-br-file-question:before {
    content: "\e85e";
}

.fi-br-file-recycle:before {
    content: "\e85f";
}

.fi-br-file-signature:before {
    content: "\e860";
}

.fi-br-file-spreadsheet:before {
    content: "\e862";
}

.fi-br-file-upload:before {
    content: "\e863";
}

.fi-br-file-user:before {
    content: "\e864";
}

.fi-br-file-video:before {
    content: "\e865";
}

.fi-br-file-word:before {
    content: "\e866";
}

.fi-br-file-xls:before {
    content: "\e867";
}

.fi-br-file-zip-alt:before {
    content: "\e869";
}

.fi-br-file-zip-save:before {
    content: "\e86a";
}

.fi-br-file-zipper:before {
    content: "\e86b";
}

.fi-br-files-medical:before {
    content: "\e86d";
}

.fi-br-fill:before {
    content: "\e86e";
}

.fi-br-film:before {
    content: "\e86f";
}

.fi-br-film-canister:before {
    content: "\e870";
}

.fi-br-film-notification:before {
    content: "\e871";
}

.fi-br-film-slash:before {
    content: "\e872";
}

.fi-br-films:before {
    content: "\e873";
}

.fi-br-filter:before {
    content: "\e874";
}

.fi-br-filter-check:before {
    content: "\e875";
}

.fi-br-filter-list:before {
    content: "\e876";
}

.fi-br-filter-slash:before {
    content: "\e877";
}

.fi-br-filters:before {
    content: "\e878";
}

.fi-br-finance-education:before {
    content: "\e879";
}

.fi-br-financial-analysis:before {
    content: "\e87a";
}

.fi-br-financial-health:before {
    content: "\e87b";
}

.fi-br-financial-protection:before {
    content: "\e87c";
}

.fi-br-finger-droplet:before {
    content: "\e87d";
}

.fi-br-finger-nail:before {
    content: "\e87e";
}

.fi-br-fingerprint:before {
    content: "\e87f";
}

.fi-br-fingerprint-identification:before {
    content: "\e880";
}

.fi-br-fingerprint-magnifying-glass:before {
    content: "\e881";
}

.fi-br-fingerprint-remove:before {
    content: "\e882";
}

.fi-br-fingerprint-security-risk:before {
    content: "\e883";
}

.fi-br-fingerprint-verified:before {
    content: "\e884";
}

.fi-br-finish-flag:before {
    content: "\e885";
}

.fi-br-finish-line:before {
    content: "\e886";
}

.fi-br-fintech:before {
    content: "\e887";
}

.fi-br-fire-alarm:before {
    content: "\e888";
}

.fi-br-fire-bucket:before {
    content: "\e889";
}

.fi-br-fire-burner:before {
    content: "\e88a";
}

.fi-br-fire-door:before {
    content: "\e88b";
}

.fi-br-fire-emergency-call:before {
    content: "\e88c";
}

.fi-br-fire-exit:before {
    content: "\e88d";
}

.fi-br-fire-extinguisher:before {
    content: "\e88e";
}

.fi-br-fire-flame-curved:before {
    content: "\e88f";
}

.fi-br-fire-flame-simple:before {
    content: "\e890";
}

.fi-br-fire-helicopter:before {
    content: "\e891";
}

.fi-br-fire-hydrant:before {
    content: "\e892";
}

.fi-br-fire-shield:before {
    content: "\e893";
}

.fi-br-fire-smoke:before {
    content: "\e894";
}

.fi-br-fire-station:before {
    content: "\e895";
}

.fi-br-fireplace:before {
    content: "\e898";
}

.fi-br-first:before {
    content: "\e89b";
}

.fi-br-first-aid-kit:before {
    content: "\e89c";
}

.fi-br-first-award:before {
    content: "\e89d";
}

.fi-br-first-laurel:before {
    content: "\e89e";
}

.fi-br-first-medal:before {
    content: "\e89f";
}

.fi-br-fish:before {
    content: "\e8a0";
}

.fi-br-fish-bones:before {
    content: "\e8a1";
}

.fi-br-fish-cooked:before {
    content: "\e8a2";
}

.fi-br-fish-hook:before {
    content: "\e8a3";
}

.fi-br-fishing-rod:before {
    content: "\e8a4";
}

.fi-br-fist-move:before {
    content: "\e8a5";
}

.fi-br-fitness-time:before {
    content: "\e8a6";
}

.fi-br-fitness-watch:before {
    content: "\e8a7";
}

.fi-br-flag:before {
    content: "\e8a8";
}

.fi-br-flag-alt:before {
    content: "\e8a9";
}

.fi-br-flag-checkered:before {
    content: "\e8aa";
}

.fi-br-flag-usa:before {
    content: "\e8ab";
}

.fi-br-flame:before {
    content: "\e8ac";
}

.fi-br-flame-alert:before {
    content: "\e8ad";
}

.fi-br-flash-sale:before {
    content: "\e8ae";
}

.fi-br-flashcard:before {
    content: "\e8af";
}

.fi-br-flashlight:before {
    content: "\e8b0";
}

.fi-br-flask:before {
    content: "\e8b1";
}

.fi-br-flask-gear:before {
    content: "\e8b2";
}

.fi-br-flask-poison:before {
    content: "\e8b3";
}

.fi-br-flask-potion:before {
    content: "\e8b4";
}

.fi-br-flatbread:before {
    content: "\e8b5";
}

.fi-br-flatbread-stuffed:before {
    content: "\e8b6";
}

.fi-br-flip-horizontal:before {
    content: "\e8bb";
}

.fi-br-flooding:before {
    content: "\e8bd";
}

.fi-br-floor:before {
    content: "\e8be";
}

.fi-br-floor-alt:before {
    content: "\e8bf";
}

.fi-br-floor-layer:before {
    content: "\e8c0";
}

.fi-br-floppy-disk-circle-arrow-right:before {
    content: "\e8c1";
}

.fi-br-floppy-disk-circle-xmark:before {
    content: "\e8c2";
}

.fi-br-floppy-disk-pen:before {
    content: "\e8c3";
}

.fi-br-floppy-disks:before {
    content: "\e8c4";
}

.fi-br-florin-sign:before {
    content: "\e8c5";
}

.fi-br-flowchart:before {
    content: "\e8c6";
}

.fi-br-flower:before {
    content: "\e8c7";
}

.fi-br-flower-bouquet:before {
    content: "\e8c8";
}

.fi-br-flower-butterfly:before {
    content: "\e8c9";
}

.fi-br-flower-daffodil:before {
    content: "\e8ca";
}

.fi-br-flower-tulip:before {
    content: "\e8cb";
}

.fi-br-flushed:before {
    content: "\e8cc";
}

.fi-br-flushed-face:before {
    content: "\e8cd";
}

.fi-br-flute:before {
    content: "\e8ce";
}

.fi-br-flux-capacitor:before {
    content: "\e8cf";
}

.fi-br-fly-insect:before {
    content: "\e8d0";
}

.fi-br-flying-disc:before {
    content: "\e8d1";
}

.fi-br-flying-kite:before {
    content: "\e8d2";
}

.fi-br-fm-radio:before {
    content: "\e8d3";
}

.fi-br-foam-hand:before {
    content: "\e8d4";
}

.fi-br-fog:before {
    content: "\e8d5";
}

.fi-br-folder:before {
    content: "\e8d6";
}

.fi-br-folder-archive:before {
    content: "\e8d7";
}

.fi-br-folder-camera:before {
    content: "\e8d9";
}

.fi-br-folder-check:before {
    content: "\e8da";
}

.fi-br-folder-directory:before {
    content: "\e8db";
}

.fi-br-folder-download:before {
    content: "\e8dc";
}

.fi-br-folder-edit:before {
    content: "\e8dd";
}

.fi-br-folder-fire:before {
    content: "\e8de";
}

.fi-br-folder-gear:before {
    content: "\e8df";
}

.fi-br-folder-heart:before {
    content: "\e8e1";
}

.fi-br-folder-link:before {
    content: "\e8e3";
}

.fi-br-folder-loop:before {
    content: "\e8e4";
}

.fi-br-folder-math:before {
    content: "\e8e6";
}

.fi-br-folder-minus:before {
    content: "\e8e8";
}

.fi-br-folder-music:before {
    content: "\e8e9";
}

.fi-br-folder-notification:before {
    content: "\e8ea";
}

.fi-br-folder-open:before {
    content: "\e8eb";
}

.fi-br-folder-plus-circle:before {
    content: "\e8ec";
}

.fi-br-folder-times:before {
    content: "\e8ed";
}

.fi-br-folder-tree:before {
    content: "\e8ee";
}

.fi-br-folder-upload:before {
    content: "\e8ef";
}

.fi-br-folder-xmark:before {
    content: "\e8f1";
}

.fi-br-folder-xmark-circle:before {
    content: "\e8f2";
}

.fi-br-folders:before {
    content: "\e8f3";
}

.fi-br-follow:before {
    content: "\e8f4";
}

.fi-br-follow-folder:before {
    content: "\e8f5";
}

.fi-br-followcollection:before {
    content: "\e8f6";
}

.fi-br-followers:before {
    content: "\e8f7";
}

.fi-br-following:before {
    content: "\e8f8";
}

.fi-br-fondue-pot:before {
    content: "\e8f9";
}

.fi-br-football:before {
    content: "\e8fe";
}

.fi-br-football-player:before {
    content: "\e8ff";
}

.fi-br-football-ticket:before {
    content: "\e900";
}

.fi-br-footprint:before {
    content: "\e901";
}

.fi-br-foreign-language-audio:before {
    content: "\e902";
}

.fi-br-forest:before {
    content: "\e903";
}

.fi-br-forest-alt:before {
    content: "\e904";
}

.fi-br-fork:before {
    content: "\e905";
}

.fi-br-fork-spaghetti:before {
    content: "\e906";
}

.fi-br-forklift:before {
    content: "\e907";
}

.fi-br-form:before {
    content: "\e908";
}

.fi-br-fort:before {
    content: "\e909";
}

.fi-br-forward:before {
    content: "\e90a";
}

.fi-br-forward-fast:before {
    content: "\e90b";
}

.fi-br-fox:before {
    content: "\e90e";
}

.fi-br-frame:before {
    content: "\e90f";
}

.fi-br-franc-sign:before {
    content: "\e910";
}

.fi-br-france:before {
    content: "\e911";
}

.fi-br-france-country-code:before {
    content: "\e912";
}

.fi-br-fraud-detection:before {
    content: "\e913";
}

.fi-br-fraud-prevention:before {
    content: "\e914";
}

.fi-br-free:before {
    content: "\e915";
}

.fi-br-free-delivery:before {
    content: "\e916";
}

.fi-br-freemium:before {
    content: "\e917";
}

.fi-br-french:before {
    content: "\e91a";
}

.fi-br-french-fries:before {
    content: "\e91b";
}

.fi-br-friday:before {
    content: "\e91d";
}

.fi-br-frog:before {
    content: "\e91e";
}

.fi-br-front-loader:before {
    content: "\e91f";
}

.fi-br-ftp:before {
    content: "\e921";
}

.fi-br-fuel-gauge:before {
    content: "\e922";
}

.fi-br-fuel-station-arrow:before {
    content: "\e923";
}

.fi-br-full-screen:before {
    content: "\e924";
}

.fi-br-function:before {
    content: "\e925";
}

.fi-br-function-process:before {
    content: "\e927";
}

.fi-br-function-square:before {
    content: "\e928";
}

.fi-br-funnel-dollar:before {
    content: "\e929";
}

.fi-br-funnel-money:before {
    content: "\e92a";
}

.fi-br-fusilli:before {
    content: "\e92b";
}

.fi-br-g:before {
    content: "\e92c";
}

.fi-br-galaxy:before {
    content: "\e92d";
}

.fi-br-galaxy-alt:before {
    content: "\e92e";
}

.fi-br-galaxy-planet:before {
    content: "\e92f";
}

.fi-br-galaxy-star:before {
    content: "\e930";
}

.fi-br-gallery:before {
    content: "\e931";
}

.fi-br-gallery-thumbnails:before {
    content: "\e932";
}

.fi-br-game-board-alt:before {
    content: "\e934";
}

.fi-br-game-console-crank-handheld:before {
    content: "\e936";
}

.fi-br-game-engine:before {
    content: "\e937";
}

.fi-br-game-level:before {
    content: "\e938";
}

.fi-br-game-rules:before {
    content: "\e939";
}

.fi-br-game-server:before {
    content: "\e93a";
}

.fi-br-gamepad:before {
    content: "\e93b";
}

.fi-br-gamer:before {
    content: "\e93c";
}

.fi-br-gaming-chair:before {
    content: "\e93e";
}

.fi-br-gaming-mouse:before {
    content: "\e93f";
}

.fi-br-garage:before {
    content: "\e940";
}

.fi-br-garage-car:before {
    content: "\e941";
}

.fi-br-garage-open:before {
    content: "\e942";
}

.fi-br-garlic:before {
    content: "\e943";
}

.fi-br-garlic-alt:before {
    content: "\e944";
}

.fi-br-gas-mask:before {
    content: "\e945";
}

.fi-br-gas-pump:before {
    content: "\e946";
}

.fi-br-gas-pump-alt:before {
    content: "\e947";
}

.fi-br-gas-pump-slash:before {
    content: "\e948";
}

.fi-br-gas-station:before {
    content: "\e949";
}

.fi-br-gastric-reflux:before {
    content: "\e94a";
}

.fi-br-gauge-circle-bolt:before {
    content: "\e94b";
}

.fi-br-gauge-circle-minus:before {
    content: "\e94c";
}

.fi-br-gauge-circle-plus:before {
    content: "\e94d";
}

.fi-br-gauze-bandage:before {
    content: "\e94e";
}

.fi-br-gavel:before {
    content: "\e94f";
}

.fi-br-gay-couple:before {
    content: "\e950";
}

.fi-br-gears:before {
    content: "\e953";
}

.fi-br-gem:before {
    content: "\e954";
}

.fi-br-general:before {
    content: "\e955";
}

.fi-br-german:before {
    content: "\e956";
}

.fi-br-germany:before {
    content: "\e957";
}

.fi-br-germany-country-code:before {
    content: "\e958";
}

.fi-br-ghost:before {
    content: "\e959";
}

.fi-br-gif:before {
    content: "\e95a";
}

.fi-br-gif-square:before {
    content: "\e95c";
}

.fi-br-gift:before {
    content: "\e95d";
}

.fi-br-gift-alert:before {
    content: "\e95e";
}

.fi-br-gift-box-benefits:before {
    content: "\e95f";
}

.fi-br-gift-card:before {
    content: "\e960";
}

.fi-br-gift-voucher:before {
    content: "\e961";
}

.fi-br-gifts:before {
    content: "\e962";
}

.fi-br-ginger:before {
    content: "\e963";
}

.fi-br-gingerbread-man:before {
    content: "\e964";
}

.fi-br-glacier:before {
    content: "\e967";
}

.fi-br-glass:before {
    content: "\e968";
}

.fi-br-glass-champagne:before {
    content: "\e969";
}

.fi-br-glass-cheers:before {
    content: "\e96a";
}

.fi-br-glass-citrus:before {
    content: "\e96b";
}

.fi-br-glass-empty:before {
    content: "\e96c";
}

.fi-br-glass-half:before {
    content: "\e96d";
}

.fi-br-glass-water-droplet:before {
    content: "\e96e";
}

.fi-br-glass-whiskey:before {
    content: "\e96f";
}

.fi-br-glass-whiskey-rocks:before {
    content: "\e970";
}

.fi-br-glasses:before {
    content: "\e971";
}

.fi-br-global-research:before {
    content: "\e972";
}

.fi-br-global-warming:before {
    content: "\e973";
}

.fi-br-globe:before {
    content: "\e974";
}

.fi-br-globe-alt:before {
    content: "\e975";
}

.fi-br-globe-pointer:before {
    content: "\e976";
}

.fi-br-globe-shield:before {
    content: "\e977";
}

.fi-br-globe-snow:before {
    content: "\e978";
}

.fi-br-globe-user:before {
    content: "\e979";
}

.fi-br-gltf-file:before {
    content: "\e97a";
}

.fi-br-glucose:before {
    content: "\e97b";
}

.fi-br-glue:before {
    content: "\e97c";
}

.fi-br-glue-stick:before {
    content: "\e97d";
}

.fi-br-goal-mountain:before {
    content: "\e97e";
}

.fi-br-goal-net:before {
    content: "\e97f";
}

.fi-br-goalkeeper:before {
    content: "\e980";
}

.fi-br-goals:before {
    content: "\e981";
}

.fi-br-golf:before {
    content: "\e982";
}

.fi-br-golf-bag:before {
    content: "\e983";
}

.fi-br-golf-ball:before {
    content: "\e984";
}

.fi-br-golf-ball-grass:before {
    content: "\e985";
}

.fi-br-golf-club:before {
    content: "\e986";
}

.fi-br-golf-hole:before {
    content: "\e987";
}

.fi-br-golfer:before {
    content: "\e988";
}

.fi-br-gopuram:before {
    content: "\e990";
}

.fi-br-gourmet:before {
    content: "\e991";
}

.fi-br-government-budget:before {
    content: "\e992";
}

.fi-br-government-flag:before {
    content: "\e993";
}

.fi-br-government-user:before {
    content: "\e994";
}

.fi-br-gps-navigation:before {
    content: "\e995";
}

.fi-br-graduation-cap:before {
    content: "\e996";
}

.fi-br-graduation-diploma:before {
    content: "\e997";
}

.fi-br-gramophone:before {
    content: "\e998";
}

.fi-br-granola:before {
    content: "\e999";
}

.fi-br-grape:before {
    content: "\e99a";
}

.fi-br-graph-curve:before {
    content: "\e99b";
}

.fi-br-graphic-style:before {
    content: "\e99c";
}

.fi-br-graphic-tablet:before {
    content: "\e99d";
}

.fi-br-graphic-tablet-pen:before {
    content: "\e99e";
}

.fi-br-grass:before {
    content: "\e99f";
}

.fi-br-grate:before {
    content: "\e9a0";
}

.fi-br-grate-droplet:before {
    content: "\e9a1";
}

.fi-br-greater-than:before {
    content: "\e9a2";
}

.fi-br-greater-than-equal:before {
    content: "\e9a3";
}

.fi-br-greek-helmet:before {
    content: "\e9a4";
}

.fi-br-green-energy:before {
    content: "\e9a5";
}

.fi-br-grid:before {
    content: "\e9a6";
}

.fi-br-grid-alt:before {
    content: "\e9a7";
}

.fi-br-grid-dividers:before {
    content: "\e9a8";
}

.fi-br-grid-lock:before {
    content: "\e9a9";
}

.fi-br-grid-three:before {
    content: "\e9aa";
}

.fi-br-grid-two:before {
    content: "\e9ab";
}

.fi-br-grid-two-alt:before {
    content: "\e9ac";
}

.fi-br-grief:before {
    content: "\e9ad";
}

.fi-br-grill:before {
    content: "\e9ae";
}

.fi-br-grill-fire:before {
    content: "\e9af";
}

.fi-br-grill-hot-alt:before {
    content: "\e9b0";
}

.fi-br-grimace:before {
    content: "\e9b1";
}

.fi-br-grin:before {
    content: "\e9b2";
}

.fi-br-grin-alt:before {
    content: "\e9b3";
}

.fi-br-grin-beam:before {
    content: "\e9b4";
}

.fi-br-grin-beam-sweat:before {
    content: "\e9b5";
}

.fi-br-grin-hearts:before {
    content: "\e9b6";
}

.fi-br-grin-squint:before {
    content: "\e9b7";
}

.fi-br-grin-squint-tears:before {
    content: "\e9b8";
}

.fi-br-grin-stars:before {
    content: "\e9b9";
}

.fi-br-grin-tears:before {
    content: "\e9ba";
}

.fi-br-grin-tongue:before {
    content: "\e9bb";
}

.fi-br-grin-tongue-squint:before {
    content: "\e9bc";
}

.fi-br-grin-tongue-wink:before {
    content: "\e9bd";
}

.fi-br-grin-wink:before {
    content: "\e9be";
}

.fi-br-grip-dots:before {
    content: "\e9bf";
}

.fi-br-grip-dots-vertical:before {
    content: "\e9c0";
}

.fi-br-grip-horizontal:before {
    content: "\e9c1";
}

.fi-br-grip-lines:before {
    content: "\e9c2";
}

.fi-br-grip-lines-vertical:before {
    content: "\e9c3";
}

.fi-br-grip-vertical:before {
    content: "\e9c4";
}

.fi-br-grocery-bag:before {
    content: "\e9c5";
}

.fi-br-grocery-basket:before {
    content: "\e9c6";
}

.fi-br-group-arrows-rotate:before {
    content: "\e9c7";
}

.fi-br-group-call:before {
    content: "\e9c8";
}

.fi-br-group-community-social-media:before {
    content: "\e9ca";
}

.fi-br-grow-graphs-box:before {
    content: "\e9cb";
}

.fi-br-growth-audience:before {
    content: "\e9cc";
}

.fi-br-growth-chart-invest:before {
    content: "\e9cd";
}

.fi-br-growth-money:before {
    content: "\e9ce";
}

.fi-br-guarani-sign:before {
    content: "\e9cf";
}

.fi-br-guide:before {
    content: "\e9d0";
}

.fi-br-guide-alt:before {
    content: "\e9d1";
}

.fi-br-guide-book:before {
    content: "\e9d2";
}

.fi-br-guitar:before {
    content: "\e9d3";
}

.fi-br-guitar-electric:before {
    content: "\e9d4";
}

.fi-br-guitars:before {
    content: "\e9d5";
}

.fi-br-gun:before {
    content: "\e9d6";
}

.fi-br-gun-shooting:before {
    content: "\e9d7";
}

.fi-br-gun-squirt:before {
    content: "\e9d8";
}

.fi-br-gym:before {
    content: "\e9d9";
}

.fi-br-gym-bag:before {
    content: "\e9da";
}

.fi-br-gynecology:before {
    content: "\e9db";
}

.fi-br-gyoza:before {
    content: "\e9dc";
}

.fi-br-h:before {
    content: "\e9dd";
}

.fi-br-h-square:before {
    content: "\e9de";
}

.fi-br-h1:before {
    content: "\e9df";
}

.fi-br-h2:before {
    content: "\e9e0";
}

.fi-br-h3:before {
    content: "\e9e1";
}

.fi-br-h4:before {
    content: "\e9e2";
}

.fi-br-hacker:before {
    content: "\e9e3";
}

.fi-br-hair-clipper:before {
    content: "\e9e4";
}

.fi-br-hair-conditioner:before {
    content: "\e9e5";
}

.fi-br-hairbrush:before {
    content: "\e9e6";
}

.fi-br-haircut:before {
    content: "\e9e7";
}

.fi-br-hairdryer:before {
    content: "\e9e8";
}

.fi-br-half-loading:before {
    content: "\e9e9";
}

.fi-br-hamburger:before {
    content: "\e9ea";
}

.fi-br-hamburger-soda:before {
    content: "\e9eb";
}

.fi-br-hammer:before {
    content: "\e9ec";
}

.fi-br-hammer-brush:before {
    content: "\e9ed";
}

.fi-br-hammer-crash:before {
    content: "\e9ee";
}

.fi-br-hammer-war:before {
    content: "\e9ef";
}

.fi-br-hamsa:before {
    content: "\e9f0";
}

.fi-br-hand:before {
    content: "\e9f1";
}

.fi-br-hand-back-fist:before {
    content: "\e9f2";
}

.fi-br-hand-back-point-down:before {
    content: "\e9f3";
}

.fi-br-hand-back-point-left:before {
    content: "\e9f4";
}

.fi-br-hand-back-point-ribbon:before {
    content: "\e9f5";
}

.fi-br-hand-back-point-right:before {
    content: "\e9f6";
}

.fi-br-hand-bandage-wound:before {
    content: "\e9f7";
}

.fi-br-hand-bill:before {
    content: "\e9f8";
}

.fi-br-hand-cleaning:before {
    content: "\e9f9";
}

.fi-br-hand-dots:before {
    content: "\e9fa";
}

.fi-br-hand-dryer:before {
    content: "\e9fb";
}

.fi-br-hand-fingers-crossed:before {
    content: "\e9fc";
}

.fi-br-hand-fist:before {
    content: "\e9fd";
}

.fi-br-hand-heart:before {
    content: "\e9fe";
}

.fi-br-hand-holding-box:before {
    content: "\e9ff";
}

.fi-br-hand-holding-document:before {
    content: "\ea00";
}

.fi-br-hand-holding-droplet:before {
    content: "\ea01";
}

.fi-br-hand-holding-magic:before {
    content: "\ea03";
}

.fi-br-hand-holding-medical:before {
    content: "\ea04";
}

.fi-br-hand-holding-seeding:before {
    content: "\ea05";
}

.fi-br-hand-holding-skull:before {
    content: "\ea07";
}

.fi-br-hand-holding-usd:before {
    content: "\ea08";
}

.fi-br-hand-holding-water:before {
    content: "\ea09";
}

.fi-br-hand-horns:before {
    content: "\ea0a";
}

.fi-br-hand-horns-bolt:before {
    content: "\ea0b";
}

.fi-br-hand-key:before {
    content: "\ea0c";
}

.fi-br-hand-lizard:before {
    content: "\ea0d";
}

.fi-br-hand-love:before {
    content: "\ea0e";
}

.fi-br-hand-middle-finger:before {
    content: "\ea0f";
}

.fi-br-hand-paper:before {
    content: "\ea10";
}

.fi-br-hand-peace:before {
    content: "\ea11";
}

.fi-br-hand-point-ribbon:before {
    content: "\ea12";
}

.fi-br-hand-present:before {
    content: "\ea13";
}

.fi-br-hand-scissors:before {
    content: "\ea14";
}

.fi-br-hand-sparkles:before {
    content: "\ea15";
}

.fi-br-hand-spock:before {
    content: "\ea16";
}

.fi-br-hand-wave:before {
    content: "\ea17";
}

.fi-br-hand-zoom-in:before {
    content: "\ea18";
}

.fi-br-handcuffed-hands:before {
    content: "\ea19";
}

.fi-br-handcuffs:before {
    content: "\ea1a";
}

.fi-br-handmade:before {
    content: "\ea1b";
}

.fi-br-hands-brain:before {
    content: "\ea1c";
}

.fi-br-hands-bubbles:before {
    content: "\ea1d";
}

.fi-br-hands-clapping:before {
    content: "\ea1e";
}

.fi-br-hands-heart:before {
    content: "\ea1f";
}

.fi-br-hands-holding:before {
    content: "\ea20";
}

.fi-br-hands-holding-child:before {
    content: "\ea21";
}

.fi-br-hands-holding-diamond:before {
    content: "\ea22";
}

.fi-br-hands-together:before {
    content: "\ea23";
}

.fi-br-hands-together-heart:before {
    content: "\ea24";
}

.fi-br-hands-typing-keyboard:before {
    content: "\ea25";
}

.fi-br-hands-usd:before {
    content: "\ea27";
}

.fi-br-handshake:before {
    content: "\ea28";
}

.fi-br-handshake-angle:before {
    content: "\ea29";
}

.fi-br-handshake-deal-loan:before {
    content: "\ea2a";
}

.fi-br-handshake-house:before {
    content: "\ea2b";
}

.fi-br-handshake-simple-slash:before {
    content: "\ea2c";
}

.fi-br-handshake-trust:before {
    content: "\ea2d";
}

.fi-br-handstand:before {
    content: "\ea2e";
}

.fi-br-hanukiah:before {
    content: "\ea2f";
}

.fi-br-happy:before {
    content: "\ea30";
}

.fi-br-hard-disk-scan:before {
    content: "\ea31";
}

.fi-br-hard-drive:before {
    content: "\ea32";
}

.fi-br-hard-hat:before {
    content: "\ea33";
}

.fi-br-harp:before {
    content: "\ea34";
}

.fi-br-hashtag-lock:before {
    content: "\ea37";
}

.fi-br-hastag:before {
    content: "\ea39";
}

.fi-br-hat-beach:before {
    content: "\ea3a";
}

.fi-br-hat-birthday:before {
    content: "\ea3b";
}

.fi-br-hat-chef:before {
    content: "\ea3c";
}

.fi-br-hat-cowboy:before {
    content: "\ea3d";
}

.fi-br-hat-cowboy-side:before {
    content: "\ea3e";
}

.fi-br-hat-santa:before {
    content: "\ea3f";
}

.fi-br-hat-winter:before {
    content: "\ea40";
}

.fi-br-hat-witch:before {
    content: "\ea41";
}

.fi-br-hat-wizard:before {
    content: "\ea42";
}

.fi-br-haute-cuisine:before {
    content: "\ea43";
}

.fi-br-hdd:before {
    content: "\ea45";
}

.fi-br-head-side:before {
    content: "\ea46";
}

.fi-br-head-side-brain:before {
    content: "\ea47";
}

.fi-br-head-side-cough:before {
    content: "\ea48";
}

.fi-br-head-side-cough-slash:before {
    content: "\ea49";
}

.fi-br-head-side-headphones:before {
    content: "\ea4a";
}

.fi-br-head-side-heart:before {
    content: "\ea4b";
}

.fi-br-head-side-mask:before {
    content: "\ea4c";
}

.fi-br-head-side-medical:before {
    content: "\ea4d";
}

.fi-br-head-side-thinking:before {
    content: "\ea4e";
}

.fi-br-head-side-virus:before {
    content: "\ea4f";
}

.fi-br-head-vr:before {
    content: "\ea51";
}

.fi-br-headache:before {
    content: "\ea52";
}

.fi-br-heading:before {
    content: "\ea53";
}

.fi-br-headphones:before {
    content: "\ea54";
}

.fi-br-headphones-pairing:before {
    content: "\ea55";
}

.fi-br-headphones-rhythm:before {
    content: "\ea56";
}

.fi-br-headset:before {
    content: "\ea57";
}

.fi-br-healing:before {
    content: "\ea58";
}

.fi-br-health-podcast:before {
    content: "\ea59";
}

.fi-br-heart:before {
    content: "\ea5a";
}

.fi-br-heart-arrow:before {
    content: "\ea5b";
}

.fi-br-heart-brain:before {
    content: "\ea5c";
}

.fi-br-heart-circle-user:before {
    content: "\ea5d";
}

.fi-br-heart-crack:before {
    content: "\ea5e";
}

.fi-br-heart-half:before {
    content: "\ea5f";
}

.fi-br-heart-half-stroke:before {
    content: "\ea60";
}

.fi-br-heart-health-muscle:before {
    content: "\ea61";
}

.fi-br-heart-lock:before {
    content: "\ea62";
}

.fi-br-heart-partner-handshake:before {
    content: "\ea63";
}

.fi-br-heart-rate:before {
    content: "\ea64";
}

.fi-br-heart-slash:before {
    content: "\ea65";
}

.fi-br-heart-upside-down:before {
    content: "\ea66";
}

.fi-br-heat:before {
    content: "\ea67";
}

.fi-br-helicopter-side:before {
    content: "\ea68";
}

.fi-br-helmet-battle:before {
    content: "\ea69";
}

.fi-br-hermit-crab:before {
    content: "\ea6a";
}

.fi-br-hexagon:before {
    content: "\ea6b";
}

.fi-br-hexagon-check:before {
    content: "\ea6c";
}

.fi-br-hexagon-divide:before {
    content: "\ea6d";
}

.fi-br-hexagon-exclamation:before {
    content: "\ea6e";
}

.fi-br-high-definition:before {
    content: "\ea70";
}

.fi-br-high-five:before {
    content: "\ea71";
}

.fi-br-high-five-celebration-yes:before {
    content: "\ea72";
}

.fi-br-high-temperature-alert:before {
    content: "\ea73";
}

.fi-br-highlighter:before {
    content: "\ea74";
}

.fi-br-highlighter-line:before {
    content: "\ea75";
}

.fi-br-hiking:before {
    content: "\ea76";
}

.fi-br-hiking-boot:before {
    content: "\ea77";
}

.fi-br-hill-avalanche:before {
    content: "\ea78";
}

.fi-br-hill-rockslide:before {
    content: "\ea79";
}

.fi-br-hippie:before {
    content: "\ea7b";
}

.fi-br-hippo:before {
    content: "\ea7c";
}

.fi-br-hockey-mask:before {
    content: "\ea7d";
}

.fi-br-hockey-puck:before {
    content: "\ea7e";
}

.fi-br-hockey-stick-puck:before {
    content: "\ea7f";
}

.fi-br-hockey-sticks:before {
    content: "\ea80";
}

.fi-br-holding-hand-brain:before {
    content: "\ea81";
}

.fi-br-holding-hand-delivery:before {
    content: "\ea82";
}

.fi-br-holding-hand-dinner:before {
    content: "\ea83";
}

.fi-br-holding-hand-direction:before {
    content: "\ea84";
}

.fi-br-holding-hand-gear:before {
    content: "\ea85";
}

.fi-br-holding-hand-key:before {
    content: "\ea86";
}

.fi-br-holding-hand-nft:before {
    content: "\ea87";
}

.fi-br-holding-hand-pizza-box:before {
    content: "\ea88";
}

.fi-br-holding-hand-revenue:before {
    content: "\ea89";
}

.fi-br-holly-berry:before {
    content: "\ea8a";
}

.fi-br-home:before {
    content: "\ea8b";
}

.fi-br-home-control-app:before {
    content: "\ea8d";
}

.fi-br-home-heart:before {
    content: "\ea8e";
}

.fi-br-home-location:before {
    content: "\ea8f";
}

.fi-br-home-location-alt:before {
    content: "\ea90";
}

.fi-br-home-robot:before {
    content: "\ea91";
}

.fi-br-home-settings:before {
    content: "\ea92";
}

.fi-br-home-wifi-phone:before {
    content: "\ea93";
}

.fi-br-homework:before {
    content: "\ea95";
}

.fi-br-honey-pot:before {
    content: "\ea96";
}

.fi-br-honeycomb:before {
    content: "\ea97";
}

.fi-br-honeycomb-bee:before {
    content: "\ea98";
}

.fi-br-hood-cloak:before {
    content: "\ea99";
}

.fi-br-hook:before {
    content: "\ea9a";
}

.fi-br-horizontal-rule:before {
    content: "\ea9b";
}

.fi-br-horse:before {
    content: "\ea9c";
}

.fi-br-horse-head:before {
    content: "\ea9d";
}

.fi-br-horse-saddle:before {
    content: "\ea9e";
}

.fi-br-horseshoe:before {
    content: "\ea9f";
}

.fi-br-horseshoe-broken:before {
    content: "\eaa0";
}

.fi-br-hose:before {
    content: "\eaa1";
}

.fi-br-hose-reel:before {
    content: "\eaa2";
}

.fi-br-hospital:before {
    content: "\eaa3";
}

.fi-br-hospital-bed:before {
    content: "\eaa4";
}

.fi-br-hospital-symbol:before {
    content: "\eaa5";
}

.fi-br-hospital-user:before {
    content: "\eaa6";
}

.fi-br-hospitals:before {
    content: "\eaa7";
}

.fi-br-hot-tub:before {
    content: "\eaa8";
}

.fi-br-hotdog:before {
    content: "\eaa9";
}

.fi-br-hotel:before {
    content: "\eaaa";
}

.fi-br-hotel-room-key:before {
    content: "\eaab";
}

.fi-br-hourglass:before {
    content: "\eaad";
}

.fi-br-hourglass-end:before {
    content: "\eaae";
}

.fi-br-hourglass-start:before {
    content: "\eaaf";
}

.fi-br-house-blank:before {
    content: "\eab0";
}

.fi-br-house-briefcase:before {
    content: "\eab1";
}

.fi-br-house-building:before {
    content: "\eab2";
}

.fi-br-house-chimney:before {
    content: "\eab3";
}

.fi-br-house-chimney-blank:before {
    content: "\eab4";
}

.fi-br-house-chimney-crack:before {
    content: "\eab5";
}

.fi-br-house-chimney-heart:before {
    content: "\eab6";
}

.fi-br-house-chimney-medical:before {
    content: "\eab7";
}

.fi-br-house-chimney-user:before {
    content: "\eab8";
}

.fi-br-house-chimney-window:before {
    content: "\eab9";
}

.fi-br-house-circle-check:before {
    content: "\eaba";
}

.fi-br-house-circle-exclamation:before {
    content: "\eabb";
}

.fi-br-house-circle-xmark:before {
    content: "\eabc";
}

.fi-br-house-crack:before {
    content: "\eabd";
}

.fi-br-house-crack-alt:before {
    content: "\eabe";
}

.fi-br-house-day:before {
    content: "\eabf";
}

.fi-br-house-fire:before {
    content: "\eac0";
}

.fi-br-house-flag:before {
    content: "\eac1";
}

.fi-br-house-flood:before {
    content: "\eac2";
}

.fi-br-house-hand:before {
    content: "\eac3";
}

.fi-br-house-hands:before {
    content: "\eac4";
}

.fi-br-house-key:before {
    content: "\eac5";
}

.fi-br-house-laptop:before {
    content: "\eac6";
}

.fi-br-house-leave:before {
    content: "\eac7";
}

.fi-br-house-lock:before {
    content: "\eac8";
}

.fi-br-house-medical:before {
    content: "\eac9";
}

.fi-br-house-night:before {
    content: "\eaca";
}

.fi-br-house-plan:before {
    content: "\eacb";
}

.fi-br-house-return:before {
    content: "\eacc";
}

.fi-br-house-signal:before {
    content: "\eacd";
}

.fi-br-house-tree:before {
    content: "\eace";
}

.fi-br-house-tsunami:before {
    content: "\eacf";
}

.fi-br-house-turret:before {
    content: "\ead0";
}

.fi-br-house-unlock:before {
    content: "\ead1";
}

.fi-br-house-user:before {
    content: "\ead2";
}

.fi-br-house-window:before {
    content: "\ead3";
}

.fi-br-hr:before {
    content: "\ead4";
}

.fi-br-hr-group:before {
    content: "\ead5";
}

.fi-br-hr-management:before {
    content: "\ead6";
}

.fi-br-hr-person:before {
    content: "\ead7";
}

.fi-br-hryvnia:before {
    content: "\ead8";
}

.fi-br-html-file:before {
    content: "\ead9";
}

.fi-br-hug-tree:before {
    content: "\eadd";
}

.fi-br-humanitarian-mission:before {
    content: "\eade";
}

.fi-br-humidity:before {
    content: "\eadf";
}

.fi-br-hundred-points:before {
    content: "\eae0";
}

.fi-br-hurricane:before {
    content: "\eae1";
}

.fi-br-hybrid-work:before {
    content: "\eae2";
}

.fi-br-hydroalcoholic-gel:before {
    content: "\eae3";
}

.fi-br-hyperloop:before {
    content: "\eae4";
}

.fi-br-i:before {
    content: "\eae6";
}

.fi-br-ice-cream:before {
    content: "\eae8";
}

.fi-br-ice-skate:before {
    content: "\eae9";
}

.fi-br-iceberg:before {
    content: "\eaea";
}

.fi-br-icicles:before {
    content: "\eaeb";
}

.fi-br-icon-star:before {
    content: "\eaec";
}

.fi-br-id-badge:before {
    content: "\eaee";
}

.fi-br-id-card:before {
    content: "\eaef";
}

.fi-br-id-card-clip-alt:before {
    content: "\eaf0";
}

.fi-br-idea-exchange:before {
    content: "\eaf2";
}

.fi-br-idea-magnet:before {
    content: "\eaf3";
}

.fi-br-igloo:before {
    content: "\eaf4";
}

.fi-br-image-alert:before {
    content: "\eaf7";
}

.fi-br-image-slash:before {
    content: "\eaf8";
}

.fi-br-images:before {
    content: "\eaf9";
}

.fi-br-images-user:before {
    content: "\eafa";
}

.fi-br-immunity:before {
    content: "\eafc";
}

.fi-br-improve-user:before {
    content: "\eafd";
}

.fi-br-improvement:before {
    content: "\eafe";
}

.fi-br-inbox:before {
    content: "\eaff";
}

.fi-br-inbox-full:before {
    content: "\eb00";
}

.fi-br-inbox-in:before {
    content: "\eb01";
}

.fi-br-inbox-out:before {
    content: "\eb02";
}

.fi-br-inboxes:before {
    content: "\eb03";
}

.fi-br-incense-sticks-yoga:before {
    content: "\eb04";
}

.fi-br-incognito:before {
    content: "\eb05";
}

.fi-br-indent:before {
    content: "\eb07";
}

.fi-br-india-map:before {
    content: "\eb09";
}

.fi-br-indian-rupee-sign:before {
    content: "\eb0a";
}

.fi-br-industrial-pollution:before {
    content: "\eb0b";
}

.fi-br-industry-alt:before {
    content: "\eb0c";
}

.fi-br-industry-windows:before {
    content: "\eb0d";
}

.fi-br-infinite-cycle:before {
    content: "\eb0e";
}

.fi-br-infinity:before {
    content: "\eb0f";
}

.fi-br-info:before {
    content: "\eb10";
}

.fi-br-info-guide:before {
    content: "\eb11";
}

.fi-br-information:before {
    content: "\eb12";
}

.fi-br-inhaler:before {
    content: "\eb13";
}

.fi-br-ink:before {
    content: "\eb14";
}

.fi-br-input-numeric:before {
    content: "\eb15";
}

.fi-br-input-pipe:before {
    content: "\eb16";
}

.fi-br-input-text:before {
    content: "\eb17";
}

.fi-br-insert:before {
    content: "\eb18";
}

.fi-br-insert-alt:before {
    content: "\eb19";
}

.fi-br-insert-arrows:before {
    content: "\eb1a";
}

.fi-br-insert-button-circle:before {
    content: "\eb1b";
}

.fi-br-insert-credit-card:before {
    content: "\eb1c";
}

.fi-br-insert-square:before {
    content: "\eb1d";
}

.fi-br-insight:before {
    content: "\eb1e";
}

.fi-br-insight-alt:before {
    content: "\eb1f";
}

.fi-br-insight-head:before {
    content: "\eb20";
}

.fi-br-insomnia:before {
    content: "\eb21";
}

.fi-br-insurance:before {
    content: "\eb27";
}

.fi-br-insurtech:before {
    content: "\eb28";
}

.fi-br-integral:before {
    content: "\eb29";
}

.fi-br-interactive:before {
    content: "\eb2d";
}

.fi-br-interlining:before {
    content: "\eb2e";
}

.fi-br-internet-security:before {
    content: "\eb2f";
}

.fi-br-internet-speed-wifi:before {
    content: "\eb30";
}

.fi-br-interpersonal-skill:before {
    content: "\eb31";
}

.fi-br-interrogation:before {
    content: "\eb32";
}

.fi-br-intersection:before {
    content: "\eb33";
}

.fi-br-introduction:before {
    content: "\eb34";
}

.fi-br-introduction-handshake:before {
    content: "\eb35";
}

.fi-br-inventory-alt:before {
    content: "\eb36";
}

.fi-br-invest:before {
    content: "\eb37";
}

.fi-br-investment:before {
    content: "\eb38";
}

.fi-br-investor:before {
    content: "\eb39";
}

.fi-br-invite:before {
    content: "\eb3b";
}

.fi-br-invite-alt:before {
    content: "\eb3c";
}

.fi-br-invoice-paid:before {
    content: "\eb3d";
}

.fi-br-iot:before {
    content: "\eb3e";
}

.fi-br-iot-alt:before {
    content: "\eb3f";
}

.fi-br-ip-address:before {
    content: "\eb40";
}

.fi-br-iron:before {
    content: "\eb41";
}

.fi-br-island-tropical:before {
    content: "\eb42";
}

.fi-br-iso-file:before {
    content: "\eb43";
}

.fi-br-issue-loupe:before {
    content: "\eb44";
}

.fi-br-it:before {
    content: "\eb45";
}

.fi-br-it-alt:before {
    content: "\eb46";
}

.fi-br-it-computer:before {
    content: "\eb47";
}

.fi-br-italian:before {
    content: "\eb48";
}

.fi-br-italian-coffee-maker:before {
    content: "\eb49";
}

.fi-br-italian-lira-sign:before {
    content: "\eb4a";
}

.fi-br-italic:before {
    content: "\eb4b";
}

.fi-br-ivy:before {
    content: "\eb4d";
}

.fi-br-j:before {
    content: "\eb4e";
}

.fi-br-jam:before {
    content: "\eb50";
}

.fi-br-january-calendar:before {
    content: "\eb52";
}

.fi-br-japanese:before {
    content: "\eb53";
}

.fi-br-jar-alt:before {
    content: "\eb54";
}

.fi-br-jar-wheat:before {
    content: "\eb55";
}

.fi-br-javascript:before {
    content: "\eb57";
}

.fi-br-jelly:before {
    content: "\eb59";
}

.fi-br-job-search:before {
    content: "\eb5b";
}

.fi-br-joint:before {
    content: "\eb5d";
}

.fi-br-joker:before {
    content: "\eb5e";
}

.fi-br-journal:before {
    content: "\eb60";
}

.fi-br-journal-alt:before {
    content: "\eb61";
}

.fi-br-journey:before {
    content: "\eb62";
}

.fi-br-joystick:before {
    content: "\eb63";
}

.fi-br-jpg:before {
    content: "\eb64";
}

.fi-br-json-file:before {
    content: "\eb67";
}

.fi-br-judge:before {
    content: "\eb68";
}

.fi-br-jug:before {
    content: "\eb69";
}

.fi-br-jug-alt:before {
    content: "\eb6a";
}

.fi-br-jug-bottle:before {
    content: "\eb6b";
}

.fi-br-july-calendar:before {
    content: "\eb6c";
}

.fi-br-jumping-rope:before {
    content: "\eb6d";
}

.fi-br-june-calendar:before {
    content: "\eb6e";
}

.fi-br-jury:before {
    content: "\eb6f";
}

.fi-br-k:before {
    content: "\eb70";
}

.fi-br-k-pop:before {
    content: "\eb71";
}

.fi-br-k-pop-headphones:before {
    content: "\eb72";
}

.fi-br-k-pop-microphone:before {
    content: "\eb73";
}

.fi-br-kaaba:before {
    content: "\eb74";
}

.fi-br-kangaroo:before {
    content: "\eb75";
}

.fi-br-kayak:before {
    content: "\eb76";
}

.fi-br-kazoo:before {
    content: "\eb77";
}

.fi-br-kerning:before {
    content: "\eb78";
}

.fi-br-key:before {
    content: "\eb79";
}

.fi-br-key-car:before {
    content: "\eb7a";
}

.fi-br-key-hole:before {
    content: "\eb7b";
}

.fi-br-key-lock-crypto:before {
    content: "\eb7c";
}

.fi-br-key-person:before {
    content: "\eb7d";
}

.fi-br-key-skeleton-left-right:before {
    content: "\eb7e";
}

.fi-br-keyboard:before {
    content: "\eb7f";
}

.fi-br-keyboard-brightness:before {
    content: "\eb80";
}

.fi-br-keyboard-brightness-low:before {
    content: "\eb81";
}

.fi-br-keyboard-down:before {
    content: "\eb82";
}

.fi-br-keyboard-finger:before {
    content: "\eb83";
}

.fi-br-keyboard-left:before {
    content: "\eb84";
}

.fi-br-keynote:before {
    content: "\eb86";
}

.fi-br-khanda:before {
    content: "\eb87";
}

.fi-br-kidneys:before {
    content: "\eb89";
}

.fi-br-kimchi:before {
    content: "\eb8a";
}

.fi-br-kip-sign:before {
    content: "\eb8c";
}

.fi-br-kiss:before {
    content: "\eb8d";
}

.fi-br-kiss-beam:before {
    content: "\eb8e";
}

.fi-br-kiss-wink-heart:before {
    content: "\eb8f";
}

.fi-br-kitchen-set:before {
    content: "\eb90";
}

.fi-br-kite:before {
    content: "\eb91";
}

.fi-br-kiwi-bird:before {
    content: "\eb92";
}

.fi-br-kiwi-fruit:before {
    content: "\eb93";
}

.fi-br-knee-joint:before {
    content: "\eb94";
}

.fi-br-knife:before {
    content: "\eb95";
}

.fi-br-knife-kitchen:before {
    content: "\eb96";
}

.fi-br-knight:before {
    content: "\eb97";
}

.fi-br-knitting:before {
    content: "\eb98";
}

.fi-br-knot-rope:before {
    content: "\eb99";
}

.fi-br-knowledge:before {
    content: "\eb9a";
}

.fi-br-kombucha:before {
    content: "\eb9b";
}

.fi-br-korean:before {
    content: "\eb9c";
}

.fi-br-kpi:before {
    content: "\eb9d";
}

.fi-br-kpi-evaluation:before {
    content: "\eb9e";
}

.fi-br-l:before {
    content: "\eb9f";
}

.fi-br-lab-coat:before {
    content: "\eba0";
}

.fi-br-label:before {
    content: "\eba1";
}

.fi-br-lacrosse-stick:before {
    content: "\eba2";
}

.fi-br-lacrosse-stick-ball:before {
    content: "\eba3";
}

.fi-br-ladder:before {
    content: "\eba4";
}

.fi-br-ladybug-leaf:before {
    content: "\eba5";
}

.fi-br-lambda:before {
    content: "\eba6";
}

.fi-br-lamp:before {
    content: "\eba7";
}

.fi-br-lamp-desk:before {
    content: "\eba8";
}

.fi-br-lamp-desk-on:before {
    content: "\eba9";
}

.fi-br-lamp-floor:before {
    content: "\ebaa";
}

.fi-br-lamp-street:before {
    content: "\ebab";
}

.fi-br-land-layer-location:before {
    content: "\ebac";
}

.fi-br-land-layers:before {
    content: "\ebad";
}

.fi-br-land-location:before {
    content: "\ebae";
}

.fi-br-land-mine-on:before {
    content: "\ebaf";
}

.fi-br-landmark-alt:before {
    content: "\ebb0";
}

.fi-br-language:before {
    content: "\ebb1";
}

.fi-br-language-exchange:before {
    content: "\ebb2";
}

.fi-br-language-learning-app:before {
    content: "\ebb3";
}

.fi-br-languages-world:before {
    content: "\ebb4";
}

.fi-br-lanterns:before {
    content: "\ebb5";
}

.fi-br-laptop:before {
    content: "\ebb6";
}

.fi-br-laptop-arrow-down:before {
    content: "\ebb7";
}

.fi-br-laptop-binary:before {
    content: "\ebb8";
}

.fi-br-laptop-code:before {
    content: "\ebb9";
}

.fi-br-laptop-dollar:before {
    content: "\ebba";
}

.fi-br-laptop-lock:before {
    content: "\ebbb";
}

.fi-br-laptop-medical:before {
    content: "\ebbc";
}

.fi-br-laptop-mobile:before {
    content: "\ebbd";
}

.fi-br-laptop-mute:before {
    content: "\ebbe";
}

.fi-br-laptop-no-camera:before {
    content: "\ebbf";
}

.fi-br-laptop-refresh:before {
    content: "\ebc0";
}

.fi-br-laptop-shield:before {
    content: "\ebc1";
}

.fi-br-laptop-signal:before {
    content: "\ebc2";
}

.fi-br-laptop-slash:before {
    content: "\ebc3";
}

.fi-br-lari-sign:before {
    content: "\ebc4";
}

.fi-br-lasagna:before {
    content: "\ebc5";
}

.fi-br-lasso:before {
    content: "\ebc6";
}

.fi-br-lasso-sparkles:before {
    content: "\ebc7";
}

.fi-br-last-square:before {
    content: "\ebc8";
}

.fi-br-laugh:before {
    content: "\ebc9";
}

.fi-br-laugh-beam:before {
    content: "\ebca";
}

.fi-br-laugh-squint:before {
    content: "\ebcb";
}

.fi-br-laugh-wink:before {
    content: "\ebcc";
}

.fi-br-launch:before {
    content: "\ebcd";
}

.fi-br-laurel-user:before {
    content: "\ebce";
}

.fi-br-law-book:before {
    content: "\ebcf";
}

.fi-br-lawyer-man:before {
    content: "\ebd0";
}

.fi-br-lawyer-woman:before {
    content: "\ebd1";
}

.fi-br-layer-minus:before {
    content: "\ebd2";
}

.fi-br-layer-plus:before {
    content: "\ebd3";
}

.fi-br-layers:before {
    content: "\ebd4";
}

.fi-br-layout-fluid:before {
    content: "\ebd5";
}

.fi-br-lead:before {
    content: "\ebd6";
}

.fi-br-lead-funnel:before {
    content: "\ebd7";
}

.fi-br-lead-management:before {
    content: "\ebd8";
}

.fi-br-leader:before {
    content: "\ebd9";
}

.fi-br-leader-alt:before {
    content: "\ebda";
}

.fi-br-leader-speech:before {
    content: "\ebdb";
}

.fi-br-leaderboard:before {
    content: "\ebdc";
}

.fi-br-leaderboard-alt:before {
    content: "\ebdd";
}

.fi-br-leaderboard-trophy:before {
    content: "\ebde";
}

.fi-br-leadership:before {
    content: "\ebdf";
}

.fi-br-leadership-alt:before {
    content: "\ebe0";
}

.fi-br-leaf:before {
    content: "\ebe1";
}

.fi-br-leaf-fall:before {
    content: "\ebe2";
}

.fi-br-leaf-heart:before {
    content: "\ebe3";
}

.fi-br-leaf-maple:before {
    content: "\ebe4";
}

.fi-br-leaf-oak:before {
    content: "\ebe5";
}

.fi-br-leafy-green:before {
    content: "\ebe6";
}

.fi-br-leave:before {
    content: "\ebe8";
}

.fi-br-left:before {
    content: "\ebe9";
}

.fi-br-left-click-mouse:before {
    content: "\ebea";
}

.fi-br-left-from-bracket:before {
    content: "\ebeb";
}

.fi-br-legal:before {
    content: "\ebec";
}

.fi-br-legal-aid:before {
    content: "\ebed";
}

.fi-br-legal-case:before {
    content: "\ebee";
}

.fi-br-legal-document:before {
    content: "\ebef";
}

.fi-br-legal-fees:before {
    content: "\ebf0";
}

.fi-br-lemon:before {
    content: "\ebf1";
}

.fi-br-lemongrass:before {
    content: "\ebf2";
}

.fi-br-lesbian-couple:before {
    content: "\ebf3";
}

.fi-br-less-than:before {
    content: "\ebf4";
}

.fi-br-less-than-equal:before {
    content: "\ebf5";
}

.fi-br-lesson:before {
    content: "\ebf6";
}

.fi-br-lesson-class:before {
    content: "\ebf7";
}

.fi-br-letter-case:before {
    content: "\ebf9";
}

.fi-br-lettuce:before {
    content: "\ebfa";
}

.fi-br-level-down:before {
    content: "\ebfb";
}

.fi-br-level-down-alt:before {
    content: "\ebfc";
}

.fi-br-level-up:before {
    content: "\ebfd";
}

.fi-br-level-up-alt:before {
    content: "\ebfe";
}

.fi-br-license:before {
    content: "\ebff";
}

.fi-br-life:before {
    content: "\ec00";
}

.fi-br-life-ring:before {
    content: "\ec01";
}

.fi-br-lift:before {
    content: "\ec02";
}

.fi-br-light-ceiling:before {
    content: "\ec04";
}

.fi-br-light-emergency:before {
    content: "\ec05";
}

.fi-br-light-emergency-on:before {
    content: "\ec06";
}

.fi-br-light-mode-alt:before {
    content: "\ec07";
}

.fi-br-light-switch:before {
    content: "\ec08";
}

.fi-br-light-switch-off:before {
    content: "\ec09";
}

.fi-br-light-switch-on:before {
    content: "\ec0a";
}

.fi-br-lightbulb-cfl:before {
    content: "\ec0b";
}

.fi-br-lightbulb-cfl-on:before {
    content: "\ec0c";
}

.fi-br-lightbulb-dollar:before {
    content: "\ec0e";
}

.fi-br-lightbulb-exclamation:before {
    content: "\ec0f";
}

.fi-br-lightbulb-head:before {
    content: "\ec12";
}

.fi-br-lightbulb-message:before {
    content: "\ec13";
}

.fi-br-lightbulb-on:before {
    content: "\ec14";
}

.fi-br-lightbulb-question:before {
    content: "\ec15";
}

.fi-br-lightbulb-setting:before {
    content: "\ec16";
}

.fi-br-lightbulb-slash:before {
    content: "\ec17";
}

.fi-br-lighthouse:before {
    content: "\ec19";
}

.fi-br-lights-holiday:before {
    content: "\ec1a";
}

.fi-br-limit-hand:before {
    content: "\ec1b";
}

.fi-br-limit-speedometer:before {
    content: "\ec1c";
}

.fi-br-line-width:before {
    content: "\ec20";
}

.fi-br-link:before {
    content: "\ec21";
}

.fi-br-link-alt:before {
    content: "\ec22";
}

.fi-br-link-horizontal:before {
    content: "\ec23";
}

.fi-br-link-horizontal-slash:before {
    content: "\ec24";
}

.fi-br-link-slash:before {
    content: "\ec25";
}

.fi-br-link-slash-alt:before {
    content: "\ec26";
}

.fi-br-lion:before {
    content: "\ec2a";
}

.fi-br-lion-head:before {
    content: "\ec2b";
}

.fi-br-lips:before {
    content: "\ec2c";
}

.fi-br-lips-silence:before {
    content: "\ec2d";
}

.fi-br-lipstick:before {
    content: "\ec2e";
}

.fi-br-lira-sign:before {
    content: "\ec2f";
}

.fi-br-list:before {
    content: "\ec31";
}

.fi-br-list-check:before {
    content: "\ec32";
}

.fi-br-list-dropdown:before {
    content: "\ec33";
}

.fi-br-list-music:before {
    content: "\ec34";
}

.fi-br-list-timeline:before {
    content: "\ec35";
}

.fi-br-list-tree:before {
    content: "\ec36";
}

.fi-br-listening-audio-player:before {
    content: "\ec37";
}

.fi-br-litecoin-sign:before {
    content: "\ec39";
}

.fi-br-live:before {
    content: "\ec3a";
}

.fi-br-live-alt:before {
    content: "\ec3b";
}

.fi-br-loading:before {
    content: "\ec3c";
}

.fi-br-loan:before {
    content: "\ec3d";
}

.fi-br-lobster:before {
    content: "\ec3e";
}

.fi-br-local-shop:before {
    content: "\ec3f";
}

.fi-br-location-alert:before {
    content: "\ec40";
}

.fi-br-location-alt:before {
    content: "\ec41";
}

.fi-br-location-arrow:before {
    content: "\ec42";
}

.fi-br-location-crosshairs:before {
    content: "\ec43";
}

.fi-br-location-crosshairs-slash:before {
    content: "\ec44";
}

.fi-br-location-dot-slash:before {
    content: "\ec45";
}

.fi-br-location-exclamation:before {
    content: "\ec46";
}

.fi-br-location-lock:before {
    content: "\ec47";
}

.fi-br-location-pin-bike:before {
    content: "\ec48";
}

.fi-br-location-pin-call:before {
    content: "\ec49";
}

.fi-br-location-pin-car:before {
    content: "\ec4a";
}

.fi-br-location-pin-car-charging:before {
    content: "\ec4b";
}

.fi-br-location-pin-motorcycle:before {
    content: "\ec4c";
}

.fi-br-location-pin-parking:before {
    content: "\ec4d";
}

.fi-br-location-pin-train:before {
    content: "\ec4e";
}

.fi-br-lock:before {
    content: "\ec4f";
}

.fi-br-lock-ai:before {
    content: "\ec50";
}

.fi-br-lock-alt:before {
    content: "\ec51";
}

.fi-br-lock-hashtag:before {
    content: "\ec52";
}

.fi-br-lock-open-alt:before {
    content: "\ec53";
}

.fi-br-locust:before {
    content: "\ec54";
}

.fi-br-log-file:before {
    content: "\ec55";
}

.fi-br-login:before {
    content: "\ec57";
}

.fi-br-login-lock:before {
    content: "\ec58";
}

.fi-br-logo:before {
    content: "\ec59";
}

.fi-br-longboard:before {
    content: "\ec5a";
}

.fi-br-loop-square:before {
    content: "\ec5c";
}

.fi-br-loot-box:before {
    content: "\ec5d";
}

.fi-br-love-magnet:before {
    content: "\ec60";
}

.fi-br-loveseat:before {
    content: "\ec61";
}

.fi-br-low-vision:before {
    content: "\ec62";
}

.fi-br-lower-back:before {
    content: "\ec63";
}

.fi-br-luchador:before {
    content: "\ec64";
}

.fi-br-lucky-cat:before {
    content: "\ec65";
}

.fi-br-luggage-cart:before {
    content: "\ec66";
}

.fi-br-luggage-rolling:before {
    content: "\ec67";
}

.fi-br-lunch-box:before {
    content: "\ec68";
}

.fi-br-lunch-time:before {
    content: "\ec69";
}

.fi-br-lung-cancer:before {
    content: "\ec6a";
}

.fi-br-lung-ribbon:before {
    content: "\ec6b";
}

.fi-br-lungs:before {
    content: "\ec6c";
}

.fi-br-lungs-virus:before {
    content: "\ec6d";
}

.fi-br-m:before {
    content: "\ec6e";
}

.fi-br-mac-cheese:before {
    content: "\ec6f";
}

.fi-br-macarons:before {
    content: "\ec70";
}

.fi-br-mace:before {
    content: "\ec71";
}

.fi-br-machine-learning:before {
    content: "\ec72";
}

.fi-br-magic-wand:before {
    content: "\ec78";
}

.fi-br-magnet:before {
    content: "\ec79";
}

.fi-br-magnet-energy:before {
    content: "\ec7a";
}

.fi-br-magnet-user:before {
    content: "\ec7b";
}

.fi-br-magnetism:before {
    content: "\ec7d";
}

.fi-br-magnifying-glass-binary:before {
    content: "\ec7e";
}

.fi-br-magnifying-glass-box:before {
    content: "\ec7f";
}

.fi-br-magnifying-glass-eye:before {
    content: "\ec80";
}

.fi-br-magnifying-glass-growth:before {
    content: "\ec81";
}

.fi-br-magnifying-glass-play:before {
    content: "\ec82";
}

.fi-br-magnifying-glass-wave:before {
    content: "\ec83";
}

.fi-br-mail-hook:before {
    content: "\ec85";
}

.fi-br-mail-malware:before {
    content: "\ec86";
}

.fi-br-mail-plus-circle:before {
    content: "\ec87";
}

.fi-br-mailbox:before {
    content: "\ec88";
}

.fi-br-mailbox-envelope:before {
    content: "\ec89";
}

.fi-br-mailbox-flag-up:before {
    content: "\ec8a";
}

.fi-br-makeup-bag:before {
    content: "\ec8d";
}

.fi-br-makeup-brush:before {
    content: "\ec8e";
}

.fi-br-male:before {
    content: "\ec8f";
}

.fi-br-male-couple:before {
    content: "\ec90";
}

.fi-br-malware-circle:before {
    content: "\ec91";
}

.fi-br-malware-shield:before {
    content: "\ec92";
}

.fi-br-malware-square:before {
    content: "\ec93";
}

.fi-br-man-head:before {
    content: "\ec94";
}

.fi-br-man-scientist:before {
    content: "\ec95";
}

.fi-br-manat-sign:before {
    content: "\ec96";
}

.fi-br-mandolin:before {
    content: "\ec97";
}

.fi-br-mango:before {
    content: "\ec98";
}

.fi-br-manhole:before {
    content: "\ec99";
}

.fi-br-manicure:before {
    content: "\ec9a";
}

.fi-br-mannequin:before {
    content: "\ec9b";
}

.fi-br-map:before {
    content: "\ec9c";
}

.fi-br-map-location-track:before {
    content: "\ec9d";
}

.fi-br-map-marker:before {
    content: "\ec9e";
}

.fi-br-map-marker-check:before {
    content: "\ec9f";
}

.fi-br-map-marker-cross:before {
    content: "\eca0";
}

.fi-br-map-marker-edit:before {
    content: "\eca1";
}

.fi-br-map-marker-home:before {
    content: "\eca3";
}

.fi-br-map-marker-minus:before {
    content: "\eca4";
}

.fi-br-map-marker-plus:before {
    content: "\eca5";
}

.fi-br-map-marker-question:before {
    content: "\eca6";
}

.fi-br-map-marker-slash:before {
    content: "\eca7";
}

.fi-br-map-marker-smile:before {
    content: "\eca8";
}

.fi-br-map-pin:before {
    content: "\eca9";
}

.fi-br-map-point:before {
    content: "\ecaa";
}

.fi-br-march-calendar:before {
    content: "\ecab";
}

.fi-br-marker:before {
    content: "\ecac";
}

.fi-br-marker-hospital:before {
    content: "\ecad";
}

.fi-br-marker-time:before {
    content: "\ecae";
}

.fi-br-marketplace:before {
    content: "\ecaf";
}

.fi-br-marketplace-alt:before {
    content: "\ecb0";
}

.fi-br-marketplace-store:before {
    content: "\ecb1";
}

.fi-br-marriage-proposal:before {
    content: "\ecb2";
}

.fi-br-mars-and-venus-burst:before {
    content: "\ecb5";
}

.fi-br-mars-stroke-right:before {
    content: "\ecb7";
}

.fi-br-mars-stroke-up:before {
    content: "\ecb8";
}

.fi-br-martini-glass-citrus:before {
    content: "\ecb9";
}

.fi-br-martini-glass-empty:before {
    content: "\ecba";
}

.fi-br-mascara:before {
    content: "\ecbb";
}

.fi-br-mask-carnival:before {
    content: "\ecbd";
}

.fi-br-mask-face:before {
    content: "\ecbe";
}

.fi-br-mask-snorkel:before {
    content: "\ecbf";
}

.fi-br-massage:before {
    content: "\ecc0";
}

.fi-br-master-plan:before {
    content: "\ecc1";
}

.fi-br-master-plan-integrate:before {
    content: "\ecc2";
}

.fi-br-match-fire:before {
    content: "\ecc3";
}

.fi-br-matcha:before {
    content: "\ecc4";
}

.fi-br-matcha-latte:before {
    content: "\ecc5";
}

.fi-br-mattress-pillow:before {
    content: "\ecc6";
}

.fi-br-may-calendar:before {
    content: "\ecc7";
}

.fi-br-measure-box:before {
    content: "\ecc9";
}

.fi-br-measuring-tape:before {
    content: "\ecca";
}

.fi-br-meat:before {
    content: "\eccb";
}

.fi-br-medal:before {
    content: "\eccc";
}

.fi-br-mediator:before {
    content: "\ecce";
}

.fi-br-medical-star:before {
    content: "\eccf";
}

.fi-br-medication:before {
    content: "\ecd0";
}

.fi-br-medicine:before {
    content: "\ecd1";
}

.fi-br-meditation:before {
    content: "\ecd2";
}

.fi-br-meeting:before {
    content: "\ecd5";
}

.fi-br-meeting-alt:before {
    content: "\ecd6";
}

.fi-br-megaphone:before {
    content: "\ecd7";
}

.fi-br-megaphone-announcement-leader:before {
    content: "\ecd8";
}

.fi-br-megaphone-magnifying-glass:before {
    content: "\ecd9";
}

.fi-br-megaphone-sound-waves:before {
    content: "\ecda";
}

.fi-br-meh-blank:before {
    content: "\ecdc";
}

.fi-br-meh-rolling-eyes:before {
    content: "\ecdd";
}

.fi-br-melon:before {
    content: "\ecde";
}

.fi-br-melon-alt:before {
    content: "\ecdf";
}

.fi-br-member-list:before {
    content: "\ece0";
}

.fi-br-member-search:before {
    content: "\ece1";
}

.fi-br-membership:before {
    content: "\ece2";
}

.fi-br-membership-vip:before {
    content: "\ece3";
}

.fi-br-memo:before {
    content: "\ece4";
}

.fi-br-memo-circle-check:before {
    content: "\ece5";
}

.fi-br-memo-pad:before {
    content: "\ece6";
}

.fi-br-memory:before {
    content: "\ece7";
}

.fi-br-memory-loss:before {
    content: "\ece8";
}

.fi-br-men-swimsuit:before {
    content: "\ece9";
}

.fi-br-menorah:before {
    content: "\ecea";
}

.fi-br-menu-burger:before {
    content: "\eceb";
}

.fi-br-menu-dots:before {
    content: "\ecec";
}

.fi-br-menu-dots-vertical:before {
    content: "\eced";
}

.fi-br-menu-food:before {
    content: "\ecee";
}

.fi-br-mercury:before {
    content: "\ecef";
}

.fi-br-message-alert:before {
    content: "\ecf0";
}

.fi-br-message-arrow-down:before {
    content: "\ecf1";
}

.fi-br-message-arrow-up:before {
    content: "\ecf2";
}

.fi-br-message-arrow-up-right:before {
    content: "\ecf3";
}

.fi-br-message-bot:before {
    content: "\ecf4";
}

.fi-br-message-circle-refresh:before {
    content: "\ecf5";
}

.fi-br-message-code:before {
    content: "\ecf6";
}

.fi-br-message-dollar:before {
    content: "\ecf7";
}

.fi-br-message-heart:before {
    content: "\ecf8";
}

.fi-br-message-image:before {
    content: "\ecf9";
}

.fi-br-message-question:before {
    content: "\ecfb";
}

.fi-br-message-quote:before {
    content: "\ecfc";
}

.fi-br-message-slash:before {
    content: "\ecfd";
}

.fi-br-message-sms:before {
    content: "\ecfe";
}

.fi-br-message-square-refresh:before {
    content: "\ecff";
}

.fi-br-message-star:before {
    content: "\ed00";
}

.fi-br-message-text:before {
    content: "\ed01";
}

.fi-br-message-xmark:before {
    content: "\ed02";
}

.fi-br-messages:before {
    content: "\ed03";
}

.fi-br-messages-dollar:before {
    content: "\ed04";
}

.fi-br-messages-question:before {
    content: "\ed05";
}

.fi-br-meteor:before {
    content: "\ed09";
}

.fi-br-meter:before {
    content: "\ed0a";
}

.fi-br-meter-bolt:before {
    content: "\ed0b";
}

.fi-br-meter-droplet:before {
    content: "\ed0c";
}

.fi-br-meter-fire:before {
    content: "\ed0d";
}

.fi-br-method:before {
    content: "\ed0e";
}

.fi-br-micro-sd:before {
    content: "\ed0f";
}

.fi-br-micro-sd-adapter:before {
    content: "\ed10";
}

.fi-br-microchip:before {
    content: "\ed11";
}

.fi-br-microchip-ai:before {
    content: "\ed12";
}

.fi-br-microphone:before {
    content: "\ed13";
}

.fi-br-microphone-alt:before {
    content: "\ed14";
}

.fi-br-microphone-question-mark:before {
    content: "\ed17";
}

.fi-br-microphone-slash:before {
    content: "\ed18";
}

.fi-br-microscope:before {
    content: "\ed19";
}

.fi-br-microscope-bacteria:before {
    content: "\ed1a";
}

.fi-br-microwave:before {
    content: "\ed1e";
}

.fi-br-milk:before {
    content: "\ed1f";
}

.fi-br-milk-alt:before {
    content: "\ed20";
}

.fi-br-mill:before {
    content: "\ed21";
}

.fi-br-mill-sign:before {
    content: "\ed22";
}

.fi-br-mind-share:before {
    content: "\ed24";
}

.fi-br-minus:before {
    content: "\ed25";
}

.fi-br-minus-circle:before {
    content: "\ed26";
}

.fi-br-minus-hexagon:before {
    content: "\ed27";
}

.fi-br-minus-small:before {
    content: "\ed28";
}

.fi-br-mirror:before {
    content: "\ed2a";
}

.fi-br-mirror-user:before {
    content: "\ed2b";
}

.fi-br-miso-soup:before {
    content: "\ed2c";
}

.fi-br-mission:before {
    content: "\ed2d";
}

.fi-br-mistletoe:before {
    content: "\ed2e";
}

.fi-br-mix:before {
    content: "\ed2f";
}

.fi-br-mixer:before {
    content: "\ed30";
}

.fi-br-mobile:before {
    content: "\ed31";
}

.fi-br-mobile-4g:before {
    content: "\ed32";
}

.fi-br-mobile-5g:before {
    content: "\ed33";
}

.fi-br-mobile-app-cleaner:before {
    content: "\ed35";
}

.fi-br-mobile-button:before {
    content: "\ed37";
}

.fi-br-mobile-friendly:before {
    content: "\ed38";
}

.fi-br-mobile-hand:before {
    content: "\ed39";
}

.fi-br-mobile-lock:before {
    content: "\ed3a";
}

.fi-br-mobile-message:before {
    content: "\ed3b";
}

.fi-br-mobile-notch:before {
    content: "\ed3c";
}

.fi-br-mochi:before {
    content: "\ed3f";
}

.fi-br-mockup:before {
    content: "\ed40";
}

.fi-br-mode:before {
    content: "\ed41";
}

.fi-br-mode-alt:before {
    content: "\ed42";
}

.fi-br-mode-landscape:before {
    content: "\ed43";
}

.fi-br-mode-portrait:before {
    content: "\ed44";
}

.fi-br-model-cube:before {
    content: "\ed45";
}

.fi-br-model-cube-arrows:before {
    content: "\ed46";
}

.fi-br-model-cube-space:before {
    content: "\ed47";
}

.fi-br-modular-home:before {
    content: "\ed48";
}

.fi-br-module:before {
    content: "\ed49";
}

.fi-br-monday:before {
    content: "\ed4a";
}

.fi-br-money:before {
    content: "\ed4b";
}

.fi-br-money-bill-lock:before {
    content: "\ed4c";
}

.fi-br-money-bill-simple:before {
    content: "\ed4d";
}

.fi-br-money-bill-transfer:before {
    content: "\ed4e";
}

.fi-br-money-bill-wave:before {
    content: "\ed4f";
}

.fi-br-money-bill-wave-alt:before {
    content: "\ed50";
}

.fi-br-money-bills:before {
    content: "\ed51";
}

.fi-br-money-bills-simple:before {
    content: "\ed52";
}

.fi-br-money-check:before {
    content: "\ed53";
}

.fi-br-money-check-edit:before {
    content: "\ed54";
}

.fi-br-money-check-edit-alt:before {
    content: "\ed55";
}

.fi-br-money-coin-transfer:before {
    content: "\ed56";
}

.fi-br-money-from-bracket:before {
    content: "\ed57";
}

.fi-br-money-gears:before {
    content: "\ed58";
}

.fi-br-money-income:before {
    content: "\ed59";
}

.fi-br-money-laptop:before {
    content: "\ed5a";
}

.fi-br-money-magnet:before {
    content: "\ed5b";
}

.fi-br-money-safe-box:before {
    content: "\ed5c";
}

.fi-br-money-simple-from-bracket:before {
    content: "\ed5d";
}

.fi-br-money-transfer-alt:before {
    content: "\ed5e";
}

.fi-br-money-transfer-coin-arrow:before {
    content: "\ed5f";
}

.fi-br-money-transfer-smartphone:before {
    content: "\ed60";
}

.fi-br-money-wings:before {
    content: "\ed61";
}

.fi-br-monitor-sun:before {
    content: "\ed62";
}

.fi-br-monitor-water:before {
    content: "\ed63";
}

.fi-br-monkey:before {
    content: "\ed64";
}

.fi-br-monstera:before {
    content: "\ed65";
}

.fi-br-monument:before {
    content: "\ed66";
}

.fi-br-moon:before {
    content: "\ed67";
}

.fi-br-moon-stars:before {
    content: "\ed68";
}

.fi-br-moped:before {
    content: "\ed69";
}

.fi-br-mortar-pestle:before {
    content: "\ed6b";
}

.fi-br-mortgage:before {
    content: "\ed6c";
}

.fi-br-mosque:before {
    content: "\ed6d";
}

.fi-br-mosque-alt:before {
    content: "\ed6e";
}

.fi-br-mosque-moon:before {
    content: "\ed6f";
}

.fi-br-mosquito:before {
    content: "\ed70";
}

.fi-br-mosquito-net:before {
    content: "\ed71";
}

.fi-br-motion-graphic:before {
    content: "\ed72";
}

.fi-br-motorcycle:before {
    content: "\ed74";
}

.fi-br-motorcycle-front:before {
    content: "\ed75";
}

.fi-br-motorcycle-helmet:before {
    content: "\ed76";
}

.fi-br-mound:before {
    content: "\ed77";
}

.fi-br-mountain:before {
    content: "\ed78";
}

.fi-br-mountain-city:before {
    content: "\ed79";
}

.fi-br-mountain-peak:before {
    content: "\ed7a";
}

.fi-br-mountains:before {
    content: "\ed7c";
}

.fi-br-mouse:before {
    content: "\ed7d";
}

.fi-br-mouse-field:before {
    content: "\ed7e";
}

.fi-br-mouse-pointer-click:before {
    content: "\ed7f";
}

.fi-br-mouse-pointer-heart:before {
    content: "\ed80";
}

.fi-br-mouse-scroll:before {
    content: "\ed81";
}

.fi-br-moustache:before {
    content: "\ed82";
}

.fi-br-mov-file:before {
    content: "\ed83";
}

.fi-br-move-to-folder:before {
    content: "\ed84";
}

.fi-br-move-to-folder-2:before {
    content: "\ed85";
}

.fi-br-moving:before {
    content: "\ed86";
}

.fi-br-mower:before {
    content: "\ed87";
}

.fi-br-mp3-file:before {
    content: "\ed88";
}

.fi-br-mp3-player:before {
    content: "\ed89";
}

.fi-br-mp4-file:before {
    content: "\ed8a";
}

.fi-br-muffin:before {
    content: "\ed8b";
}

.fi-br-mug:before {
    content: "\ed8c";
}

.fi-br-mug-alt:before {
    content: "\ed8d";
}

.fi-br-mug-hot:before {
    content: "\ed8e";
}

.fi-br-mug-hot-alt:before {
    content: "\ed8f";
}

.fi-br-mug-marshmallows:before {
    content: "\ed90";
}

.fi-br-mug-tea:before {
    content: "\ed91";
}

.fi-br-mug-tea-alt:before {
    content: "\ed92";
}

.fi-br-mug-tea-saucer:before {
    content: "\ed93";
}

.fi-br-mulled-wine:before {
    content: "\ed94";
}

.fi-br-multi-player:before {
    content: "\ed95";
}

.fi-br-multiple:before {
    content: "\ed96";
}

.fi-br-multiple-alt:before {
    content: "\ed97";
}

.fi-br-multitasking:before {
    content: "\ed98";
}

.fi-br-muscle:before {
    content: "\ed99";
}

.fi-br-museum:before {
    content: "\ed9a";
}

.fi-br-mushroom:before {
    content: "\ed9b";
}

.fi-br-mushroom-alt:before {
    content: "\ed9c";
}

.fi-br-mushroom-cloud:before {
    content: "\ed9d";
}

.fi-br-music:before {
    content: "\ed9e";
}

.fi-br-music-alt:before {
    content: "\ed9f";
}

.fi-br-music-file:before {
    content: "\eda1";
}

.fi-br-music-magnifying-glass:before {
    content: "\eda2";
}

.fi-br-music-note:before {
    content: "\eda3";
}

.fi-br-music-note-slash:before {
    content: "\eda4";
}

.fi-br-music-slash:before {
    content: "\eda5";
}

.fi-br-mystery-box:before {
    content: "\eda7";
}

.fi-br-n:before {
    content: "\eda8";
}

.fi-br-naan-bread:before {
    content: "\eda9";
}

.fi-br-nail-art:before {
    content: "\edaa";
}

.fi-br-nail-clipper:before {
    content: "\edab";
}

.fi-br-naira-sign:before {
    content: "\edac";
}

.fi-br-narwhal:before {
    content: "\edae";
}

.fi-br-navigation:before {
    content: "\edaf";
}

.fi-br-needle:before {
    content: "\edb0";
}

.fi-br-nesting-dolls:before {
    content: "\edb1";
}

.fi-br-network:before {
    content: "\edb4";
}

.fi-br-network-analytic:before {
    content: "\edb5";
}

.fi-br-network-cloud:before {
    content: "\edb6";
}

.fi-br-network-cloud-computer:before {
    content: "\edb7";
}

.fi-br-network-firewall:before {
    content: "\edb8";
}

.fi-br-network-user:before {
    content: "\edb9";
}

.fi-br-neuter:before {
    content: "\edba";
}

.fi-br-new-product:before {
    content: "\edbb";
}

.fi-br-newsletter-subscribe:before {
    content: "\edbd";
}

.fi-br-newspaper:before {
    content: "\edbe";
}

.fi-br-newspaper-open:before {
    content: "\edc0";
}

.fi-br-nfc:before {
    content: "\edc1";
}

.fi-br-nfc-lock:before {
    content: "\edc2";
}

.fi-br-nfc-magnifying-glass:before {
    content: "\edc3";
}

.fi-br-nfc-pen:before {
    content: "\edc4";
}

.fi-br-nfc-slash:before {
    content: "\edc6";
}

.fi-br-nfc-trash:before {
    content: "\edc7";
}

.fi-br-nft-square:before {
    content: "\edca";
}

.fi-br-night-day:before {
    content: "\edcb";
}

.fi-br-night-mode:before {
    content: "\edcc";
}

.fi-br-no-attention:before {
    content: "\edcd";
}

.fi-br-no-baby:before {
    content: "\edce";
}

.fi-br-no-ball:before {
    content: "\edcf";
}

.fi-br-no-child:before {
    content: "\edd0";
}

.fi-br-no-children:before {
    content: "\edd1";
}

.fi-br-no-fee:before {
    content: "\edd2";
}

.fi-br-no-food:before {
    content: "\edd3";
}

.fi-br-no-food-circle:before {
    content: "\edd4";
}

.fi-br-no-iron:before {
    content: "\edd5";
}

.fi-br-no-pacifier:before {
    content: "\edd6";
}

.fi-br-no-people:before {
    content: "\edd7";
}

.fi-br-no-play-football:before {
    content: "\edd8";
}

.fi-br-no-smoking:before {
    content: "\edd9";
}

.fi-br-no-vaping:before {
    content: "\edda";
}

.fi-br-no-vaping-circle:before {
    content: "\eddb";
}

.fi-br-noise-cancelling-headphones:before {
    content: "\edde";
}

.fi-br-noodles:before {
    content: "\eddf";
}

.fi-br-nose:before {
    content: "\ede1";
}

.fi-br-not-equal:before {
    content: "\ede2";
}

.fi-br-not-found:before {
    content: "\ede3";
}

.fi-br-not-found-alt:before {
    content: "\ede4";
}

.fi-br-not-found-magnifying-glass:before {
    content: "\ede5";
}

.fi-br-notary:before {
    content: "\ede6";
}

.fi-br-notdef:before {
    content: "\ede7";
}

.fi-br-note:before {
    content: "\ede8";
}

.fi-br-note-medical:before {
    content: "\ede9";
}

.fi-br-note-sticky:before {
    content: "\edea";
}

.fi-br-notebook:before {
    content: "\edeb";
}

.fi-br-notebook-alt:before {
    content: "\edec";
}

.fi-br-notebook-location:before {
    content: "\eded";
}

.fi-br-notes:before {
    content: "\edee";
}

.fi-br-notes-medical:before {
    content: "\edef";
}

.fi-br-november-calendar:before {
    content: "\edf0";
}

.fi-br-o:before {
    content: "\edfa";
}

.fi-br-obj-file:before {
    content: "\edfb";
}

.fi-br-object-exclude:before {
    content: "\edfc";
}

.fi-br-object-group:before {
    content: "\edfd";
}

.fi-br-object-intersect:before {
    content: "\edfe";
}

.fi-br-object-subtract:before {
    content: "\edff";
}

.fi-br-object-ungroup:before {
    content: "\ee00";
}

.fi-br-object-union:before {
    content: "\ee01";
}

.fi-br-objects-column:before {
    content: "\ee03";
}

.fi-br-octagon:before {
    content: "\ee04";
}

.fi-br-octagon-check:before {
    content: "\ee05";
}

.fi-br-octagon-divide:before {
    content: "\ee06";
}

.fi-br-octagon-exclamation:before {
    content: "\ee07";
}

.fi-br-octagon-minus:before {
    content: "\ee08";
}

.fi-br-octagon-plus:before {
    content: "\ee09";
}

.fi-br-octagon-xmark:before {
    content: "\ee0a";
}

.fi-br-october-calendar:before {
    content: "\ee0c";
}

.fi-br-octopus:before {
    content: "\ee0d";
}

.fi-br-office-chair:before {
    content: "\ee0f";
}

.fi-br-office-paperclip:before {
    content: "\ee10";
}

.fi-br-oil-can:before {
    content: "\ee11";
}

.fi-br-oil-price:before {
    content: "\ee12";
}

.fi-br-oil-tank:before {
    content: "\ee13";
}

.fi-br-oil-temp:before {
    content: "\ee14";
}

.fi-br-old-people:before {
    content: "\ee16";
}

.fi-br-olive:before {
    content: "\ee17";
}

.fi-br-olive-branch-dove:before {
    content: "\ee18";
}

.fi-br-olive-oil:before {
    content: "\ee19";
}

.fi-br-olives:before {
    content: "\ee1a";
}

.fi-br-om:before {
    content: "\ee1b";
}

.fi-br-omega:before {
    content: "\ee1c";
}

.fi-br-on-air-square:before {
    content: "\ee1d";
}

.fi-br-onboarding:before {
    content: "\ee1e";
}

.fi-br-onigiri:before {
    content: "\ee20";
}

.fi-br-onion:before {
    content: "\ee21";
}

.fi-br-online-course:before {
    content: "\ee22";
}

.fi-br-online-game:before {
    content: "\ee23";
}

.fi-br-online-interview:before {
    content: "\ee24";
}

.fi-br-online-meet:before {
    content: "\ee25";
}

.fi-br-online-tax:before {
    content: "\ee26";
}

.fi-br-opacity:before {
    content: "\ee27";
}

.fi-br-open:before {
    content: "\ee28";
}

.fi-br-open-book-apple:before {
    content: "\ee29";
}

.fi-br-open-book-lightbulb:before {
    content: "\ee2a";
}

.fi-br-open-box-check:before {
    content: "\ee2b";
}

.fi-br-open-box-speedometer:before {
    content: "\ee2d";
}

.fi-br-open-box-timer:before {
    content: "\ee2e";
}

.fi-br-open-mail-clip:before {
    content: "\ee2f";
}

.fi-br-open-notebook:before {
    content: "\ee30";
}

.fi-br-operating-system-upgrade:before {
    content: "\ee31";
}

.fi-br-operation:before {
    content: "\ee32";
}

.fi-br-optimization:before {
    content: "\ee33";
}

.fi-br-orange-juice:before {
    content: "\ee36";
}

.fi-br-order-food-mobile:before {
    content: "\ee37";
}

.fi-br-order-food-online:before {
    content: "\ee38";
}

.fi-br-order-food-telephone:before {
    content: "\ee39";
}

.fi-br-order-history:before {
    content: "\ee3a";
}

.fi-br-organization-chart:before {
    content: "\ee3b";
}

.fi-br-ornament:before {
    content: "\ee3c";
}

.fi-br-otp:before {
    content: "\ee3d";
}

.fi-br-otter:before {
    content: "\ee3e";
}

.fi-br-out-of-stock:before {
    content: "\ee3f";
}

.fi-br-outdent:before {
    content: "\ee40";
}

.fi-br-oval:before {
    content: "\ee41";
}

.fi-br-oval-alt:before {
    content: "\ee42";
}

.fi-br-oven:before {
    content: "\ee43";
}

.fi-br-overline:before {
    content: "\ee44";
}

.fi-br-overview:before {
    content: "\ee45";
}

.fi-br-ozone-layer:before {
    content: "\ee46";
}

.fi-br-p:before {
    content: "\ee47";
}

.fi-br-p2p-lending:before {
    content: "\ee48";
}

.fi-br-pacifier:before {
    content: "\ee49";
}

.fi-br-package:before {
    content: "\ee4a";
}

.fi-br-paddle-tennis-player:before {
    content: "\ee4b";
}

.fi-br-paddle-tennis-racket:before {
    content: "\ee4c";
}

.fi-br-padlock-check:before {
    content: "\ee4d";
}

.fi-br-page-break:before {
    content: "\ee4e";
}

.fi-br-pager:before {
    content: "\ee4f";
}

.fi-br-paid:before {
    content: "\ee50";
}

.fi-br-paint-brush:before {
    content: "\ee52";
}

.fi-br-paint-bucket:before {
    content: "\ee53";
}

.fi-br-paint-roller:before {
    content: "\ee54";
}

.fi-br-paintbrush-pencil:before {
    content: "\ee56";
}

.fi-br-paired:before {
    content: "\ee57";
}

.fi-br-pairing:before {
    content: "\ee58";
}

.fi-br-palette:before {
    content: "\ee59";
}

.fi-br-pallet:before {
    content: "\ee5a";
}

.fi-br-pallet-alt:before {
    content: "\ee5b";
}

.fi-br-pan:before {
    content: "\ee5c";
}

.fi-br-pan-food:before {
    content: "\ee5d";
}

.fi-br-pan-frying:before {
    content: "\ee5e";
}

.fi-br-pancakes:before {
    content: "\ee5f";
}

.fi-br-panorama:before {
    content: "\ee63";
}

.fi-br-paper-plane:before {
    content: "\ee64";
}

.fi-br-paper-plane-launch:before {
    content: "\ee65";
}

.fi-br-paper-plane-top:before {
    content: "\ee66";
}

.fi-br-paperclip-vertical:before {
    content: "\ee67";
}

.fi-br-parachute-box:before {
    content: "\ee68";
}

.fi-br-paragraph:before {
    content: "\ee69";
}

.fi-br-paragraph-left:before {
    content: "\ee6a";
}

.fi-br-parking:before {
    content: "\ee6b";
}

.fi-br-parking-circle:before {
    content: "\ee6c";
}

.fi-br-parking-circle-slash:before {
    content: "\ee6d";
}

.fi-br-parking-slash:before {
    content: "\ee6e";
}

.fi-br-party-bell:before {
    content: "\ee71";
}

.fi-br-party-horn:before {
    content: "\ee72";
}

.fi-br-passenger-plane:before {
    content: "\ee73";
}

.fi-br-passive-income:before {
    content: "\ee74";
}

.fi-br-passport:before {
    content: "\ee75";
}

.fi-br-password:before {
    content: "\ee77";
}

.fi-br-password-alt:before {
    content: "\ee78";
}

.fi-br-password-computer:before {
    content: "\ee79";
}

.fi-br-password-email:before {
    content: "\ee7a";
}

.fi-br-password-lock:before {
    content: "\ee7b";
}

.fi-br-password-magnifying-glass:before {
    content: "\ee7c";
}

.fi-br-password-protection:before {
    content: "\ee7d";
}

.fi-br-password-smartphone:before {
    content: "\ee7e";
}

.fi-br-paste:before {
    content: "\ee7f";
}

.fi-br-patch:before {
    content: "\ee80";
}

.fi-br-patient:before {
    content: "\ee81";
}

.fi-br-patient-file:before {
    content: "\ee82";
}

.fi-br-pattern:before {
    content: "\ee84";
}

.fi-br-pause:before {
    content: "\ee85";
}

.fi-br-pause-circle:before {
    content: "\ee86";
}

.fi-br-pause-square:before {
    content: "\ee87";
}

.fi-br-paw:before {
    content: "\ee88";
}

.fi-br-paw-claws:before {
    content: "\ee89";
}

.fi-br-paw-heart:before {
    content: "\ee8a";
}

.fi-br-pay-per-click:before {
    content: "\ee8b";
}

.fi-br-payment-authentication:before {
    content: "\ee8c";
}

.fi-br-payment-gateway:before {
    content: "\ee8d";
}

.fi-br-payment-pos:before {
    content: "\ee8e";
}

.fi-br-payment-qrcode:before {
    content: "\ee8f";
}

.fi-br-payment-security:before {
    content: "\ee90";
}

.fi-br-payroll:before {
    content: "\ee92";
}

.fi-br-payroll-calendar:before {
    content: "\ee93";
}

.fi-br-payroll-check:before {
    content: "\ee94";
}

.fi-br-pc-chair:before {
    content: "\ee95";
}

.fi-br-peace:before {
    content: "\ee96";
}

.fi-br-peach:before {
    content: "\ee97";
}

.fi-br-peanut:before {
    content: "\ee98";
}

.fi-br-peanuts:before {
    content: "\ee99";
}

.fi-br-peapod:before {
    content: "\ee9a";
}

.fi-br-pear:before {
    content: "\ee9b";
}

.fi-br-pedestal:before {
    content: "\ee9c";
}

.fi-br-pelvis:before {
    content: "\ee9d";
}

.fi-br-pen-circle:before {
    content: "\ee9e";
}

.fi-br-pen-clip:before {
    content: "\ee9f";
}

.fi-br-pen-clip-slash:before {
    content: "\eea0";
}

.fi-br-pen-fancy:before {
    content: "\eea1";
}

.fi-br-pen-fancy-slash:before {
    content: "\eea2";
}

.fi-br-pen-field:before {
    content: "\eea3";
}

.fi-br-pen-nib:before {
    content: "\eea4";
}

.fi-br-pen-nib-slash:before {
    content: "\eea5";
}

.fi-br-pen-slash:before {
    content: "\eea6";
}

.fi-br-pen-square:before {
    content: "\eea7";
}

.fi-br-pen-swirl:before {
    content: "\eea8";
}

.fi-br-pencil:before {
    content: "\eea9";
}

.fi-br-pencil-lightbulb:before {
    content: "\eeaa";
}

.fi-br-pencil-paintbrush:before {
    content: "\eeab";
}

.fi-br-pencil-ruler:before {
    content: "\eeac";
}

.fi-br-pencil-slash:before {
    content: "\eead";
}

.fi-br-pending:before {
    content: "\eeae";
}

.fi-br-pendulum:before {
    content: "\eeaf";
}

.fi-br-pennant:before {
    content: "\eeb0";
}

.fi-br-people:before {
    content: "\eeb1";
}

.fi-br-people-arrows-left-right:before {
    content: "\eeb2";
}

.fi-br-people-carry-box:before {
    content: "\eeb3";
}

.fi-br-people-dress:before {
    content: "\eeb4";
}

.fi-br-people-group:before {
    content: "\eeb5";
}

.fi-br-people-line:before {
    content: "\eeb6";
}

.fi-br-people-network-partner:before {
    content: "\eeb7";
}

.fi-br-people-pants:before {
    content: "\eeb8";
}

.fi-br-people-poll:before {
    content: "\eeb9";
}

.fi-br-people-pulling:before {
    content: "\eeba";
}

.fi-br-people-robbery:before {
    content: "\eebb";
}

.fi-br-people-roof:before {
    content: "\eebc";
}

.fi-br-pepper:before {
    content: "\eebe";
}

.fi-br-pepper-alt:before {
    content: "\eebf";
}

.fi-br-pepper-hot:before {
    content: "\eec0";
}

.fi-br-peppermint:before {
    content: "\eec1";
}

.fi-br-peppermint-tea:before {
    content: "\eec2";
}

.fi-br-percent-10:before {
    content: "\eec3";
}

.fi-br-percent-100:before {
    content: "\eec4";
}

.fi-br-percent-20:before {
    content: "\eec5";
}

.fi-br-percent-25:before {
    content: "\eec6";
}

.fi-br-percent-30:before {
    content: "\eec7";
}

.fi-br-percent-40:before {
    content: "\eec8";
}

.fi-br-percent-50:before {
    content: "\eec9";
}

.fi-br-percent-60:before {
    content: "\eeca";
}

.fi-br-percent-70:before {
    content: "\eecb";
}

.fi-br-percent-75:before {
    content: "\eecc";
}

.fi-br-percent-80:before {
    content: "\eecd";
}

.fi-br-percent-90:before {
    content: "\eece";
}

.fi-br-percentage:before {
    content: "\eecf";
}

.fi-br-perfume:before {
    content: "\eed0";
}

.fi-br-person-arrow-down-to-line:before {
    content: "\eed2";
}

.fi-br-person-arrow-up-from-line:before {
    content: "\eed3";
}

.fi-br-person-back-pain:before {
    content: "\eed4";
}

.fi-br-person-battery:before {
    content: "\eed5";
}

.fi-br-person-booth:before {
    content: "\eed6";
}

.fi-br-person-breastfeeding:before {
    content: "\eed7";
}

.fi-br-person-burst:before {
    content: "\eed8";
}

.fi-br-person-carry-box:before {
    content: "\eed9";
}

.fi-br-person-chalkboard:before {
    content: "\eeda";
}

.fi-br-person-circle-check:before {
    content: "\eedb";
}

.fi-br-person-circle-exclamation:before {
    content: "\eedc";
}

.fi-br-person-circle-minus:before {
    content: "\eedd";
}

.fi-br-person-circle-plus:before {
    content: "\eede";
}

.fi-br-person-circle-question:before {
    content: "\eedf";
}

.fi-br-person-circle-xmark:before {
    content: "\eee0";
}

.fi-br-person-climbing:before {
    content: "\eee1";
}

.fi-br-person-cv:before {
    content: "\eee2";
}

.fi-br-person-dolly:before {
    content: "\eee3";
}

.fi-br-person-dolly-empty:before {
    content: "\eee4";
}

.fi-br-person-dots-from-line:before {
    content: "\eee5";
}

.fi-br-person-dragging-bag:before {
    content: "\eee6";
}

.fi-br-person-dress:before {
    content: "\eee7";
}

.fi-br-person-dress-burst:before {
    content: "\eee8";
}

.fi-br-person-dress-simple:before {
    content: "\eee9";
}

.fi-br-person-drowning:before {
    content: "\eeea";
}

.fi-br-person-falling:before {
    content: "\eeeb";
}

.fi-br-person-harassing:before {
    content: "\eeed";
}

.fi-br-person-luggage:before {
    content: "\eeee";
}

.fi-br-person-lunge:before {
    content: "\eeef";
}

.fi-br-person-military-pointing:before {
    content: "\eef0";
}

.fi-br-person-military-rifle:before {
    content: "\eef1";
}

.fi-br-person-military-to-person:before {
    content: "\eef2";
}

.fi-br-person-pilates:before {
    content: "\eef3";
}

.fi-br-person-praying:before {
    content: "\eef4";
}

.fi-br-person-pregnant:before {
    content: "\eef5";
}

.fi-br-person-presenting:before {
    content: "\eef6";
}

.fi-br-person-rays:before {
    content: "\eef7";
}

.fi-br-person-rifle:before {
    content: "\eef8";
}

.fi-br-person-seat:before {
    content: "\eef9";
}

.fi-br-person-seat-reclined:before {
    content: "\eefa";
}

.fi-br-person-shelter:before {
    content: "\eefb";
}

.fi-br-person-sign:before {
    content: "\eefc";
}

.fi-br-person-simple:before {
    content: "\eefd";
}

.fi-br-person-stress:before {
    content: "\eefe";
}

.fi-br-person-surfing:before {
    content: "\eeff";
}

.fi-br-person-through-window:before {
    content: "\ef00";
}

.fi-br-person-to-door:before {
    content: "\ef01";
}

.fi-br-person-walking-arrow-loop-left:before {
    content: "\ef03";
}

.fi-br-person-walking-arrow-right:before {
    content: "\ef04";
}

.fi-br-person-walking-from-line-arrow-right:before {
    content: "\ef06";
}

.fi-br-person-walking-with-cane:before {
    content: "\ef07";
}

.fi-br-personal-finance:before {
    content: "\ef08";
}

.fi-br-peseta-sign:before {
    content: "\ef09";
}

.fi-br-peso-sign:before {
    content: "\ef0a";
}

.fi-br-pets:before {
    content: "\ef0b";
}

.fi-br-pharmacy:before {
    content: "\ef0d";
}

.fi-br-pharmacy-symbol:before {
    content: "\ef0e";
}

.fi-br-phishing:before {
    content: "\ef11";
}

.fi-br-phone-24h:before {
    content: "\ef12";
}

.fi-br-phone-addiction:before {
    content: "\ef13";
}

.fi-br-phone-call:before {
    content: "\ef14";
}

.fi-br-phone-cross:before {
    content: "\ef15";
}

.fi-br-phone-flip:before {
    content: "\ef16";
}

.fi-br-phone-guide:before {
    content: "\ef17";
}

.fi-br-phone-heart-message:before {
    content: "\ef18";
}

.fi-br-phone-intercom:before {
    content: "\ef19";
}

.fi-br-phone-megaphone:before {
    content: "\ef1a";
}

.fi-br-phone-office:before {
    content: "\ef1b";
}

.fi-br-phone-pause:before {
    content: "\ef1c";
}

.fi-br-phone-plus:before {
    content: "\ef1d";
}

.fi-br-phone-rotary:before {
    content: "\ef1e";
}

.fi-br-phone-slash:before {
    content: "\ef1f";
}

.fi-br-photo-capture:before {
    content: "\ef20";
}

.fi-br-photo-film-music:before {
    content: "\ef22";
}

.fi-br-photo-video:before {
    content: "\ef23";
}

.fi-br-physics:before {
    content: "\ef2a";
}

.fi-br-pi:before {
    content: "\ef2b";
}

.fi-br-piano:before {
    content: "\ef2c";
}

.fi-br-piano-keyboard:before {
    content: "\ef2d";
}

.fi-br-picaxe-minning:before {
    content: "\ef2e";
}

.fi-br-pickaxe:before {
    content: "\ef2f";
}

.fi-br-picking:before {
    content: "\ef30";
}

.fi-br-picking-box:before {
    content: "\ef31";
}

.fi-br-picnic:before {
    content: "\ef32";
}

.fi-br-picpeople:before {
    content: "\ef33";
}

.fi-br-picpeople-filled:before {
    content: "\ef34";
}

.fi-br-picture:before {
    content: "\ef35";
}

.fi-br-pie:before {
    content: "\ef36";
}

.fi-br-pie-chart-box:before {
    content: "\ef37";
}

.fi-br-pig:before {
    content: "\ef39";
}

.fi-br-pig-bank-bulb:before {
    content: "\ef3a";
}

.fi-br-pig-face:before {
    content: "\ef3b";
}

.fi-br-piggy-bank:before {
    content: "\ef3c";
}

.fi-br-piggy-bank-budget:before {
    content: "\ef3d";
}

.fi-br-pilates-reformer:before {
    content: "\ef3e";
}

.fi-br-pillar:before {
    content: "\ef3f";
}

.fi-br-pills:before {
    content: "\ef40";
}

.fi-br-pin-to-pin:before {
    content: "\ef41";
}

.fi-br-pinata:before {
    content: "\ef42";
}

.fi-br-pineapple:before {
    content: "\ef43";
}

.fi-br-pineapple-alt:before {
    content: "\ef44";
}

.fi-br-pinecone:before {
    content: "\ef45";
}

.fi-br-ping-pong:before {
    content: "\ef46";
}

.fi-br-pipe-smoking:before {
    content: "\ef49";
}

.fi-br-pipeline:before {
    content: "\ef4a";
}

.fi-br-pisa-tower:before {
    content: "\ef4c";
}

.fi-br-pistachio:before {
    content: "\ef4d";
}

.fi-br-pizza-box:before {
    content: "\ef4f";
}

.fi-br-pizza-slice:before {
    content: "\ef50";
}

.fi-br-pizza-whole-slice:before {
    content: "\ef51";
}

.fi-br-place-of-worship:before {
    content: "\ef52";
}

.fi-br-plagiarism:before {
    content: "\ef53";
}

.fi-br-plan:before {
    content: "\ef54";
}

.fi-br-plan-strategy:before {
    content: "\ef55";
}

.fi-br-plane:before {
    content: "\ef56";
}

.fi-br-plane-alt:before {
    content: "\ef57";
}

.fi-br-plane-arrival:before {
    content: "\ef58";
}

.fi-br-plane-check:before {
    content: "\ef59";
}

.fi-br-plane-clock:before {
    content: "\ef5a";
}

.fi-br-plane-departure:before {
    content: "\ef5b";
}

.fi-br-plane-globe:before {
    content: "\ef5c";
}

.fi-br-plane-lock:before {
    content: "\ef5d";
}

.fi-br-plane-prop:before {
    content: "\ef5e";
}

.fi-br-plane-slash:before {
    content: "\ef5f";
}

.fi-br-plane-tail:before {
    content: "\ef60";
}

.fi-br-planet-mask:before {
    content: "\ef63";
}

.fi-br-planet-moon:before {
    content: "\ef64";
}

.fi-br-planet-ringed:before {
    content: "\ef65";
}

.fi-br-planning:before {
    content: "\ef66";
}

.fi-br-plant-care:before {
    content: "\ef67";
}

.fi-br-plant-growth:before {
    content: "\ef68";
}

.fi-br-plant-seed-invest:before {
    content: "\ef69";
}

.fi-br-plant-wilt:before {
    content: "\ef6a";
}

.fi-br-plate:before {
    content: "\ef6b";
}

.fi-br-plate-eating:before {
    content: "\ef6c";
}

.fi-br-plate-empty:before {
    content: "\ef6d";
}

.fi-br-plate-utensils:before {
    content: "\ef6e";
}

.fi-br-plate-wheat:before {
    content: "\ef6f";
}

.fi-br-play:before {
    content: "\ef70";
}

.fi-br-play-alt:before {
    content: "\ef71";
}

.fi-br-play-circle:before {
    content: "\ef72";
}

.fi-br-play-microphone:before {
    content: "\ef73";
}

.fi-br-play-pause:before {
    content: "\ef74";
}

.fi-br-playing-cards:before {
    content: "\ef75";
}

.fi-br-pliers:before {
    content: "\ef76";
}

.fi-br-plug:before {
    content: "\ef77";
}

.fi-br-plug-alt:before {
    content: "\ef78";
}

.fi-br-plug-bolt-charger:before {
    content: "\ef79";
}

.fi-br-plug-cable:before {
    content: "\ef7a";
}

.fi-br-plug-circle-bolt:before {
    content: "\ef7b";
}

.fi-br-plug-circle-check:before {
    content: "\ef7c";
}

.fi-br-plug-circle-exclamation:before {
    content: "\ef7d";
}

.fi-br-plug-circle-minus:before {
    content: "\ef7e";
}

.fi-br-plug-circle-plus:before {
    content: "\ef7f";
}

.fi-br-plug-connection:before {
    content: "\ef80";
}

.fi-br-plug-eco:before {
    content: "\ef81";
}

.fi-br-plug-fire:before {
    content: "\ef82";
}

.fi-br-plumbing:before {
    content: "\ef83";
}

.fi-br-plunger:before {
    content: "\ef84";
}

.fi-br-plus:before {
    content: "\ef85";
}

.fi-br-plus-hexagon:before {
    content: "\ef86";
}

.fi-br-plus-minus:before {
    content: "\ef87";
}

.fi-br-plus-small:before {
    content: "\ef88";
}

.fi-br-png-file:before {
    content: "\ef89";
}

.fi-br-podcast:before {
    content: "\ef8a";
}

.fi-br-podium:before {
    content: "\ef8b";
}

.fi-br-podium-award:before {
    content: "\ef8c";
}

.fi-br-podium-star:before {
    content: "\ef8d";
}

.fi-br-podium-victory-leader:before {
    content: "\ef8f";
}

.fi-br-point-of-sale:before {
    content: "\ef90";
}

.fi-br-point-of-sale-bill:before {
    content: "\ef91";
}

.fi-br-point-of-sale-card:before {
    content: "\ef92";
}

.fi-br-point-of-sale-check:before {
    content: "\ef93";
}

.fi-br-point-of-sale-lock:before {
    content: "\ef94";
}

.fi-br-point-of-sale-mobile:before {
    content: "\ef95";
}

.fi-br-point-of-sale-signal:before {
    content: "\ef96";
}

.fi-br-point-of-sale-slash:before {
    content: "\ef97";
}

.fi-br-pointer-loading:before {
    content: "\ef99";
}

.fi-br-pointer-text:before {
    content: "\ef9a";
}

.fi-br-poke-bowl:before {
    content: "\ef9b";
}

.fi-br-poker-chip:before {
    content: "\ef9c";
}

.fi-br-police-box:before {
    content: "\ef9d";
}

.fi-br-polish-bottle:before {
    content: "\ef9e";
}

.fi-br-polish-brush:before {
    content: "\ef9f";
}

.fi-br-poll-h:before {
    content: "\efa0";
}

.fi-br-pollution:before {
    content: "\efa2";
}

.fi-br-pompebled:before {
    content: "\efa3";
}

.fi-br-poo:before {
    content: "\efa4";
}

.fi-br-poo-bolt:before {
    content: "\efa5";
}

.fi-br-pool-8-ball:before {
    content: "\efa6";
}

.fi-br-poop:before {
    content: "\efa7";
}

.fi-br-pop:before {
    content: "\efa8";
}

.fi-br-popcorn:before {
    content: "\efa9";
}

.fi-br-popsicle:before {
    content: "\efaa";
}

.fi-br-population:before {
    content: "\efab";
}

.fi-br-population-globe:before {
    content: "\efac";
}

.fi-br-portal-enter:before {
    content: "\efad";
}

.fi-br-portal-exit:before {
    content: "\efae";
}

.fi-br-portfolio:before {
    content: "\efaf";
}

.fi-br-portrait:before {
    content: "\efb0";
}

.fi-br-portuguese:before {
    content: "\efb1";
}

.fi-br-postal-address:before {
    content: "\efb2";
}

.fi-br-pot:before {
    content: "\efb4";
}

.fi-br-potato:before {
    content: "\efb5";
}

.fi-br-pound:before {
    content: "\efb6";
}

.fi-br-power:before {
    content: "\efb7";
}

.fi-br-powerbank:before {
    content: "\efb8";
}

.fi-br-ppt-file:before {
    content: "\efb9";
}

.fi-br-practice:before {
    content: "\efba";
}

.fi-br-praying-hands:before {
    content: "\efbb";
}

.fi-br-premium-account:before {
    content: "\efbe";
}

.fi-br-prescription:before {
    content: "\efbf";
}

.fi-br-prescription-bottle:before {
    content: "\efc0";
}

.fi-br-prescription-bottle-alt:before {
    content: "\efc1";
}

.fi-br-prescription-bottle-pill:before {
    content: "\efc2";
}

.fi-br-presentation:before {
    content: "\efc3";
}

.fi-br-presentation-folder:before {
    content: "\efc4";
}

.fi-br-pretzel:before {
    content: "\efc5";
}

.fi-br-preview:before {
    content: "\efc6";
}

.fi-br-previous-square:before {
    content: "\efc7";
}

.fi-br-price-down:before {
    content: "\efc8";
}

.fi-br-prime-time:before {
    content: "\efc9";
}

.fi-br-print:before {
    content: "\efca";
}

.fi-br-print-magnifying-glass:before {
    content: "\efcb";
}

.fi-br-print-slash:before {
    content: "\efcc";
}

.fi-br-print-wifi:before {
    content: "\efcd";
}

.fi-br-printer-notification:before {
    content: "\efce";
}

.fi-br-priority-arrow:before {
    content: "\efd0";
}

.fi-br-priority-arrows:before {
    content: "\efd1";
}

.fi-br-priority-importance:before {
    content: "\efd3";
}

.fi-br-privacy-settings:before {
    content: "\efd6";
}

.fi-br-private-account:before {
    content: "\efd7";
}

.fi-br-problem-solving:before {
    content: "\efd9";
}

.fi-br-procedures:before {
    content: "\efda";
}

.fi-br-process:before {
    content: "\efdb";
}

.fi-br-productivity:before {
    content: "\efdd";
}

.fi-br-progress-bar-dotted-empty:before {
    content: "\efde";
}

.fi-br-progress-bar-dotted-half:before {
    content: "\efdf";
}

.fi-br-progress-bar-dotted-line-half:before {
    content: "\efe0";
}

.fi-br-progress-bar-empty:before {
    content: "\efe1";
}

.fi-br-progress-bar-half:before {
    content: "\efe2";
}

.fi-br-progress-bar-square-empty:before {
    content: "\efe3";
}

.fi-br-progress-bar-square-half:before {
    content: "\efe4";
}

.fi-br-progress-complete:before {
    content: "\efe5";
}

.fi-br-progress-download:before {
    content: "\efe6";
}

.fi-br-progress-upload:before {
    content: "\efe7";
}

.fi-br-projector:before {
    content: "\efe8";
}

.fi-br-protein-bar:before {
    content: "\efe9";
}

.fi-br-protein-shake:before {
    content: "\efea";
}

.fi-br-protractor:before {
    content: "\efeb";
}

.fi-br-psychology:before {
    content: "\efec";
}

.fi-br-pulse:before {
    content: "\efed";
}

.fi-br-pump:before {
    content: "\efee";
}

.fi-br-pump-medical:before {
    content: "\efef";
}

.fi-br-pumpkin:before {
    content: "\eff0";
}

.fi-br-pumpkin-alt:before {
    content: "\eff1";
}

.fi-br-pumpkin-alt-2:before {
    content: "\eff2";
}

.fi-br-punching-bag:before {
    content: "\eff3";
}

.fi-br-puzzle-alt:before {
    content: "\eff5";
}

.fi-br-puzzle-piece:before {
    content: "\eff7";
}

.fi-br-puzzle-piece-integration:before {
    content: "\eff8";
}

.fi-br-puzzle-pieces:before {
    content: "\eff9";
}

.fi-br-pyramid:before {
    content: "\effa";
}

.fi-br-q:before {
    content: "\effd";
}

.fi-br-QR:before {
    content: "\effe";
}

.fi-br-qr-scan:before {
    content: "\efff";
}

.fi-br-qrcode:before {
    content: "\f000";
}

.fi-br-qrcode-box:before {
    content: "\f001";
}

.fi-br-qrcode-information:before {
    content: "\f002";
}

.fi-br-qrcode-location:before {
    content: "\f003";
}

.fi-br-qrcode-menu:before {
    content: "\f004";
}

.fi-br-qrcode-money:before {
    content: "\f005";
}

.fi-br-qrcode-ticket:before {
    content: "\f006";
}

.fi-br-qrcode-wifi:before {
    content: "\f007";
}

.fi-br-quality:before {
    content: "\f008";
}

.fi-br-quality-box:before {
    content: "\f009";
}

.fi-br-question:before {
    content: "\f00b";
}

.fi-br-question-square:before {
    content: "\f00c";
}

.fi-br-queue:before {
    content: "\f00d";
}

.fi-br-queue-alt:before {
    content: "\f00e";
}

.fi-br-queue-line:before {
    content: "\f00f";
}

.fi-br-queue-signal:before {
    content: "\f010";
}

.fi-br-quick-box:before {
    content: "\f012";
}

.fi-br-quill-pen-story:before {
    content: "\f014";
}

.fi-br-quiz:before {
    content: "\f015";
}

.fi-br-quiz-alt:before {
    content: "\f016";
}

.fi-br-quiz-test:before {
    content: "\f017";
}

.fi-br-quote-right:before {
    content: "\f018";
}

.fi-br-quran-user:before {
    content: "\f01a";
}

.fi-br-r:before {
    content: "\f01b";
}

.fi-br-rabbit:before {
    content: "\f01c";
}

.fi-br-rabbit-fast:before {
    content: "\f01d";
}

.fi-br-raccoon:before {
    content: "\f01e";
}

.fi-br-racquet:before {
    content: "\f01f";
}

.fi-br-radar:before {
    content: "\f020";
}

.fi-br-radar-monitoring-track:before {
    content: "\f021";
}

.fi-br-radiation:before {
    content: "\f022";
}

.fi-br-radiation-alt:before {
    content: "\f023";
}

.fi-br-radio:before {
    content: "\f024";
}

.fi-br-radio-alt:before {
    content: "\f025";
}

.fi-br-radio-button:before {
    content: "\f026";
}

.fi-br-radio-question-mark:before {
    content: "\f027";
}

.fi-br-radio-tower:before {
    content: "\f028";
}

.fi-br-radio-waves:before {
    content: "\f029";
}

.fi-br-radish:before {
    content: "\f02a";
}

.fi-br-rainbow:before {
    content: "\f02b";
}

.fi-br-raindrops:before {
    content: "\f02c";
}

.fi-br-ram:before {
    content: "\f02d";
}

.fi-br-ramp-loading:before {
    content: "\f02e";
}

.fi-br-rank:before {
    content: "\f02f";
}

.fi-br-ranking-podium:before {
    content: "\f030";
}

.fi-br-ranking-podium-empty:before {
    content: "\f031";
}

.fi-br-ranking-star:before {
    content: "\f032";
}

.fi-br-ranking-stars:before {
    content: "\f033";
}

.fi-br-raygun:before {
    content: "\f035";
}

.fi-br-razor-barber:before {
    content: "\f036";
}

.fi-br-react:before {
    content: "\f037";
}

.fi-br-rec:before {
    content: "\f039";
}

.fi-br-receipt:before {
    content: "\f03a";
}

.fi-br-recipe:before {
    content: "\f03b";
}

.fi-br-recipe-book:before {
    content: "\f03c";
}

.fi-br-record-vinyl:before {
    content: "\f03d";
}

.fi-br-rectabgle-vertical:before {
    content: "\f03e";
}

.fi-br-rectangle-barcode:before {
    content: "\f03f";
}

.fi-br-rectangle-code:before {
    content: "\f040";
}

.fi-br-rectangle-history-circle-plus:before {
    content: "\f041";
}

.fi-br-rectangle-horizontal:before {
    content: "\f042";
}

.fi-br-rectangle-list:before {
    content: "\f043";
}

.fi-br-rectangle-panoramic:before {
    content: "\f044";
}

.fi-br-rectangle-pro:before {
    content: "\f045";
}

.fi-br-rectangle-vertical:before {
    content: "\f046";
}

.fi-br-rectangle-vertical-history:before {
    content: "\f047";
}

.fi-br-rectangle-xmark:before {
    content: "\f048";
}

.fi-br-rectangles-mixed:before {
    content: "\f049";
}

.fi-br-recycle:before {
    content: "\f04a";
}

.fi-br-recycle-bin:before {
    content: "\f04b";
}

.fi-br-redo:before {
    content: "\f04e";
}

.fi-br-redo-alt:before {
    content: "\f04f";
}

.fi-br-reel:before {
    content: "\f050";
}

.fi-br-refer:before {
    content: "\f051";
}

.fi-br-refer-arrow:before {
    content: "\f052";
}

.fi-br-referee:before {
    content: "\f053";
}

.fi-br-referral:before {
    content: "\f056";
}

.fi-br-referral-alt:before {
    content: "\f057";
}

.fi-br-referral-link-arrow:before {
    content: "\f058";
}

.fi-br-referral-user:before {
    content: "\f059";
}

.fi-br-reflect:before {
    content: "\f05a";
}

.fi-br-reflect-horizontal:before {
    content: "\f05b";
}

.fi-br-reflect-horizontal-alt:before {
    content: "\f05c";
}

.fi-br-reflect-vertical:before {
    content: "\f05d";
}

.fi-br-refresh:before {
    content: "\f05e";
}

.fi-br-refrigerator:before {
    content: "\f05f";
}

.fi-br-refund:before {
    content: "\f060";
}

.fi-br-refund-alt:before {
    content: "\f061";
}

.fi-br-region-pin:before {
    content: "\f062";
}

.fi-br-region-pin-alt:before {
    content: "\f063";
}

.fi-br-registered:before {
    content: "\f064";
}

.fi-br-registration-paper:before {
    content: "\f067";
}

.fi-br-reminder-appointment:before {
    content: "\f068";
}

.fi-br-remote-access:before {
    content: "\f069";
}

.fi-br-remote-control:before {
    content: "\f06a";
}

.fi-br-remote-control-hand:before {
    content: "\f06b";
}

.fi-br-remove-folder:before {
    content: "\f06c";
}

.fi-br-remove-user:before {
    content: "\f06d";
}

.fi-br-rent:before {
    content: "\f06e";
}

.fi-br-rent-signal:before {
    content: "\f06f";
}

.fi-br-repeat-task:before {
    content: "\f070";
}

.fi-br-replace:before {
    content: "\f071";
}

.fi-br-replay-10:before {
    content: "\f073";
}

.fi-br-replay-30:before {
    content: "\f074";
}

.fi-br-replay-5:before {
    content: "\f075";
}

.fi-br-reply-all:before {
    content: "\f076";
}

.fi-br-republican:before {
    content: "\f077";
}

.fi-br-research-arrows-circle:before {
    content: "\f078";
}

.fi-br-reservation-smartphone:before {
    content: "\f079";
}

.fi-br-reservation-table:before {
    content: "\f07a";
}

.fi-br-resistance-band:before {
    content: "\f07b";
}

.fi-br-resize:before {
    content: "\f07c";
}

.fi-br-resize-screen:before {
    content: "\f07d";
}

.fi-br-resources:before {
    content: "\f07e";
}

.fi-br-responsability:before {
    content: "\f07f";
}

.fi-br-responsive-design:before {
    content: "\f080";
}

.fi-br-restaurant:before {
    content: "\f081";
}

.fi-br-restaurant-sign:before {
    content: "\f082";
}

.fi-br-restock:before {
    content: "\f083";
}

.fi-br-restroom-simple:before {
    content: "\f084";
}

.fi-br-resume:before {
    content: "\f085";
}

.fi-br-Revenue:before {
    content: "\f087";
}

.fi-br-revenue-alt:before {
    content: "\f088";
}

.fi-br-revenue-euro:before {
    content: "\f089";
}

.fi-br-review:before {
    content: "\f08b";
}

.fi-br-rewind:before {
    content: "\f08c";
}

.fi-br-rewind-button-circle:before {
    content: "\f08d";
}

.fi-br-rhombus:before {
    content: "\f08e";
}

.fi-br-ribbon:before {
    content: "\f08f";
}

.fi-br-right:before {
    content: "\f090";
}

.fi-br-right-click-mouse:before {
    content: "\f091";
}

.fi-br-right-from-bracket:before {
    content: "\f092";
}

.fi-br-ring:before {
    content: "\f094";
}

.fi-br-ring-box:before {
    content: "\f095";
}

.fi-br-ring-diamond:before {
    content: "\f096";
}

.fi-br-ring-light:before {
    content: "\f097";
}

.fi-br-rings-wedding:before {
    content: "\f098";
}

.fi-br-risk:before {
    content: "\f099";
}

.fi-br-risk-alt:before {
    content: "\f09a";
}

.fi-br-risk-assessment:before {
    content: "\f09b";
}

.fi-br-river:before {
    content: "\f09c";
}

.fi-br-road:before {
    content: "\f09d";
}

.fi-br-road-arrow:before {
    content: "\f09e";
}

.fi-br-road-barrier:before {
    content: "\f09f";
}

.fi-br-road-bridge:before {
    content: "\f0a0";
}

.fi-br-road-check:before {
    content: "\f0a1";
}

.fi-br-road-lock:before {
    content: "\f0a2";
}

.fi-br-road-map-pin:before {
    content: "\f0a3";
}

.fi-br-road-settings:before {
    content: "\f0a4";
}

.fi-br-road-sign-left:before {
    content: "\f0a5";
}

.fi-br-road-time:before {
    content: "\f0a6";
}

.fi-br-roadmap:before {
    content: "\f0a7";
}

.fi-br-robot:before {
    content: "\f0a8";
}

.fi-br-robot-money:before {
    content: "\f0a9";
}

.fi-br-robotic-arm:before {
    content: "\f0aa";
}

.fi-br-rock:before {
    content: "\f0ab";
}

.fi-br-rock-hair-user:before {
    content: "\f0ac";
}

.fi-br-rock-hammer:before {
    content: "\f0ad";
}

.fi-br-rocket:before {
    content: "\f0ae";
}

.fi-br-rocket-gear:before {
    content: "\f0af";
}

.fi-br-rocket-hand:before {
    content: "\f0b0";
}

.fi-br-rocket-holding-hand:before {
    content: "\f0b1";
}

.fi-br-rocket-lunch:before {
    content: "\f0b2";
}

.fi-br-rocket-planet:before {
    content: "\f0b3";
}

.fi-br-rocking-horse:before {
    content: "\f0b4";
}

.fi-br-rocks:before {
    content: "\f0b5";
}

.fi-br-roi:before {
    content: "\f0b6";
}

.fi-br-role-play:before {
    content: "\f0b7";
}

.fi-br-roller-coaster:before {
    content: "\f0b8";
}

.fi-br-roller-skate:before {
    content: "\f0b9";
}

.fi-br-roller-skater:before {
    content: "\f0ba";
}

.fi-br-roof:before {
    content: "\f0bb";
}

.fi-br-room-service:before {
    content: "\f0bc";
}

.fi-br-rose:before {
    content: "\f0bd";
}

.fi-br-rose-alt:before {
    content: "\f0be";
}

.fi-br-rotate-exclamation:before {
    content: "\f0bf";
}

.fi-br-rotate-left:before {
    content: "\f0c0";
}

.fi-br-rotate-reverse:before {
    content: "\f0c1";
}

.fi-br-rotate-right:before {
    content: "\f0c2";
}

.fi-br-rotate-square:before {
    content: "\f0c3";
}

.fi-br-roulette:before {
    content: "\f0c4";
}

.fi-br-round-cctv:before {
    content: "\f0c5";
}

.fi-br-route:before {
    content: "\f0c6";
}

.fi-br-route-highway:before {
    content: "\f0c7";
}

.fi-br-route-interstate:before {
    content: "\f0c8";
}

.fi-br-router:before {
    content: "\f0c9";
}

.fi-br-router-laptop:before {
    content: "\f0ca";
}

.fi-br-router-lock:before {
    content: "\f0cb";
}

.fi-br-router-wifi:before {
    content: "\f0cc";
}

.fi-br-router-wifi-alt:before {
    content: "\f0cd";
}

.fi-br-rss:before {
    content: "\f0ce";
}

.fi-br-rss-alt:before {
    content: "\f0cf";
}

.fi-br-ruble-sign:before {
    content: "\f0d0";
}

.fi-br-rugby:before {
    content: "\f0d1";
}

.fi-br-rugby-helmet:before {
    content: "\f0d2";
}

.fi-br-ruler-combined:before {
    content: "\f0d3";
}

.fi-br-ruler-horizontal:before {
    content: "\f0d4";
}

.fi-br-ruler-triangle:before {
    content: "\f0d5";
}

.fi-br-ruler-vertical:before {
    content: "\f0d6";
}

.fi-br-rules:before {
    content: "\f0d7";
}

.fi-br-rules-alt:before {
    content: "\f0d8";
}

.fi-br-running:before {
    content: "\f0d9";
}

.fi-br-running-track:before {
    content: "\f0da";
}

.fi-br-rupee-sign:before {
    content: "\f0db";
}

.fi-br-rupiah-sign:before {
    content: "\f0dc";
}

.fi-br-russian:before {
    content: "\f0dd";
}

.fi-br-rv:before {
    content: "\f0de";
}

.fi-br-s:before {
    content: "\f0df";
}

.fi-br-sack:before {
    content: "\f0e0";
}

.fi-br-sack-dollar:before {
    content: "\f0e1";
}

.fi-br-sad:before {
    content: "\f0e2";
}

.fi-br-sad-cry:before {
    content: "\f0e3";
}

.fi-br-sad-tear:before {
    content: "\f0e4";
}

.fi-br-safe-battery:before {
    content: "\f0e5";
}

.fi-br-safe-box:before {
    content: "\f0e6";
}

.fi-br-safety-glasses:before {
    content: "\f0e8";
}

.fi-br-safety-pin:before {
    content: "\f0e9";
}

.fi-br-safety-zone:before {
    content: "\f0ea";
}

.fi-br-saffron:before {
    content: "\f0eb";
}

.fi-br-sailboat:before {
    content: "\f0ec";
}

.fi-br-sake:before {
    content: "\f0ed";
}

.fi-br-salad:before {
    content: "\f0ee";
}

.fi-br-salary-alt:before {
    content: "\f0f0";
}

.fi-br-salt-pepper:before {
    content: "\f0f1";
}

.fi-br-salt-shaker:before {
    content: "\f0f2";
}

.fi-br-sandwich:before {
    content: "\f0f4";
}

.fi-br-sandwich-alt:before {
    content: "\f0f5";
}

.fi-br-sanitary-pad:before {
    content: "\f0f6";
}

.fi-br-satellite:before {
    content: "\f0f9";
}

.fi-br-satellite-dish:before {
    content: "\f0fa";
}

.fi-br-satisfaction-bar:before {
    content: "\f0fb";
}

.fi-br-saturday:before {
    content: "\f0fc";
}

.fi-br-sauce:before {
    content: "\f0fd";
}

.fi-br-sausage:before {
    content: "\f0fe";
}

.fi-br-save-the-planet:before {
    content: "\f0ff";
}

.fi-br-saw:before {
    content: "\f100";
}

.fi-br-sax-hot:before {
    content: "\f101";
}

.fi-br-saxophone:before {
    content: "\f102";
}

.fi-br-scale:before {
    content: "\f103";
}

.fi-br-scale-comparison:before {
    content: "\f104";
}

.fi-br-scale-comparison-alt:before {
    content: "\f105";
}

.fi-br-scalpel:before {
    content: "\f106";
}

.fi-br-scalpel-path:before {
    content: "\f107";
}

.fi-br-scanner-gun:before {
    content: "\f108";
}

.fi-br-scanner-image:before {
    content: "\f109";
}

.fi-br-scanner-keyboard:before {
    content: "\f10a";
}

.fi-br-scanner-touchscreen:before {
    content: "\f10b";
}

.fi-br-scarecrow:before {
    content: "\f10c";
}

.fi-br-scarf:before {
    content: "\f10d";
}

.fi-br-schedule:before {
    content: "\f10e";
}

.fi-br-school:before {
    content: "\f10f";
}

.fi-br-school-bus:before {
    content: "\f110";
}

.fi-br-school-circle-chek:before {
    content: "\f112";
}

.fi-br-school-circle-exclamation:before {
    content: "\f113";
}

.fi-br-school-circle-xmark:before {
    content: "\f114";
}

.fi-br-school-lock:before {
    content: "\f115";
}

.fi-br-science-ai:before {
    content: "\f116";
}

.fi-br-science-podcast:before {
    content: "\f117";
}

.fi-br-scissor-lift:before {
    content: "\f118";
}

.fi-br-scissors:before {
    content: "\f119";
}

.fi-br-scone:before {
    content: "\f11a";
}

.fi-br-scooter:before {
    content: "\f11b";
}

.fi-br-score-board:before {
    content: "\f11c";
}

.fi-br-scorpion:before {
    content: "\f11d";
}

.fi-br-scraper:before {
    content: "\f11e";
}

.fi-br-screen:before {
    content: "\f11f";
}

.fi-br-screen-calibration:before {
    content: "\f120";
}

.fi-br-screen-play:before {
    content: "\f121";
}

.fi-br-screen-recorder:before {
    content: "\f122";
}

.fi-br-screen-share:before {
    content: "\f123";
}

.fi-br-screen-shield:before {
    content: "\f124";
}

.fi-br-screencast:before {
    content: "\f126";
}

.fi-br-screw:before {
    content: "\f127";
}

.fi-br-screw-alt:before {
    content: "\f128";
}

.fi-br-screwdriver:before {
    content: "\f129";
}

.fi-br-scribble:before {
    content: "\f12a";
}

.fi-br-script:before {
    content: "\f12b";
}

.fi-br-scroll:before {
    content: "\f12c";
}

.fi-br-scroll-document-story:before {
    content: "\f12d";
}

.fi-br-scroll-old:before {
    content: "\f12e";
}

.fi-br-scroll-torah:before {
    content: "\f12f";
}

.fi-br-scrubber:before {
    content: "\f130";
}

.fi-br-sculpture:before {
    content: "\f131";
}

.fi-br-scythe:before {
    content: "\f132";
}

.fi-br-sd-card:before {
    content: "\f133";
}

.fi-br-sd-cards:before {
    content: "\f134";
}

.fi-br-sea-level:before {
    content: "\f135";
}

.fi-br-sea-wave:before {
    content: "\f136";
}

.fi-br-seal:before {
    content: "\f137";
}

.fi-br-seal-exclamation:before {
    content: "\f138";
}

.fi-br-seal-question:before {
    content: "\f139";
}

.fi-br-search:before {
    content: "\f13a";
}

.fi-br-search-alt:before {
    content: "\f13b";
}

.fi-br-search-bar:before {
    content: "\f13c";
}

.fi-br-search-dollar:before {
    content: "\f13d";
}

.fi-br-search-heart:before {
    content: "\f13e";
}

.fi-br-search-location:before {
    content: "\f13f";
}

.fi-br-seat-airline:before {
    content: "\f140";
}

.fi-br-seatbelt-safety-driver:before {
    content: "\f141";
}

.fi-br-second:before {
    content: "\f142";
}

.fi-br-second-award:before {
    content: "\f143";
}

.fi-br-second-laurel:before {
    content: "\f144";
}

.fi-br-second-medal:before {
    content: "\f145";
}

.fi-br-secure-backup:before {
    content: "\f147";
}

.fi-br-security-gate:before {
    content: "\f149";
}

.fi-br-seedling:before {
    content: "\f14a";
}

.fi-br-segway:before {
    content: "\f14b";
}

.fi-br-selection:before {
    content: "\f14d";
}

.fi-br-self-care:before {
    content: "\f14e";
}

.fi-br-selfie:before {
    content: "\f14f";
}

.fi-br-sell:before {
    content: "\f150";
}

.fi-br-seller:before {
    content: "\f151";
}

.fi-br-seller-store:before {
    content: "\f152";
}

.fi-br-selling:before {
    content: "\f154";
}

.fi-br-send-back:before {
    content: "\f156";
}

.fi-br-send-backward:before {
    content: "\f157";
}

.fi-br-send-money:before {
    content: "\f158";
}

.fi-br-send-money-smartphone:before {
    content: "\f159";
}

.fi-br-sensor:before {
    content: "\f15a";
}

.fi-br-sensor-alert:before {
    content: "\f15b";
}

.fi-br-sensor-fire:before {
    content: "\f15c";
}

.fi-br-sensor-on:before {
    content: "\f15d";
}

.fi-br-sensor-smoke:before {
    content: "\f15e";
}

.fi-br-september-calendar:before {
    content: "\f15f";
}

.fi-br-serum:before {
    content: "\f160";
}

.fi-br-server-key:before {
    content: "\f161";
}

.fi-br-session-timeout:before {
    content: "\f162";
}

.fi-br-settings:before {
    content: "\f163";
}

.fi-br-settings-sliders:before {
    content: "\f164";
}

.fi-br-settings-window:before {
    content: "\f165";
}

.fi-br-sewing-machine:before {
    content: "\f166";
}

.fi-br-sewing-machine-alt:before {
    content: "\f167";
}

.fi-br-shaka:before {
    content: "\f168";
}

.fi-br-shampoo:before {
    content: "\f169";
}

.fi-br-share:before {
    content: "\f16a";
}

.fi-br-share-alt-square:before {
    content: "\f16b";
}

.fi-br-share-square:before {
    content: "\f16c";
}

.fi-br-sharpener:before {
    content: "\f16d";
}

.fi-br-sheep:before {
    content: "\f16e";
}

.fi-br-shekel-sign:before {
    content: "\f16f";
}

.fi-br-shell:before {
    content: "\f170";
}

.fi-br-shelves:before {
    content: "\f171";
}

.fi-br-shelves-empty:before {
    content: "\f172";
}

.fi-br-shield:before {
    content: "\f173";
}

.fi-br-shield-alt:before {
    content: "\f174";
}

.fi-br-shield-cat:before {
    content: "\f175";
}

.fi-br-shield-check:before {
    content: "\f176";
}

.fi-br-shield-cross:before {
    content: "\f177";
}

.fi-br-shield-divided-four:before {
    content: "\f178";
}

.fi-br-shield-dog:before {
    content: "\f179";
}

.fi-br-shield-exclamation:before {
    content: "\f17a";
}

.fi-br-shield-interrogation:before {
    content: "\f17b";
}

.fi-br-shield-keyhole:before {
    content: "\f17c";
}

.fi-br-shield-minus:before {
    content: "\f17d";
}

.fi-br-shield-plus:before {
    content: "\f17e";
}

.fi-br-shield-security-risk:before {
    content: "\f180";
}

.fi-br-shield-slash:before {
    content: "\f181";
}

.fi-br-shield-trust:before {
    content: "\f182";
}

.fi-br-shield-virus:before {
    content: "\f183";
}

.fi-br-shield-xmark:before {
    content: "\f184";
}

.fi-br-ship:before {
    content: "\f185";
}

.fi-br-ship-side:before {
    content: "\f186";
}

.fi-br-shipping-fast:before {
    content: "\f187";
}

.fi-br-shipping-timed:before {
    content: "\f188";
}

.fi-br-shirt:before {
    content: "\f189";
}

.fi-br-shirt-long-sleeve:before {
    content: "\f18a";
}

.fi-br-shirt-running:before {
    content: "\f18b";
}

.fi-br-shirt-tank-top:before {
    content: "\f18c";
}

.fi-br-shish-kebab:before {
    content: "\f18d";
}

.fi-br-shoe-prints:before {
    content: "\f18e";
}

.fi-br-shop:before {
    content: "\f18f";
}

.fi-br-shop-lock:before {
    content: "\f190";
}

.fi-br-shop-slash:before {
    content: "\f191";
}

.fi-br-shopping-bag:before {
    content: "\f193";
}

.fi-br-shopping-bag-add:before {
    content: "\f194";
}

.fi-br-shopping-basket:before {
    content: "\f195";
}

.fi-br-shopping-cart:before {
    content: "\f196";
}

.fi-br-shopping-cart-add:before {
    content: "\f197";
}

.fi-br-shopping-cart-buyer:before {
    content: "\f198";
}

.fi-br-shopping-cart-check:before {
    content: "\f199";
}

.fi-br-shopping-cart-checkout:before {
    content: "\f19a";
}

.fi-br-shopping-cart-clear:before {
    content: "\f19b";
}

.fi-br-shopping-cart-favourite:before {
    content: "\f19c";
}

.fi-br-shopping-cart-heart:before {
    content: "\f19d";
}

.fi-br-shopping-cart-nft:before {
    content: "\f19e";
}

.fi-br-shopping-cart-notification:before {
    content: "\f19f";
}

.fi-br-shoulder-joint:before {
    content: "\f1a0";
}

.fi-br-shovel:before {
    content: "\f1a1";
}

.fi-br-shovel-snow:before {
    content: "\f1a2";
}

.fi-br-shower:before {
    content: "\f1a3";
}

.fi-br-shower-down:before {
    content: "\f1a4";
}

.fi-br-shower-gel:before {
    content: "\f1a5";
}

.fi-br-shredder:before {
    content: "\f1a6";
}

.fi-br-shrimp:before {
    content: "\f1a7";
}

.fi-br-shuffle:before {
    content: "\f1a8";
}

.fi-br-shuttle-van:before {
    content: "\f1a9";
}

.fi-br-shuttlecock:before {
    content: "\f1aa";
}

.fi-br-Sickle:before {
    content: "\f1ab";
}

.fi-br-sidebar:before {
    content: "\f1ac";
}

.fi-br-sidebar-flip:before {
    content: "\f1ad";
}

.fi-br-sigma:before {
    content: "\f1af";
}

.fi-br-sign-hanging:before {
    content: "\f1b0";
}

.fi-br-sign-in-alt:before {
    content: "\f1b1";
}

.fi-br-sign-language:before {
    content: "\f1b2";
}

.fi-br-sign-out-alt:before {
    content: "\f1b3";
}

.fi-br-sign-posts:before {
    content: "\f1b4";
}

.fi-br-sign-posts-wrench:before {
    content: "\f1b5";
}

.fi-br-sign-up:before {
    content: "\f1b6";
}

.fi-br-signal-alt:before {
    content: "\f1b7";
}

.fi-br-signal-alt-1:before {
    content: "\f1b8";
}

.fi-br-signal-alt-2:before {
    content: "\f1b9";
}

.fi-br-signal-alt-slash:before {
    content: "\f1ba";
}

.fi-br-signal-bars-fair:before {
    content: "\f1bb";
}

.fi-br-signal-bars-good:before {
    content: "\f1bc";
}

.fi-br-signal-bars-weak:before {
    content: "\f1be";
}

.fi-br-signal-stream:before {
    content: "\f1c1";
}

.fi-br-signal-stream-slash:before {
    content: "\f1c2";
}

.fi-br-signature:before {
    content: "\f1c5";
}

.fi-br-signature-lock:before {
    content: "\f1c6";
}

.fi-br-signature-slash:before {
    content: "\f1c8";
}

.fi-br-sim-card:before {
    content: "\f1c9";
}

.fi-br-sim-cards:before {
    content: "\f1ca";
}

.fi-br-sink:before {
    content: "\f1cb";
}

.fi-br-Siren:before {
    content: "\f1cc";
}

.fi-br-siren-on:before {
    content: "\f1cd";
}

.fi-br-site:before {
    content: "\f1ce";
}

.fi-br-site-alt:before {
    content: "\f1cf";
}

.fi-br-site-browser:before {
    content: "\f1d1";
}

.fi-br-sitemap:before {
    content: "\f1d2";
}

.fi-br-skate-park:before {
    content: "\f1d3";
}

.fi-br-skateboard:before {
    content: "\f1d4";
}

.fi-br-skating:before {
    content: "\f1d5";
}

.fi-br-skeleton:before {
    content: "\f1d6";
}

.fi-br-skeleton-ribs:before {
    content: "\f1d7";
}

.fi-br-skewer:before {
    content: "\f1d9";
}

.fi-br-ski-boot-ski:before {
    content: "\f1da";
}

.fi-br-ski-jump:before {
    content: "\f1db";
}

.fi-br-ski-lift:before {
    content: "\f1dc";
}

.fi-br-skiing:before {
    content: "\f1dd";
}

.fi-br-skiing-nordic:before {
    content: "\f1de";
}

.fi-br-skill:before {
    content: "\f1df";
}

.fi-br-skill-alt:before {
    content: "\f1e0";
}

.fi-br-skill-user:before {
    content: "\f1e2";
}

.fi-br-skin:before {
    content: "\f1e3";
}

.fi-br-skin-acne:before {
    content: "\f1e4";
}

.fi-br-skin-arrow:before {
    content: "\f1e5";
}

.fi-br-skin-drop:before {
    content: "\f1e6";
}

.fi-br-skin-hair:before {
    content: "\f1e7";
}

.fi-br-skin-laser:before {
    content: "\f1e8";
}

.fi-br-skin-uv:before {
    content: "\f1e9";
}

.fi-br-skip-15-seconds:before {
    content: "\f1ea";
}

.fi-br-skull:before {
    content: "\f1eb";
}

.fi-br-skull-cow:before {
    content: "\f1ec";
}

.fi-br-skull-crossbones:before {
    content: "\f1ed";
}

.fi-br-skull-heart:before {
    content: "\f1ee";
}

.fi-br-skyscraper:before {
    content: "\f1f2";
}

.fi-br-slash:before {
    content: "\f1f4";
}

.fi-br-sledding:before {
    content: "\f1f6";
}

.fi-br-sleeping-bag:before {
    content: "\f1f8";
}

.fi-br-sleeping-cat:before {
    content: "\f1f9";
}

.fi-br-sleigh:before {
    content: "\f1fa";
}

.fi-br-sliders-h-square:before {
    content: "\f1fb";
}

.fi-br-sliders-v:before {
    content: "\f1fc";
}

.fi-br-sliders-v-square:before {
    content: "\f1fd";
}

.fi-br-slides:before {
    content: "\f1fe";
}

.fi-br-slot-machine:before {
    content: "\f200";
}

.fi-br-smart-building:before {
    content: "\f201";
}

.fi-br-smart-contract:before {
    content: "\f202";
}

.fi-br-smart-curtains:before {
    content: "\f203";
}

.fi-br-smart-glasses:before {
    content: "\f204";
}

.fi-br-smart-home:before {
    content: "\f205";
}

.fi-br-smart-home-alt:before {
    content: "\f206";
}

.fi-br-smart-home-chip:before {
    content: "\f207";
}

.fi-br-smart-home-cloud:before {
    content: "\f208";
}

.fi-br-smart-home-key:before {
    content: "\f209";
}

.fi-br-smart-watch-calendar:before {
    content: "\f20a";
}

.fi-br-smart-watch-call:before {
    content: "\f20b";
}

.fi-br-smart-watch-notifications:before {
    content: "\f20c";
}

.fi-br-smart-wireless-door:before {
    content: "\f20d";
}

.fi-br-smartphone:before {
    content: "\f20e";
}

.fi-br-smartphone-ar:before {
    content: "\f20f";
}

.fi-br-smartphone-bus-payment:before {
    content: "\f210";
}

.fi-br-smartphone-fingerprint:before {
    content: "\f211";
}

.fi-br-smartwatch:before {
    content: "\f212";
}

.fi-br-smile-beam:before {
    content: "\f215";
}

.fi-br-smile-plus:before {
    content: "\f216";
}

.fi-br-smiley-comment-alt:before {
    content: "\f218";
}

.fi-br-smiling-baby:before {
    content: "\f219";
}

.fi-br-smiling-boy:before {
    content: "\f21a";
}

.fi-br-smiling-girl:before {
    content: "\f21b";
}

.fi-br-smiling-old-man:before {
    content: "\f21c";
}

.fi-br-smiling-old-woman:before {
    content: "\f21d";
}

.fi-br-smog:before {
    content: "\f21e";
}

.fi-br-smoke:before {
    content: "\f21f";
}

.fi-br-smoking:before {
    content: "\f220";
}

.fi-br-smoking-ban:before {
    content: "\f221";
}

.fi-br-smoothie:before {
    content: "\f222";
}

.fi-br-snail:before {
    content: "\f223";
}

.fi-br-snake:before {
    content: "\f224";
}

.fi-br-snake-plant:before {
    content: "\f225";
}

.fi-br-snap:before {
    content: "\f226";
}

.fi-br-snooze:before {
    content: "\f22a";
}

.fi-br-snow-blowing:before {
    content: "\f22b";
}

.fi-br-snowboarding:before {
    content: "\f22c";
}

.fi-br-snowflake:before {
    content: "\f22d";
}

.fi-br-snowflake-droplets:before {
    content: "\f22e";
}

.fi-br-snowflakes:before {
    content: "\f22f";
}

.fi-br-snowman-alt:before {
    content: "\f231";
}

.fi-br-snowman-head:before {
    content: "\f232";
}

.fi-br-snowmobile:before {
    content: "\f233";
}

.fi-br-snowplow:before {
    content: "\f234";
}

.fi-br-soap:before {
    content: "\f235";
}

.fi-br-soap-alt:before {
    content: "\f236";
}

.fi-br-soccer-boots:before {
    content: "\f237";
}

.fi-br-social-distance:before {
    content: "\f238";
}

.fi-br-social-media-notification:before {
    content: "\f23a";
}

.fi-br-social-network:before {
    content: "\f23b";
}

.fi-br-socks:before {
    content: "\f23c";
}

.fi-br-sofa:before {
    content: "\f23d";
}

.fi-br-sofa-size:before {
    content: "\f23e";
}

.fi-br-software-development:before {
    content: "\f23f";
}

.fi-br-soju:before {
    content: "\f240";
}

.fi-br-solar-panel:before {
    content: "\f241";
}

.fi-br-solar-panel-sun:before {
    content: "\f242";
}

.fi-br-solar-system:before {
    content: "\f243";
}

.fi-br-sold-house:before {
    content: "\f244";
}

.fi-br-sold-signal:before {
    content: "\f245";
}

.fi-br-sort:before {
    content: "\f247";
}

.fi-br-sort-alpha-down:before {
    content: "\f248";
}

.fi-br-sort-alpha-down-alt:before {
    content: "\f249";
}

.fi-br-sort-alpha-up:before {
    content: "\f24a";
}

.fi-br-sort-alpha-up-alt:before {
    content: "\f24b";
}

.fi-br-sort-alt:before {
    content: "\f24c";
}

.fi-br-sort-amount-down:before {
    content: "\f24d";
}

.fi-br-sort-amount-down-alt:before {
    content: "\f24e";
}

.fi-br-sort-amount-up:before {
    content: "\f24f";
}

.fi-br-sort-amount-up-alt:before {
    content: "\f250";
}

.fi-br-sort-circle:before {
    content: "\f251";
}

.fi-br-sort-circle-down:before {
    content: "\f252";
}

.fi-br-sort-circle-up:before {
    content: "\f253";
}

.fi-br-sort-down:before {
    content: "\f254";
}

.fi-br-sort-numeric-down:before {
    content: "\f255";
}

.fi-br-sort-numeric-down-alt:before {
    content: "\f256";
}

.fi-br-sort-shapes-down:before {
    content: "\f257";
}

.fi-br-sort-shapes-up:before {
    content: "\f258";
}

.fi-br-sort-size-down:before {
    content: "\f259";
}

.fi-br-sort-size-up:before {
    content: "\f25a";
}

.fi-br-soup:before {
    content: "\f25c";
}

.fi-br-source-data:before {
    content: "\f25d";
}

.fi-br-source-document:before {
    content: "\f25e";
}

.fi-br-source-document-alt:before {
    content: "\f25f";
}

.fi-br-spa:before {
    content: "\f261";
}

.fi-br-space-shuttle:before {
    content: "\f262";
}

.fi-br-space-station-moon:before {
    content: "\f263";
}

.fi-br-space-station-moon-alt:before {
    content: "\f264";
}

.fi-br-spade:before {
    content: "\f265";
}

.fi-br-spaghetti-monster-flying:before {
    content: "\f266";
}

.fi-br-spain-country-code:before {
    content: "\f267";
}

.fi-br-spain-map:before {
    content: "\f268";
}

.fi-br-spam:before {
    content: "\f269";
}

.fi-br-spam-filter:before {
    content: "\f26a";
}

.fi-br-spanish:before {
    content: "\f26b";
}

.fi-br-sparkles:before {
    content: "\f26d";
}

.fi-br-spartan-helmet:before {
    content: "\f26e";
}

.fi-br-speaker:before {
    content: "\f26f";
}

.fi-br-speakers:before {
    content: "\f270";
}

.fi-br-speech-bubble-story:before {
    content: "\f271";
}

.fi-br-speedometer-arrow:before {
    content: "\f272";
}

.fi-br-speedometer-kpi:before {
    content: "\f273";
}

.fi-br-sperm:before {
    content: "\f274";
}

.fi-br-sphere:before {
    content: "\f275";
}

.fi-br-spider:before {
    content: "\f276";
}

.fi-br-spider-black-widow:before {
    content: "\f277";
}

.fi-br-spider-web:before {
    content: "\f278";
}

.fi-br-spine:before {
    content: "\f279";
}

.fi-br-spinner:before {
    content: "\f27a";
}

.fi-br-splash:before {
    content: "\f27b";
}

.fi-br-split:before {
    content: "\f27c";
}

.fi-br-split-payment:before {
    content: "\f27d";
}

.fi-br-split-screen:before {
    content: "\f27e";
}

.fi-br-split-up-relation:before {
    content: "\f27f";
}

.fi-br-splotch:before {
    content: "\f280";
}

.fi-br-spoon:before {
    content: "\f281";
}

.fi-br-sport-drink:before {
    content: "\f284";
}

.fi-br-spray-can:before {
    content: "\f287";
}

.fi-br-spray-can-sparkles:before {
    content: "\f288";
}

.fi-br-spring-calendar:before {
    content: "\f289";
}

.fi-br-sprinkler:before {
    content: "\f28a";
}

.fi-br-spy:before {
    content: "\f28b";
}

.fi-br-spyware:before {
    content: "\f28c";
}

.fi-br-sql-file:before {
    content: "\f28d";
}

.fi-br-sql-server:before {
    content: "\f28e";
}

.fi-br-square:before {
    content: "\f28f";
}

.fi-br-square-0:before {
    content: "\f290";
}

.fi-br-square-1:before {
    content: "\f291";
}

.fi-br-square-2:before {
    content: "\f292";
}

.fi-br-square-3:before {
    content: "\f293";
}

.fi-br-square-4:before {
    content: "\f294";
}

.fi-br-square-5:before {
    content: "\f295";
}

.fi-br-square-6:before {
    content: "\f296";
}

.fi-br-square-7:before {
    content: "\f297";
}

.fi-br-square-8:before {
    content: "\f298";
}

.fi-br-square-9:before {
    content: "\f299";
}

.fi-br-square-a:before {
    content: "\f29a";
}

.fi-br-square-b:before {
    content: "\f29c";
}

.fi-br-square-bolt:before {
    content: "\f29d";
}

.fi-br-square-c:before {
    content: "\f29e";
}

.fi-br-square-code:before {
    content: "\f29f";
}

.fi-br-square-crosshair:before {
    content: "\f2a0";
}

.fi-br-square-d:before {
    content: "\f2a1";
}

.fi-br-square-dashed:before {
    content: "\f2a2";
}

.fi-br-square-dashed-circle-plus:before {
    content: "\f2a3";
}

.fi-br-square-divide:before {
    content: "\f2a4";
}

.fi-br-square-e:before {
    content: "\f2a5";
}

.fi-br-square-ellipsis:before {
    content: "\f2a6";
}

.fi-br-square-ellipsis-vertical:before {
    content: "\f2a7";
}

.fi-br-square-envelope:before {
    content: "\f2a8";
}

.fi-br-square-exclamation:before {
    content: "\f2a9";
}

.fi-br-square-f:before {
    content: "\f2aa";
}

.fi-br-square-g:before {
    content: "\f2ab";
}

.fi-br-square-h:before {
    content: "\f2ac";
}

.fi-br-square-heart:before {
    content: "\f2ad";
}

.fi-br-square-i:before {
    content: "\f2ae";
}

.fi-br-square-info:before {
    content: "\f2af";
}

.fi-br-square-j:before {
    content: "\f2b0";
}

.fi-br-square-k:before {
    content: "\f2b1";
}

.fi-br-square-kanban:before {
    content: "\f2b2";
}

.fi-br-square-l:before {
    content: "\f2b3";
}

.fi-br-square-m:before {
    content: "\f2b4";
}

.fi-br-square-minus:before {
    content: "\f2b5";
}

.fi-br-square-n:before {
    content: "\f2b6";
}

.fi-br-square-o:before {
    content: "\f2b7";
}

.fi-br-square-p:before {
    content: "\f2b8";
}

.fi-br-square-pen:before {
    content: "\f2b9";
}

.fi-br-square-person-confined:before {
    content: "\f2ba";
}

.fi-br-square-phone:before {
    content: "\f2bb";
}

.fi-br-square-phone-flip:before {
    content: "\f2bc";
}

.fi-br-square-phone-hangup:before {
    content: "\f2bd";
}

.fi-br-square-plus:before {
    content: "\f2be";
}

.fi-br-square-poll-horizontal:before {
    content: "\f2bf";
}

.fi-br-square-poll-vertical:before {
    content: "\f2c0";
}

.fi-br-square-q:before {
    content: "\f2c1";
}

.fi-br-square-quote:before {
    content: "\f2c2";
}

.fi-br-square-r:before {
    content: "\f2c3";
}

.fi-br-square-root:before {
    content: "\f2c4";
}

.fi-br-square-s:before {
    content: "\f2c5";
}

.fi-br-square-small:before {
    content: "\f2c6";
}

.fi-br-square-star:before {
    content: "\f2c7";
}

.fi-br-square-t:before {
    content: "\f2c8";
}

.fi-br-square-terminal:before {
    content: "\f2c9";
}

.fi-br-square-u:before {
    content: "\f2ca";
}

.fi-br-square-up-right:before {
    content: "\f2cb";
}

.fi-br-square-v:before {
    content: "\f2cc";
}

.fi-br-square-w:before {
    content: "\f2cd";
}

.fi-br-square-x:before {
    content: "\f2ce";
}

.fi-br-square-y:before {
    content: "\f2cf";
}

.fi-br-square-z:before {
    content: "\f2d0";
}

.fi-br-squid:before {
    content: "\f2d1";
}

.fi-br-squircle:before {
    content: "\f2d2";
}

.fi-br-squirrel:before {
    content: "\f2d3";
}

.fi-br-stadium:before {
    content: "\f2d4";
}

.fi-br-staff:before {
    content: "\f2d5";
}

.fi-br-staff-wizard:before {
    content: "\f2d6";
}

.fi-br-stage:before {
    content: "\f2d7";
}

.fi-br-stage-concert:before {
    content: "\f2d8";
}

.fi-br-stage-theatre:before {
    content: "\f2d9";
}

.fi-br-stairs:before {
    content: "\f2da";
}

.fi-br-stamp:before {
    content: "\f2db";
}

.fi-br-stamps:before {
    content: "\f2dc";
}

.fi-br-standard-definition:before {
    content: "\f2dd";
}

.fi-br-stapler:before {
    content: "\f2de";
}

.fi-br-stapler-paper:before {
    content: "\f2df";
}

.fi-br-star:before {
    content: "\f2e0";
}

.fi-br-star-and-crescent:before {
    content: "\f2e1";
}

.fi-br-star-christmas:before {
    content: "\f2e2";
}

.fi-br-star-comment-alt:before {
    content: "\f2e4";
}

.fi-br-star-exclamation:before {
    content: "\f2e5";
}

.fi-br-star-microphone:before {
    content: "\f2e6";
}

.fi-br-star-octogram:before {
    content: "\f2e7";
}

.fi-br-star-of-david:before {
    content: "\f2e8";
}

.fi-br-star-rating-call:before {
    content: "\f2e9";
}

.fi-br-star-sharp-half:before {
    content: "\f2eb";
}

.fi-br-star-sharp-half-stroke:before {
    content: "\f2ec";
}

.fi-br-star-shooting:before {
    content: "\f2ed";
}

.fi-br-starfighter:before {
    content: "\f2ef";
}

.fi-br-stars:before {
    content: "\f2f0";
}

.fi-br-state-country:before {
    content: "\f2f1";
}

.fi-br-stationary-bike:before {
    content: "\f2f2";
}

.fi-br-stats:before {
    content: "\f2f3";
}

.fi-br-steak:before {
    content: "\f2f5";
}

.fi-br-steam-iron:before {
    content: "\f2f6";
}

.fi-br-steering-wheel:before {
    content: "\f2f7";
}

.fi-br-step-backward:before {
    content: "\f2f8";
}

.fi-br-step-forward:before {
    content: "\f2f9";
}

.fi-br-steps-carreer:before {
    content: "\f2fa";
}

.fi-br-sterling-sign:before {
    content: "\f2fb";
}

.fi-br-stethoscope:before {
    content: "\f2fc";
}

.fi-br-sticker:before {
    content: "\f2fd";
}

.fi-br-stocking:before {
    content: "\f2ff";
}

.fi-br-stomach:before {
    content: "\f300";
}

.fi-br-stomach-ache:before {
    content: "\f301";
}

.fi-br-stomach-virus:before {
    content: "\f302";
}

.fi-br-stop:before {
    content: "\f303";
}

.fi-br-stop-circle:before {
    content: "\f304";
}

.fi-br-stop-square:before {
    content: "\f305";
}

.fi-br-stopwatch:before {
    content: "\f306";
}

.fi-br-store-alt:before {
    content: "\f308";
}

.fi-br-store-buyer:before {
    content: "\f309";
}

.fi-br-store-lock:before {
    content: "\f30a";
}

.fi-br-store-slash:before {
    content: "\f30b";
}

.fi-br-story-book:before {
    content: "\f30c";
}

.fi-br-story-fairy-tale:before {
    content: "\f30d";
}

.fi-br-story-fantasy:before {
    content: "\f30e";
}

.fi-br-straightener:before {
    content: "\f310";
}

.fi-br-strategy-chess-risk:before {
    content: "\f311";
}

.fi-br-strawberry:before {
    content: "\f312";
}

.fi-br-streamer-boy:before {
    content: "\f313";
}

.fi-br-streamer-girl:before {
    content: "\f314";
}

.fi-br-streaming:before {
    content: "\f315";
}

.fi-br-street-view:before {
    content: "\f316";
}

.fi-br-stretcher:before {
    content: "\f317";
}

.fi-br-strikethrough:before {
    content: "\f318";
}

.fi-br-stroopwafel:before {
    content: "\f31a";
}

.fi-br-student:before {
    content: "\f31b";
}

.fi-br-student-alt:before {
    content: "\f31c";
}

.fi-br-subfolder:before {
    content: "\f31d";
}

.fi-br-subscript:before {
    content: "\f320";
}

.fi-br-subscription:before {
    content: "\f321";
}

.fi-br-subscription-alt:before {
    content: "\f322";
}

.fi-br-subscription-model:before {
    content: "\f323";
}

.fi-br-subscription-plan:before {
    content: "\f324";
}

.fi-br-subscription-user:before {
    content: "\f325";
}

.fi-br-subtitles:before {
    content: "\f32a";
}

.fi-br-subtitles-slash:before {
    content: "\f32b";
}

.fi-br-subway:before {
    content: "\f32c";
}

.fi-br-suggestion:before {
    content: "\f32d";
}

.fi-br-suitcase-alt:before {
    content: "\f32e";
}

.fi-br-summary-check:before {
    content: "\f32f";
}

.fi-br-summer:before {
    content: "\f330";
}

.fi-br-sun:before {
    content: "\f331";
}

.fi-br-sun-dust:before {
    content: "\f332";
}

.fi-br-sun-plant-wilt:before {
    content: "\f333";
}

.fi-br-sun-salutation-yoga:before {
    content: "\f334";
}

.fi-br-sunday:before {
    content: "\f335";
}

.fi-br-sunglasses:before {
    content: "\f336";
}

.fi-br-sunglasses-alt:before {
    content: "\f337";
}

.fi-br-sunrise:before {
    content: "\f338";
}

.fi-br-sunrise-alt:before {
    content: "\f339";
}

.fi-br-sunscreen:before {
    content: "\f33a";
}

.fi-br-sunset:before {
    content: "\f33b";
}

.fi-br-superscript:before {
    content: "\f33c";
}

.fi-br-supplier:before {
    content: "\f33d";
}

.fi-br-supplier-alt:before {
    content: "\f33e";
}

.fi-br-supply-chain:before {
    content: "\f33f";
}

.fi-br-supply-chain-steps:before {
    content: "\f340";
}

.fi-br-surfing:before {
    content: "\f341";
}

.fi-br-surprise:before {
    content: "\f342";
}

.fi-br-surveillance-camera:before {
    content: "\f343";
}

.fi-br-survey-xmark:before {
    content: "\f344";
}

.fi-br-sushi:before {
    content: "\f345";
}

.fi-br-sushi-alt:before {
    content: "\f346";
}

.fi-br-sushi-roll:before {
    content: "\f347";
}

.fi-br-svg:before {
    content: "\f348";
}

.fi-br-swap:before {
    content: "\f349";
}

.fi-br-swatchbook:before {
    content: "\f34b";
}

.fi-br-sweep:before {
    content: "\f34c";
}

.fi-br-swimmer:before {
    content: "\f34e";
}

.fi-br-swimming-pool:before {
    content: "\f34f";
}

.fi-br-swing:before {
    content: "\f350";
}

.fi-br-swipe-down:before {
    content: "\f351";
}

.fi-br-swipe-left:before {
    content: "\f352";
}

.fi-br-swipe-right:before {
    content: "\f353";
}

.fi-br-swipe-up:before {
    content: "\f354";
}

.fi-br-sword:before {
    content: "\f355";
}

.fi-br-sword-alt:before {
    content: "\f356";
}

.fi-br-sword-spade:before {
    content: "\f357";
}

.fi-br-symbol:before {
    content: "\f358";
}

.fi-br-symbols:before {
    content: "\f359";
}

.fi-br-synagogue:before {
    content: "\f35a";
}

.fi-br-syringe:before {
    content: "\f35b";
}

.fi-br-syringe-injection-blood:before {
    content: "\f35c";
}

.fi-br-system-cloud:before {
    content: "\f35d";
}

.fi-br-system-restore:before {
    content: "\f35e";
}

.fi-br-t:before {
    content: "\f35f";
}

.fi-br-t-rex:before {
    content: "\f361";
}

.fi-br-t-square:before {
    content: "\f362";
}

.fi-br-tab-folder:before {
    content: "\f363";
}

.fi-br-table:before {
    content: "\f364";
}

.fi-br-table-columns:before {
    content: "\f365";
}

.fi-br-table-layout:before {
    content: "\f366";
}

.fi-br-table-list:before {
    content: "\f367";
}

.fi-br-table-picnic:before {
    content: "\f368";
}

.fi-br-table-pivot:before {
    content: "\f369";
}

.fi-br-table-rows:before {
    content: "\f36a";
}

.fi-br-table-tree:before {
    content: "\f36b";
}

.fi-br-tablet:before {
    content: "\f36c";
}

.fi-br-tablet-android:before {
    content: "\f36d";
}

.fi-br-tablet-android-alt:before {
    content: "\f36e";
}

.fi-br-tablet-rugged:before {
    content: "\f36f";
}

.fi-br-tachometer:before {
    content: "\f370";
}

.fi-br-tachometer-alt-average:before {
    content: "\f371";
}

.fi-br-tachometer-alt-fastest:before {
    content: "\f372";
}

.fi-br-tachometer-alt-slow:before {
    content: "\f373";
}

.fi-br-tachometer-alt-slowest:before {
    content: "\f374";
}

.fi-br-tachometer-average:before {
    content: "\f375";
}

.fi-br-tachometer-fast:before {
    content: "\f376";
}

.fi-br-tachometer-fastest:before {
    content: "\f377";
}

.fi-br-tachometer-slow:before {
    content: "\f378";
}

.fi-br-tachometer-slowest:before {
    content: "\f379";
}

.fi-br-taco:before {
    content: "\f37a";
}

.fi-br-tags:before {
    content: "\f37b";
}

.fi-br-tailor-chalk:before {
    content: "\f37c";
}

.fi-br-takoyaki:before {
    content: "\f37d";
}

.fi-br-talent:before {
    content: "\f37e";
}

.fi-br-talent-alt:before {
    content: "\f37f";
}

.fi-br-talent-hand:before {
    content: "\f380";
}

.fi-br-tally:before {
    content: "\f381";
}

.fi-br-tally-1:before {
    content: "\f382";
}

.fi-br-tally-2:before {
    content: "\f383";
}

.fi-br-tally-3:before {
    content: "\f384";
}

.fi-br-tally-4:before {
    content: "\f385";
}

.fi-br-tamale:before {
    content: "\f386";
}

.fi-br-tank-water:before {
    content: "\f388";
}

.fi-br-tap:before {
    content: "\f389";
}

.fi-br-tape:before {
    content: "\f38a";
}

.fi-br-tape-measure:before {
    content: "\f38b";
}

.fi-br-target:before {
    content: "\f38c";
}

.fi-br-target-audience:before {
    content: "\f38d";
}

.fi-br-task-calendar:before {
    content: "\f38e";
}

.fi-br-task-checklist:before {
    content: "\f38f";
}

.fi-br-tasks:before {
    content: "\f390";
}

.fi-br-tattoo-machine:before {
    content: "\f391";
}

.fi-br-tax:before {
    content: "\f392";
}

.fi-br-tax-alt:before {
    content: "\f393";
}

.fi-br-taxi:before {
    content: "\f394";
}

.fi-br-taxi-bus:before {
    content: "\f395";
}

.fi-br-team:before {
    content: "\f396";
}

.fi-br-team-check:before {
    content: "\f397";
}

.fi-br-team-check-alt:before {
    content: "\f398";
}

.fi-br-team-collaboration:before {
    content: "\f399";
}

.fi-br-teddy-bear:before {
    content: "\f39a";
}

.fi-br-teeth-open:before {
    content: "\f39b";
}

.fi-br-telescope:before {
    content: "\f39e";
}

.fi-br-temperature-down:before {
    content: "\f39f";
}

.fi-br-temperature-frigid:before {
    content: "\f3a0";
}

.fi-br-temperature-high:before {
    content: "\f3a1";
}

.fi-br-temperature-list:before {
    content: "\f3a2";
}

.fi-br-temperature-low:before {
    content: "\f3a3";
}

.fi-br-temperature-up:before {
    content: "\f3a4";
}

.fi-br-template:before {
    content: "\f3a5";
}

.fi-br-template-alt:before {
    content: "\f3a6";
}

.fi-br-tenge:before {
    content: "\f3a8";
}

.fi-br-tennis:before {
    content: "\f3a9";
}

.fi-br-tent-arrow-down-to-line:before {
    content: "\f3aa";
}

.fi-br-tent-arrow-left-right:before {
    content: "\f3ab";
}

.fi-br-tent-arrow-turn-left:before {
    content: "\f3ac";
}

.fi-br-tent-arrows-down:before {
    content: "\f3ad";
}

.fi-br-tents:before {
    content: "\f3ae";
}

.fi-br-terminal:before {
    content: "\f3af";
}

.fi-br-terms-check:before {
    content: "\f3b0";
}

.fi-br-terms-info:before {
    content: "\f3b2";
}

.fi-br-terrace:before {
    content: "\f3b3";
}

.fi-br-test:before {
    content: "\f3b4";
}

.fi-br-test-tube:before {
    content: "\f3b5";
}

.fi-br-text:before {
    content: "\f3b6";
}

.fi-br-text-box:before {
    content: "\f3b7";
}

.fi-br-text-box-dots:before {
    content: "\f3b8";
}

.fi-br-text-box-edit:before {
    content: "\f3b9";
}

.fi-br-text-check:before {
    content: "\f3ba";
}

.fi-br-text-height:before {
    content: "\f3bb";
}

.fi-br-text-input-left:before {
    content: "\f3bc";
}

.fi-br-text-shadow:before {
    content: "\f3bd";
}

.fi-br-text-size:before {
    content: "\f3be";
}

.fi-br-text-slash:before {
    content: "\f3bf";
}

.fi-br-text-width:before {
    content: "\f3c0";
}

.fi-br-thaw:before {
    content: "\f3c1";
}

.fi-br-theater-masks:before {
    content: "\f3c3";
}

.fi-br-thermometer-alt:before {
    content: "\f3c4";
}

.fi-br-thermometer-empty:before {
    content: "\f3c5";
}

.fi-br-thermometer-full:before {
    content: "\f3c6";
}

.fi-br-thermometer-half:before {
    content: "\f3c7";
}

.fi-br-thermometer-notification:before {
    content: "\f3c8";
}

.fi-br-thermometer-quarter:before {
    content: "\f3c9";
}

.fi-br-thermometer-three-quarters:before {
    content: "\f3ca";
}

.fi-br-theta:before {
    content: "\f3cb";
}

.fi-br-thimble:before {
    content: "\f3cc";
}

.fi-br-third:before {
    content: "\f3cd";
}

.fi-br-third-award:before {
    content: "\f3ce";
}

.fi-br-third-laurel:before {
    content: "\f3cf";
}

.fi-br-third-medal:before {
    content: "\f3d0";
}

.fi-br-thought-bubble:before {
    content: "\f3d1";
}

.fi-br-three-direction:before {
    content: "\f3d5";
}

.fi-br-three-leaf-clover:before {
    content: "\f3d6";
}

.fi-br-throat:before {
    content: "\f3d7";
}

.fi-br-thumbs-up-trust:before {
    content: "\f3da";
}

.fi-br-thumbtack:before {
    content: "\f3db";
}

.fi-br-thumbtack-slash:before {
    content: "\f3dc";
}

.fi-br-thunderstorm:before {
    content: "\f3dd";
}

.fi-br-thunderstorm-moon:before {
    content: "\f3de";
}

.fi-br-thunderstorm-risk:before {
    content: "\f3df";
}

.fi-br-thunderstorm-sun:before {
    content: "\f3e0";
}

.fi-br-thursday:before {
    content: "\f3e1";
}

.fi-br-ticket:before {
    content: "\f3e2";
}

.fi-br-ticket-airline:before {
    content: "\f3e3";
}

.fi-br-ticket-alt:before {
    content: "\f3e4";
}

.fi-br-tickets:before {
    content: "\f3e5";
}

.fi-br-tickets-airline:before {
    content: "\f3e6";
}

.fi-br-tie:before {
    content: "\f3e7";
}

.fi-br-tiff-file:before {
    content: "\f3e8";
}

.fi-br-tilde:before {
    content: "\f3ec";
}

.fi-br-tile:before {
    content: "\f3ed";
}

.fi-br-time-add:before {
    content: "\f3ee";
}

.fi-br-time-check:before {
    content: "\f3ef";
}

.fi-br-time-delete:before {
    content: "\f3f0";
}

.fi-br-time-fast:before {
    content: "\f3f1";
}

.fi-br-time-forward:before {
    content: "\f3f2";
}

.fi-br-time-forward-sixty:before {
    content: "\f3f3";
}

.fi-br-time-forward-ten:before {
    content: "\f3f4";
}

.fi-br-time-forward-thirty:before {
    content: "\f3f5";
}

.fi-br-time-half-past:before {
    content: "\f3f6";
}

.fi-br-time-management:before {
    content: "\f3f7";
}

.fi-br-time-money:before {
    content: "\f3f8";
}

.fi-br-time-oclock:before {
    content: "\f3f9";
}

.fi-br-time-past:before {
    content: "\f3fa";
}

.fi-br-time-quarter-past:before {
    content: "\f3fb";
}

.fi-br-time-quarter-to:before {
    content: "\f3fc";
}

.fi-br-time-twenty-four:before {
    content: "\f3fd";
}

.fi-br-time-watch-calendar:before {
    content: "\f3fe";
}

.fi-br-timeline:before {
    content: "\f3ff";
}

.fi-br-timeline-arrow:before {
    content: "\f400";
}

.fi-br-timer-clock-call:before {
    content: "\f401";
}

.fi-br-times-hexagon:before {
    content: "\f402";
}

.fi-br-tint-slash:before {
    content: "\f403";
}

.fi-br-tip-button:before {
    content: "\f404";
}

.fi-br-tip-button-hand:before {
    content: "\f405";
}

.fi-br-tip-coin:before {
    content: "\f406";
}

.fi-br-tire:before {
    content: "\f40a";
}

.fi-br-tire-flat:before {
    content: "\f40b";
}

.fi-br-tire-pressure-warning:before {
    content: "\f40c";
}

.fi-br-tire-rugged:before {
    content: "\f40d";
}

.fi-br-tired:before {
    content: "\f40e";
}

.fi-br-to-do:before {
    content: "\f40f";
}

.fi-br-to-do-alt:before {
    content: "\f410";
}

.fi-br-together-people:before {
    content: "\f413";
}

.fi-br-toggle-off:before {
    content: "\f415";
}

.fi-br-toggle-on:before {
    content: "\f416";
}

.fi-br-toilet:before {
    content: "\f417";
}

.fi-br-toilet-paper-blank:before {
    content: "\f418";
}

.fi-br-toilet-paper-blank-under:before {
    content: "\f419";
}

.fi-br-toilet-paper-slash:before {
    content: "\f41a";
}

.fi-br-toilet-paper-under:before {
    content: "\f41b";
}

.fi-br-toilet-paper-under-slash:before {
    content: "\f41c";
}

.fi-br-toilet-paper-xmark:before {
    content: "\f41d";
}

.fi-br-toilets-portable:before {
    content: "\f41e";
}

.fi-br-token:before {
    content: "\f41f";
}

.fi-br-tomato:before {
    content: "\f420";
}

.fi-br-tombstone:before {
    content: "\f421";
}

.fi-br-tombstone-alt:before {
    content: "\f422";
}

.fi-br-tool-box:before {
    content: "\f423";
}

.fi-br-tool-crop:before {
    content: "\f424";
}

.fi-br-tool-marquee:before {
    content: "\f425";
}

.fi-br-tools:before {
    content: "\f426";
}

.fi-br-tooth:before {
    content: "\f427";
}

.fi-br-toothache:before {
    content: "\f428";
}

.fi-br-toothbrush:before {
    content: "\f429";
}

.fi-br-toothpaste:before {
    content: "\f42a";
}

.fi-br-torch:before {
    content: "\f42b";
}

.fi-br-torch-inspiration-leader:before {
    content: "\f42c";
}

.fi-br-torii-gate:before {
    content: "\f42d";
}

.fi-br-tornado:before {
    content: "\f42e";
}

.fi-br-total:before {
    content: "\f42f";
}

.fi-br-tour-guide-people:before {
    content: "\f430";
}

.fi-br-tour-virtual:before {
    content: "\f431";
}

.fi-br-towel:before {
    content: "\f432";
}

.fi-br-tower-chain:before {
    content: "\f434";
}

.fi-br-tower-control:before {
    content: "\f435";
}

.fi-br-track:before {
    content: "\f436";
}

.fi-br-tractor:before {
    content: "\f437";
}

.fi-br-trademark:before {
    content: "\f438";
}

.fi-br-trading:before {
    content: "\f439";
}

.fi-br-traffic-cone:before {
    content: "\f43a";
}

.fi-br-traffic-light:before {
    content: "\f43b";
}

.fi-br-traffic-light-go:before {
    content: "\f43c";
}

.fi-br-traffic-light-slow:before {
    content: "\f43d";
}

.fi-br-traffic-light-stop:before {
    content: "\f43e";
}

.fi-br-trailer:before {
    content: "\f43f";
}

.fi-br-train:before {
    content: "\f440";
}

.fi-br-train-clock:before {
    content: "\f441";
}

.fi-br-train-journey:before {
    content: "\f442";
}

.fi-br-train-side:before {
    content: "\f443";
}

.fi-br-train-station:before {
    content: "\f444";
}

.fi-br-train-station-building:before {
    content: "\f445";
}

.fi-br-train-subway-tunnel:before {
    content: "\f446";
}

.fi-br-train-track:before {
    content: "\f447";
}

.fi-br-train-tram:before {
    content: "\f448";
}

.fi-br-tram:before {
    content: "\f449";
}

.fi-br-transaction-euro:before {
    content: "\f44a";
}

.fi-br-transaction-globe:before {
    content: "\f44b";
}

.fi-br-transaction-yen:before {
    content: "\f44c";
}

.fi-br-transcript:before {
    content: "\f44d";
}

.fi-br-transcription:before {
    content: "\f44e";
}

.fi-br-transform:before {
    content: "\f44f";
}

.fi-br-transformation-block:before {
    content: "\f450";
}

.fi-br-transformation-circle:before {
    content: "\f451";
}

.fi-br-transformation-design:before {
    content: "\f452";
}

.fi-br-transformation-shapes:before {
    content: "\f453";
}

.fi-br-transformer-bolt:before {
    content: "\f454";
}

.fi-br-transgender:before {
    content: "\f455";
}

.fi-br-translate:before {
    content: "\f456";
}

.fi-br-translation:before {
    content: "\f457";
}

.fi-br-translation-app:before {
    content: "\f458";
}

.fi-br-transparency:before {
    content: "\f459";
}

.fi-br-transporter:before {
    content: "\f45a";
}

.fi-br-transporter-1:before {
    content: "\f45b";
}

.fi-br-transporter-2:before {
    content: "\f45c";
}

.fi-br-transporter-3:before {
    content: "\f45d";
}

.fi-br-transporter-4:before {
    content: "\f45e";
}

.fi-br-transporter-5:before {
    content: "\f45f";
}

.fi-br-transporter-6:before {
    content: "\f460";
}

.fi-br-transporter-7:before {
    content: "\f461";
}

.fi-br-transporter-empty:before {
    content: "\f462";
}

.fi-br-trash:before {
    content: "\f463";
}

.fi-br-trash-bag:before {
    content: "\f464";
}

.fi-br-trash-can-check:before {
    content: "\f465";
}

.fi-br-trash-can-clock:before {
    content: "\f466";
}

.fi-br-trash-can-list:before {
    content: "\f467";
}

.fi-br-trash-can-plus:before {
    content: "\f468";
}

.fi-br-trash-can-slash:before {
    content: "\f469";
}

.fi-br-trash-check:before {
    content: "\f46a";
}

.fi-br-trash-clock:before {
    content: "\f46b";
}

.fi-br-trash-empty:before {
    content: "\f46c";
}

.fi-br-trash-list:before {
    content: "\f46d";
}

.fi-br-trash-plus:before {
    content: "\f46e";
}

.fi-br-trash-restore:before {
    content: "\f46f";
}

.fi-br-trash-restore-alt:before {
    content: "\f470";
}

.fi-br-trash-slash:before {
    content: "\f471";
}

.fi-br-trash-undo:before {
    content: "\f472";
}

.fi-br-trash-undo-alt:before {
    content: "\f473";
}

.fi-br-trash-xmark:before {
    content: "\f474";
}

.fi-br-trauma:before {
    content: "\f475";
}

.fi-br-traveler-camera:before {
    content: "\f477";
}

.fi-br-treadmill:before {
    content: "\f478";
}

.fi-br-treasure-chest:before {
    content: "\f479";
}

.fi-br-treatment:before {
    content: "\f47a";
}

.fi-br-tree:before {
    content: "\f47b";
}

.fi-br-tree-alt:before {
    content: "\f47c";
}

.fi-br-tree-christmas:before {
    content: "\f47d";
}

.fi-br-tree-deciduous:before {
    content: "\f47e";
}

.fi-br-tree-sapling:before {
    content: "\f480";
}

.fi-br-trees:before {
    content: "\f481";
}

.fi-br-trees-alt:before {
    content: "\f482";
}

.fi-br-triangle:before {
    content: "\f484";
}

.fi-br-triangle-arrow-bolt:before {
    content: "\f485";
}

.fi-br-triangle-music:before {
    content: "\f486";
}

.fi-br-triangle-person-digging:before {
    content: "\f487";
}

.fi-br-triangle-warning:before {
    content: "\f488";
}

.fi-br-tricycle:before {
    content: "\f489";
}

.fi-br-trillium:before {
    content: "\f48a";
}

.fi-br-trolley-box:before {
    content: "\f48c";
}

.fi-br-trombone:before {
    content: "\f48d";
}

.fi-br-troph-cap:before {
    content: "\f48e";
}

.fi-br-trophy:before {
    content: "\f48f";
}

.fi-br-trophy-achievement-skill:before {
    content: "\f490";
}

.fi-br-trophy-star:before {
    content: "\f491";
}

.fi-br-tropical-fish:before {
    content: "\f492";
}

.fi-br-truck-arrow-left:before {
    content: "\f493";
}

.fi-br-truck-arrow-right:before {
    content: "\f494";
}

.fi-br-truck-bolt:before {
    content: "\f495";
}

.fi-br-truck-box:before {
    content: "\f496";
}

.fi-br-truck-check:before {
    content: "\f497";
}

.fi-br-truck-container:before {
    content: "\f499";
}

.fi-br-truck-container-empty:before {
    content: "\f49a";
}

.fi-br-truck-couch:before {
    content: "\f49b";
}

.fi-br-truck-droplet:before {
    content: "\f49c";
}

.fi-br-truck-fire:before {
    content: "\f49d";
}

.fi-br-truck-flatbed:before {
    content: "\f49e";
}

.fi-br-truck-front:before {
    content: "\f49f";
}

.fi-br-truck-ladder:before {
    content: "\f4a0";
}

.fi-br-truck-loading:before {
    content: "\f4a1";
}

.fi-br-truck-medical:before {
    content: "\f4a2";
}

.fi-br-truck-monster:before {
    content: "\f4a3";
}

.fi-br-truck-moving:before {
    content: "\f4a4";
}

.fi-br-truck-pickup:before {
    content: "\f4a5";
}

.fi-br-truck-plow:before {
    content: "\f4a6";
}

.fi-br-truck-ramp:before {
    content: "\f4a7";
}

.fi-br-truck-side:before {
    content: "\f4a8";
}

.fi-br-truck-tow:before {
    content: "\f4a9";
}

.fi-br-truck-utensils:before {
    content: "\f4aa";
}

.fi-br-true-or-false:before {
    content: "\f4ab";
}

.fi-br-truecrime-podcast:before {
    content: "\f4ac";
}

.fi-br-trumpet:before {
    content: "\f4ad";
}

.fi-br-trust:before {
    content: "\f4ae";
}

.fi-br-trust-alt:before {
    content: "\f4af";
}

.fi-br-tshirt:before {
    content: "\f4b0";
}

.fi-br-tty:before {
    content: "\f4b1";
}

.fi-br-tty-answer:before {
    content: "\f4b2";
}

.fi-br-tubes:before {
    content: "\f4b3";
}

.fi-br-tuesday:before {
    content: "\f4b5";
}

.fi-br-tugrik-sign:before {
    content: "\f4b6";
}

.fi-br-turkey:before {
    content: "\f4b8";
}

.fi-br-turn-left:before {
    content: "\f4b9";
}

.fi-br-turn-left-down:before {
    content: "\f4ba";
}

.fi-br-turn-right:before {
    content: "\f4bb";
}

.fi-br-turntable:before {
    content: "\f4bc";
}

.fi-br-turtle:before {
    content: "\f4bd";
}

.fi-br-tv-music:before {
    content: "\f4be";
}

.fi-br-tv-retro:before {
    content: "\f4bf";
}

.fi-br-two-hands-box:before {
    content: "\f4c7";
}

.fi-br-two-nails:before {
    content: "\f4c8";
}

.fi-br-two-paperclip:before {
    content: "\f4c9";
}

.fi-br-two-swords:before {
    content: "\f4cb";
}

.fi-br-typewriter:before {
    content: "\f4cd";
}

.fi-br-u:before {
    content: "\f4ce";
}

.fi-br-ufo:before {
    content: "\f4d1";
}

.fi-br-ufo-beam:before {
    content: "\f4d2";
}

.fi-br-ui-ux:before {
    content: "\f4d3";
}

.fi-br-uk-country-code:before {
    content: "\f4d4";
}

.fi-br-umbrella:before {
    content: "\f4d5";
}

.fi-br-umbrella-beach:before {
    content: "\f4d6";
}

.fi-br-under-construction:before {
    content: "\f4d7";
}

.fi-br-underline:before {
    content: "\f4d8";
}

.fi-br-undo:before {
    content: "\f4d9";
}

.fi-br-undo-alt:before {
    content: "\f4da";
}

.fi-br-unicorn:before {
    content: "\f4db";
}

.fi-br-uniform-martial-arts:before {
    content: "\f4dc";
}

.fi-br-united-kingdom:before {
    content: "\f4de";
}

.fi-br-universal-access:before {
    content: "\f4e0";
}

.fi-br-unlock:before {
    content: "\f4e2";
}

.fi-br-up:before {
    content: "\f4e4";
}

.fi-br-up-from-bracket:before {
    content: "\f4e5";
}

.fi-br-up-left:before {
    content: "\f4e6";
}

.fi-br-up-right:before {
    content: "\f4e7";
}

.fi-br-up-right-from-square:before {
    content: "\f4e8";
}

.fi-br-upload:before {
    content: "\f4e9";
}

.fi-br-urban-planning:before {
    content: "\f4ec";
}

.fi-br-url:before {
    content: "\f4ed";
}

.fi-br-urology:before {
    content: "\f4ee";
}

.fi-br-usa-map:before {
    content: "\f4ef";
}

.fi-br-usa-map-pin:before {
    content: "\f4f0";
}

.fi-br-usb-alert:before {
    content: "\f4f2";
}

.fi-br-usb-pendrive:before {
    content: "\f4f3";
}

.fi-br-usb-scan:before {
    content: "\f4f4";
}

.fi-br-usb-wifi:before {
    content: "\f4f5";
}

.fi-br-usd-circle:before {
    content: "\f4f6";
}

.fi-br-usd-square:before {
    content: "\f4f7";
}

.fi-br-user:before {
    content: "\f4f9";
}

.fi-br-user-add:before {
    content: "\f4fa";
}

.fi-br-user-alien:before {
    content: "\f4fb";
}

.fi-br-user-astronaut:before {
    content: "\f4fc";
}

.fi-br-user-bag:before {
    content: "\f4fd";
}

.fi-br-user-basket:before {
    content: "\f4fe";
}

.fi-br-user-beard:before {
    content: "\f4ff";
}

.fi-br-user-check:before {
    content: "\f500";
}

.fi-br-user-chef:before {
    content: "\f501";
}

.fi-br-user-circle-down:before {
    content: "\f502";
}

.fi-br-user-circle-left:before {
    content: "\f503";
}

.fi-br-user-circle-right:before {
    content: "\f504";
}

.fi-br-user-circle-up:before {
    content: "\f505";
}

.fi-br-user-coach:before {
    content: "\f506";
}

.fi-br-user-cowboy:before {
    content: "\f507";
}

.fi-br-user-crown:before {
    content: "\f508";
}

.fi-br-user-dj:before {
    content: "\f50a";
}

.fi-br-user-doctor-hair:before {
    content: "\f50b";
}

.fi-br-user-doctor-hair-long:before {
    content: "\f50c";
}

.fi-br-user-down:before {
    content: "\f50d";
}

.fi-br-user-eating:before {
    content: "\f50e";
}

.fi-br-user-experience:before {
    content: "\f50f";
}

.fi-br-user-fast-running:before {
    content: "\f510";
}

.fi-br-user-forbidden:before {
    content: "\f511";
}

.fi-br-user-forbidden-alt:before {
    content: "\f512";
}

.fi-br-user-gear:before {
    content: "\f513";
}

.fi-br-user-graduate:before {
    content: "\f514";
}

.fi-br-user-group-crown:before {
    content: "\f515";
}

.fi-br-user-hair-buns:before {
    content: "\f516";
}

.fi-br-user-hair-mullet:before {
    content: "\f517";
}

.fi-br-user-hard-work:before {
    content: "\f518";
}

.fi-br-user-headset:before {
    content: "\f519";
}

.fi-br-user-helmet-safety:before {
    content: "\f51a";
}

.fi-br-user-hoodie:before {
    content: "\f51b";
}

.fi-br-user-india:before {
    content: "\f51c";
}

.fi-br-user-injured:before {
    content: "\f51d";
}

.fi-br-user-interface-ui:before {
    content: "\f51e";
}

.fi-br-user-key:before {
    content: "\f51f";
}

.fi-br-user-language:before {
    content: "\f520";
}

.fi-br-user-left:before {
    content: "\f521";
}

.fi-br-user-link:before {
    content: "\f522";
}

.fi-br-user-lock:before {
    content: "\f523";
}

.fi-br-user-logout:before {
    content: "\f524";
}

.fi-br-user-mask:before {
    content: "\f525";
}

.fi-br-user-md:before {
    content: "\f526";
}

.fi-br-user-md-chat:before {
    content: "\f527";
}

.fi-br-user-minus:before {
    content: "\f528";
}

.fi-br-user-moustache:before {
    content: "\f529";
}

.fi-br-user-music:before {
    content: "\f52a";
}

.fi-br-user-ninja:before {
    content: "\f52b";
}

.fi-br-user-nurse:before {
    content: "\f52c";
}

.fi-br-user-nurse-hair:before {
    content: "\f52d";
}

.fi-br-user-nurse-hair-long:before {
    content: "\f52e";
}

.fi-br-user-pen:before {
    content: "\f530";
}

.fi-br-user-pen-head:before {
    content: "\f531";
}

.fi-br-user-permissions:before {
    content: "\f532";
}

.fi-br-user-pilot:before {
    content: "\f533";
}

.fi-br-user-pilot-tie:before {
    content: "\f534";
}

.fi-br-user-pizza-delivery:before {
    content: "\f535";
}

.fi-br-user-plumber:before {
    content: "\f536";
}

.fi-br-user-police:before {
    content: "\f537";
}

.fi-br-user-question:before {
    content: "\f538";
}

.fi-br-user-right:before {
    content: "\f539";
}

.fi-br-user-roadmap:before {
    content: "\f53a";
}

.fi-br-user-robot:before {
    content: "\f53b";
}

.fi-br-user-robot-xmarks:before {
    content: "\f53c";
}

.fi-br-user-salary:before {
    content: "\f53d";
}

.fi-br-user-shakespeare:before {
    content: "\f53e";
}

.fi-br-user-shield:before {
    content: "\f53f";
}

.fi-br-user-sitting-toilet:before {
    content: "\f540";
}

.fi-br-user-skill-gear:before {
    content: "\f542";
}

.fi-br-user-slash:before {
    content: "\f543";
}

.fi-br-user-speaking:before {
    content: "\f544";
}

.fi-br-user-stress:before {
    content: "\f545";
}

.fi-br-user-suitcase:before {
    content: "\f546";
}

.fi-br-user-tag:before {
    content: "\f547";
}

.fi-br-user-tie-hair:before {
    content: "\f548";
}

.fi-br-user-tie-hair-long:before {
    content: "\f549";
}

.fi-br-user-time:before {
    content: "\f54a";
}

.fi-br-user-trust:before {
    content: "\f54b";
}

.fi-br-user-unlock:before {
    content: "\f54c";
}

.fi-br-user-up:before {
    content: "\f54d";
}

.fi-br-user-visor:before {
    content: "\f54e";
}

.fi-br-user-vneck-hair:before {
    content: "\f54f";
}

.fi-br-user-vneck-hair-long:before {
    content: "\f550";
}

.fi-br-user-volunteer:before {
    content: "\f551";
}

.fi-br-user-writer:before {
    content: "\f552";
}

.fi-br-user-xmark:before {
    content: "\f553";
}

.fi-br-users:before {
    content: "\f554";
}

.fi-br-users-alt:before {
    content: "\f555";
}

.fi-br-users-class:before {
    content: "\f556";
}

.fi-br-users-gear:before {
    content: "\f559";
}

.fi-br-users-loyalty:before {
    content: "\f55a";
}

.fi-br-users-medical:before {
    content: "\f55b";
}

.fi-br-users-slash:before {
    content: "\f55c";
}

.fi-br-users-speaking:before {
    content: "\f55d";
}

.fi-br-utensils:before {
    content: "\f55e";
}

.fi-br-utensils-slash:before {
    content: "\f55f";
}

.fi-br-utility-pole:before {
    content: "\f560";
}

.fi-br-utility-pole-double:before {
    content: "\f561";
}

.fi-br-uv-sign:before {
    content: "\f562";
}

.fi-br-ux:before {
    content: "\f563";
}

.fi-br-ux-browser:before {
    content: "\f564";
}

.fi-br-v:before {
    content: "\f565";
}

.fi-br-vacuum:before {
    content: "\f567";
}

.fi-br-vacuum-cleaner:before {
    content: "\f568";
}

.fi-br-vacuum-robot:before {
    content: "\f569";
}

.fi-br-validating-receipt:before {
    content: "\f56a";
}

.fi-br-value-absolute:before {
    content: "\f56b";
}

.fi-br-van-fast:before {
    content: "\f56c";
}

.fi-br-van-front:before {
    content: "\f56d";
}

.fi-br-vault:before {
    content: "\f56e";
}

.fi-br-vector:before {
    content: "\f56f";
}

.fi-br-vector-alt:before {
    content: "\f570";
}

.fi-br-vector-circle:before {
    content: "\f571";
}

.fi-br-vector-polygon:before {
    content: "\f572";
}

.fi-br-vegan:before {
    content: "\f573";
}

.fi-br-vest:before {
    content: "\f578";
}

.fi-br-vest-patches:before {
    content: "\f579";
}

.fi-br-video-arrow-down-left:before {
    content: "\f57a";
}

.fi-br-video-arrow-up-right:before {
    content: "\f57b";
}

.fi-br-video-cam-alert:before {
    content: "\f57c";
}

.fi-br-video-camera:before {
    content: "\f57d";
}

.fi-br-video-camera-alt:before {
    content: "\f57e";
}

.fi-br-video-duration:before {
    content: "\f57f";
}

.fi-br-video-folder:before {
    content: "\f580";
}

.fi-br-video-lesson:before {
    content: "\f581";
}

.fi-br-video-plus:before {
    content: "\f582";
}

.fi-br-video-recording:before {
    content: "\f583";
}

.fi-br-video-slash:before {
    content: "\f584";
}

.fi-br-videoconference:before {
    content: "\f585";
}

.fi-br-vihara:before {
    content: "\f587";
}

.fi-br-violin:before {
    content: "\f589";
}

.fi-br-virtual-assistant:before {
    content: "\f58a";
}

.fi-br-virus:before {
    content: "\f58b";
}

.fi-br-virus-scan:before {
    content: "\f58c";
}

.fi-br-virus-slash:before {
    content: "\f58d";
}

.fi-br-viruses:before {
    content: "\f58e";
}

.fi-br-vision:before {
    content: "\f590";
}

.fi-br-vision-sense:before {
    content: "\f591";
}

.fi-br-vision-target:before {
    content: "\f592";
}

.fi-br-visit:before {
    content: "\f593";
}

.fi-br-voice-command:before {
    content: "\f597";
}

.fi-br-voice-note:before {
    content: "\f598";
}

.fi-br-voicemail:before {
    content: "\f599";
}

.fi-br-volcano:before {
    content: "\f59a";
}

.fi-br-volleyball:before {
    content: "\f59b";
}

.fi-br-volleyball-player:before {
    content: "\f59c";
}

.fi-br-volume:before {
    content: "\f59d";
}

.fi-br-volume-control:before {
    content: "\f59e";
}

.fi-br-volume-down:before {
    content: "\f59f";
}

.fi-br-volume-mute:before {
    content: "\f5a0";
}

.fi-br-volume-off:before {
    content: "\f5a1";
}

.fi-br-volume-slash:before {
    content: "\f5a2";
}

.fi-br-volunteer-vest:before {
    content: "\f5a3";
}

.fi-br-vote-nay:before {
    content: "\f5a4";
}

.fi-br-vote-yea:before {
    content: "\f5a5";
}

.fi-br-vpn:before {
    content: "\f5a6";
}

.fi-br-vpn-globe:before {
    content: "\f5a7";
}

.fi-br-vpn-laptop:before {
    content: "\f5a8";
}

.fi-br-vpn-network:before {
    content: "\f5a9";
}

.fi-br-vpn-shield:before {
    content: "\f5aa";
}

.fi-br-vr-cardboard:before {
    content: "\f5ab";
}

.fi-br-w:before {
    content: "\f5ac";
}

.fi-br-waffle:before {
    content: "\f5ad";
}

.fi-br-wagon-covered:before {
    content: "\f5ae";
}

.fi-br-walker:before {
    content: "\f5af";
}

.fi-br-walkie-talkie:before {
    content: "\f5b0";
}

.fi-br-walking:before {
    content: "\f5b1";
}

.fi-br-wallet:before {
    content: "\f5b2";
}

.fi-br-wallet-arrow:before {
    content: "\f5b3";
}

.fi-br-wallet-buyer:before {
    content: "\f5b4";
}

.fi-br-wallet-change:before {
    content: "\f5b5";
}

.fi-br-wallet-income:before {
    content: "\f5b6";
}

.fi-br-wallet-money:before {
    content: "\f5b7";
}

.fi-br-wallet-nft:before {
    content: "\f5b8";
}

.fi-br-warehouse-alt:before {
    content: "\f5bb";
}

.fi-br-warranty:before {
    content: "\f5bc";
}

.fi-br-washer:before {
    content: "\f5bd";
}

.fi-br-washing-dishes:before {
    content: "\f5be";
}

.fi-br-waste:before {
    content: "\f5bf";
}

.fi-br-waste-pollution:before {
    content: "\f5c0";
}

.fi-br-watch:before {
    content: "\f5c1";
}

.fi-br-watch-calculator:before {
    content: "\f5c2";
}

.fi-br-watch-fitness:before {
    content: "\f5c3";
}

.fi-br-watch-smart:before {
    content: "\f5c4";
}

.fi-br-water:before {
    content: "\f5c5";
}

.fi-br-water-bottle:before {
    content: "\f5c6";
}

.fi-br-water-drop:before {
    content: "\f5c7";
}

.fi-br-water-growth:before {
    content: "\f5c8";
}

.fi-br-water-ladder:before {
    content: "\f5c9";
}

.fi-br-water-lower:before {
    content: "\f5ca";
}

.fi-br-water-rise:before {
    content: "\f5cb";
}

.fi-br-water-ski:before {
    content: "\f5cc";
}

.fi-br-watering-can-drop:before {
    content: "\f5cd";
}

.fi-br-watering-can-plant:before {
    content: "\f5ce";
}

.fi-br-watermelon:before {
    content: "\f5cf";
}

.fi-br-waterpass:before {
    content: "\f5d1";
}

.fi-br-waterpolo:before {
    content: "\f5d2";
}

.fi-br-waterpolo-goal:before {
    content: "\f5d3";
}

.fi-br-waterpolo-hand:before {
    content: "\f5d4";
}

.fi-br-waterpolo-player:before {
    content: "\f5d5";
}

.fi-br-wave:before {
    content: "\f5d6";
}

.fi-br-wave-sine:before {
    content: "\f5d7";
}

.fi-br-wave-square:before {
    content: "\f5d8";
}

.fi-br-wave-triangle:before {
    content: "\f5d9";
}

.fi-br-waveform:before {
    content: "\f5da";
}

.fi-br-waveform-path:before {
    content: "\f5dc";
}

.fi-br-weather-alert:before {
    content: "\f5dd";
}

.fi-br-web-browser-bomb:before {
    content: "\f5e0";
}

.fi-br-web-design:before {
    content: "\f5e1";
}

.fi-br-web-management:before {
    content: "\f5e2";
}

.fi-br-web-statistics:before {
    content: "\f5e3";
}

.fi-br-web-test:before {
    content: "\f5e4";
}

.fi-br-webcam:before {
    content: "\f5e5";
}

.fi-br-webcam-slash:before {
    content: "\f5e6";
}

.fi-br-webhook:before {
    content: "\f5e7";
}

.fi-br-webinar:before {
    content: "\f5e8";
}

.fi-br-webinar-play:before {
    content: "\f5e9";
}

.fi-br-website-design:before {
    content: "\f5ea";
}

.fi-br-website-layout:before {
    content: "\f5eb";
}

.fi-br-website-speed:before {
    content: "\f5ec";
}

.fi-br-website-structure:before {
    content: "\f5ed";
}

.fi-br-wednesday:before {
    content: "\f5ee";
}

.fi-br-weight-gain:before {
    content: "\f5ef";
}

.fi-br-weight-loss:before {
    content: "\f5f0";
}

.fi-br-welding:before {
    content: "\f5f1";
}

.fi-br-wellbeing:before {
    content: "\f5f2";
}

.fi-br-whale:before {
    content: "\f5f4";
}

.fi-br-wheat:before {
    content: "\f5f8";
}

.fi-br-wheat-awn:before {
    content: "\f5f9";
}

.fi-br-wheat-awn-circle-exclamation:before {
    content: "\f5fa";
}

.fi-br-wheat-awn-slash:before {
    content: "\f5fb";
}

.fi-br-wheat-slash:before {
    content: "\f5fc";
}

.fi-br-wheelchair:before {
    content: "\f5fd";
}

.fi-br-wheelchair-move:before {
    content: "\f5fe";
}

.fi-br-wheelchair-sleeping:before {
    content: "\f5ff";
}

.fi-br-whistle:before {
    content: "\f600";
}

.fi-br-white-space:before {
    content: "\f601";
}

.fi-br-wifi:before {
    content: "\f602";
}

.fi-br-wifi-1:before {
    content: "\f603";
}

.fi-br-wifi-2:before {
    content: "\f604";
}

.fi-br-wifi-alt:before {
    content: "\f605";
}

.fi-br-wifi-exclamation:before {
    content: "\f606";
}

.fi-br-wifi-hotspot:before {
    content: "\f607";
}

.fi-br-wifi-lock:before {
    content: "\f608";
}

.fi-br-wifi-password:before {
    content: "\f609";
}

.fi-br-wifi-slash:before {
    content: "\f60a";
}

.fi-br-wifi-xmark:before {
    content: "\f60b";
}

.fi-br-wildfire:before {
    content: "\f60d";
}

.fi-br-wind:before {
    content: "\f60e";
}

.fi-br-wind-turbine:before {
    content: "\f60f";
}

.fi-br-wind-warning:before {
    content: "\f610";
}

.fi-br-window-alt:before {
    content: "\f612";
}

.fi-br-window-frame:before {
    content: "\f613";
}

.fi-br-window-frame-open:before {
    content: "\f614";
}

.fi-br-window-maximize:before {
    content: "\f615";
}

.fi-br-window-minimize:before {
    content: "\f616";
}

.fi-br-window-restore:before {
    content: "\f617";
}

.fi-br-windsock:before {
    content: "\f619";
}

.fi-br-windsurf:before {
    content: "\f61a";
}

.fi-br-wine-bottle:before {
    content: "\f61b";
}

.fi-br-wine-glass-crack:before {
    content: "\f61c";
}

.fi-br-wine-glass-empty:before {
    content: "\f61d";
}

.fi-br-wings-box:before {
    content: "\f61e";
}

.fi-br-wink:before {
    content: "\f61f";
}

.fi-br-wireless-mouse:before {
    content: "\f620";
}

.fi-br-wisdom:before {
    content: "\f621";
}

.fi-br-wishlist-heart:before {
    content: "\f622";
}

.fi-br-wishlist-star:before {
    content: "\f623";
}

.fi-br-witness:before {
    content: "\f624";
}

.fi-br-woman-head:before {
    content: "\f626";
}

.fi-br-woman-scientist:before {
    content: "\f627";
}

.fi-br-women-swimsuit:before {
    content: "\f628";
}

.fi-br-won-sign:before {
    content: "\f629";
}

.fi-br-work-in-progress:before {
    content: "\f62b";
}

.fi-br-workflow:before {
    content: "\f62c";
}

.fi-br-workflow-alt:before {
    content: "\f62d";
}

.fi-br-workflow-setting:before {
    content: "\f62e";
}

.fi-br-workflow-setting-alt:before {
    content: "\f62f";
}

.fi-br-workshop:before {
    content: "\f631";
}

.fi-br-workwear:before {
    content: "\f632";
}

.fi-br-world:before {
    content: "\f633";
}

.fi-br-world-megaphone:before {
    content: "\f634";
}

.fi-br-worldwide-network:before {
    content: "\f635";
}

.fi-br-worm:before {
    content: "\f636";
}

.fi-br-wrap:before {
    content: "\f637";
}

.fi-br-wreath:before {
    content: "\f638";
}

.fi-br-wrench-alt:before {
    content: "\f639";
}

.fi-br-wrench-simple:before {
    content: "\f63a";
}

.fi-br-writing:before {
    content: "\f63b";
}

.fi-br-x:before {
    content: "\f63e";
}

.fi-br-x-ray:before {
    content: "\f63f";
}

.fi-br-y:before {
    content: "\f642";
}

.fi-br-y2k:before {
    content: "\f643";
}

.fi-br-yen:before {
    content: "\f647";
}

.fi-br-yin-yang:before {
    content: "\f648";
}

.fi-br-yoga-ball:before {
    content: "\f64b";
}

.fi-br-yoga-ball-exercise:before {
    content: "\f64c";
}

.fi-br-yoga-ball-mat:before {
    content: "\f64d";
}

.fi-br-yoga-mat:before {
    content: "\f64e";
}

.fi-br-yoga-moon:before {
    content: "\f64f";
}

.fi-br-yoga-posture:before {
    content: "\f650";
}

.fi-br-yogurt:before {
    content: "\f651";
}

.fi-br-z:before {
    content: "\f655";
}

.fi-br-zero-percent:before {
    content: "\f656";
}

.fi-br-zip-file:before {
    content: "\f657";
}

.fi-br-zipper:before {
    content: "\f658";
}

.fi-br-zoom-in:before {
    content: "\f65a";
}

.fi-br-zoom-out:before {
    content: "\f65b";
}

@charset "UTF-8";

@import url("plugins/all.min.css");
@import url("plugins/feather.css");
@import url("plugins/boxicons.css");
/*------------------------------------------------------------------
[Master Stylesheet]

Project        :   Reconxn - HTML5 Bootstrap Admin Template
Version        :   V.1.0
Create Date    :   09/05/20
Copyright      :   Spruko Technologies Private Limited 
Author         :   SprukoSoft
Author URL     :   https://themeforest.net/user/sprukosoft
Support	       :   support@spruko.com
License        :   Licensed under ThemeForest License

-------------------------------------------------------------------*/
/*
1.  Accordions
2.  Alerts
3.  Badges
4.  Breadcrumbs
5.  Buttons
6.  Card
7.  Carousel
8.  Dropdown
9.  Forms
10. Grid
11. Input-group
12. Modals
13. Navigation
14. Pagination
15. Popover
16. Progress
17. Tables
18. Toast
19. Tooltip
20. Tabs
21. Main-content
22. Header
23. Horizontal-menu
24. Profile
25. Iconbar
26. Datatable
27. Date-picker
28. Date-time-picker
29. Jqvmap
30. Chart
31. Parsely
32. Rangeslider
33. Select2
34. Spectrum
35. Calendar
36. Chat
37 Contacts
38. Error
39. Invoice
40. Mail
41. Profile
42. Background
43. Border
44. Height
45. Margin
46. Opacity
47. Padding
48. Position
49. Typography
50. Width
51. Tags
52. Navbar
53. Wizard
54. P-scroll
55. Rating
56. Timeline
57. Countdown
58. Image
59. List
60. Checkbox
61  Radio
62. Toggle
63  Listgroup
64  Jumborton
65  Custom-control
66  Custom-styles
67  Tabs
*/

/* ######## BOOTSTRAP ######## */
/*Color variables*/
/*gray variables*/
/*white variables*/
/*black variables*/
/*shadow variables*/
.accordion > .card {
    overflow: hidden;
}

    .accordion > .card:not(:first-of-type) .card-header:first-child {
        border-radius: 0;
    }

    .accordion > .card:not(:first-of-type):not(:last-of-type) {
        border-bottom: 0;
        border-radius: 0;
    }

    .accordion > .card:first-of-type {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .accordion > .card:last-of-type {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .accordion > .card .card-header {
        margin-bottom: -1px;
    }

.accordion .card {
    border-width: 0;
}

    .accordion .card + .card {
        margin-top: 1px;
    }

.accordion .card-header {
    padding: 0;
    background-color: transparent;
    font-weight: 500;
}

    .accordion .card-header a {
        display: block;
        padding: 14px 20px;
        position: relative;
        color: #242f48;
        font-weight: 500;
        font-size: 14px;
        background-color: #ecf0fa;
    }

        .accordion .card-header a:hover,
        .accordion .card-header a:focus {
            color: #242f48;
        }

        .accordion .card-header a.collapsed {
            color: #4d5875;
            background-color: #ecf0fa;
            border-bottom-color: transparent;
        }

            .accordion .card-header a.collapsed:hover,
            .accordion .card-header a.collapsed:focus {
                color: #242f48;
                background-color: #dde2ef;
            }

.accordion .card-body {
    padding: 0 20px 20px;
    background-color: #ecf0fa;
    transition: none;
}

.card .card {
    box-shadow: none !important;
}

.accordion > .card {
    border: 0 !important;
}
/* ###### 3.1 Accordion ###### */
.accordion-indigo .card {
    border-color: #C9A96E ;
}

.accordion-indigo .card-header a {
    color: #C9A96E ;
}

    .accordion-indigo .card-header a:hover,
    .accordion-indigo .card-header a:focus {
        color: #C9A96E ;
    }

    .accordion-indigo .card-header a.collapsed {
        background-color: #C9A96E ;
        color: rgba(255, 255, 255, 0.8);
        font-weight: 500;
        letter-spacing: -.1px;
    }

        .accordion-indigo .card-header a.collapsed:hover,
        .accordion-indigo .card-header a.collapsed:focus {
            background-color: #452efa;
            color: #fff;
        }

.accordion-blue .card {
    border-color: #C9A96E ;
}

.accordion-blue .card-header a {
    color: #C9A96E ;
}

    .accordion-blue .card-header a:hover,
    .accordion-blue .card-header a:focus {
        color: #C9A96E ;
    }

    .accordion-blue .card-header a.collapsed {
        background-color: #C9A96E ;
        color: rgba(255, 255, 255, 0.8);
        font-weight: 500;
        letter-spacing: -.1px;
    }

        .accordion-blue .card-header a.collapsed:hover,
        .accordion-blue .card-header a.collapsed:focus {
            background-color: #1a53ff;
            color: #fff;
        }

.accordion-dark .card {
    border-color: #242f48;
}

.accordion-dark .card-header a {
    color: #242f48;
}

    .accordion-dark .card-header a:hover,
    .accordion-dark .card-header a:focus {
        color: #242f48;
    }

    .accordion-dark .card-header a.collapsed {
        background-color: #242f48;
        color: rgba(255, 255, 255, 0.8);
        font-weight: 500;
        letter-spacing: -.1px;
    }

        .accordion-dark .card-header a.collapsed:hover,
        .accordion-dark .card-header a.collapsed:focus {
            background-color: #141c2b;
            color: #fff;
        }

.accordion-gray .card {
    border-color: #737f9e;
}

.accordion-gray .card-header a {
    color: #737f9e;
}

    .accordion-gray .card-header a:hover,
    .accordion-gray .card-header a:focus {
        color: #737f9e;
    }

    .accordion-gray .card-header a.collapsed {
        background-color: #737f9e;
        color: rgba(255, 255, 255, 0.8);
        font-weight: 500;
        letter-spacing: -.1px;
    }

        .accordion-gray .card-header a.collapsed:hover,
        .accordion-gray .card-header a.collapsed:focus {
            background-color: #6a7a96;
            color: #fff;
        }

/* ############### CUSTOM ELEMENT STYLES ############### */
.main-accordion .accordion-item {
    background-color: #ecf0fa;
    border: 1px solid #dee2ef;
    position: relative;
    transition: all 0.2s ease-in-out;
}

    .main-accordion .accordion-item:hover,
    .main-accordion .accordion-item:focus {
        cursor: pointer;
        background-color: #f1f2f6;
        border-color: #bcc4de;
        z-index: 4;
    }

    .main-accordion .accordion-item.active {
        background-color: #fff;
        z-index: 5;
        border-color: #bcc4de;
    }

        .main-accordion .accordion-item.active .accordion-title {
            color: #C9A96E ;
        }

        .main-accordion .accordion-item.active .accordion-body {
            display: block;
        }

    .main-accordion .accordion-item + .accordion-item {
        margin-top: -1px;
    }

.main-accordion .accordion-header {
    display: flex;
    align-items: center;
    padding: 15px 20px;
}

.main-accordion .accordion-title {
    font-weight: 700;
    color: #C9A96E;
    margin: 0;
    transition: all 0.2s ease-in-out;
}

.main-accordion .accordion-body {
    display: none;
    padding: 0 20px 20px;
}

@media (prefers-reduced-motion: reduce) {
    .main-accordion .accordion-item {
        transition: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .main-accordion .accordion-title {
        transition: none;
    }
}

.panel-heading1.bg-primary .panel-title1 a {
    display: block;
    color: #6a7882;
}

.panel-title1 {
    margin-bottom: 0;
}

.panel-heading1.bg-primary .panel-title1 a {
    display: block;
    color: #fff;
}

.panel-title1 a {
    display: block;
    color: #fff;
    padding: 15px;
    position: relative;
    font-weight: 400;
    font-size: 15px;
}

.panel-heading1 a.collapsed:before {
    content: "\e9af";
    position: absolute;
    font-family: 'feather' !important;
    right: 10px;
    top: 12px;
    font-size: 20px;
    transition: all 0.5s;
    transform: scale(1);
}

.accor.bg-primary h4 a {
    color: #fff;
}

.accor h4 a {
    padding: .75rem 1.25rem;
    display: block;
    font-size: 15px;
    border-bottom: 1px solid rgba(154, 180, 202, 0.16);
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 3px;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible {
    padding-right: 3.8125rem;
}

    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0.75rem 1.25rem;
        color: inherit;
    }

.alert-primary {
    color: #1b3585;
    background-color: #d6e0ff;
    border-color: #c6d4ff;
}

    .alert-primary hr {
        border-top-color: #adc1ff;
    }

    .alert-primary .alert-link {
        color: #12245b;
    }

.alert-secondary {
    color: #3f4654;
    background-color: #e4e7ec;
    border-color: #d9dde5;
}

    .alert-secondary hr {
        border-top-color: #cacfdb;
    }

    .alert-secondary .alert-link {
        color: #292e37;
    }

.alert-success {
    color: #1f5c01;
    background-color: #d8efcc;
    border-color: #c8e9b8;
}

    .alert-success hr {
        border-top-color: #b9e3a5;
    }

    .alert-success .alert-link {
        color: #0e2a00;
    }

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

    .alert-info hr {
        border-top-color: #abdde5;
    }

    .alert-info .alert-link {
        color: #062c33;
    }

.alert-warning {
    color: #856404;
    background-color: #fbbc0b;
    border-color: #ffeeba;
}

    .alert-warning hr {
        border-top-color: #ffe8a1;
    }

    .alert-warning .alert-link {
        color: #533f03;
    }

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

    .alert-danger hr {
        border-top-color: #f1b0b7;
    }

    .alert-danger .alert-link {
        color: #491217;
    }

.alert-light {
    color: #7f7f81;
    background-color: #fdfdfe;
    border-color: #fcfcfd;
}

    .alert-light hr {
        border-top-color: #ededf3;
    }

    .alert-light .alert-link {
        color: #666667;
    }

.alert-dark {
    color: #1f2533;
    background-color: #d8dae0;
    border-color: #c8ccd3;
}

    .alert-dark hr {
        border-top-color: #babfc8;
    }

    .alert-dark .alert-link {
        color: #0c0e13;
    }

/* ###### 3.2 Alerts ###### */
.alert {
    border-width: 0;
    padding: 12px 15px;
    border-radius: 0;
}

    .alert .close {
        text-shadow: none;
        opacity: .2;
    }

    .alert strong {
        font-weight: 600;
    }

[class*=alert-outline-] {
    border: 1px solid transparent;
}

.alert-outline-success {
    border-color: #65fe19;
    color: #22c03c;
}

.alert-outline-info {
    border-color: #1ab6cf;
    color: #00b9ff;
}

.alert-outline-warning {
    border-color: #ffdb6d;
    color: #d39e00;
}

.alert-outline-danger {
    border-color: #eb8c95;
    color: #bd2130;
}

[class*=alert-solid-] {
    border-width: 0;
    color: #fff;
}

.alert-solid-success {
    background-color: #22c03c;
}

.alert-solid-info {
    background-color: #00b9ff;
}

.alert-solid-warning {
    background-color: #fbbc0b;
}

.alert-solid-danger {
    background-color: #ee335e;
}

.badge {
    font-size: 10px;
    font-weight: 500 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding: 3px 5px 4px !important;
}

.bg-light {
    background-color: #d0d7e8;
}

.rounded-pill {
    padding-left: 8px;
    padding-right: 8px;
}

/*////////////////////badgelight//////////////////*/
.bg-primary-transparent {
    color: #C9A96E ;
    background-color: #d9e8fe;
}

.white-bg {
    background-color: #FFF;
}

.bg-success-transparent {
    background-color: #d4f2e1 !important;
    color: #22c03c;
}

.badge-teal-transparent {
    background-color: #d2f5f5 !important;
    color: #00cccc;
}

.bg-warning-transparent {
    background-color: rgba(255, 193, 7, 0.15) !important;
    color: #fbbc0b;
}

.bg-danger-transparent {
    color: #ee335e;
    background-color: #f9e2e2;
}

.badge-purple-transparent {
    color: #673ab7;
    background-color: #e1defe;
}

.bg-info-transparent {
    color: #0a7ffb;
    background-color: rgba(3, 85, 208, 0.1);
}

.badge-pink-transparent {
    color: #f10075;
    background-color: #fee5f1;
}

.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 3px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .badge {
        transition: none;
    }
}

a.badge:hover,
a.badge:focus {
    text-decoration: none;
}

.badge:empty {
    display: none;
}

.btn .badge,
.sp-container button .badge {
    position: relative;
    top: -1px;
}

.rounded-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.bg-primary {
    color: #fff;
    background-color: #C9A96E ;
}

a.bg-primary:hover {
    color: #fff;
    background-color: #0040ff;
}

a.bg-primary:focus {
    color: #fff;
    background-color: #0040ff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(51, 102, 255, 0.5);
}

a.bg-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(51, 102, 255, 0.5);
}

.bg-secondary {
    color: #fff;
    background-color: #737f9e;
}

a.bg-secondary:hover {
    color: #fff;
    background-color: #737f9e;
}

a.bg-secondary:focus {
    color: #fff;
    background-color: #737f9e;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(121, 135, 161, 0.5);
}

a.bg-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(121, 135, 161, 0.5);
}

.bg-success {
    color: #fff;
    background-color: #22c03c;
}

a.bg-success:hover {
    color: #fff;
    background-color: #2a7d01;
}

a.bg-success:focus {
    color: #fff;
    background-color: #2a7d01;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(59, 176, 1, 0.5);
}

a.bg-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(59, 176, 1, 0.5);
}

.bg-info {
    color: #fff;
    background-color: #00b9ff;
}

a.bg-info:hover {
    color: #fff;
    background-color: #00b9ff;
}

a.bg-info:focus {
    color: #fff;
    background-color: #00b9ff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

a.bg-info.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.bg-warning {
    color: #242f48;
    background-color: #fbbc0b;
}

a.bg-warning:hover,
a.bg-warning:focus {
    color: #242f48;
    background-color: #d39e00;
}

.badge-purple {
    color: #fff;
    background-color: 7571f9;
}

a.badge-purple:hover {
    color: #fff;
    background-color: #6536bb;
}

a.badge-purple:focus {
    color: #fff;
    background-color: #6536bb;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(101, 54, 187, 0.5);
}

a.badge-purple.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(101, 54, 187, 0.5);
}

.badge-teal {
    color: #fff;
    background-color: #00cccc;
}

a.badge-teal:hover,
a.badge-teal:focus {
    color: #242f48;
    background-color: #00cccc;
}

a.bg-warning:focus,
a.bg-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.bg-danger {
    color: #fff;
    background-color: #ee335e;
}

a.bg-danger:hover {
    color: #fff;
    background-color: #bd2130;
}

a.bg-danger:focus {
    color: #fff;
    background-color: #bd2130;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

a.bg-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-pink {
    color: #fff;
    background-color: #f10075;
}

a.badge-pink:hover {
    color: #fff;
    background-color: #e20b73;
}

a.badge-pink:focus {
    color: #fff;
    background-color: #e20b73;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(241, 0, 117, 0.5);
}

a.badge-pink.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(241, 0, 117, 0.5);
}

.badge-purple {
    color: #fff;
    background-color: #673ab7;
}

a.badge-purple:hover {
    color: #fff;
    background-color: #582ea2;
}

a.badge-purple:focus {
    color: #fff;
    background-color: #582ea2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(103, 58, 183, 0.5);
}

a.badge-purple.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(103, 58, 183, 0.5);
}

.bg-light {
    color: #242f48;
    background-color: #ecf0fa;
}

a.bg-light:hover {
    color: #242f48;
    background-color: #d5d9e4;
}

a.bg-light:focus {
    color: #242f48;
    background-color: #d5d9e4;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(244, 245, 248, 0.5);
}

a.bg-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(244, 245, 248, 0.5);
}

.bg-dark {
    color: #fff;
    background-color: #364261;
}

a.bg-dark:hover {
    color: #fff;
    background-color: #283143;
}

a.bg-dark:focus {
    color: #fff;
    background-color: #283143;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(59, 72, 99, 0.5);
}

a.bg-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(59, 72, 99, 0.5);
}

@media print {
    .badge {
        border: 1px solid #000;
    }
}

.breadcrumb-header {
    display: flex;
    margin-top: 24px;
    margin-bottom: 24px;
    width: 100%;
}

    .breadcrumb-header .breadcrumb {
        background: transparent !important;
        padding: 0;
        margin-bottom: 0;
        font-size: 13px;
    }

.breadcrumb-3 ol {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
}

.breadcrumb-3 li {
    display: contents;
    text-align: center;
}

.breadcrumb-4 ol {
    position: relative;
    display: block;
    width: 100%;
    text-align: right;
}

.breadcrumb-4 li {
    display: contents;
    text-align: right;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
}

@media (max-width: 633px) {
    .breadcrumb-header {
        display: block;
    }
}

@media (max-width: 380px) {
    .breadcrumb-right .btn-outline-primary {
        display: none;
    }
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #dde2ef;
    border-radius: 3px;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}

    .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        padding-right: 0.5rem !important;
        color: #737f9e;
        content: "/";
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: underline;
        text-decoration: none;
    }

.breadcrumb-item.active {
    color: #737f9e;
}

.breadcrumb {
    background-color: #ecf0fa;
}

.breadcrumb-style1,
.breadcrumb-style2,
.breadcrumb-style3 {
    border-radius: 0;
    background-color: transparent;
    padding: 0;
}

    .breadcrumb-style1 .breadcrumb-item,
    .breadcrumb-style2 .breadcrumb-item,
    .breadcrumb-style3 .breadcrumb-item {
        font-size: 11px;
        font-weight: 500;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        letter-spacing: .5px;
        text-transform: uppercase;
    }

        .breadcrumb-style1 .breadcrumb-item a,
        .breadcrumb-style2 .breadcrumb-item a,
        .breadcrumb-style3 .breadcrumb-item a {
            color: #242f48;
        }

            .breadcrumb-style1 .breadcrumb-item a:hover,
            .breadcrumb-style1 .breadcrumb-item a:focus {
                color: #C9A96E ;
            }

            .breadcrumb-style2 .breadcrumb-item a:hover,
            .breadcrumb-style2 .breadcrumb-item a:focus {
                color: #C9A96E ;
            }

            .breadcrumb-style3 .breadcrumb-item a:hover,
            .breadcrumb-style3 .breadcrumb-item a:focus {
                color: #C9A96E ;
            }

        .breadcrumb-style1 .breadcrumb-item.active,
        .breadcrumb-style2 .breadcrumb-item.active,
        .breadcrumb-style3 .breadcrumb-item.active {
            color: #C9A96E ;
        }

        .breadcrumb-style1 .breadcrumb-item + .breadcrumb-item::before,
        .breadcrumb-style2 .breadcrumb-item + .breadcrumb-item::before,
        .breadcrumb-style3 .breadcrumb-item + .breadcrumb-item::before {
            color: #949eb7;
        }

        .breadcrumb-style2 .breadcrumb-item + .breadcrumb-item::before,
        .breadcrumb-style3 .breadcrumb-item + .breadcrumb-item::before {
            width: 16px;
            text-align: center;
            font-family: 'Ionicons';
        }

        .breadcrumb-style2 .breadcrumb-item + .breadcrumb-item::before {
            content: '\f3d1';
        }

        .breadcrumb-style3 .breadcrumb-item + .breadcrumb-item::before {
            content: '\f287';
        }

.main-content-breadcrumb {
    display: flex;
    align-items: center;
    font-size: 10px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #949eb7;
    margin-bottom: 10px;
}

    .main-content-breadcrumb span {
        position: relative;
    }

        .main-content-breadcrumb span + span::before {
            content: '\f3d1';
            font-family: 'Ionicons';
            font-size: 12px;
            font-weight: 300;
            display: inline;
            margin: 0 5px;
            color: #b9c2d8;
            line-height: 0;
            position: relative;
            top: 1px;
        }

        .main-content-breadcrumb span:last-child {
            color: #4d5875;
        }

.main-breadcrumbs {
    padding: 0;
    background-color: transparent;
    margin-bottom: 0;
}

    .main-breadcrumbs .breadcrumb-item {
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: .5px;
        font-weight: 700;
    }

        .main-breadcrumbs .breadcrumb-item a {
            color: #C9A96E;
            transition: all 0.2s ease-in-out;
        }

            .main-breadcrumbs .breadcrumb-item a:hover {
                color: #949eb7;
            }

        .main-breadcrumbs .breadcrumb-item.active {
            color: #C9A96E ;
        }

        .main-breadcrumbs .breadcrumb-item + .breadcrumb-item {
            padding-left: 8px;
        }

            .main-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
                color: #949eb7;
                padding-right: 8px;
                font-weight: 400;
            }

@media (prefers-reduced-motion: reduce) {
    .main-breadcrumbs .breadcrumb-item a {
        transition: none;
    }
}

.breadcrumb-item + .breadcrumb-item::before {
    float: none !important;
}

.btn,
.sp-container button {
    display: inline-block;
    font-weight: 400;
    color: #C9A96E;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 3px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {

    .btn,
    .sp-container button {
        transition: none;
    }
}

.btn:hover,
.sp-container button:hover {
    color: #C9A96E;
    text-decoration: none;
}

.btn:focus,
.sp-container button:focus,
.btn.focus,
.sp-container button.focus {
    outline: 0;
    box-shadow: none;
}

.btn.disabled,
.sp-container button.disabled,
.btn:disabled,
.sp-container button:disabled {
    opacity: 0.65;
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}

.btn-primary {
    color: #fff;
    background-color: #C9A96E;
    border-color: #C9A96E ;
}

    .btn-primary:hover {
        color: #fff;
        background-color: color-mix(in sRGB, #000 10%, #C9A96E);
        border-color: color-mix(in sRGB, #000 10%, #C9A96E);
    }

    .btn-primary:focus,
    .btn-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(1, 98, 232, 0.2);
    }

    .btn-primary.disabled,
    .btn-primary:disabled {
        color: #fff;
        background-color: #C9A96E ;
        border-color: #C9A96E ;
    }

    .btn-primary:not(:disabled):not(.disabled):active,
    .btn-primary:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #C9A96E ;
        border-color: #C9A96E ;
    }

.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #C9A96E ;
    border-color: #C9A96E ;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(114, 115, 245, 0.2);
}

.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(114, 115, 245, 0.2);
}

.btn-secondary {
    color: #fff;
    background-color: #737f9e;
    border-color: #737f9e;
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #64738f;
        border-color: #5f6d88;
    }

    .btn-secondary:focus,
    .btn-secondary.focus {
        box-shadow: 0 0 0 0.2rem rgba(141, 153, 175, 0.5);
    }

    .btn-secondary.disabled,
    .btn-secondary:disabled {
        color: #fff;
        background-color: #737f9e;
        border-color: #737f9e;
    }

    .btn-secondary:not(:disabled):not(.disabled):active,
    .btn-secondary:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #5f6d88;
        border-color: #5a6780;
    }

.show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #5f6d88;
    border-color: #5a6780;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(141, 153, 175, 0.5);
}

.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(141, 153, 175, 0.5);
}

.btn-success {
    color: #fff;
    background-color: #22c03c;
    border-color: #22c03c;
}

    .btn-success:hover {
        color: #fff;
        background-color: #2e8a01;
        border-color: #2a7d01;
    }

    .btn-success:focus,
    .btn-success.focus {
        box-shadow: 0 0 0 0.2rem rgba(88, 188, 39, 0.5);
    }

    .btn-success.disabled,
    .btn-success:disabled {
        color: #fff;
        background-color: #22c03c;
        border-color: #22c03c;
    }

    .btn-success:not(:disabled):not(.disabled):active,
    .btn-success:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #2a7d01;
        border-color: #267101;
    }

.show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #2a7d01;
    border-color: #267101;
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(88, 188, 39, 0.5);
}

.show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(88, 188, 39, 0.5);
}

.btn-info {
    color: #fff;
    background-color: #00b9ff;
    border-color: #00b9ff;
}

    .btn-info:hover {
        color: #fff;
        background-color: #03a8e6 !important;
        border-color: #00b9ff;
    }

    .btn-info:focus,
    .btn-info.focus {
        box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
    }

    .btn-info.disabled,
    .btn-info:disabled {
        color: #fff;
        background-color: #00b9ff;
        border-color: #00b9ff;
    }

    .btn-info:not(:disabled):not(.disabled):active,
    .btn-info:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #00b9ff;
        border-color: #03a8e6;
    }

.show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #00b9ff;
    border-color: #03a8e6;
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-warning {
    color: #fff;
    background-color: #fbbc0b;
    border-color: #fbbc0b;
}

    .btn-warning:hover {
        color: #fff;
        background-color: #e0a800;
        border-color: #d39e00;
    }

    .btn-warning:focus,
    .btn-warning.focus {
        box-shadow: 0 0 0 0.2rem rgba(221, 170, 15, 0.5);
    }

    .btn-warning.disabled,
    .btn-warning:disabled {
        color: #fff;
        background-color: #fbbc0b;
        border-color: #fbbc0b;
    }

    .btn-warning:not(:disabled):not(.disabled):active,
    .btn-warning:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #d39e00;
        border-color: #c69500;
    }

.show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #d39e00;
    border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(221, 170, 15, 0.5);
}

.show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(221, 170, 15, 0.5);
}

.btn-danger {
    color: #fff !important;
    background-color: #c0c0c0;
    border-color: #c0c0c0;
}

    .btn-danger:hover {
        color: #fff;
        background-color: #0D1C48;
        border-color: #0D1C48;
    }

    .btn-danger:focus,
    .btn-danger.focus {
        box-shadow: 0 0 0 0.2rem rgba(250, 92, 124, 0.2);
    }

    .btn-danger.disabled,
    .btn-danger:disabled {
        color: #fff;
        background-color: #ee335e;
        border-color: #ee335e;
    }

    .btn-danger:not(:disabled):not(.disabled):active,
    .btn-danger:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #ee335e;
        border-color: #ee335e;
    }

.show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #ee335e;
    border-color: #ee335e;
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 92, 124, 0.5);
}

.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 92, 124, 0.5);
}

.btn-teal {
    color: #fff;
    background-color: #00cccc;
    border-color: #05d6d6;
}

    .btn-teal:hover {
        color: #fff;
        background-color: #04bfbf;
        border-color: #04bfbf;
    }

    .btn-teal:focus,
    .btn-teal.focus {
        box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
    }

    .btn-teal.disabled,
    .btn-teal:disabled {
        color: #fff;
        background-color: #04bfbf;
        border-color: #04bfbf;
    }

    .btn-teal:not(:disabled):not(.disabled):active,
    .btn-teal:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #04bfbf;
        border-color: #04bfbf;
    }

.show > .btn-teal.dropdown-toggle {
    color: #fff;
    background-color: #04bfbf;
    border-color: #04bfbf;
}

.btn-teal:not(:disabled):not(.disabled):active:focus,
.btn-teal:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(4, 191, 191, 0.5);
}

.show > .btn-teal.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(4, 191, 191, 0.5);
}

.btn-light {
    color: #242f48;
    background-color: #ecf0fa;
    border-color: #ecf0fa;
}

    .btn-light:hover {
        color: #242f48;
        background-color: #dde0e9;
        border-color: #d5d9e4;
    }

    .btn-light:focus,
    .btn-light.focus {
        box-shadow: 0 0 0 0.2rem rgba(212, 214, 220, 0.5);
    }

    .btn-light.disabled,
    .btn-light:disabled {
        color: #242f48;
        background-color: #ecf0fa;
        border-color: #ecf0fa;
    }

    .btn-light:not(:disabled):not(.disabled):active,
    .btn-light:not(:disabled):not(.disabled).active {
        color: #242f48;
        background-color: #d5d9e4;
        border-color: #cdd2df;
    }

.show > .btn-light.dropdown-toggle {
    color: #242f48;
    background-color: #d5d9e4;
    border-color: #cdd2df;
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(212, 214, 220, 0.5);
}

.show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(212, 214, 220, 0.5);
}

.btn-dark {
    color: #fff;
    background-color: #364261;
    border-color: #364261;
}

    .btn-dark:hover {
        color: #fff;
        background-color: #2d374b;
        border-color: #283143;
    }

    .btn-dark:focus,
    .btn-dark.focus {
        box-shadow: 0 0 0 0.2rem rgba(88, 99, 122, 0.5);
    }

    .btn-dark.disabled,
    .btn-dark:disabled {
        color: #fff;
        background-color: #364261;
        border-color: #364261;
    }

    .btn-dark:not(:disabled):not(.disabled):active,
    .btn-dark:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #283143;
        border-color: #232b3b;
    }

.show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #283143;
    border-color: #232b3b;
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(88, 99, 122, 0.5);
}

.show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(88, 99, 122, 0.5);
}

.btn-outline-primary {
    color: #C9A96E ;
    border-color: #C9A96E ;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #C9A96E  !important;
        border-color: #C9A96E ;
    }

    .btn-outline-primary:focus,
    .btn-outline-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(51, 102, 255, 0.5);
        background-color: #C9A96E  !important;
    }

    .btn-outline-primary.disabled,
    .btn-outline-primary:disabled {
        color: #C9A96E ;
        background-color: transparent;
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active,
    .btn-outline-primary:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #C9A96E ;
        border-color: #C9A96E ;
    }

.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #C9A96E ;
    border-color: #C9A96E ;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(51, 102, 255, 0.5);
}

.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(51, 102, 255, 0.5);
}

.btn-outline-secondary {
    color: #737f9e;
    border-color: #737f9e;
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #737f9e;
        border-color: #737f9e;
    }

    .btn-outline-secondary:focus,
    .btn-outline-secondary.focus {
        background-color: #737f9e;
        box-shadow: 0 0 0 0.2rem rgba(121, 135, 161, 0.5);
    }

    .btn-outline-secondary.disabled,
    .btn-outline-secondary:disabled {
        color: #737f9e;
        background-color: transparent;
    }

    .btn-outline-secondary:not(:disabled):not(.disabled):active,
    .btn-outline-secondary:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #737f9e;
        border-color: #737f9e;
    }

.show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #737f9e;
    border-color: #737f9e;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(121, 135, 161, 0.5);
}

.show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(121, 135, 161, 0.5);
}

.btn-outline-success {
    color: #22c03c;
    border-color: #22c03c;
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #22c03c;
        border-color: #22c03c;
    }

    .btn-outline-success:focus,
    .btn-outline-success.focus {
        background-color: #22c03c;
        box-shadow: 0 0 0 0.2rem rgba(59, 176, 1, 0.5);
    }

    .btn-outline-success.disabled,
    .btn-outline-success:disabled {
        color: #22c03c;
        background-color: transparent;
    }

    .btn-outline-success:not(:disabled):not(.disabled):active,
    .btn-outline-success:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #22c03c;
        border-color: #22c03c;
    }

.show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #22c03c;
    border-color: #22c03c;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(59, 176, 1, 0.5);
}

.show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(59, 176, 1, 0.5);
}

.btn-outline-info {
    color: #00b9ff;
    border-color: #00b9ff;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #00b9ff;
        border-color: #00b9ff;
    }

    .btn-outline-info:focus,
    .btn-outline-info.focus {
        background-color: #00b9ff;
        box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    }

    .btn-outline-info.disabled,
    .btn-outline-info:disabled {
        color: #00b9ff;
        background-color: transparent;
    }

    .btn-outline-info:not(:disabled):not(.disabled):active,
    .btn-outline-info:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #00b9ff;
        border-color: #00b9ff;
    }

.show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #00b9ff;
    border-color: #00b9ff;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
    color: #fbbc0b;
    border-color: #fbbc0b;
}

    .btn-outline-warning:hover {
        color: #242f48;
        background-color: #fbbc0b;
        border-color: #fbbc0b;
    }

    .btn-outline-warning:focus,
    .btn-outline-warning.focus {
        background-color: #fbbc0b;
        box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
    }

    .btn-outline-warning.disabled,
    .btn-outline-warning:disabled {
        color: #fbbc0b;
        background-color: transparent;
    }

    .btn-outline-warning:not(:disabled):not(.disabled):active,
    .btn-outline-warning:not(:disabled):not(.disabled).active {
        color: #242f48;
        background-color: #fbbc0b;
        border-color: #fbbc0b;
    }

.show > .btn-outline-warning.dropdown-toggle {
    color: #242f48;
    background-color: #fbbc0b;
    border-color: #fbbc0b;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
    color: #ee335e;
    border-color: #ee335e;
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #ee335e;
        border-color: #ee335e;
    }

    .btn-outline-danger:focus,
    .btn-outline-danger.focus {
        background-color: #ee335e;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
    }

    .btn-outline-danger.disabled,
    .btn-outline-danger:disabled {
        color: #ee335e;
        background-color: transparent;
    }

    .btn-outline-danger:not(:disabled):not(.disabled):active,
    .btn-outline-danger:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #ee335e;
        border-color: #ee335e;
    }

.show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #ee335e;
    border-color: #ee335e;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
    color: #ecf0fa;
    border-color: #ecf0fa;
}

    .btn-outline-light:hover {
        color: #242f48;
        background-color: #ecf0fa;
        border-color: #ecf0fa;
    }

    .btn-outline-light:focus,
    .btn-outline-light.focus {
        box-shadow: 0 0 0 0.2rem rgba(244, 245, 248, 0.5);
    }

    .btn-outline-light.disabled,
    .btn-outline-light:disabled {
        color: #ecf0fa;
        background-color: transparent;
    }

    .btn-outline-light:not(:disabled):not(.disabled):active,
    .btn-outline-light:not(:disabled):not(.disabled).active {
        color: #242f48;
        background-color: #ecf0fa;
        border-color: #ecf0fa;
    }

.show > .btn-outline-light.dropdown-toggle {
    color: #242f48;
    background-color: #ecf0fa;
    border-color: #ecf0fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(244, 245, 248, 0.5);
}

.show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(244, 245, 248, 0.5);
}

.btn-outline-dark {
    color: #364261;
    border-color: #364261;
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #364261;
        border-color: #364261;
    }

    .btn-outline-dark:focus,
    .btn-outline-dark.focus {
        background-color: #364261;
        box-shadow: 0 0 0 0.2rem rgba(59, 72, 99, 0.5);
    }

    .btn-outline-dark.disabled,
    .btn-outline-dark:disabled {
        color: #364261;
        background-color: transparent;
    }

    .btn-outline-dark:not(:disabled):not(.disabled):active,
    .btn-outline-dark:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #364261;
        border-color: #364261;
    }

.show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #364261;
    border-color: #364261;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(59, 72, 99, 0.5);
}

.show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(59, 72, 99, 0.5);
}

.btn-link {
    font-weight: 400;
    color: #C9A96E ;
    text-decoration: none;
}

    .btn-link:hover {
        color: #8485fb;
        text-decoration: none;
    }

    .btn-link:focus,
    .btn-link.focus {
        text-decoration: none;
        box-shadow: none;
    }

    .btn-link:disabled,
    .btn-link.disabled {
        color: #737f9e;
        pointer-events: none;
    }

.btn-lg,
.btn-group-lg > .btn,
.sp-container .btn-group-lg > button {
    padding: 0.5rem 1rem;
    font-size: 1.09375rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.btn-sm,
.btn-group-sm > .btn,
.sp-container .btn-group-sm > button {
    padding: 0.25rem 0.5rem;
    font-size: 0.76562rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 0.5rem;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

    .btn-group > .btn,
    .sp-container .btn-group > button,
    .btn-group-vertical > .btn,
    .sp-container .btn-group-vertical > button {
        position: relative;
        flex: 1 1 auto;
    }

        .btn-group > .btn:hover,
        .sp-container .btn-group > button:hover,
        .btn-group-vertical > .btn:hover,
        .sp-container .btn-group-vertical > button:hover,
        .btn-group > .btn:focus,
        .sp-container .btn-group > button:focus,
        .btn-group > .btn:active,
        .sp-container .btn-group > button:active,
        .btn-group > .btn.active,
        .sp-container .btn-group > button.active,
        .btn-group-vertical > .btn:focus,
        .sp-container .btn-group-vertical > button:focus,
        .btn-group-vertical > .btn:active,
        .sp-container .btn-group-vertical > button:active,
        .btn-group-vertical > .btn.active,
        .sp-container .btn-group-vertical > button.active {
            z-index: 1;
        }

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    .btn-toolbar .input-group {
        width: auto;
    }

.btn-group > .btn:not(:first-child),
.sp-container .btn-group > button:not(:first-child) {
    margin-left: -1px;
}

.btn-group > .btn-group:not(:first-child) {
    margin-left: -1px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.sp-container .btn-group > button:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn,
.sp-container .btn-group > .btn-group:not(:last-child) > button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child),
.sp-container .btn-group > button:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn,
.sp-container .btn-group > .btn-group:not(:first-child) > button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split,
.sp-container .btn-group-sm > button + .dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split,
.sp-container .btn-group-lg > button + .dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

    .btn-group-vertical > .btn {
        width: 100%;
    }

.sp-container .btn-group-vertical > button {
    width: 100%;
}

.btn-group-vertical > .btn-group {
    width: 100%;
}

.btn-group-vertical > .btn:not(:first-child) {
    margin-top: -1px;
}

.sp-container .btn-group-vertical > button:not(:first-child) {
    margin-top: -1px;
}

.btn-group-vertical > .btn-group:not(:first-child) {
    margin-top: -1px;
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.sp-container .btn-group-vertical > button:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.sp-container .btn-group-vertical > .btn-group:not(:last-child) > button {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:not(:first-child),
.sp-container .btn-group-vertical > button:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.sp-container .btn-group-vertical > .btn-group:not(:first-child) > button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.sp-container .btn-group-toggle > button,
.btn-group-toggle > .btn-group > .btn,
.sp-container .btn-group-toggle > .btn-group > button {
    margin-bottom: 0;
}

    .btn-group-toggle > .btn input[type="radio"],
    .sp-container .btn-group-toggle > button input[type="radio"],
    .btn-group-toggle > .btn input[type="checkbox"],
    .sp-container .btn-group-toggle > button input[type="checkbox"],
    .btn-group-toggle > .btn-group > .btn input[type="radio"],
    .sp-container .btn-group-toggle > .btn-group > button input[type="radio"],
    .btn-group-toggle > .btn-group > .btn input[type="checkbox"],
    .sp-container .btn-group-toggle > .btn-group > button input[type="checkbox"] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none;
    }

/* ###### 3.3 Buttons ###### */
.btn,
.sp-container button {
    border-width: 0;
    line-height: 1.538;
    padding: 9px 20px;
    transition: none;
}

    .btn:active,
    .sp-container button:active,
    .btn:focus,
    .sp-container button:focus {
        box-shadow: none;
    }

.btn-light {
    color: #242f48;
    background-color: #ecf0fa;
    border-color: #dce1ec;
}

    .btn-light:hover {
        color: #242f48;
        background-color: #dce1ec;
        border-color: #dce1ec;
    }

    .btn-light:focus,
    .btn-light.focus {
        box-shadow: 0 0 0 0.2rem #f0eff4;
    }

    .btn-light.disabled,
    .btn-light:disabled {
        color: #242f48;
        background-color: #ecf0fa;
        border-color: #ecf0fa;
    }

    .btn-light:not(:disabled):not(.disabled):active,
    .btn-light:not(:disabled):not(.disabled).active {
        color: #242f48;
        background-color: #ecf0fa;
        border-color: #ecf0fa;
    }

.show > .btn-light.dropdown-toggle {
    color: #242f48;
    background-color: #e9e7f5;
    border-color: #e9e7f5;
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem #f0eff4;
}

.show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #f0eff4;
}

.btn-indigo {
    color: #fff;
    background-color: #b057bf;
    border-color: #b057bf;
}

    .btn-indigo:hover {
        color: #fff;
        background-color: #ac50bb;
        border-color: #ac50bb;
    }

    .btn-indigo:focus,
    .btn-indigo.focus {
        box-shadow: 0 0 0 0.2rem rgba(172, 80, 187, 0.5);
    }

    .btn-indigo.disabled,
    .btn-indigo:disabled {
        color: #fff;
        background-color: #b057bf;
        border-color: #b057bf;
    }

    .btn-indigo:not(:disabled):not(.disabled):active,
    .btn-indigo:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #b057bf;
        border-color: #b057bf;
    }

.show > .btn-indigo.dropdown-toggle {
    color: #fff;
    background-color: #b057bf;
    border-color: #b057bf;
}

.btn-indigo:not(:disabled):not(.disabled):active:focus,
.btn-indigo:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(172, 80, 187, 0.5);
}

.show > .btn-indigo.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(172, 80, 187, 0.5);
}

.btn-purple {
    color: #fff;
    background-color: #673ab7;
    border-color: #643ab0;
}

    .btn-purple:hover {
        color: #fff;
        background-color: #5e37a6;
        border-color: #4e2d89;
    }

    .btn-purple:focus,
    .btn-purple.focus {
        box-shadow: 0 0 0 0.2rem rgba(123, 87, 188, 0.5);
    }

    .btn-purple.disabled,
    .btn-purple:disabled {
        color: #fff;
        background-color: #673ab7;
        border-color: #643ab0;
    }

    .btn-purple:not(:disabled):not(.disabled):active,
    .btn-purple:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #59339d;
        border-color: #482a80;
    }

.show > .btn-purple.dropdown-toggle {
    color: #fff;
    background-color: #59339d;
    border-color: #482a80;
}

.btn-purple:not(:disabled):not(.disabled):active:focus,
.btn-purple:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(123, 87, 188, 0.5);
}

.show > .btn-purple.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(123, 87, 188, 0.5);
}

.btn-pink {
    color: #fff;
    background-color: #f10075;
    border-color: #d80069;
}

    .btn-pink:hover {
        color: #fff;
        background-color: #cb0062;
        border-color: #a50050;
    }

    .btn-pink:focus,
    .btn-pink.focus {
        box-shadow: 0 0 0 0.2rem rgba(221, 38, 127, 0.5);
    }

    .btn-pink.disabled,
    .btn-pink:disabled {
        color: #fff;
        background-color: #f10075;
        border-color: #d80069;
    }

    .btn-pink:not(:disabled):not(.disabled):active,
    .btn-pink:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #be005c;
        border-color: #98004a;
    }

.show > .btn-pink.dropdown-toggle {
    color: #fff;
    background-color: #be005c;
    border-color: #98004a;
}

.btn-pink:not(:disabled):not(.disabled):active:focus,
.btn-pink:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(221, 38, 127, 0.5);
}

.show > .btn-pink.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(221, 38, 127, 0.5);
}

.btn-gray-500 {
    color: #242f48;
    background-color: #949eb7;
    border-color: #8896af;
}

    .btn-gray-500:hover {
        color: #fff;
        background-color: #808faa;
        border-color: #697b9a;
    }

    .btn-gray-500:focus,
    .btn-gray-500.focus {
        box-shadow: 0 0 0 0.2rem rgba(120, 133, 158, 0.5);
    }

    .btn-gray-500.disabled,
    .btn-gray-500:disabled {
        color: #242f48;
        background-color: #949eb7;
        border-color: #8896af;
    }

    .btn-gray-500:not(:disabled):not(.disabled):active,
    .btn-gray-500:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #7988a4;
        border-color: #637493;
    }

.show > .btn-gray-500.dropdown-toggle {
    color: #fff;
    background-color: #7988a4;
    border-color: #637493;
}

.btn-gray-500:not(:disabled):not(.disabled):active:focus,
.btn-gray-500:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(120, 133, 158, 0.5);
}

.show > .btn-gray-500.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(120, 133, 158, 0.5);
}

.btn-gray-700 {
    color: #fff;
    background-color: #4d5875;
    border-color: #4f5c73;
}

    .btn-gray-700:hover {
        color: #fff;
        background-color: #49566b;
        border-color: #3a4455;
    }

    .btn-gray-700:focus,
    .btn-gray-700.focus {
        box-shadow: 0 0 0 0.2rem rgba(105, 116, 136, 0.5);
    }

    .btn-gray-700.disabled,
    .btn-gray-700:disabled {
        color: #fff;
        background-color: #4d5875;
        border-color: #4f5c73;
    }

    .btn-gray-700:not(:disabled):not(.disabled):active,
    .btn-gray-700:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #445064;
        border-color: #353e4d;
    }

.show > .btn-gray-700.dropdown-toggle {
    color: #fff;
    background-color: #445064;
    border-color: #353e4d;
}

.btn-gray-700:not(:disabled):not(.disabled):active:focus,
.btn-gray-700:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(105, 116, 136, 0.5);
}

.show > .btn-gray-700.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(105, 116, 136, 0.5);
}

[class*=btn-outline-] {
    padding: 0.4rem 1rem;
    line-height: 1.657;
    border-width: 1px;
    background-color: transparent;
}

    [class*=btn-outline-]:hover,
    [class*=btn-outline-]:focus {
        color: #fff;
    }

.btn-outline-indigo {
    border-color: #b057bf;
    color: #b057bf;
}

    .btn-outline-indigo:hover,
    .btn-outline-indigo:focus {
        background-color: #b057bf;
    }

.btn-outline-light {
    border-color: #949eb7;
    color: #949eb7;
}

    .btn-outline-light:hover,
    .btn-outline-light:focus {
        background-color: #949eb7;
    }

/* ###### 5.1 Buttons  ###### */
.btn-main-primary {
    color: #fff;
    background-color: #C9A96E ;
    border-color: #025cd8;
}

    .btn-main-primary:hover {
        color: #fff;
        background-color: #025cd8;
        border-color: #C9A96E ;
    }

    .btn-main-primary:focus,
    .btn-main-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(1, 98, 232, 0.5);
    }

    .btn-main-primary.disabled,
    .btn-main-primary:disabled {
        color: #fff;
        background-color: #C9A96E ;
        border-color: #C9A96E ;
    }

    .btn-main-primary:not(:disabled):not(.disabled):active,
    .btn-main-primary:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #C9A96E ;
        border-color: #C9A96E ;
    }

.show > .btn-main-primary.dropdown-toggle {
    color: #fff;
    background-color: #C9A96E ;
    border-color: #C9A96E ;
}

.btn-main-primary:not(:disabled):not(.disabled):active:focus,
.btn-main-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(1, 98, 232, 0.5);
}

.show > .btn-main-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(1, 98, 232, 0.5);
}

.btn-main-secondary {
    color: #fff;
    background-color: #C9A96E ;
    border-color: #C9A96E ;
}

    .btn-main-secondary:hover {
        color: #fff;
        background-color: #C9A96E ;
        border-color: #C9A96E ;
    }

    .btn-main-secondary:focus,
    .btn-main-secondary.focus {
        box-shadow: 0 0 0 0.2rem rgba(60, 109, 255, 0.5);
    }

    .btn-main-secondary.disabled,
    .btn-main-secondary:disabled {
        color: #fff;
        background-color: #C9A96E ;
        border-color: #C9A96E ;
    }

    .btn-main-secondary:not(:disabled):not(.disabled):active,
    .btn-main-secondary:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #C9A96E ;
        border-color: #C9A96E ;
    }

.show > .btn-main-secondary.dropdown-toggle {
    color: #fff;
    background-color: #C9A96E ;
    border-color: #C9A96E ;
}

.btn-main-secondary:not(:disabled):not(.disabled):active:focus,
.btn-main-secondary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(60, 109, 255, 0.5);
}

.show > .btn-main-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(60, 109, 255, 0.5);
}

.btn-main-secondary {
    color: #fff;
    background-color: #C9A96E ;
    border-color: #1a53ff;
}

    .btn-main-secondary:hover {
        color: #fff;
        background-color: #0d49ff;
        border-color: #8485fb;
    }

    .btn-main-secondary:focus,
    .btn-main-secondary.focus {
        box-shadow: 0 0 0 0.2rem rgba(60, 109, 255, 0.5);
    }

    .btn-main-secondary.disabled,
    .btn-main-secondary:disabled {
        color: #fff;
        background-color: #C9A96E ;
        border-color: #1a53ff;
    }

    .btn-main-secondary:not(:disabled):not(.disabled):active,
    .btn-main-secondary:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #0040ff;
        border-color: #0036d9;
    }

.show > .btn-main-secondary.dropdown-toggle {
    color: #fff;
    background-color: #0040ff;
    border-color: #0036d9;
}

.btn-main-secondary:not(:disabled):not(.disabled):active:focus,
.btn-main-secondary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(60, 109, 255, 0.5);
}

.show > .btn-main-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(60, 109, 255, 0.5);
}

.btn-rounded {
    border-radius: 50px;
}

.btn-with-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
}

    .btn-with-icon i {
        line-height: 0;
        font-size: 20px;
        margin-right: 5px;
    }

        .btn-with-icon i.typcn {
            line-height: .9;
        }

        .btn-with-icon i.fas {
            font-size: 15px;
        }

        .btn-with-icon i.icon {
            font-size: 18px;
        }

.btn-icon {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .btn-icon i {
        line-height: 0;
        font-size: 1.2rem;
    }

        .btn-icon i.typcn {
            line-height: .95;
        }

.btn-icon-list {
    display: flex;
    align-items: center;
}

    .btn-icon-list .btn + .btn,
    .btn-icon-list .sp-container button + .btn {
        margin-left: 5px;
    }

    .sp-container .btn-icon-list button + .btn,
    .btn-icon-list .sp-container .btn + button,
    .sp-container .btn-icon-list .btn + button,
    .btn-icon-list .sp-container button + button,
    .sp-container .btn-icon-list button + button {
        margin-left: 5px;
    }

@media (max-width: 991px) {
    .btn.btn-default.nav-link {
        margin-top: 0;
    }
}

.nav-link#bs-example-navbar-collapse-1 {
    padding: 0.6rem 0.3rem;
}

/* ###### 4.8 button-light ###### */
.btn-warning-light {
    color: #FDAC41;
    background-color: rgba(253, 172, 65, 0.2);
    border-color: rgba(253, 172, 65, 0.2);
}

    .btn-warning-light:hover {
        color: #242f48;
        background-color: #FDAC41;
        border-color: #FDAC41;
    }

.btn-warning:focus,
.btn-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(221, 170, 15, 0.5);
}

.btn-warning-light.disabled,
.btn-warning-light:disabled {
    color: #242f48;
    background-color: #FDAC41;
    border-color: #FDAC41;
}

.btn-warning-light:not(:disabled):not(.disabled):active,
.btn-warning-light:not(:disabled):not(.disabled).active {
    color: #242f48;
    background-color: #FDAC41;
    border-color: #FDAC41;
}

.show > .btn-warning-light.dropdown-toggle {
    color: #242f48;
    background-color: #FDAC41;
    border-color: #FDAC41;
}

.btn-warning-light:not(:disabled):not(.disabled):active:focus,
.btn-warning-light:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem rgba(221, 170, 15, 0.5);
}

.show > .btn-warning-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(221, 170, 15, 0.5);
}

.btn-primary-gradient {
    color: #fff;
    background: linear-gradient(to left, #0db2de 0%, #005bea 100%);
    border: 1px solid #0db2de;
}

    .btn-primary-gradient:hover {
        color: #fff;
        background: linear-gradient(to left, #099fc7 0%, #0555d4 100%);
        border-color: #0db2de;
    }

    .btn-primary-gradient:focus,
    .btn-primary-gradient.focus {
        background: linear-gradient(to left, #099fc7 0%, #0555d4 100%);
        box-shadow: 0 0 0 0.2rem rgba(5, 85, 212, 0.5);
    }

.btn-danger-gradient {
    color: #fff;
    background: linear-gradient(45deg, #f93a5a, #f7778c);
    border: 1px solid #ef6178;
}

    .btn-danger-gradient:hover {
        color: #fff;
        background: linear-gradient(45deg, #fb3254, #f96d84);
        border-color: #ef6178;
    }

    .btn-danger-gradient:focus,
    .btn-danger-gradient.focus {
        background: linear-gradient(45deg, #fb3254, #f96d84);
        box-shadow: 0 0 0 0.2rem rgba(251, 50, 84, 0.5);
    }

.btn-pink-gradient {
    color: #fff;
    background: linear-gradient(to right, #f10075 0%, #f36eae 100%);
    border: 1px solid #f10075;
}

    .btn-pink-gradient:hover {
        color: #fff;
        background: linear-gradient(to right, #de056e 0%, #f565aa 100%);
        border-color: #f10075;
    }

    .btn-pink-gradient:focus,
    .btn-pink-gradient.focus {
        background: linear-gradient(to right, #de056e 0%, #f565aa 100%);
        box-shadow: 0 0 0 0.2rem rgba(222, 5, 110, 0.5);
    }

.btn-purple-gradient {
    color: #fff;
    background: linear-gradient(to right, #673ab7 0%, #884af1 100%);
    border: 1px solid #673ab7;
}

    .btn-purple-gradient:hover {
        color: #fff;
        background: linear-gradient(to right, #6437b3 0%, #7d40e4 100%);
        border-color: #673ab7;
    }

    .btn-purple-gradient:focus,
    .btn-purple-gradient.focus {
        background: linear-gradient(to right, #6437b3 0%, #7d40e4 100%);
        box-shadow: 0 0 0 0.2rem rgba(100, 55, 179, 0.5);
    }

.btn-warning-gradient {
    color: #fff;
    background: linear-gradient(to left, #efa65f, #f76a2d);
    border: 1px solid #efa65f;
}

    .btn-warning-gradient:hover {
        color: #fff;
        background: linear-gradient(to left, #efa359, #f56729);
        border-color: #efa65f;
    }

    .btn-warning-gradient:focus,
    .btn-warning-gradient.focus {
        background: linear-gradient(to left, #efa359, #f56729);
        box-shadow: 0 0 0 0.2rem rgba(239, 163, 89, 0.5);
    }

.btn-success-gradient {
    color: #fff;
    background: linear-gradient(to left, #48d6a8 0%, #029666 100%);
    border: 1px solid #3dc59a;
}

    .btn-success-gradient:hover {
        color: #fff;
        background: linear-gradient(to left, #3ed0a1 0%, #039062 100%);
        border-color: #3dc59a;
    }

    .btn-success-gradient:focus,
    .btn-success-gradient.focus {
        background: linear-gradient(to left, #3ed0a1 0%, #039062 100%);
        box-shadow: 0 0 0 0.2rem rgba(3, 144, 98, 0.5);
    }

.btn-info-gradient {
    color: #fff;
    background: linear-gradient(to right, #0296ce 0%, #38c6f7 100%);
    border: 1px solid #29b9ec;
}

    .btn-info-gradient:hover {
        color: #fff;
        background: linear-gradient(to right, #0993c7 0%, #22b7ea 100%);
        border-color: #29b9ec;
    }

    .btn-info-gradient:focus,
    .btn-info-gradient.focus {
        background: linear-gradient(to right, #0993c7 0%, #22b7ea 100%);
        box-shadow: 0 0 0 0.2rem rgba(34, 183, 234, 0.5);
    }

.btn-light-gradient {
    color: #000;
    background: linear-gradient(120deg, #cdd2de 0%, #ecf0fa 100%);
    border: 1px solid #cdd2de;
}

    .btn-light-gradient:hover {
        color: #000;
        background: linear-gradient(120deg, #c1c7d6 0%, #e0e5f1 100%);
        border-color: #cdd2de;
    }

    .btn-light-gradient:focus,
    .btn-light-gradient.focus {
        background: linear-gradient(120deg, #c1c7d6 0%, #e0e5f1 100%);
        box-shadow: 0 0 0 0.2rem rgba(193, 199, 214, 0.5);
    }

.btn-dark-gradient {
    color: #fff;
    background: linear-gradient(60deg, #29323c 0%, #485563 100%);
    border: 1px solid #29323c;
}

    .btn-dark-gradient:hover {
        color: #fff;
        background: linear-gradient(60deg, #212931 0%, #424f5d 100%);
        border-color: #29323c;
    }

    .btn-dark-gradient:focus,
    .btn-dark-gradient.focus {
        background: linear-gradient(60deg, #212931 0%, #424f5d 100%);
        box-shadow: 0 0 0 0.2rem rgba(33, 41, 49, 0.5);
    }

.btn-secondary-gradient {
    color: #fff;
    background: linear-gradient(to right, #636f8e 0%, #acb8da 100%);
    border: 1px solid #9aa6c7;
}

    .btn-secondary-gradient:hover {
        color: #fff;
        background: linear-gradient(to right, #596586 0%, #92a0ca 100%);
        border-color: #9aa6c7;
    }

    .btn-secondary-gradient:focus,
    .btn-secondary-gradient.focus {
        background: linear-gradient(to right, #596586 0%, #92a0ca 100%);
        box-shadow: 0 0 0 0.2rem rgba(88, 100, 130, 0.5);
    }

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background: #fff !important;
    background-clip: border-box;
    border-radius: 5px;
    border: 1px solid #deebfd;
    margin-bottom: 1.3rem;
    box-shadow: -8px 12px 18px 0 #dadee8;
}

    .card > hr {
        margin-right: 0;
        margin-left: 0;
    }

    .card > .list-group:first-child .list-group-item:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .card > .list-group:last-child .list-group-item:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link + .card-link {
    margin-left: 1.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: white;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

    .card-header:first-child {
        border-radius: calc(3px - 1px) calc(3px - 1px) 0 0;
    }

    .card-header + .list-group .list-group-item:first-child {
        border-top: 0;
    }

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: white;
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

    .card-footer:last-child {
        border-radius: 0 0 calc(3px - 1px) calc(3px - 1px);
    }

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.card-img {
    width: 100%;
    border-radius: calc(3px - 1px);
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(3px - 1px);
    border-top-right-radius: calc(3px - 1px);
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(3px - 1px);
    border-bottom-left-radius: calc(3px - 1px);
}

.card-deck {
    display: flex;
    flex-direction: column;
}

    .card-deck .card {
        margin-bottom: 15px;
    }

@media (min-width: 576px) {
    .card-deck {
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

        .card-deck .card {
            display: flex;
            flex: 1 0 0%;
            flex-direction: column;
            margin-right: 15px;
            margin-bottom: 0;
            margin-left: 15px;
        }
}

.card-group {
    display: flex;
    flex-direction: column;
}

    .card-group > .card {
        margin-bottom: 15px;
    }

@media (min-width: 576px) {
    .card-group {
        flex-flow: row wrap;
    }

        .card-group > .card {
            flex: 1 0 0%;
            margin-bottom: 0;
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0;
            }

            .card-group > .card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

                .card-group > .card:not(:last-child) .card-img-top,
                .card-group > .card:not(:last-child) .card-header {
                    border-top-right-radius: 0;
                }

                .card-group > .card:not(:last-child) .card-img-bottom,
                .card-group > .card:not(:last-child) .card-footer {
                    border-bottom-right-radius: 0;
                }

            .card-group > .card:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

                .card-group > .card:not(:first-child) .card-img-top,
                .card-group > .card:not(:first-child) .card-header {
                    border-top-left-radius: 0;
                }

                .card-group > .card:not(:first-child) .card-img-bottom,
                .card-group > .card:not(:first-child) .card-footer {
                    border-bottom-left-radius: 0;
                }
}

.card-columns .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }

        .card-columns .card {
            display: inline-block;
            width: 100%;
        }
}

.card {
    border-radius: 7px;
}

    .card.text-white .card-title,
    .card.tx-white .card-title {
        color: #fff;
    }

.card-header,
.card-footer {
    position: relative;
    border-color: #d0d7e8;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.25rem;
}

.card-header {
    border-bottom: 0;
    border-top-left-radius: 7px !important;
    border-top-right-radius: 7px !important;
}

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

.card-footer {
    border-bottom-left-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
}

.card-header-tab {
    border-bottom: 0;
    padding: 0;
}

.card-title {
    font-weight: 700;
    color: #242f48;
    font-size: 14px;
    text-transform: uppercase;
}

.card-item-desc .card-item-desc-1 dt,
dd {
    display: inline-block;
}

.card-item-desc .card-item-desc-1 dt {
    font-weight: 500;
    font-size: 13px;
}

.card-item-desc .card-item-desc-1 dd {
    font-size: 13px;
    color: #737f9e;
    margin-bottom: 0;
}

.card-item-desc dl {
    margin-bottom: 0;
}

.card .card-header .card-header-right .card-option {
    width: 35px;
    height: 20px;
    overflow: hidden;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

    .card .card-header .card-header-right .card-option li {
        display: inline-block;
    }

.card-category {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    letter-spacing: .05em;
    margin: 0 0 .5rem;
    background: #ecf0fa;
    padding: 7px 0;
    border-radius: 4px;
}

.card-dashboard-audience-metrics .flot-chart .flot-x-axis > div {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    color: #737f9e;
    display: none;
}

.card-minimal-two .nav-pills .nav-link.active {
    border-radius: 2px;
    background-color: #C9A96E ;
}

.card-minimal-two .nav-link {
    display: block;
    padding: 8px 30px;
    margin: 2px;
    background-color: #dde2ef;
}

.card-body-top {
    top: 63px;
    left: -5px;
    position: absolute;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 10;
}

    .card-body-top a {
        color: #242f48;
        font-weight: 700;
        width: 20px;
        text-align: right;
        display: inline-block;
    }

.card-minimal-four .card-footer .nav-link {
    flex: 1;
    display: block;
    text-align: center;
    background-color: #dde2ef;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}

.card-progress {
    display: flex;
    align-items: center;
}

    .card-progress .progress {
        height: 3px;
        flex: 1;
        margin: 0 5px;
    }

.card.card-primary {
    border-top: 2px solid #C9A96E  !important;
}

.card.card-secondary {
    border-top: 2px solid #737f9e !important;
}

.card.card-success {
    border-top: 2px solid #22e840 !important;
}

.card.card-danger {
    border-top: 2px solid #ee335e !important;
}

.card.card-warning {
    border-top: 2px solid #ffb209 !important;
}

.card.card-info {
    border-top: 2px solid #01b8ff !important;
}

.card.card-purple {
    border-top: 2px solid #673ab7 !important;
}

.card.card-dark {
    border-top: 2px solid #343a40 !important;
}

/* Thumb Carousel */
.carousel-slider #carousel {
    margin: 0;
}

.carousel-slider #thumbcarousel {
    margin: 10px 0 0 0;
    padding: 0;
}

    .carousel-slider #thumbcarousel .carousel-item {
        text-align: center;
    }

        .carousel-slider #thumbcarousel .carousel-item .thumb {
            width: 100%;
            margin: 0 10px;
            display: inline-block;
            vertical-align: middle;
            cursor: pointer;
            max-width: 100px;
        }

            .carousel-slider #thumbcarousel .carousel-item .thumb:hover {
                border-color: #e8ebf3;
            }

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

.carousel-control:active,
.carousel-control:focus,
.carousel-control:hover {
    color: #333;
}

.carousel-caption,
.carousel-control .fa {
    font: normal normal normal 30px/26px FontAwesome;
}

#basicSlider img {
    width: 100%;
}

#thumbcarousel .carousel-control-prev {
    left: 0;
    background: rgba(0, 0, 0, 0.8);
}

#thumbcarousel .carousel-control-next {
    right: 0;
    background: rgba(0, 0, 0, 0.8);
}

.owl-carousel button.owl-dot {
    background: rgba(105, 99, 255, 0.3);
    opacity: 7;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}

.owl-nav button:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.carousel {
    position: relative;
}

    .carousel.pointer-event {
        touch-action: pan-y;
    }

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner::after {
        display: block;
        clear: both;
        content: "";
    }

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
}

    .carousel-item.active {
        display: block;
    }

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}

.carousel-item-next,
.carousel-item-prev {
    display: block;
}

    .carousel-item-next:not(.carousel-item-left),
    .active.carousel-item-right {
        transform: translateX(100%);
    }

    .carousel-item-prev:not(.carousel-item-right),
    .active.carousel-item-left {
        transform: translateX(-100%);
    }

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none;
}

    .carousel-fade .carousel-item.active {
        z-index: 1;
        opacity: 1;
    }

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    z-index: 1;
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: 0s 0.6s opacity;
}

@media (prefers-reduced-motion: reduce) {

    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none;
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {

    .carousel-control-prev,
    .carousel-control-next {
        transition: none;
    }
}

.carousel-control-prev:hover,
.carousel-control-prev:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50% / 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

    .carousel-indicators li {
        box-sizing: content-box;
        flex: 0 1 auto;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity 0.6s ease;
    }

    .carousel-indicators .active {
        opacity: 1;
    }

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        transition: none;
    }
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

    .carousel-caption h5,
    .carousel-caption p {
        font-family: "Roboto", sans-serif !important;
    }

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-image: none;
    display: block;
    width: auto;
    height: auto;
}

    .carousel-control-prev-icon svg,
    .carousel-control-next-icon svg {
        width: 48px;
        height: 48px;
    }

.carousel-indicators li {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
}

.dashboard-carousel .btn-icons {
    display: inline-block;
    background: #eff2f6 !important;
    background: no-repeat 50% / 100% 100%;
    text-align: center;
    line-height: 15px;
    margin: 0 auto;
    align-items: center;
    padding: 0.375rem 0.75rem;
    min-height: inherit;
}

    .dashboard-carousel .btn-icons i {
        font-size: 15px;
        margin: 0 auto;
        text-align: center;
    }

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #C9A96E;
    text-align: left;
    background-color: #ecf0fa;
}

[tabindex="-1"]:focus {
    outline: 0 !important;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    text-decoration-skip-ink: none;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

    ol ol,
    ul ul,
    ol ul,
    ul ol {
        margin-bottom: 0;
    }

dt {
    font-weight: 700;
}

dd {
    margin-bottom: .5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

a {
    color: #C9A96E ;
    text-decoration: none;
    background-color: transparent;
}

    a:hover {
        color: color-mix(in sRGB, #000 10%, #C9A96E);
        text-decoration: none;
    }

    a:not([href]):not([tabindex]) {
        color: inherit;
        text-decoration: none;
    }

        a:not([href]):not([tabindex]):hover {
            color: inherit;
            text-decoration: none;
        }

        a:not([href]):not([tabindex]):focus {
            color: inherit;
            text-decoration: none;
            outline: 0;
        }

pre,
code,
kbd,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: 0rem;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
    max-width: 100%;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #737f9e;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

button {
    border-radius: 0;
}

    button:focus {
        outline: 1px dotted;
        outline: 5px auto -webkit-focus-ring-color;
    }

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input {
    overflow: visible;
}

button {
    text-transform: none;
}

select {
    text-transform: none;
    word-wrap: normal;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

    button:not(:disabled),
    [type="button"]:not(:disabled),
    [type="reset"]:not(:disabled),
    [type="submit"]:not(:disabled) {
        cursor: pointer;
    }

    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        padding: 0;
        border-style: none;
    }

input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    -webkit-appearance: listbox;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
    cursor: pointer;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

h1,
.h1 {
    font-size: 2.1875rem;
}

h2,
.h2 {
    font-size: 1.75rem;
}

h3,
.h3 {
    font-size: 1.53125rem;
}

h4,
.h4 {
    font-size: 1.3125rem;
}

h5,
.h5 {
    font-size: 1.09375rem;
}

h6,
.h6 {
    font-size: 0.875rem;
}

.lead {
    font-size: 1.09375rem;
    font-weight: 300;
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
    font-size: 80%;
    font-weight: 400;
}

mark,
.mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

.list-unstyled,
.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

    .list-inline-item:not(:last-child) {
        margin-right: 0.5rem;
    }

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.09375rem;
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #737f9e;
}

    .blockquote-footer::before {
        content: "\2014\00A0";
    }

.figure {
    display: inline-block;
}

.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
}

.figure-caption {
    font-size: 90%;
    color: #737f9e;
}

code {
    font-size: 87.5%;
    color: #f10075;
    word-break: break-word;
}

a > code {
    color: inherit;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #242f48;
    border-radius: 0.2rem;
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
    }

pre {
    display: block;
    font-size: 87.5%;
    color: #242f48;
}

    pre code {
        font-size: inherit;
        color: #2d91fb;
        word-break: normal;
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container,
.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.bs-popover-right .popover-arrow {
    left: calc((0.5rem + 1px) * -1);
    width: 0.5rem !important;
    height: 1rem !important;
    margin: 0.3rem 0 !important;
    top: 50%;
    margin-top: -5px !important;
}

    .bs-popover-right .popover-arrow::before {
        left: 0;
        border-width: 0.5rem 0.5rem 0.5rem 0;
        border-right-color: rgba(0, 0, 0, 0.25) !important;
    }

    .bs-popover-right .popover-arrow::after {
        left: 1px;
        border-width: 0.5rem 0.5rem 0.5rem 0 !important;
        border-right-color: #fff !important;
    }

#bg-side-text {
    position: absolute !important;
    right: 21px !important;
    top: 11px !important;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }

    .responsive-logo {
        display: none;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -0.75rem;
    margin-left: -0.75rem;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

    .no-gutters > .col,
    .no-gutters > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    order: -1;
}

.order-last {
    order: 13;
}

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-9 {
    order: 9;
}

.order-10 {
    order: 10;
}

.order-11 {
    order: 11;
}

.order-12 {
    order: 12;
}

.offset-1 {
    margin-left: 8.33333%;
}

.offset-2 {
    margin-left: 16.66667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.33333%;
}

.offset-5 {
    margin-left: 41.66667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.33333%;
}

.offset-8 {
    margin-left: 66.66667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.33333%;
}

.offset-11 {
    margin-left: 91.66667%;
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-sm-first {
        order: -1;
    }

    .order-sm-last {
        order: 13;
    }

    .order-sm-0 {
        order: 0;
    }

    .order-sm-1 {
        order: 1;
    }

    .order-sm-2 {
        order: 2;
    }

    .order-sm-3 {
        order: 3;
    }

    .order-sm-4 {
        order: 4;
    }

    .order-sm-5 {
        order: 5;
    }

    .order-sm-6 {
        order: 6;
    }

    .order-sm-7 {
        order: 7;
    }

    .order-sm-8 {
        order: 8;
    }

    .order-sm-9 {
        order: 9;
    }

    .order-sm-10 {
        order: 10;
    }

    .order-sm-11 {
        order: 11;
    }

    .order-sm-12 {
        order: 12;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.33333%;
    }

    .offset-sm-2 {
        margin-left: 16.66667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.33333%;
    }

    .offset-sm-5 {
        margin-left: 41.66667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.33333%;
    }

    .offset-sm-8 {
        margin-left: 66.66667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.33333%;
    }

    .offset-sm-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-md-first {
        order: -1;
    }

    .order-md-last {
        order: 13;
    }

    .order-md-0 {
        order: 0;
    }

    .order-md-1 {
        order: 1;
    }

    .order-md-2 {
        order: 2;
    }

    .order-md-3 {
        order: 3;
    }

    .order-md-4 {
        order: 4;
    }

    .order-md-5 {
        order: 5;
    }

    .order-md-6 {
        order: 6;
    }

    .order-md-7 {
        order: 7;
    }

    .order-md-8 {
        order: 8;
    }

    .order-md-9 {
        order: 9;
    }

    .order-md-10 {
        order: 10;
    }

    .order-md-11 {
        order: 11;
    }

    .order-md-12 {
        order: 12;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.33333%;
    }

    .offset-md-2 {
        margin-left: 16.66667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.33333%;
    }

    .offset-md-5 {
        margin-left: 41.66667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.33333%;
    }

    .offset-md-8 {
        margin-left: 66.66667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.33333%;
    }

    .offset-md-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-lg-first {
        order: -1;
    }

    .order-lg-last {
        order: 13;
    }

    .order-lg-0 {
        order: 0;
    }

    .order-lg-1 {
        order: 1;
    }

    .order-lg-2 {
        order: 2;
    }

    .order-lg-3 {
        order: 3;
    }

    .order-lg-4 {
        order: 4;
    }

    .order-lg-5 {
        order: 5;
    }

    .order-lg-6 {
        order: 6;
    }

    .order-lg-7 {
        order: 7;
    }

    .order-lg-8 {
        order: 8;
    }

    .order-lg-9 {
        order: 9;
    }

    .order-lg-10 {
        order: 10;
    }

    .order-lg-11 {
        order: 11;
    }

    .order-lg-12 {
        order: 12;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.33333%;
    }

    .offset-lg-2 {
        margin-left: 16.66667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.33333%;
    }

    .offset-lg-5 {
        margin-left: 41.66667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.33333%;
    }

    .offset-lg-8 {
        margin-left: 66.66667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.33333%;
    }

    .offset-lg-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-first {
        order: -1;
    }

    .order-xl-last {
        order: 13;
    }

    .order-xl-0 {
        order: 0;
    }

    .order-xl-1 {
        order: 1;
    }

    .order-xl-2 {
        order: 2;
    }

    .order-xl-3 {
        order: 3;
    }

    .order-xl-4 {
        order: 4;
    }

    .order-xl-5 {
        order: 5;
    }

    .order-xl-6 {
        order: 6;
    }

    .order-xl-7 {
        order: 7;
    }

    .order-xl-8 {
        order: 8;
    }

    .order-xl-9 {
        order: 9;
    }

    .order-xl-10 {
        order: 10;
    }

    .order-xl-11 {
        order: 11;
    }

    .order-xl-12 {
        order: 12;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.33333%;
    }

    .offset-xl-2 {
        margin-left: 16.66667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.33333%;
    }

    .offset-xl-5 {
        margin-left: 41.66667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.33333%;
    }

    .offset-xl-8 {
        margin-left: 66.66667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.33333%;
    }

    .offset-xl-11 {
        margin-left: 91.66667%;
    }
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }

    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: flex !important;
    }

    .d-print-inline-flex {
        display: inline-flex !important;
    }
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-column {
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-sm-fill {
        flex: 1 1 auto !important;
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-sm-start {
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        justify-content: center !important;
    }

    .justify-content-sm-between {
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        align-items: center !important;
    }

    .align-items-sm-baseline {
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        align-items: stretch !important;
    }

    .align-content-sm-start {
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        align-content: center !important;
    }

    .align-content-sm-between {
        align-content: space-between !important;
    }

    .align-content-sm-around {
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        align-self: auto !important;
    }

    .align-self-sm-start {
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        align-self: center !important;
    }

    .align-self-sm-baseline {
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important;
    }

    .flex-md-column {
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-md-fill {
        flex: 1 1 auto !important;
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-md-start {
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        justify-content: center !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        justify-content: space-around !important;
    }

    .align-items-md-start {
        align-items: flex-start !important;
    }

    .align-items-md-end {
        align-items: flex-end !important;
    }

    .align-items-md-center {
        align-items: center !important;
    }

    .align-items-md-baseline {
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        align-items: stretch !important;
    }

    .align-content-md-start {
        align-content: flex-start !important;
    }

    .align-content-md-end {
        align-content: flex-end !important;
    }

    .align-content-md-center {
        align-content: center !important;
    }

    .align-content-md-between {
        align-content: space-between !important;
    }

    .align-content-md-around {
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        align-content: stretch !important;
    }

    .align-self-md-auto {
        align-self: auto !important;
    }

    .align-self-md-start {
        align-self: flex-start !important;
    }

    .align-self-md-end {
        align-self: flex-end !important;
    }

    .align-self-md-center {
        align-self: center !important;
    }

    .align-self-md-baseline {
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-lg-fill {
        flex: 1 1 auto !important;
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        justify-content: center !important;
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        align-items: center !important;
    }

    .align-items-lg-baseline {
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        align-items: stretch !important;
    }

    .align-content-lg-start {
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        align-content: center !important;
    }

    .align-content-lg-between {
        align-content: space-between !important;
    }

    .align-content-lg-around {
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        align-self: auto !important;
    }

    .align-self-lg-start {
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        align-self: center !important;
    }

    .align-self-lg-baseline {
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important;
    }

    .flex-xl-column {
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-xl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-xl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        justify-content: center !important;
    }

    .justify-content-xl-between {
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        align-items: center !important;
    }

    .align-items-xl-baseline {
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        align-items: stretch !important;
    }

    .align-content-xl-start {
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        align-content: center !important;
    }

    .align-content-xl-between {
        align-content: space-between !important;
    }

    .align-content-xl-around {
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        align-self: auto !important;
    }

    .align-self-xl-start {
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        align-self: center !important;
    }

    .align-self-xl-baseline {
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        align-self: stretch !important;
    }
}

.float-start {
    float: left !important;
}

.float-end {
    float: right !important;
}

.float-none {
    float: none !important;
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }

    .float-sm-right {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }

    .float-md-right {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
    }

    .float-lg-right {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
    }

    .float-xl-right {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }
}

/*----- Typography ------*/
.heading-primary {
    background-color: #C9A96E ;
    color: #fff;
    padding: 5px;
}

.heading-inverse {
    background-color: #333;
    color: #fff;
    padding: 5px;
}

.heading-success {
    background-color: #22c03c;
    color: #fff;
    padding: 5px;
}

.heading-info {
    background-color: #00b9ff;
    color: #fff;
    padding: 5px;
}

.heading-warning {
    background-color: #fbbc0b;
    color: #fff;
    padding: 5px;
}

.heading-danger {
    background-color: #ee335e;
    color: #fff;
    padding: 5px;
}

.dropup,
.dropend,
.dropdown,
.dropstart {
    position: relative;
}

.dropdown-toggle {
    white-space: nowrap;
}

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
    }

    .dropdown-toggle:empty::after {
        margin-left: 0;
    }

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 98;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 0.875rem;
    color: #C9A96E;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(138, 153, 191, 0.125);
    border-radius: 3px;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

@media (min-width: 576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-sm-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-md-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-xl-right {
        right: 0;
        left: auto;
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropend .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem;
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropend .dropdown-toggle::after {
    vertical-align: 0;
}

.dropstart .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem;
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    display: none;
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0;
}

.dropdown-toggle-left::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}

.dropdown-menu[x-placement^="top"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="left"] {
    right: auto;
    bottom: auto;
}

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #dde2ef;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #242f48;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

    .dropdown-item:hover,
    .dropdown-item:focus {
        color: #141c2b;
        text-decoration: none;
        background-color: #ecf0fa;
    }

    .dropdown-item.active,
    .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #C9A96E ;
    }

    .dropdown-item.disabled,
    .dropdown-item:disabled {
        color: #737f9e;
        pointer-events: none;
        background-color: transparent;
    }

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.76562rem;
    color: #737f9e;
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #242f48;
}

.dropdown-toggle-split {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
}

    .dropdown-toggle-split::after {
        margin-left: 0;
    }

.dropup .dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after {
    margin-left: 0;
}

.dropstart .dropdown-toggle-split::before {
    margin-right: 0;
}

.dropend button {
    color: #fff;
    background-color: #00b9ff;
    border-color: #00b9ff;
}

    .dropend button:focus,
    .dropdown button:focus {
        color: #fff !important;
    }

/* ###### 3.5 Dropdown ###### */
.dropdown-menu {
    padding: 0;
    border-width: 1px;
    border-radius: 0;
}

.dropdown-item {
    padding: 8px 15px;
    font-size: 13px;
}

.dropdown-header {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {

    .dropdown.d-cart .dropdown-menu,
    .dropdown.message .dropdown-menu {
        width: 20.5rem !important;
    }
}

.user-lock .dropdown {
    position: absolute;
    right: 20px;
}

.main-dropdown-form-demo .static-dropdown {
    padding: 20px;
    background-color: #dde2ef;
    display: inline-flex;
    justify-content: center;
}

    .main-dropdown-form-demo .static-dropdown .dropdown-menu {
        display: block;
        position: static;
        float: none;
    }

.main-dropdown-form-demo .dropdown-menu {
    padding: 20px;
}

.main-dropdown-form-demo .dropdown-title {
    font-size: 20px;
    font-weight: 700;
    color: #242f48;
    margin-bottom: 5px;
}

@media (min-width: 576px) {
    .main-dropdown-form-demo .static-dropdown {
        padding: 40px;
    }
}

@media (min-width: 576px) {
    .main-dropdown-form-demo .dropdown-menu {
        width: 300px;
        padding: 30px 25px;
    }
}

/* ###### 3.6 Forms ###### */
.form-control {
    height: 38px;
    border-radius: 0;
}

    .form-control:focus {
        border-color: #949eb7;
        box-shadow: none;
    }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

.form-label {
    display: block;
    margin-bottom: 5px;
    color: #4d5875;
}

.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4d5875;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e1e5ef;
    border-radius: 3px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0;
    }

    .form-control:focus {
        color: #4d5875;
        background-color: #fff;
        border-color: #b3c6ff;
        outline: 0;
        box-shadow: none;
    }

    .form-control::placeholder {
        color: #737f9e;
        opacity: 1;
    }

    .form-control:disabled,
    .form-control[readonly] {
        background-color: #dde2ef;
        opacity: 1;
    }

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none;
    }
}

select.form-control:focus::-ms-value {
    color: #4d5875;
    background-color: #fff;
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%;
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.09375rem;
    line-height: 1.5;
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.76562rem;
    line-height: 1.5;
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #C9A96E;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

    .form-control-plaintext.form-control-sm,
    .form-control-plaintext.form-control-lg {
        padding-right: 0;
        padding-left: 0;
    }

.form-control-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.76562rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.09375rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

select.form-control[size],
select.form-control[multiple] {
    height: auto;
}

textarea.form-control {
    height: auto;
}

.form-group {
    margin-bottom: 1rem;
}

.form-text {
    display: block;
    margin-top: 0.25rem;
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

    .form-row > .col,
    .form-row > [class*="col-"] {
        padding-right: 5px;
        padding-left: 5px;
    }

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}

.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}

    .form-check-input:disabled ~ .form-check-label {
        color: #737f9e;
    }

.form-check-label {
    margin-bottom: 0;
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
}

    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: 0.3125rem;
        margin-left: 0;
    }

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #22c03c;
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.76562rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(59, 176, 1, 0.9);
    border-radius: 3px;
}

.was-validated .form-control:valid,
.form-control.is-valid,
input.form-control.parsley-success,
textarea.form-control.parsley-success {
    border-color: #22c03c;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300cccc ' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.1875rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

    .was-validated .form-control:valid:focus,
    .form-control.is-valid:focus,
    input.form-control.parsley-success:focus,
    textarea.form-control.parsley-success:focus {
        border-color: #22c03c;
        box-shadow: 0 0 0 0.2rem rgba(59, 176, 1, 0.25);
    }

    .was-validated .form-control:valid ~ .valid-feedback,
    .was-validated .form-control:valid ~ .valid-tooltip {
        display: block;
    }

    .form-control.is-valid ~ .valid-feedback,
    input.form-control.parsley-success ~ .valid-feedback,
    textarea.form-control.parsley-success ~ .valid-feedback,
    .form-control.is-valid ~ .valid-tooltip,
    input.form-control.parsley-success ~ .valid-tooltip,
    textarea.form-control.parsley-success ~ .valid-tooltip {
        display: block;
    }

.was-validated textarea.form-control:valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

textarea.form-control.is-valid,
textarea.form-control.parsley-success {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid,
.form-select.is-valid,
input.form-select.parsley-success,
textarea.form-select.parsley-success {
    border-color: #22c03c;
    padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%233b4863' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300cccc ' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

    .was-validated .form-select:valid:focus,
    .form-select.is-valid:focus,
    input.form-select.parsley-success:focus,
    textarea.form-select.parsley-success:focus {
        border-color: #22c03c;
        box-shadow: 0 0 0 0.2rem rgba(59, 176, 1, 0.25);
    }

    .was-validated .form-select:valid ~ .valid-feedback,
    .was-validated .form-select:valid ~ .valid-tooltip {
        display: block;
    }

    .form-select.is-valid ~ .valid-feedback,
    input.form-select.parsley-success ~ .valid-feedback,
    textarea.form-select.parsley-success ~ .valid-feedback,
    .form-select.is-valid ~ .valid-tooltip,
    input.form-select.parsley-success ~ .valid-tooltip,
    textarea.form-select.parsley-success ~ .valid-tooltip {
        display: block;
    }

.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip {
    display: block;
}

.form-control-file.is-valid ~ .valid-feedback,
input.form-control-file.parsley-success ~ .valid-feedback,
textarea.form-control-file.parsley-success ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip,
input.form-control-file.parsley-success ~ .valid-tooltip,
textarea.form-control-file.parsley-success ~ .valid-tooltip {
    display: block;
}

.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label,
input.form-check-input.parsley-success ~ .form-check-label,
textarea.form-check-input.parsley-success ~ .form-check-label {
    color: #22c03c;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip {
    display: block;
}

.form-check-input.is-valid ~ .valid-feedback,
input.form-check-input.parsley-success ~ .valid-feedback,
textarea.form-check-input.parsley-success ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip,
input.form-check-input.parsley-success ~ .valid-tooltip,
textarea.form-check-input.parsley-success ~ .valid-tooltip {
    display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label,
input.custom-control-input.parsley-success ~ .custom-control-label,
textarea.custom-control-input.parsley-success ~ .custom-control-label {
    color: #22c03c;
}

    .was-validated .custom-control-input:valid ~ .custom-control-label::before,
    .custom-control-input.is-valid ~ .custom-control-label::before,
    input.custom-control-input.parsley-success ~ .custom-control-label::before,
    textarea.custom-control-input.parsley-success ~ .custom-control-label::before {
        border-color: #22c03c;
    }

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip {
    display: block;
}

.custom-control-input.is-valid ~ .valid-feedback,
input.custom-control-input.parsley-success ~ .valid-feedback,
textarea.custom-control-input.parsley-success ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip,
input.custom-control-input.parsley-success ~ .valid-tooltip,
textarea.custom-control-input.parsley-success ~ .valid-tooltip {
    display: block;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before,
input.custom-control-input.parsley-success:checked ~ .custom-control-label::before,
textarea.custom-control-input.parsley-success:checked ~ .custom-control-label::before {
    border-color: #4ce301;
    background-color: #4ce301;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before,
input.custom-control-input.parsley-success:focus ~ .custom-control-label::before,
textarea.custom-control-input.parsley-success:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(59, 176, 1, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before,
input.custom-control-input.parsley-success:focus:not(:checked) ~ .custom-control-label::before,
textarea.custom-control-input.parsley-success:focus:not(:checked) ~ .custom-control-label::before,
.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label,
input.custom-file-input.parsley-success ~ .custom-file-label,
textarea.custom-file-input.parsley-success ~ .custom-file-label {
    border-color: #22c03c;
}

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip {
    display: block;
}

.custom-file-input.is-valid ~ .valid-feedback,
input.custom-file-input.parsley-success ~ .valid-feedback,
textarea.custom-file-input.parsley-success ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip,
input.custom-file-input.parsley-success ~ .valid-tooltip,
textarea.custom-file-input.parsley-success ~ .valid-tooltip {
    display: block;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label,
input.custom-file-input.parsley-success:focus ~ .custom-file-label,
textarea.custom-file-input.parsley-success:focus ~ .custom-file-label {
    border-color: #22c03c;
    box-shadow: 0 0 0 0.2rem rgba(59, 176, 1, 0.25);
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #ee335e;
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.76562rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: 3px;
}

.was-validated .form-control:invalid,
.form-control.is-invalid,
input.form-control.parsley-error,
textarea.form-control.parsley-error {
    border-color: #ee335e;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fa5c7c' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fa5c7c' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.1875rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

    .was-validated .form-control:invalid:focus,
    .form-control.is-invalid:focus,
    input.form-control.parsley-error:focus,
    textarea.form-control.parsley-error:focus {
        border-color: #ee335e;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    }

    .was-validated .form-control:invalid ~ .invalid-feedback,
    .was-validated .form-control:invalid ~ .invalid-tooltip {
        display: block;
    }

    .form-control.is-invalid ~ .invalid-feedback,
    input.form-control.parsley-error ~ .invalid-feedback,
    textarea.form-control.parsley-error ~ .invalid-feedback,
    .form-control.is-invalid ~ .invalid-tooltip,
    input.form-control.parsley-error ~ .invalid-tooltip,
    textarea.form-control.parsley-error ~ .invalid-tooltip {
        display: block;
    }

.was-validated textarea.form-control:invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

textarea.form-control.is-invalid,
textarea.form-control.parsley-error {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid,
.form-select.is-invalid,
input.form-select.parsley-error,
textarea.form-select.parsley-error {
    border-color: #ee335e;
    padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%233b4863' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fa5c7c' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fa5c7c' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

    .was-validated .form-select:invalid:focus,
    .form-select.is-invalid:focus,
    input.form-select.parsley-error:focus,
    textarea.form-select.parsley-error:focus {
        border-color: #ee335e;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    }

    .was-validated .form-select:invalid ~ .invalid-feedback,
    .was-validated .form-select:invalid ~ .invalid-tooltip {
        display: block;
    }

    .form-select.is-invalid ~ .invalid-feedback,
    input.form-select.parsley-error ~ .invalid-feedback,
    textarea.form-select.parsley-error ~ .invalid-feedback,
    .form-select.is-invalid ~ .invalid-tooltip,
    input.form-select.parsley-error ~ .invalid-tooltip,
    textarea.form-select.parsley-error ~ .invalid-tooltip {
        display: block;
    }

.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip {
    display: block;
}

.form-control-file.is-invalid ~ .invalid-feedback,
input.form-control-file.parsley-error ~ .invalid-feedback,
textarea.form-control-file.parsley-error ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip,
input.form-control-file.parsley-error ~ .invalid-tooltip,
textarea.form-control-file.parsley-error ~ .invalid-tooltip {
    display: block;
}

.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label,
input.form-check-input.parsley-error ~ .form-check-label,
textarea.form-check-input.parsley-error ~ .form-check-label {
    color: #ee335e;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip {
    display: block;
}

.form-check-input.is-invalid ~ .invalid-feedback,
input.form-check-input.parsley-error ~ .invalid-feedback,
textarea.form-check-input.parsley-error ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip,
input.form-check-input.parsley-error ~ .invalid-tooltip,
textarea.form-check-input.parsley-error ~ .invalid-tooltip {
    display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label,
input.custom-control-input.parsley-error ~ .custom-control-label,
textarea.custom-control-input.parsley-error ~ .custom-control-label {
    color: #ee335e;
}

    .was-validated .custom-control-input:invalid ~ .custom-control-label::before,
    .custom-control-input.is-invalid ~ .custom-control-label::before,
    input.custom-control-input.parsley-error ~ .custom-control-label::before,
    textarea.custom-control-input.parsley-error ~ .custom-control-label::before {
        border-color: #ee335e;
    }

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip {
    display: block;
}

.custom-control-input.is-invalid ~ .invalid-feedback,
input.custom-control-input.parsley-error ~ .invalid-feedback,
textarea.custom-control-input.parsley-error ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip,
input.custom-control-input.parsley-error ~ .invalid-tooltip,
textarea.custom-control-input.parsley-error ~ .invalid-tooltip {
    display: block;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before,
input.custom-control-input.parsley-error:checked ~ .custom-control-label::before,
textarea.custom-control-input.parsley-error:checked ~ .custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before,
input.custom-control-input.parsley-error:focus ~ .custom-control-label::before,
textarea.custom-control-input.parsley-error:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before,
input.custom-control-input.parsley-error:focus:not(:checked) ~ .custom-control-label::before,
textarea.custom-control-input.parsley-error:focus:not(:checked) ~ .custom-control-label::before,
.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label,
input.custom-file-input.parsley-error ~ .custom-file-label,
textarea.custom-file-input.parsley-error ~ .custom-file-label {
    border-color: #ee335e;
}

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip {
    display: block;
}

.custom-file-input.is-invalid ~ .invalid-feedback,
input.custom-file-input.parsley-error ~ .invalid-feedback,
textarea.custom-file-input.parsley-error ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip,
input.custom-file-input.parsley-error ~ .invalid-tooltip,
textarea.custom-file-input.parsley-error ~ .invalid-tooltip {
    display: block;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label,
input.custom-file-input.parsley-error:focus ~ .custom-file-label,
textarea.custom-file-input.parsley-error:focus ~ .custom-file-label {
    border-color: #ee335e;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

    .form-inline .form-check {
        width: 100%;
    }

@media (min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-plaintext {
        display: inline-block;
    }

    .form-inline .input-group,
    .form-inline .form-select {
        width: auto;
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0;
    }

    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-left: 0;
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center;
    }

    .form-inline .custom-control-label {
        margin-bottom: 0;
    }
}

/* ###### 5.3 Forms   ###### */
.main-form-group {
    padding: 12px 15px;
    border: 1px solid #e3e8f7;
}

    .main-form-group.focus {
        border-color: #b9c2d8;
        box-shadow: 0 0 0 2px rgba(91, 71, 251, 0.16);
    }

    .main-form-group .form-label {
        font-size: 13px;
        margin-bottom: 2px;
        font-weight: 400;
        color: #949eb7;
    }

    .main-form-group .form-control {
        padding: 0;
        border-width: 0;
        height: 25px;
        color: #242f48;
        font-weight: 500;
    }

        .main-form-group .form-control:focus {
            box-shadow: none;
        }

.formgroup-wrapper .form-control {
    height: 40px !important;
}

.formgroup-wrapper .main-form-group .form-label {
    margin-bottom: 12px;
}

.main-header-center .form-control {
    padding: 1rem 1.5rem;
}

    .main-header-center .form-control::placeholder {
        padding-left: 0rem;
        padding-right: 0rem;
    }

.browse-file.form-control {
    background-color: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.file-browser .btn-default {
    background: #f1f4fb;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    padding: .56rem 15px;
    color: #68769a;
    border-radius: 0;
    border: 1px solid #e2e8f5;
}

/* ###### 3.7 Grid ###### */
.row-sm {
    margin-left: -10px;
    margin-right: -10px;
}

    .row-sm > div {
        padding-left: 10px;
        padding-right: 10px;
    }

.row-xs {
    margin-left: -5px;
    margin-right: -5px;
}

    .row-xs > div {
        padding-left: 5px;
        padding-right: 5px;
    }

@media (min-width: 576px) {
    .row-xs--sm {
        margin-left: -5px;
        margin-right: -5px;
    }

        .row-xs--sm > div {
            padding-left: 5px;
            padding-right: 5px;
        }

    .row-sm--sm {
        margin-left: -10px;
        margin-right: -10px;
    }

        .row-sm--sm > div {
            padding-left: 10px;
            padding-right: 10px;
        }

    .row--sm {
        margin-left: -15px;
        margin-right: -15px;
    }

        .row--sm > div {
            padding-left: 15px;
            padding-right: 15px;
        }
}

@media (min-width: 768px) {
    .row-xs--md {
        margin-left: -5px;
        margin-right: -5px;
    }

        .row-xs--md > div {
            padding-left: 5px;
            padding-right: 5px;
        }

    .row-sm--md {
        margin-left: -10px;
        margin-right: -10px;
    }

        .row-sm--md > div {
            padding-left: 10px;
            padding-right: 10px;
        }

    .row--md {
        margin-left: -15px;
        margin-right: -15px;
    }

        .row--md > div {
            padding-left: 15px;
            padding-right: 15px;
        }
}

@media (min-width: 992px) {
    .row-xs--lg {
        margin-left: -5px;
        margin-right: -5px;
    }

        .row-xs--lg > div {
            padding-left: 5px;
            padding-right: 5px;
        }

    .row-sm--lg {
        margin-left: -10px;
        margin-right: -10px;
    }

        .row-sm--lg > div {
            padding-left: 10px;
            padding-right: 10px;
        }

    .row--lg {
        margin-left: -15px;
        margin-right: -15px;
    }

        .row--lg > div {
            padding-left: 15px;
            padding-right: 15px;
        }
}

@media (min-width: 1200px) {
    .row-xs--xl {
        margin-left: -5px;
        margin-right: -5px;
    }

        .row-xs--xl > div {
            padding-left: 5px;
            padding-right: 5px;
        }

    .row-sm--xl {
        margin-left: -10px;
        margin-right: -10px;
    }

        .row-sm--xl > div {
            padding-left: 10px;
            padding-right: 10px;
        }

    .row--xl {
        margin-left: -15px;
        margin-right: -15px;
    }

        .row--xl > div {
            padding-left: 15px;
            padding-right: 15px;
        }
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

    .input-group > .form-control,
    .input-group > .form-control-plaintext,
    .input-group > .form-select,
    .input-group > .custom-file {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        margin-bottom: 0;
    }

        .input-group > .form-control + .form-control,
        .input-group > .form-control + .form-select,
        .input-group > .form-control + .custom-file {
            margin-left: -1px;
        }

        .input-group > .form-control-plaintext + .form-control,
        .input-group > .form-control-plaintext + .form-select,
        .input-group > .form-control-plaintext + .custom-file {
            margin-left: -1px;
        }

        .input-group > .form-select + .form-control,
        .input-group > .form-select + .form-select,
        .input-group > .form-select + .custom-file {
            margin-left: -1px;
        }

        .input-group > .custom-file + .form-control,
        .input-group > .custom-file + .form-select,
        .input-group > .custom-file + .custom-file {
            margin-left: -1px;
        }

        .input-group > .form-control:focus,
        .input-group > .form-select:focus {
            z-index: 3;
        }

        .input-group > .custom-file .custom-file-input:focus {
            z-index: 4;
        }

            .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
                z-index: 3;
            }

        .input-group > .form-control:not(:last-child),
        .input-group > .form-select:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .input-group > .form-control:not(:first-child),
        .input-group > .form-select:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

    .input-group > .custom-file {
        display: flex;
        align-items: center;
    }

        .input-group > .custom-file:not(:last-child) .custom-file-label {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

            .input-group > .custom-file:not(:last-child) .custom-file-label::after {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

        .input-group > .custom-file:not(:first-child) .custom-file-label {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

.input-group-text,
.input-group-text {
    display: flex;
}

    .input-group-text .btn,
    .input-group-text .sp-container button {
        position: relative;
        z-index: 2;
    }

.sp-container .input-group-text button {
    position: relative;
    z-index: 2;
}

.input-group-text .btn,
.input-group-text .sp-container button {
    position: relative;
    z-index: 2;
}

.sp-container .input-group-text button {
    position: relative;
    z-index: 2;
}

.input-group-text .btn:focus,
.input-group-text .sp-container button:focus {
    z-index: 3;
}

.sp-container .input-group-text button:focus {
    z-index: 3;
}

.input-group-text .btn:focus,
.input-group-text .sp-container button:focus {
    z-index: 3;
}

.sp-container .input-group-text button:focus {
    z-index: 3;
}

.input-group-text .btn + .btn,
.input-group-text .sp-container button + .btn {
    margin-left: -1px;
}

.sp-container .input-group-text button + .btn,
.input-group-text .sp-container .btn + button,
.sp-container .input-group-text .btn + button,
.input-group-text .sp-container button + button,
.sp-container .input-group-text button + button {
    margin-left: -1px;
}

.input-group-text .btn + .input-group-text,
.input-group-text .sp-container button + .input-group-text {
    margin-left: -1px;
}

.sp-container .input-group-text button + .input-group-text {
    margin-left: -1px;
}

.input-group-text .input-group-text + .input-group-text,
.input-group-text .input-group-text + .btn {
    margin-left: -1px;
}

.input-group-text .sp-container .input-group-text + button {
    margin-left: -1px;
}

.sp-container .input-group-text .input-group-text + button {
    margin-left: -1px;
}

.input-group-text .btn + .btn,
.input-group-text .sp-container button + .btn {
    margin-left: -1px;
}

.sp-container .input-group-text button + .btn,
.input-group-text .sp-container .btn + button,
.sp-container .input-group-text .btn + button,
.input-group-text .sp-container button + button,
.sp-container .input-group-text button + button {
    margin-left: -1px;
}

.input-group-text .btn + .input-group-text,
.input-group-text .sp-container button + .input-group-text {
    margin-left: -1px;
}

.sp-container .input-group-text button + .input-group-text {
    margin-left: -1px;
}

.input-group-text .input-group-text + .input-group-text,
.input-group-text .input-group-text + .btn {
    margin-left: -1px;
}

.input-group-text .sp-container .input-group-text + button {
    margin-left: -1px;
}

.sp-container .input-group-text .input-group-text + button {
    margin-left: -1px;
}

.input-group-text {
    margin-right: -1px;
}

.input-group-text {
    margin-left: -1px;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4d5875;
    text-align: center;
    white-space: nowrap;
    background-color: #dde2ef;
    border: 1px solid #e3e8f7;
    border-radius: 3px;
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

    .input-group-text input[type="radio"],
    .input-group-text input[type="checkbox"] {
        margin-top: 0;
    }

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .form-select {
    height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text > .input-group-text,
.input-group-lg > .input-group-text > .input-group-text,
.input-group-lg > .input-group-text > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.09375rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.sp-container .input-group-lg > .input-group-text > button,
.input-group-lg > .input-group-text > .btn,
.sp-container .input-group-lg > .input-group-text > button {
    padding: 0.5rem 1rem;
    font-size: 1.09375rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .form-select {
    height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text > .input-group-text,
.input-group-sm > .input-group-text > .input-group-text,
.input-group-sm > .input-group-text > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.76562rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.sp-container .input-group-sm > .input-group-text > button,
.input-group-sm > .input-group-text > .btn,
.sp-container .input-group-sm > .input-group-text > button {
    padding: 0.25rem 0.5rem;
    font-size: 0.76562rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
    padding-right: 1.75rem;
}

.input-group > .input-group-text > .btn,
.sp-container .input-group > .input-group-text > button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .input-group-text > .input-group-text,
.input-group > .input-group-text:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.sp-container .input-group > .input-group-text:not(:last-child) > button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .input-group-text:not(:last-child) > .input-group-text,
.input-group > .input-group-text:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.sp-container .input-group > .input-group-text:last-child > button:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .input-group-text:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .input-group-text > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.sp-container .input-group > .input-group-text > button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group > .input-group-text > .input-group-text,
.input-group > .input-group-text:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.sp-container .input-group > .input-group-text:not(:first-child) > button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group > .input-group-text:not(:first-child) > .input-group-text,
.input-group > .input-group-text:first-child > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.sp-container .input-group > .input-group-text:first-child > button:not(:first-child),
.input-group > .input-group-text:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* ###### 3.8 Input Group ###### */
.input-group-text,
.input-group-text {
    border-radius: 0;
}

.input-group-text {
    padding-top: 0;
    padding-bottom: 0;
    align-items: center;
    border-radius: 0;
}

/* ###### 3.9 Modal ###### */
.modal-backdrop {
    background-color: #0c1019;
}

    .modal-backdrox.show {
        opacity: .8;
    }

.modal-content {
    border-radius: 0;
    border-width: 0;
}

    .modal-content .close {
        font-size: 28px;
        padding: 0;
        margin: 0;
        line-height: .5;
    }

.modal-header {
    align-items: center;
    padding: 15px;
}

    .modal-header .modal-title {
        margin-bottom: 0;
    }

@media (min-width: 576px) {
    .modal-header {
        padding: 15px 20px;
    }
}

@media (min-width: 992px) {
    .modal-header {
        padding: 20px;
    }
}

@media (min-width: 1200px) {
    .modal-header {
        padding: 20px 25px;
    }
}

.modal-title {
    font-size: 18px;
    font-weight: 700;
    color: #242f48;
    line-height: 1;
}

.modal-body {
    padding: 25px;
}

.modal-open {
    overflow: hidden;
}

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99992;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}

.modal.show .modal-dialog {
    transform: none;
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem);
}

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 1rem);
        overflow: hidden;
    }

    .modal-dialog-scrollable .modal-header,
    .modal-dialog-scrollable .modal-footer {
        flex-shrink: 0;
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto;
    }

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}

    .modal-dialog-centered::before {
        display: block;
        height: calc(100vh - 1rem);
        content: "";
    }

    .modal-dialog-centered.modal-dialog-scrollable {
        flex-direction: column;
        justify-content: center;
        height: 100%;
    }

        .modal-dialog-centered.modal-dialog-scrollable .modal-content {
            max-height: none;
        }

        .modal-dialog-centered.modal-dialog-scrollable::before {
            content: none;
        }

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.89);
}

    .modal-backdrox.fade {
        opacity: 0;
    }

    .modal-backdrox.show {
        opacity: 0.9;
    }

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #e3e8f7;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

    .modal-header .close {
        padding: 1rem 1rem;
        margin: -1rem -1rem -1rem auto;
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e3e8f7;
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

    .modal-footer > :not(:first-child) {
        margin-left: .25rem;
    }

#modaldemo8 .modal-footer > :not(:first-child) {
    margin-right: 14px;
}

.modal-footer > :not(:last-child) {
    margin-right: .25rem;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem);
    }

        .modal-dialog-scrollable .modal-content {
            max-height: calc(100vh - 3.5rem);
        }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }

        .modal-dialog-centered::before {
            height: calc(100vh - 3.5rem);
        }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {

    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

/* ###### 5.6 Modal   ###### */
.modal.animated .modal-dialog {
    transform: translate(0, 0);
}

.modal.effect-scale .modal-dialog {
    transform: scale(0.7);
    opacity: 0;
    transition: all 0.3s;
}

.modal.effect-scale.show .modal-dialog {
    transform: scale(1);
    opacity: 1;
}

.modal.effect-slide-in-right .modal-dialog {
    transform: translateX(20%);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.modal.effect-slide-in-right.show .modal-dialog {
    transform: translateX(0);
    opacity: 1;
}

.modal.effect-slide-in-bottom .modal-dialog {
    transform: translateY(20%);
    opacity: 0;
    transition: all 0.3s;
}

.modal.effect-slide-in-bottom.show .modal-dialog {
    transform: translateY(0);
    opacity: 1;
}

.modal.effect-newspaper .modal-dialog {
    transform: scale(0) rotate(720deg);
    opacity: 0;
}

.modal.effect-newspaper.show ~ .modal-backdrop,
.modal.effect-newspaper .modal-dialog {
    transition: all 0.5s;
}

.modal.effect-newspaper.show .modal-dialog {
    transform: scale(1) rotate(0deg);
    opacity: 1;
}

.modal.effect-fall {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}

    .modal.effect-fall .modal-dialog {
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        transform: translateZ(600px) rotateX(20deg);
        opacity: 0;
    }

    .modal.effect-fall.show .modal-dialog {
        transition: all 0.3s ease-in;
        transform: translateZ(0px) rotateX(0deg);
        opacity: 1;
    }

.modal.effect-flip-horizontal {
    perspective: 1300px;
}

    .modal.effect-flip-horizontal .modal-dialog {
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        transform: rotateY(-70deg);
        transition: all 0.3s;
        opacity: 0;
    }

    .modal.effect-flip-horizontal.show .modal-dialog {
        transform: rotateY(0deg);
        opacity: 1;
    }

.modal.effect-flip-vertical {
    perspective: 1300px;
}

    .modal.effect-flip-vertical .modal-dialog {
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        transform: rotateX(-70deg);
        transition: all 0.3s;
        opacity: 0;
    }

    .modal.effect-flip-vertical.show .modal-dialog {
        transform: rotateX(0deg);
        opacity: 1;
    }

.modal.effect-super-scaled .modal-dialog {
    transform: scale(2);
    opacity: 0;
    transition: all 0.3s;
}

.modal.effect-super-scaled.show .modal-dialog {
    transform: scale(1);
    opacity: 1;
}

.modal.effect-sign {
    perspective: 1300px;
}

    .modal.effect-sign .modal-dialog {
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        transform: rotateX(-60deg);
        transform-origin: 50% 0;
        opacity: 0;
        transition: all 0.3s;
    }

    .modal.effect-sign.show .modal-dialog {
        transform: rotateX(0deg);
        opacity: 1;
    }

.modal.effect-rotate-bottom {
    perspective: 1300px;
}

    .modal.effect-rotate-bottom .modal-dialog {
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        transform: translateY(100%) rotateX(90deg);
        transform-origin: 0 100%;
        opacity: 0;
        transition: all 0.3s ease-out;
    }

    .modal.effect-rotate-bottom.show .modal-dialog {
        transform: translateY(0%) rotateX(0deg);
        opacity: 1;
    }

.modal.effect-rotate-left {
    perspective: 1300px;
}

    .modal.effect-rotate-left .modal-dialog {
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        transform: translateZ(100px) translateX(-30%) rotateY(90deg);
        transform-origin: 0 100%;
        opacity: 0;
        transition: all 0.3s;
    }

    .modal.effect-rotate-left.show .modal-dialog {
        transform: translateZ(0px) translateX(0%) rotateY(0deg);
        opacity: 1;
    }

.modal.effect-just-me .modal-dialog {
    transform: scale(0.8);
    opacity: 0;
    transition: all 0.3s;
}

.modal.effect-just-me .modal-content {
    background-color: #000;
}

#modaldemo8 .modal-header {
    PADDING: 20px 25px;
}

#modaldemo8 .modal-body {
    padding: 20px 25px;
}

#modaldemo8 .modal-dialog {
    box-shadow: none;
}

.modal.effect-just-me .close {
    text-shadow: none;
    color: #fff;
}

.modal.effect-just-me .modal-header {
    background-color: transparent;
    border-bottom-color: rgba(255, 255, 255, 0.1);
    padding-left: 0;
    padding-right: 0;
}

    .modal.effect-just-me .modal-header h6 {
        color: #fff;
        font-weight: 500;
    }

.modal.effect-just-me .modal-body {
    color: rgba(255, 255, 255, 0.8);
    padding-left: 0;
    padding-right: 0;
}

    .modal.effect-just-me .modal-body h6 {
        color: #fff;
    }

.modal.effect-just-me .modal-footer {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
    border-top-color: rgba(255, 255, 255, 0.2);
}

.modal.effect-just-me.show ~ .modal-backdrop {
    opacity: .96;
}

.modal.effect-just-me.show .modal-dialog {
    transform: scale(1);
    opacity: 1;
}

.modal-content-demo .modal-body h6 {
    color: #242f48;
    font-size: 15px;
    margin-bottom: 15px;
}

.modal-content-demo .modal-body p {
    margin-bottom: 0;
}

.basic-modal .modal-dialog {
    max-width: inherit;
    margin: 0;
}

.basic-modal .modal-content {
    border: 1px solid #e3e8f7;
}

/* ###### 3.10 Nav ###### */
.nav-link:hover,
.nav-link:focus,
.nav-link:active {
    outline: none;
}

.nav-pills .nav-link {
    color: #4d5875;
}

    .nav-pills .nav-link:hover,
    .nav-pills .nav-link:focus {
        color: #242f48;
    }

    .nav-pills .nav-link.active {
        border-radius: 3px;
        background-color: #C9A96E ;
    }

        .nav-pills .nav-link.active:hover,
        .nav-pills .nav-link.active:focus {
            color: #fff;
        }

.nav-dark .nav-link {
    color: #949eb7;
}

    .nav-dark .nav-link:hover,
    .nav-dark .nav-link:focus {
        color: #fff;
    }

.nav-tabs {
    border-bottom-width: 0;
}

    .nav-tabs .nav-link {
        background-color: rgba(255, 255, 255, 0.5);
        border-width: 0;
        border-radius: 0;
        padding: 10px 15px;
        line-height: 1.428;
        color: #4d5875;
    }

        .nav-tabs .nav-link:hover,
        .nav-tabs .nav-link:focus {
            background-color: rgba(255, 255, 255, 0.5);
            color: #242f48;
        }

        .nav-tabs .nav-link + .nav-link {
            margin-left: 3px;
        }

        .nav-tabs .nav-link.active {
            background-color: #fff;
            color: #242f48;
            font-weight: 500;
            letter-spacing: -.1px;
        }

@media (min-width: 768px) {
    .nav-tabs .nav-link {
        padding: 10px 20px;
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: 0.5rem 0.4rem;
}

    .nav-link:hover,
    .nav-link:focus {
        text-decoration: none;
    }

    .nav-link.disabled {
        color: #737f9e;
        pointer-events: none;
        cursor: default;
    }

.latest-tasks .nav-tabs {
    border-bottom: 0;
}

.nav-tabs {
    border-bottom: 1px solid #e3e8f7;
}

    .nav-tabs .nav-item {
        margin-bottom: -1px;
    }

    .nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

        .nav-tabs .nav-link:hover,
        .nav-tabs .nav-link:focus {
            border-color: #dde2ef #dde2ef #d0d7e8;
        }

        .nav-tabs .nav-link.disabled {
            color: #737f9e;
            background-color: transparent;
            border-color: transparent;
        }

        .nav-tabs .nav-link.active {
            color: #4d5875;
            background-color: #fff;
            border-color: #fff;
        }

    .nav-tabs .nav-item.show .nav-link {
        color: #4d5875;
        background-color: #fff;
        border-color: #d0d7e8 #d0d7e8 #fff;
    }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.nav-pills .nav-link {
    border-radius: 3px;
}

    .nav-pills .nav-link.active {
        color: #fff;
        background-color: #C9A96E ;
    }

.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #C9A96E ;
}

.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

/* ###### 5.7 Nav   ###### */
@media (min-width: 768px) {
    .main-nav {
        align-items: center;
    }
}

.main-nav .nav-link {
    display: block;
    color: #4d5875;
    padding: 0;
    position: relative;
    line-height: normal;
}

    .main-nav .nav-link:hover,
    .main-nav .nav-link:focus {
        color: #242f48;
    }

    .main-nav .nav-link + .nav-link {
        padding-top: 12px;
        margin-top: 12px;
        border-top: 1px solid #949eb7;
    }

    .main-nav .nav-link.active {
        color: #C9A96E  !important;
    }

@media (min-width: 768px) {
    .main-nav .nav-link + .nav-link {
        padding-top: 0;
        margin-top: 0;
        border-top: 0;
        padding-left: 15px;
        margin-left: 15px;
        border-left: 1px solid #949eb7;
    }
}

.main-nav-column {
    flex-direction: column;
}

    .main-nav-column .nav-link {
        padding: 0;
        height: 38px;
        color: #242f48;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

        .main-nav-column .nav-link i {
            font-size: 24px;
            line-height: 0;
            width: 24px;
            margin-right: 12px;
            text-align: center;
            transition: all 0.2s ease-in-out;
        }

            .main-nav-column .nav-link i:not([class*=' tx-']) {
                color: #737f9e;
            }

            .main-nav-column .nav-link i.typcn {
                line-height: .9;
            }

        .main-nav-column .nav-link span {
            font-weight: 400;
            font-size: 11px;
            color: #949eb7;
            margin-left: auto;
        }

        .main-nav-column .nav-link:hover,
        .main-nav-column .nav-link:focus,
        .main-nav-column .nav-link:hover i:not([class*=' tx-']),
        .main-nav-column .nav-link:focus i:not([class*=' tx-']) {
            color: #242f48;
        }

        .main-nav-column .nav-link.active {
            position: relative;
            color: #C9A96E ;
        }

            .main-nav-column .nav-link.active::before {
                content: '';
                position: absolute;
                top: 6px;
                bottom: 6px;
                left: -28px;
                width: 3px;
                background-color: #C9A96E ;
                border-radius: 3px;
                display: none;
            }

            .main-nav-column .nav-link.active:hover,
            .main-nav-column .nav-link.active:focus,
            .main-nav-column .nav-link.active i,
            .main-nav-column .nav-link.active:hover i,
            .main-nav-column .nav-link.active:focus i {
                color: #C9A96E ;
            }

        .main-nav-column .nav-link + .nav-link {
            border-top: 1px dotted #b9c2d8;
        }

    .main-nav-column.sm .nav-link {
        font-size: 0.875rem;
        font-weight: 400;
        padding: 10px 0;
    }

        .main-nav-column.sm .nav-link i {
            font-size: 21px;
        }

@media (prefers-reduced-motion: reduce) {
    .main-nav-column .nav-link i {
        transition: none;
    }
}

.main-nav-dark .nav-link {
    color: rgba(255, 255, 255, 0.7);
}

    .main-nav-dark .nav-link:hover,
    .main-nav-dark .nav-link:focus {
        color: #fff;
    }

    .main-nav-dark .nav-link + .nav-link {
        border-color: #4d5875;
    }

    .main-nav-dark .nav-link.active {
        color: #C9A96E ;
    }

.main-nav-colored-bg .nav-link + .nav-link {
    border-color: rgba(255, 255, 255, 0.4);
}

.main-nav-colored-bg .nav-link.active {
    color: #fff !important;
}

.main-nav-line {
    position: relative;
}

    .main-nav-line .nav-link {
        padding: 0;
        color: #4d5875;
        position: relative;
        padding: 0px 10px 0px 10px;
        color: #37326d;
        position: relative;
    }

        .main-nav-line .nav-link:hover,
        .main-nav-line .nav-link:focus {
            color: #242f48;
        }

        .main-nav-line .nav-link.active {
            color: #242f48;
        }

            .main-nav-line .nav-link.active::before {
                content: '';
                position: absolute;
                top: 0;
                bottom: 0;
                left: -20px;
                width: 2px;
                background-color: #C9A96E ;
            }

    .main-nav-line.main-nav-dark .nav-link {
        color: rgba(255, 255, 255, 0.7);
    }

        .main-nav-line.main-nav-dark .nav-link:hover,
        .main-nav-line.main-nav-dark .nav-link:focus {
            color: #fff;
        }

        .main-nav-line.main-nav-dark .nav-link.active {
            color: #fff;
        }

            .main-nav-line.main-nav-dark .nav-link.active::before {
                background-color: #fff;
            }

@media (min-width: 768px) {
    .main-nav-line .nav-link.active::before {
        top: 37px;
        bottom: -20px;
        left: 0;
        right: 0;
        height: 2px;
        width: auto;
    }
}

.main-nav-tabs {
    padding: 15px 15px 0;
    background-color: #d0d7e8;
}

    .main-nav-tabs .lSSlideOuter {
        position: relative;
        padding-left: 32px;
        padding-right: 35px;
    }

    .main-nav-tabs .lSSlideWrapper {
        overflow: visible;
    }

    .main-nav-tabs .lSAction > a {
        display: block;
        height: 40px;
        top: 16px;
        opacity: 1;
        background-color: #b9c2d8;
        background-image: none;
    }

        .main-nav-tabs .lSAction > a:hover,
        .main-nav-tabs .lSAction > a:focus {
            background-color: #a5afc4;
        }

        .main-nav-tabs .lSAction > a::before {
            font-family: 'Ionicons';
            font-size: 18px;
            position: absolute;
            top: -4px;
            left: 0;
            right: 0;
            bottom: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .main-nav-tabs .lSAction > a.lSPrev {
            left: -32px;
        }

            .main-nav-tabs .lSAction > a.lSPrev::before {
                content: '\f3cf';
            }

        .main-nav-tabs .lSAction > a.lSNext {
            right: -35px;
        }

            .main-nav-tabs .lSAction > a.lSNext::before {
                content: '\f3d1';
            }

        .main-nav-tabs .lSAction > a.disabled {
            background-color: #dde2ef;
            color: #fff;
        }

    .main-nav-tabs .lightSlider {
        display: flex;
    }

    .main-nav-tabs .tab-item {
        flex-shrink: 0;
        display: block;
        float: none;
        min-width: 150px;
    }

    .main-nav-tabs .tab-link {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 20px;
        line-height: 1.428;
        color: #4d5875;
        white-space: nowrap;
        background-color: #dde2ef;
    }

        .main-nav-tabs .tab-link:hover,
        .main-nav-tabs .tab-link:focus {
            background-color: #ecf0fa;
        }

        .main-nav-tabs .tab-link.active {
            background-color: #fff;
            color: #242f48;
            font-weight: 500;
        }

.main-tab-pane {
    display: none;
}

    .main-tab-pane.active {
        display: block;
    }

.nav .nav-item .dropdown-menu {
    top: 46px;
    border-radius: 6px;
    min-width: 245px;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
    box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
}

    .nav .nav-item .dropdown-menu .dropdown-item.dropdown-header {
        background: #1b2d8f;
        height: 85px;
        color: #fff;
    }

.nav-link.with-sub .angle {
    right: 25px;
    top: 18px;
}

.nav-link.with-sub .side-badge {
    right: 44px;
    position: absolute;
}

.nav-link .side-badge {
    right: 20px;
    position: absolute;
}

.nav-sub-item .sub-angle {
    right: 25px;
    top: 18px;
    margin-left: auto;
    font-size: 11px;
}

.nav-wrapper.crypto .label {
    font-weight: 500;
}

/* ###### 3.11 Pagination ###### */
.page-item:first-child .page-link,
.page-item:last-child .page-link {
    border-radius: 0;
}

.page-item + .page-item {
    margin-left: 1px;
}

.page-item.active .page-link {
    background-color: #C9A96E ;
}

.page-link {
    color: #4d5875;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 38px;
    border-width: 0;
    background-color: #dde2ef;
    margin-left: 0;
    font-weight: 500;
}

    .page-link i {
        font-size: 18px;
        line-height: 0;
    }

    .page-link:hover,
    .page-link:focus {
        color: #242f48;
        background-color: #d0d7e8;
    }

.pagination-dark .page-item.active .page-link {
    background-color: #C9A96E  !important;
    color: #fff;
    border: 1px solid #C9A96E ;
}

.pagination-dark .page-link {
    font-weight: 400;
    background-color: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

    .pagination-dark .page-link:hover,
    .pagination-dark .page-link:focus {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.08);
    }

.pagination-primary .page-item.active .page-link {
    background-color: #C9A96E ;
}

.pagination-success .page-item.active .page-link {
    background-color: #22c03c;
    border-color: #22c03c;
}

.pagination-circled .page-item + .page-item {
    margin-left: 5px;
}

.pagination-circled .page-item:first-child .page-link,
.pagination-circled .page-item:last-child .page-link {
    border-radius: 100%;
}

.pagination-circled .page-link {
    padding: 0;
    width: 40px;
    border-radius: 100%;
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 3px;
}

.page-link {
    position: relative;
    display: flex;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #596882;
    background-color: #e3e7ed;
    border: 1px solid #ecf0fa;
}

    .page-link:hover {
        z-index: 2;
        color: #ecf0fa;
        text-decoration: none;
        background-color: #C9A96E  !important;
        border-color: #C9A96E  !important;
    }

    .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(51, 102, 255, 0.25);
    }

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.page-item:last-child .page-link {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #C9A96E ;
    border-color: #C9A96E ;
}

.page-item.disabled .page-link {
    color: #737f9e;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #d0d7e8;
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.09375rem;
    line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.76562rem;
    line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.page-prev .page-link,
.page-next .page-link {
    width: auto !important;
    padding: 0 10px;
}

.page-prev .page-link,
.page-next .page-link {
    width: auto !important;
    padding: 10px 15px;
}

.pagination li a {
    margin-right: 4px;
    border-radius: 4px;
}

.pagination .page-link {
    background-color: #ecf0fa;
    border: 1px solid #cdd7ef;
}

    .pagination .page-link:hover {
        background-color: #C9A96E  !important;
        border: 1px solid #C9A96E  !important;
    }

.pagination .page-item:last-child .page-link,
.pagination .page-item:first-child .page-link {
    border-radius: 4px;
}

.pagination.pagination-circled .page-link {
    border-radius: 50% !important;
}

.pagination-dark.pagination .page-link {
    background-color: #455377 !important;
    border: 1px solid #526392 !important;
    background-color: #455377 !important;
    border: 1px solid #526392 !important;
}

    .pagination-dark.pagination .page-link:hover {
        background: #C9A96E  !important;
        color: #fff;
        border: 1px solid #C9A96E  !important;
    }

/* ###### 3.12 Popover ###### */
.popover {
    font-size: 12px;
    padding: 0;
    border-radius: 0;
}

.popover-header {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: #364261;
    letter-spacing: 0.5px;
    padding: 12px 15px;
    background-color: #fff;
    border-color: rgba(28, 39, 60, 0.2);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

    .popover-header::before {
        display: none !important;
    }

.popover-body {
    padding: 15px;
}

    .popover-body p:last-child {
        margin-bottom: 0;
    }

.popover-head-primary .popover-header {
    color: #fff;
    background-color: #C9A96E ;
}

.popover-head-primary.bs-popover-top .popover-arrow,
.popover-head-primary.bs-popover-auto[data-popper-placement^="top"] .popover-arrow {
    bottom: -7px;
}

.popover-head-primary.bs-popover-start .popover-arrow,
.popover-head-primary.bs-popover-auto[data-popper-placement^="start"] .popover-arrow {
    right: -7px;
}

.popover-head-primary.bs-popover-end .popover-arrow,
.popover-head-primary.bs-popover-auto[data-popper-placement^="end"] .popover-arrow {
    left: -7px;
}

.popover-head-primary.bs-popover-bottom .popover-arrow::after,
.popover-head-primary.bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow::after {
    border-bottom-color: #C9A96E ;
}

.popover-head-secondary .popover-header {
    color: #fff;
    background-color: #C9A96E ;
}

.popover-head-secondary.bs-popover-top .popover-arrow,
.popover-head-secondary.bs-popover-auto[data-popper-placement^="top"] .popover-arrow {
    bottom: -7px;
}

.popover-head-secondary.bs-popover-start .popover-arrow,
.popover-head-secondary.bs-popover-auto[data-popper-placement^="start"] .popover-arrow {
    right: -7px;
}

.popover-head-secondary.bs-popover-end .popover-arrow,
.popover-head-secondary.bs-popover-auto[data-popper-placement^="end"] .popover-arrow {
    left: -7px;
}

.popover-head-secondary.bs-popover-bottom .popover-arrow::after,
.popover-head-secondary.bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow::after {
    border-bottom-color: #C9A96E ;
}

.popover-head-primary,
.popover-head-secondary {
    border: 0;
}

    .popover-head-primary .popover-header,
    .popover-head-secondary .popover-header {
        border: 0;
    }

    .popover-head-primary .popover-body,
    .popover-head-secondary .popover-body {
        border-top-width: 0;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px;
    }

    .popover-head-primary.bs-popover-bottom .popover-arrow::before,
    .popover-head-primary.bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow::before {
        display: none;
    }

    .popover-head-secondary.bs-popover-bottom .popover-arrow::before,
    .popover-head-secondary.bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow::before {
        display: none;
    }

.popover-primary {
    background-color: #C9A96E  !important;
    border-width: 0;
    padding: 15px;
    border: 1px solid #0c5ccc !important;
}

    .popover-primary .popover-header {
        background-color: transparent;
        border-bottom-width: 0;
        padding: 0 0 15px;
        color: #fff;
    }

    .popover-primary .popover-body {
        padding: 0;
        color: rgba(255, 255, 255, 0.75);
    }

    .popover-primary .popover-arrow::before {
        display: none;
    }

    .popover-primary.bs-popover-top .popover-arrow::after,
    .popover-primary.bs-popover-auto[data-popper-placement^="top"] .popover-arrow::after {
        border-top-color: #C9A96E ;
    }

    .popover-primary.bs-popover-bottom .popover-arrow::after,
    .popover-primary.bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow::after {
        border-bottom-color: #C9A96E ;
    }

    .popover-primary.bs-popover-start .popover-arrow::after,
    .popover-primary.bs-popover-auto[data-popper-placement^="start"] .popover-arrow::after {
        border-left-color: #C9A96E ;
    }

    .popover-primary.bs-popover-end .popover-arrow::after,
    .popover-primary.bs-popover-auto[data-popper-placement^="end"] .popover-arrow::after {
        border-right-color: #C9A96E ;
    }

.popover-secondary {
    background-color: #C9A96E  !important;
    border-width: 0;
    padding: 15px;
    border: 1px solid #0c5ccc !important;
}

    .popover-secondary .popover-header {
        background-color: transparent;
        border-bottom-width: 0;
        padding: 0 0 15px;
        color: #fff;
    }

    .popover-secondary .popover-body {
        padding: 0;
        color: rgba(255, 255, 255, 0.75);
    }

    .popover-secondary .popover-arrow::before {
        display: none;
    }

    .popover-secondary.bs-popover-top .popover-arrow::after,
    .popover-secondary.bs-popover-auto[data-popper-placement^="top"] .popover-arrow::after {
        border-top-color: #C9A96E ;
    }

    .popover-secondary.bs-popover-bottom .popover-arrow::after,
    .popover-secondary.bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow::after {
        border-bottom-color: #C9A96E ;
    }

    .popover-secondary.bs-popover-start .popover-arrow::after,
    .popover-secondary.bs-popover-auto[data-popper-placement^="start"] .popover-arrow::after {
        border-left-color: #C9A96E ;
    }

    .popover-secondary.bs-popover-end .popover-arrow::after,
    .popover-secondary.bs-popover-auto[data-popper-placement^="end"] .popover-arrow::after {
        border-right-color: #C9A96E ;
    }

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 98;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.76562rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 0.3rem;
    border: 1px solid #d2d4d9;
}

    .popover .popover-arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: 0.5rem;
        margin: 0 0.3rem;
    }

        .popover .popover-arrow::before,
        .popover .popover-arrow::after {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid;
        }

.bs-popover-top,
.bs-popover-auto[data-popper-placement^="top"] {
    margin-bottom: 0.5rem;
}

    .bs-popover-top > .popover-arrow,
    .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow {
        bottom: calc((0.5rem + 1px) * -1);
    }

        .bs-popover-top > .popover-arrow::before,
        .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before {
            bottom: 0;
            border-width: 0.5rem 0.5rem 0;
            border-top-color: rgba(0, 0, 0, 0.25);
        }

        .bs-popover-top > .popover-arrow::after,
        .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
            bottom: 1px;
            border-width: 0.5rem 0.5rem 0;
            border-top-color: #fff;
        }

.bs-popover-end,
.bs-popover-auto[data-popper-placement^="end"] {
    margin-left: 0.5rem;
}

    .bs-popover-end > .popover-arrow,
    .bs-popover-auto[data-popper-placement^="end"] > .popover-arrow {
        left: calc((0.5rem + 1px) * -1);
        width: 0.5rem;
        height: 1rem;
        margin: 0.3rem 0;
    }

        .bs-popover-end > .popover-arrow::before,
        .bs-popover-auto[data-popper-placement^="end"] > .popover-arrow::before {
            left: 0;
            border-width: 0.5rem 0.5rem 0.5rem 0;
            border-right-color: rgba(0, 0, 0, 0.25);
        }

        .bs-popover-end > .popover-arrow::after,
        .bs-popover-auto[data-popper-placement^="end"] > .popover-arrow::after {
            left: 1px;
            border-width: 0.5rem 0.5rem 0.5rem 0;
            border-right-color: #fff;
        }

.bs-popover-bottom,
.bs-popover-auto[data-popper-placement^="bottom"] {
    margin-top: 0.5rem;
}

    .bs-popover-bottom > .popover-arrow,
    .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow {
        top: calc((0.5rem + 1px) * -1);
    }

        .bs-popover-bottom > .popover-arrow::before,
        .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before {
            top: 0;
            border-width: 0 0.5rem 0.5rem 0.5rem;
            border-bottom-color: rgba(0, 0, 0, 0.25);
        }

        .bs-popover-bottom > .popover-arrow::after,
        .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
            top: 1px;
            border-width: 0 0.5rem 0.5rem 0.5rem;
            border-bottom-color: #fff;
        }

    .bs-popover-bottom .popover-header::before,
    .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 1rem;
        margin-left: -0.5rem;
        content: "";
        border-bottom: 1px solid #f7f7f7;
    }

.bs-popover-start,
.bs-popover-auto[data-popper-placement^="start"] {
    margin-right: 0.5rem;
}

    .bs-popover-start > .popover-arrow,
    .bs-popover-auto[data-popper-placement^="start"] > .popover-arrow {
        right: calc((0.5rem + 1px) * -1);
        width: 0.5rem;
        height: 1rem;
        margin: 0.3rem 0;
    }

        .bs-popover-start > .popover-arrow::before,
        .bs-popover-auto[data-popper-placement^="start"] > .popover-arrow::before {
            right: 0;
            border-width: 0.5rem 0 0.5rem 0.5rem;
            border-left-color: rgba(0, 0, 0, 0.25);
        }

        .bs-popover-start > .popover-arrow::after,
        .bs-popover-auto[data-popper-placement^="start"] > .popover-arrow::after {
            right: 1px;
            border-width: 0.5rem 0 0.5rem 0.5rem;
            border-left-color: #fff;
        }

.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    background-color: #fff;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

    .popover-header:empty {
        display: none;
    }

.popover-body {
    padding: 0.5rem 0.75rem;
    color: #C9A96E;
}

.popover-static-demo {
    background-color: #dde2ef;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
}

    .popover-static-demo .popover {
        z-index: 0;
        opacity: 1;
        position: relative;
        display: inline-block;
        margin: 0 10px;
        box-shadow: -8px 12px 18px 0 #dadee8;
        border: 1px solid #c0c6d0;
    }

    .popover-static-demo .bs-popover-top .popover-arrow,
    .popover-static-demo .bs-popover-auto[data-popper-placement^="top"] .popover-arrow,
    .popover-static-demo .bs-popover-bottom .popover-arrow,
    .popover-static-demo .bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow {
        left: 50%;
        margin-left: -5px;
    }

    .popover-static-demo .bs-popover-start,
    .popover-static-demo .bs-popover-auto[data-popper-placement^="start"],
    .popover-static-demo .bs-popover-end,
    .popover-static-demo .bs-popover-auto[data-popper-placement^="end"] {
        margin-top: 5px;
    }

        .popover-static-demo .bs-popover-start .popover-arrow,
        .popover-static-demo .bs-popover-auto[data-popper-placement^="start"] .popover-arrow,
        .popover-static-demo .bs-popover-end .popover-arrow,
        .popover-static-demo .bs-popover-auto[data-popper-placement^="end"] .popover-arrow {
            top: 50%;
            margin-top: -5px;
        }

/* ###### 3.13 Progress ###### */
.progress {
    height: auto;
    border-radius: 0;
}

.progress-bar {
    border-radius: 0;
    height: 10px;
    font-size: 11px;
}

.progress-bar-xs {
    height: 5px;
}

.progress-bar-sm {
    height: 8px;
}

.progress-bar-lg {
    height: 15px;
}

.progress {
    display: flex;
    overflow: hidden;
    font-size: 0.65625rem;
    background-color: #dde2ef;
    border-radius: 3px;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #C9A96E ;
    transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none;
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none;
    }
}

/* ###### 3.14 Table ###### */
.table {
    color: #364261;
}

    .table thead th,
    .table thead td {
        color: #37374e;
        font-weight: 700;
        font-size: 11px;
        letter-spacing: .5px;
        text-transform: uppercase;
        border-bottom-width: 1px;
        border-top-width: 0;
        padding: 0 15px 5px;
    }

    .table tbody tr {
        background-color: rgba(255, 255, 255, 0.5);
    }

        .table tbody tr th {
            font-weight: 500;
        }

    .table th,
    .table td {
        padding: 9px 15px;
        line-height: 1.462;
    }

    .table > :not(:last-child) > :last-child > * {
        border-bottom: #dde2ef;
    }

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgba(238, 238, 247, 0.5);
}

.table-bordered thead th,
.table-bordered thead td {
    border-top-width: 1px;
    padding-top: 7px;
    padding-bottom: 7px;
    background-color: rgba(255, 255, 255, 0.5);
}

.table {
    margin-bottom: 1rem;
    color: #C9A96E;
}

    .table th,
    .table td {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 1px solid #dde2ef;
    }

    .table thead th {
        vertical-align: bottom;
    }

    .table tbody + tbody {
        border-top: 2px solid #dde2ef;
    }

.table-sm th,
.table-sm td {
    padding: 0.3rem;
}

.table-bordered {
    border: 1px solid #dde2ef;
}

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #dde2ef;
    }

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
    border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ecf0fa;
}

.table-hover tbody tr:hover {
    color: #C9A96E;
    background-color: #eff3f7;
}

.table-primary {
    background-color: #c6d4ff;
}

    .table-primary > th,
    .table-primary > td {
        background-color: #c6d4ff;
    }

    .table-primary th,
    .table-primary td,
    .table-primary thead th,
    .table-primary tbody + tbody {
        border-color: #95afff;
    }

.table-hover .table-primary:hover {
    background-color: #adc1ff;
}

    .table-hover .table-primary:hover > td,
    .table-hover .table-primary:hover > th {
        background-color: #adc1ff;
    }

.table-secondary {
    background-color: #d9dde5;
}

    .table-secondary > th,
    .table-secondary > td {
        background-color: #d9dde5;
    }

    .table-secondary th,
    .table-secondary td,
    .table-secondary thead th,
    .table-secondary tbody + tbody {
        border-color: #b9c1ce;
    }

.table-hover .table-secondary:hover {
    background-color: #cacfdb;
}

    .table-hover .table-secondary:hover > td,
    .table-hover .table-secondary:hover > th {
        background-color: #cacfdb;
    }

.table-success {
    background-color: #c8e9b8;
}

    .table-success > th,
    .table-success > td {
        background-color: #c8e9b8;
    }

    .table-success th,
    .table-success td,
    .table-success thead th,
    .table-success tbody + tbody {
        border-color: #99d67b;
    }

.table-hover .table-success:hover {
    background-color: #b9e3a5;
}

    .table-hover .table-success:hover > td,
    .table-hover .table-success:hover > th {
        background-color: #b9e3a5;
    }

.table-info {
    background-color: #bee5eb;
}

    .table-info > th,
    .table-info > td {
        background-color: #bee5eb;
    }

    .table-info th,
    .table-info td,
    .table-info thead th,
    .table-info tbody + tbody {
        border-color: #86cfda;
    }

.table-hover .table-info:hover {
    background-color: #abdde5;
}

    .table-hover .table-info:hover > td,
    .table-hover .table-info:hover > th {
        background-color: #abdde5;
    }

.table-warning {
    background-color: #ffeeba;
}

    .table-warning > th,
    .table-warning > td {
        background-color: #ffeeba;
    }

    .table-warning th,
    .table-warning td,
    .table-warning thead th,
    .table-warning tbody + tbody {
        border-color: #ffdf7e;
    }

.table-hover .table-warning:hover {
    background-color: #ffe8a1;
}

    .table-hover .table-warning:hover > td,
    .table-hover .table-warning:hover > th {
        background-color: #ffe8a1;
    }

.table-danger {
    background-color: #f5c6cb;
}

    .table-danger > th,
    .table-danger > td {
        background-color: #f5c6cb;
    }

    .table-danger th,
    .table-danger td,
    .table-danger thead th,
    .table-danger tbody + tbody {
        border-color: #ed969e;
    }

.table-hover .table-danger:hover {
    background-color: #f1b0b7;
}

    .table-hover .table-danger:hover > td,
    .table-hover .table-danger:hover > th {
        background-color: #f1b0b7;
    }

.table-light {
    background-color: #fcfcfd;
}

    .table-light > th,
    .table-light > td {
        background-color: #fcfcfd;
    }

    .table-light th,
    .table-light td,
    .table-light thead th,
    .table-light tbody + tbody {
        border-color: #f9fafb;
    }

.table-hover .table-light:hover {
    background-color: #ededf3;
}

    .table-hover .table-light:hover > td,
    .table-hover .table-light:hover > th {
        background-color: #ededf3;
    }

.table-dark {
    background-color: #c8ccd3;
}

    .table-dark > th,
    .table-dark > td {
        background-color: #c8ccd3;
    }

    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody + tbody {
        border-color: #99a0ae;
    }

.table-hover .table-dark:hover {
    background-color: #babfc8;
}

    .table-hover .table-dark:hover > td,
    .table-hover .table-dark:hover > th {
        background-color: #babfc8;
    }

.table-active {
    background-color: rgba(0, 0, 0, 0.075);
}

    .table-active > th,
    .table-active > td {
        background-color: rgba(0, 0, 0, 0.075);
    }

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

    .table-hover .table-active:hover > td,
    .table-hover .table-active:hover > th {
        background-color: rgba(0, 0, 0, 0.075);
    }

.table .thead-dark th {
    color: #fff;
    background-color: #364261;
    border-color: #49597b;
}

.table .thead-light th {
    color: #4d5875;
    background-color: #dde2ef;
    border-color: #d0d7e8;
}

.table-dark {
    color: #fff;
    background-color: #364261;
}

    .table-dark th,
    .table-dark td,
    .table-dark thead th {
        border-color: #49597b;
    }

    .table-dark.table-bordered {
        border: 0;
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255, 255, 255, 0.05);
    }

    .table-dark.table-hover tbody tr:hover {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.075);
    }

.table.dataTable.no-footer {
    border-bottom: 1px solid #e3e8f7 !important;
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

        .table-responsive-sm > .table-bordered {
            border: 0;
        }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

        .table-responsive-md > .table-bordered {
            border: 0;
        }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

        .table-responsive-lg > .table-bordered {
            border: 0;
        }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

        .table-responsive-xl > .table-bordered {
            border: 0;
        }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

    .table-responsive > .table-bordered {
        border: 0;
    }

@media print {
    .table {
        border-collapse: collapse !important;
    }

        .table td,
        .table th {
            background-color: #fff !important;
        }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #e3e8f7 !important;
    }

    .table-dark {
        color: inherit;
    }

        .table-dark th,
        .table-dark td,
        .table-dark thead th,
        .table-dark tbody + tbody {
            border-color: #d0d7e8;
        }

    .table .thead-dark th {
        color: inherit;
        border-color: #d0d7e8;
    }
}

.table.table-clean td .value {
    font-size: .9rem;
    line-height: 1.6;
    font-weight: 500;
}

.table.table-clean td .sub-value {
    font-size: .72rem;
    color: #737f9e;
}

.table.table-clean tr:first-child td {
    border-top: none;
}

.table.table-clean td {
    padding-left: 0px;
    padding-right: 0px;
    border-top-color: rgba(0, 0, 0, 0.05);
}

.table.table-clean th,
.table.table-clean td {
    padding: 7px 20px !important;
}

.toast {
    background-color: rgba(255, 255, 255, 0.95);
    border-color: rgba(28, 39, 60, 0.16);
    box-shadow: 0 2px 3px rgba(28, 39, 60, 0.06);
    border-radius: 3px;
}

.toast-header {
    border-bottom-color: rgba(205, 212, 224, 0.4);
}

    .toast-header .close {
        font-weight: 300;
        color: #949eb7;
    }

.toast {
    max-width: 350px;
    overflow: hidden;
    font-size: 0.875rem;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border: 1px solid #e5e8f3;
    box-shadow: -8px 12px 18px 0 #ecf0fa;
    backdrop-filter: blur(10px);
    opacity: 0;
    border-radius: 0.25rem;
}

    .toast:not(:last-child) {
        margin-bottom: 0.75rem;
    }

    .toast.showing {
        opacity: 1;
    }

    .toast.show {
        display: block;
        opacity: 1;
    }

    .toast.hide {
        display: none;
    }

.toast-header {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    color: #2c3e56;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.toast-body {
    padding: 0.75rem;
    color: #607086;
}

.demo-static-toast .toast {
    opacity: 1;
}

/* ###### 3.15 Tooltip ###### */
.tooltip {
    top: 0;
}

.tooltip-inner {
    font-size: 12px;
    border-radius: 2px;
}

.tooltip-primary .tooltip-inner {
    background-color: #C9A96E ;
    color: #fff;
}

.tooltip-primary.bs-tooltip-top .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow::before {
    border-top-color: #C9A96E ;
}

.tooltip-primary.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow::before {
    border-bottom-color: #C9A96E ;
}

.tooltip-primary.bs-tooltip-start .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow::before {
    border-left-color: #C9A96E ;
}

.tooltip-primary.bs-tooltip-end .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow::before {
    border-right-color: #C9A96E ;
}

.tooltip-secondary .tooltip-inner {
    background-color: #C9A96E ;
    color: #fff;
}

.tooltip-secondary.bs-tooltip-top .tooltip-arrow::before,
.tooltip-secondary.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    border-top-color: #C9A96E ;
}

.tooltip-secondary.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip-secondary.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
    border-bottom-color: #C9A96E ;
}

.tooltip-secondary.bs-tooltip-start .tooltip-arrow::before,
.tooltip-secondary.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
    border-left-color: #C9A96E ;
}

.tooltip-secondary.bs-tooltip-end .tooltip-arrow::before,
.tooltip-secondary.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
    border-right-color: #C9A96E ;
}

.tooltip {
    position: absolute;
    z-index: 98;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.76562rem;
    word-wrap: break-word;
    opacity: 1 !important;
}

    .tooltix.show {
        opacity: 0.9;
    }

    .tooltip .tooltip-arrow {
        position: absolute;
        display: block;
        width: 0.8rem;
        height: 0.4rem;
    }

        .tooltip .tooltip-arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid;
        }

.bs-tooltip-top,
.bs-tooltip-auto[data-popper-placement^="top"] {
    padding: 0.4rem 0;
}

    .bs-tooltip-top .tooltip-arrow,
    .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
        bottom: 0;
    }

        .bs-tooltip-top .tooltip-arrow::before,
        .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
            top: 0;
            border-width: 0.4rem 0.4rem 0;
            border-top-color: #000;
        }

.bs-tooltip-end,
.bs-tooltip-auto[data-popper-placement^="right"] {
    padding: 0 0.4rem;
}

    .bs-tooltip-end .tooltip-arrow,
    .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
        left: 0;
        width: 0.4rem;
        height: 0.8rem;
    }

        .bs-tooltip-end .tooltip-arrow::before,
        .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
            right: 0;
            border-width: 0.4rem 0.4rem 0.4rem 0;
            border-right-color: #000;
        }

.bs-tooltip-bottom,
.bs-tooltip-auto[data-popper-placement^="bottom"] {
    padding: 0.4rem 0;
}

    .bs-tooltip-bottom .tooltip-arrow,
    .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
        top: 0;
    }

        .bs-tooltip-bottom .tooltip-arrow::before,
        .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
            bottom: 0;
            border-width: 0 0.4rem 0.4rem;
            border-bottom-color: #000;
        }

.bs-tooltip-start,
.bs-tooltip-auto[data-popper-placement^="left"] {
    padding: 0 0.4rem;
}

    .bs-tooltip-start .tooltip-arrow,
    .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
        right: 0;
        width: 0.4rem;
        height: 0.8rem;
    }

        .bs-tooltip-start .tooltip-arrow::before,
        .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
            left: 0;
            border-width: 0.4rem 0 0.4rem 0.4rem;
            border-left-color: #000;
        }

#tooltip-demo {
    text-align: center;
    background-color: #dde2ef;
    padding: 20px;
}

#tooltip-individual {
    z-index: 0;
    opacity: 1;
    position: relative;
    display: inline-block;
    margin: 0 10px;
}

#tooltip-arrow-individual {
    left: 50%;
    margin-left: -2px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 3px;
}

    .tooltip-inner .tooltip-static-demo {
        text-align: center;
        background-color: #dde2ef;
        padding: 20px;
    }

        .tooltip-inner .tooltip-static-demo .tooltip {
            z-index: 0;
            opacity: 1 !important;
            display: inline-block;
            margin: 0 10px;
        }

        .tooltip-inner .tooltip-static-demo .bs-tooltip-top .tooltip-arrow,
        .tooltip-inner .tooltip-static-demo .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow,
        .tooltip-inner .tooltip-static-demo .bs-tooltip-bottom .tooltip-arrow,
        .tooltip-inner .tooltip-static-demo .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
            left: 50%;
            margin-left: -2px;
        }

        .tooltip-inner .tooltip-static-demo .bs-tooltip-start,
        .tooltip-inner .tooltip-static-demo .bs-tooltip-auto[data-popper-placement^="left"],
        .tooltip-inner .tooltip-static-demo .bs-tooltip-end,
        .tooltip-inner .tooltip-static-demo .bs-tooltip-auto[data-popper-placement^="right"] {
            margin-top: 5px;
        }

            .tooltip-inner .tooltip-static-demo .bs-tooltip-start .tooltip-arrow,
            .tooltip-inner .tooltip-static-demo .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow,
            .tooltip-inner .tooltip-static-demo .bs-tooltip-end .tooltip-arrow,
            .tooltip-inner .tooltip-static-demo .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
                top: 50%;
                margin-top: -6px;
            }

/* ######### Res-Tabs #########*/
.tabs-style-1 .main-nav-line .nav-link {
    padding: 10px 18px 10px 18px;
    background: transparent;
}

    .tabs-style-1 .main-nav-line .nav-link.active::before {
        bottom: 0;
    }

.tabs-style-2 .main-nav-line .nav-link {
    padding: 0.7rem 2rem;
    background: #ecf0fa;
}

    .tabs-style-2 .main-nav-line .nav-link.active {
        background: transparent;
        color: #C9A96E ;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

        .tabs-style-2 .main-nav-line .nav-link.active::before {
            display: none;
        }

.tabs-style-2 .main-nav-line .nav-link {
    padding: 0.7rem 2rem;
    background: #ecf0fa;
    border: 1px solid #e2e8f5;
    border-bottom: 0;
}

.tabs-style-2 li .nav-link.active {
    background: none;
    box-shadow: inset 0 3px 1px #C9A96E ;
    color: #C9A96E ;
    border-top: 0;
}

.tabs-style-3 {
    padding: 20px;
    border: 1px solid #e3e3e3;
}

    .tabs-style-3 .nav.panel-tabs li a {
        padding: 10px 24px 10px 24px;
        background: #ecf0fa;
        border-radius: 20px;
        margin: 0 5px 5px 0;
        text-align: center;
        display: block;
        color: #333334;
    }

    .tabs-style-3 .tabs-menu-body {
        margin-top: 20px;
    }

    .tabs-style-3 .nav.panel-tabs li a.active {
        background: #C9A96E ;
        color: #fff;
    }

.tabs-style-4 .nav.panel-tabs li {
    display: block;
    width: 100%;
}

.tabs-style-4 .tabs-menu-body {
    padding: 20px;
    border: 1px solid #e3e7f3;
    border-radius: 4px;
}

.tabs-style-4 .nav.panel-tabs li a {
    padding: 10px 18px 10px 18px;
    background: #ecf0fa;
    border-radius: 4px;
    margin: 0 0 16px 0;
    text-align: center;
    display: block;
    color: #333334;
    width: 100%;
}

    .tabs-style-4 .nav.panel-tabs li a.active {
        background: #C9A96E ;
        color: #fff;
    }

@media (min-width: 768px) {
    .tabs-style-4 .tab-menu-heading {
        width: 200px;
    }
}

.panel-primary.tabs-style-1 .main-nav-line .nav-link.active::before {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: auto;
}

.tab_wrapper {
    display: inline-block;
    width: 100%;
    position: relative;
}

    .tab_wrapper.right_side > ul {
        width: 25%;
        float: right;
        padding-left: 0;
        border-bottom: 1px solid #f0f2f7;
    }

        .tab_wrapper.right_side > ul li {
            width: 100%;
            box-sizing: border-box;
            margin: 0;
            padding: 12px 18px;
            border-width: 1px;
            border-right: 0;
            border-left: 0;
            text-align: right;
            list-style-type: none;
        }

            .tab_wrapper.right_side > ul li:after {
                right: 0;
                left: inherit;
                top: 0;
                content: "";
                position: absolute;
                width: 5px;
                height: 100%;
                background: #f0f2f7;
            }

            .tab_wrapper.right_side > ul li.active {
                border-color: #f0f2f7;
            }

                .tab_wrapper.right_side > ul li.active:after {
                    right: 0;
                    left: inherit;
                    top: 0;
                    width: 5px;
                    height: 100%;
                    content: "";
                }

                .tab_wrapper.right_side > ul li.active:before {
                    left: -2px;
                    right: inherit;
                    position: absolute;
                    top: 0;
                    content: "";
                    width: 2px;
                    height: 100%;
                    background: #fff;
                }

    .tab_wrapper.right_side .content_wrapper {
        width: 75%;
        float: left;
        border: 1px solid #f0f2f7;
    }

    .tab_wrapper.right_side .controller {
        top: -50px;
    }

    .tab_wrapper > ul li.active {
        border-color: #C9A96E ;
        background: #C9A96E ;
        color: #fff;
    }

    .tab_wrapper * {
        box-sizing: border-box;
    }

    .tab_wrapper > ul {
        clear: both;
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid rgba(0, 40, 100, 0.12);
        margin-bottom: 0;
    }

        .tab_wrapper > ul li {
            float: left;
            cursor: pointer;
            font-weight: 500;
            padding: 8px 18px;
            text-transform: uppercase;
            border: 1px solid #f0f2f7;
            font-size: 1.05em;
            border-bottom: 0;
            position: relative;
            border-top: 3px solid #f0f2f7;
            margin: 0 5px 0 0;
        }

            .tab_wrapper > ul li.active:after {
                content: "";
                position: absolute;
                bottom: -1px;
                height: 1px;
                left: 0;
                background: #fff;
                width: 100%;
            }

    .tab_wrapper .controller {
        display: block;
        overflow: hidden;
        clear: both;
        position: absolute;
        top: 0;
        right: 0;
    }

        .tab_wrapper .controller span {
            padding: 8px 22px;
            text-transform: uppercase;
            display: inline-block;
        }

            .tab_wrapper .controller span.next {
                float: right;
                margin-left: 10px;
            }

    .tab_wrapper .content_wrapper {
        float: left;
        width: 100%;
        border: 1px solid rgba(0, 40, 100, 0.12);
        border-top: 0;
        box-sizing: border-box;
    }

        .tab_wrapper .content_wrapper .tab_content {
            display: none;
            padding: 15px 20px;
        }

            .tab_wrapper .content_wrapper .tab_content.active {
                /* display: block; */
            }

            .tab_wrapper .content_wrapper .tab_content .error {
                color: red;
            }

        .tab_wrapper .content_wrapper .accordian_header {
            display: none;
            padding: 10px 20px;
            text-transform: uppercase;
            font-weight: bold;
            border-top: 1px solid #f0f2f7;
            border-bottom: 1px solid #fff;
            position: relative;
            cursor: pointer;
        }

            .tab_wrapper .content_wrapper .accordian_header.active {
                border: 1px solid #f0f2f7;
            }

                .tab_wrapper .content_wrapper .accordian_header.active:after {
                    position: absolute;
                    top: 0;
                    left: 0;
                    content: "";
                    width: 5px;
                    height: 100%;
                }

            .tab_wrapper .content_wrapper .accordian_header .arrow {
                float: right;
                display: inline-block;
                width: 12px;
                height: 12px;
                position: relative;
                border-radius: 2px;
                transform: rotate(-135deg);
                background: #fff;
                border-top: 3px solid #cdd2e0;
                border-left: 3px solid #cdd2e0;
            }

            .tab_wrapper .content_wrapper .accordian_header.active .arrow {
                transform: rotate(45deg);
                margin-top: 5px;
            }

    .tab_wrapper.left_side > ul {
        width: 25%;
        float: left;
        padding-left: 0;
        border-bottom: 1px solid #f0f2f7;
    }

        .tab_wrapper.left_side > ul li {
            width: 100%;
            box-sizing: border-box;
            margin: 0;
            padding: 12px 18px;
            border-width: 1px;
            border-right: 0;
            border-left: 0;
            list-style-type: none;
        }

            .tab_wrapper.left_side > ul li:after {
                left: 0;
                top: 0;
                content: "";
                position: absolute;
                width: 5px;
                height: 100%;
                background: #f0f2f7;
            }

            .tab_wrapper.left_side > ul li.active {
                border-color: #f0f2f7;
            }

                .tab_wrapper.left_side > ul li.active:after {
                    left: 0;
                    top: 0;
                    width: 5px;
                    height: 100%;
                }

                .tab_wrapper.left_side > ul li.active:before {
                    right: -1px;
                    position: absolute;
                    top: 0;
                    content: "";
                    width: 2px;
                    height: 100%;
                    background: #fff;
                }

    .tab_wrapper.left_side .content_wrapper {
        width: 75%;
        border: 1px solid #f0f2f7;
        float: left;
    }

    .tab_wrapper.left_side .controller {
        top: -50px;
    }

    .tab_wrapper.right_side > ul {
        width: 25%;
        float: right;
        border-bottom: 1px solid #f0f2f7;
    }

        .tab_wrapper.right_side > ul li {
            width: 100%;
            box-sizing: border-box;
            margin: 0;
            padding: 12px 18px;
            border-width: 1px;
            border-right: 0;
            border-left: 0;
            text-align: right;
        }

            .tab_wrapper.right_side > ul li:after {
                right: 0;
                left: inherit;
                top: 0;
                content: "";
                position: absolute;
                width: 5px;
                height: 100%;
                background: #f0f2f7;
            }

            .tab_wrapper.right_side > ul li.active {
                border-color: #f0f2f7;
            }

                .tab_wrapper.right_side > ul li.active:after {
                    right: 0;
                    left: inherit;
                    top: 0;
                    width: 5px;
                    height: 100%;
                    content: "";
                }

                .tab_wrapper.right_side > ul li.active:before {
                    left: -2px;
                    right: inherit;
                    position: absolute;
                    top: 0;
                    content: "";
                    width: 2px;
                    height: 100%;
                    background: #fff;
                }

    .tab_wrapper.right_side .content_wrapper {
        width: 75%;
        float: left;
        border: 1px solid #f0f2f7;
    }

    .tab_wrapper.right_side .controller {
        top: -50px;
    }

    .tab_wrapper.accordion .content_wrapper {
        border-color: #f0f2f7;
    }

        .tab_wrapper.accordion .content_wrapper .accordian_header {
            display: block;
        }

    .tab_wrapper.accordion > ul {
        display: none;
    }

    .tab_wrapper .active_tab {
        display: none;
        position: relative;
        background: #000;
        padding: 12px;
        text-align: center;
        padding-right: 50px;
        color: #fff;
        cursor: pointer;
        border-radius: 30px;
    }

        .tab_wrapper .active_tab .arrow {
            width: 30px;
            height: 30px;
            overflow: hidden;
            line-height: 30px;
            text-align: center;
            background: #fff;
            position: absolute;
            right: 6px;
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%);
        }

            .tab_wrapper .active_tab .arrow:after {
                content: "";
                width: 10px;
                display: inline-block;
                height: 10px;
                border-right: 3px solid #000;
                border-bottom: 3px solid #000;
                transform: rotate(45deg);
                position: absolute;
                top: 50%;
                left: 50%;
                margin-left: -6px;
                margin-top: -8px;
            }

        .tab_wrapper .active_tab .text {
            text-indent: 39px;
            display: block;
        }

@media only screen and (max-width: 768px) {
    .tab_wrapper > ul {
        display: none;
    }

    .tab_wrapper .content_wrapper {
        border: 0;
    }

        .tab_wrapper .content_wrapper .accordian_header {
            display: block;
        }

    .tab_wrapper.left_side .content_wrapper,
    .tab_wrapper.right_side .content_wrapper {
        width: 100%;
        border-top: 0;
    }

    .tab_wrapper .controller {
        display: none;
    }

    .tab_wrapper.show-as-dropdown > .tab_list {
        border: 0;
        box-shadow: 0 0 8px #f0f2f7;
        position: absolute;
        z-index: 3;
        background: #fff;
        border-radius: 5px;
        margin-top: 15px;
    }

        .tab_wrapper.show-as-dropdown > .tab_list:before {
            content: "";
            position: absolute;
            top: -6px;
            left: 50%;
            width: 14px;
            height: 14px;
            background: #fff;
            transform: rotate(45deg);
            box-shadow: -3px -4px 5px #efefef;
            margin-left: -7px;
        }

        .tab_wrapper.show-as-dropdown > .tab_list li {
            border: 0;
            border-bottom: 1px solid #f0f2f7;
        }

            .tab_wrapper.show-as-dropdown > .tab_list li.active:after {
                display: none;
            }

    .tab_wrapper.show-as-dropdown .active_tab {
        display: block;
    }

    .tab_wrapper.show-as-dropdown > .tab_list,
    .tab_wrapper.show-as-dropdown > .content_wrapper > .accordian_header {
        display: none;
    }

        .tab_wrapper.show-as-dropdown > .tab_list li {
            display: block;
            float: none;
            width: 100%;
        }
}

@media only screen and (min-width: 769px) {
    .tab_wrapper.show-as-dropdown > .tab_list {
        display: block !important;
        overflow: hidden;
    }
}

.dark-theme .tabs-style-2 .main-nav-line .nav-link {
    background: #30385f;
}

    .dark-theme .tabs-style-2 .main-nav-line .nav-link.active {
        background: #C9A96E  !important;
        color: #fff;
    }

.dark-theme .tabs-style-1 .main-nav-line .nav-link {
    background: #191f3a;
}

.dark-theme .tabs-style-3 {
    border: 1px solid rgba(227, 227, 227, 0.1);
}

    .dark-theme .tabs-style-3 .nav.panel-tabs li a {
        background: rgba(239, 239, 245, 0.3);
        color: #fff;
    }

.dark-theme .tabs-style-4 .tabs-menu-body {
    border: 1px solid rgba(227, 227, 227, 0.15);
}

.dark-theme .tabs-style-3 .nav.panel-tabs li a.active {
    background: #C9A96E ;
    color: #fff;
}

.dark-theme .tabs-style-4 .nav.panel-tabs li a {
    background: rgba(239, 239, 245, 0.2);
    color: #fff;
}

    .dark-theme .tabs-style-4 .nav.panel-tabs li a.active {
        background: #C9A96E ;
        color: #fff;
    }

.dark-theme .tab_wrapper.right_side .content_wrapper,
.dark-theme .tab_wrapper.left_side .content_wrapper,
.dark-theme .tab_wrapper > ul li {
    border: 1px solid rgba(240, 242, 247, 0.12);
}

.dark-theme .tab_wrapper.right_side > ul li.active:before,
.dark-theme .tab_wrapper.left_side > ul li.active:before,
.dark-theme .tab_wrapper.right_side > ul li:after,
.dark-theme .tab_wrapper.left_side > ul li:after {
    background: #C9A96E ;
}

.dark-theme .tab_wrapper.right_side > ul li.active,
.dark-theme .tab_wrapper.left_side > ul li.active {
    border-color: rgba(240, 242, 247, 0.1);
}

.dark-theme .tab_wrapper.right_side > ul,
.dark-theme .tab_wrapper.left_side > ul {
    border-bottom: 1px solid rgba(240, 242, 247, 0.1);
}

.tab_wrapper .content_wrapper .accordian_header.active {
    color: #C9A96E ;
}

    .tab_wrapper .content_wrapper .accordian_header.active:after {
        background: #C9A96E ;
    }

    .tab_wrapper .content_wrapper .accordian_header.active .arrow {
        transform: rotate(45deg);
        margin-top: 5px;
    }

.dark-theme .tab_wrapper .content_wrapper .accordian_header.active {
    border: 1px solid rgba(240, 242, 247, 0.1);
}

.dark-theme .tab_wrapper .content_wrapper .accordian_header {
    border-top: 1px solid rgba(240, 242, 247, 0.1);
    border-bottom: 1px solid rgba(240, 242, 247, 0.1);
}

    .dark-theme .tab_wrapper .content_wrapper .accordian_header .arrow {
        background: transparent;
        border-top: 3px solid rgba(240, 242, 247, 0.4);
        border-left: 3px solid rgba(240, 242, 247, 0.4);
    }

.tabs-style-1 .panel-tabs {
    border-bottom: 1px solid #e0e6ed;
}

.tabs-style-1 .main-nav-line .nav-link.active {
    color: #242f48;
    border: 1px solid;
    border-color: #e0e6ed #e0e6ed #fff;
}

.tabs-style-1 .main-nav-line .nav-item {
    margin-bottom: -1px;
}

.tabs-style-1 .panel-tabs.main-nav-line .nav-link.active::before {
    background: transparent !important;
}

/* ######### Res-Tabs #########*/
/*  ######## CUSTOM-STYLES ######## */
/* Checkbox */
.ckbox {
    font-weight: normal;
    position: relative;
    display: block;
    line-height: 1;
    margin-bottom: 0;
}

    .ckbox span {
        padding-left: 15px;
    }

        .ckbox span:empty {
            float: left;
        }

        .ckbox span:before,
        .ckbox span:after {
            line-height: 18px;
            position: absolute;
        }

        .ckbox span:before {
            content: '';
            width: 16px;
            height: 16px;
            background-color: #fff;
            border: 1px solid #949eb7;
            top: 1px;
            left: 0;
        }

        .ckbox span:after {
            top: 1px;
            left: 0;
            width: 16px;
            height: 16px;
            content: '';
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
            background-size: 65%;
            background-repeat: no-repeat;
            background-position: 55% 45%;
            background-color: #C9A96E ;
            line-height: 17px;
            display: none;
        }

        .ckbox span:empty {
            padding-left: 0;
            width: 3px;
        }

    .ckbox input[type='checkbox'] {
        opacity: 0;
        margin: 0;
    }

        .ckbox input[type='checkbox']:checked + span:after {
            display: block;
        }

        .ckbox input[type='checkbox'][disabled] + span {
            opacity: .75;
        }

            .ckbox input[type='checkbox'][disabled] + span:before,
            .ckbox input[type='checkbox'][disabled] + span:after {
                opacity: .75;
            }

.ckbox-inline {
    display: inline-block;
}

/*---Count-down---*/
#count-down {
    position: relative;
    text-align: center;
    display: inline-block;
}

    #count-down .clock-presenter {
        height: 80px;
        padding: 0px;
        text-align: center;
        width: 70px;
        height: 70px;
        float: left;
        margin: 0 20px 0 0;
        border-radius: 3px;
        background-size: cover;
        position: relative;
    }

        #count-down .clock-presenter .digit {
            margin-top: 5px;
            font-size: 1.5rem;
            color: #fff;
            line-height: 60px;
            height: 60px;
            display: inline-block;
            overflow: hidden;
            text-align: center;
            position: relative;
            cursor: default;
            font-weight: 600;
            border-radius: 50%;
        }

        #count-down .clock-presenter:before {
            content: '';
            position: absolute;
            background: linear-gradient(to left, #C9A96E  0%, #C9A96E  100%) !important;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            display: block;
            border-radius: 4%;
        }

        #count-down .clock-presenter .note {
            position: relative;
            margin-bottom: 0px;
            cursor: default;
            font-size: 16px;
            opacity: 0.7;
        }

@media (max-width: 568px) {
    #count-down .clock-presenter {
        float: none !important;
        margin-bottom: 45px;
    }
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.3125rem;
    padding-left: 1.5rem;
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        border-color: #C9A96E ;
        background-color: #C9A96E ;
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 0.2rem rgba(51, 102, 255, 0.25);
    }

    .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
        border-color: #b3c6ff;
    }

    .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        color: #fff;
        background-color: #e6ecff;
        border-color: #e6ecff;
    }

    .custom-control-input:disabled ~ .custom-control-label {
        color: #737f9e;
    }

        .custom-control-input:disabled ~ .custom-control-label::before {
            background-color: #dde2ef;
        }

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

    .custom-control-label::before {
        position: absolute;
        top: 0.15625rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        background-color: #fff;
        border: #949eb7 solid 1px;
    }

    .custom-control-label::after {
        position: absolute;
        top: 0.15625rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background: no-repeat 50% / 50% 50%;
    }

.custom-checkbox .custom-control-label::before {
    border-radius: 3px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #C9A96E ;
    background-color: #C9A96E ;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(51, 102, 255, 0.5);
}

.custom-radio .custom-control-label::before {
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(51, 102, 255, 0.5);
}

.custom-switch {
    padding-left: 2.25rem;
}

    .custom-switch .custom-control-label::before {
        left: -2.25rem;
        width: 1.75rem;
        pointer-events: all;
        border-radius: 0.5rem;
    }

    .custom-switch .custom-control-label::after {
        top: calc(0.15625rem + 2px);
        left: calc(-2.25rem + 2px);
        width: calc(1rem - 4px);
        height: calc(1rem - 4px);
        background-color: #949eb7;
        border-radius: 0.5rem;
        transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
        background-color: #fff;
        transform: translateX(0.75rem);
    }

    .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
        background-color: rgba(51, 102, 255, 0.5);
    }

@media (prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label::after {
        transition: none;
    }
}

.form-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4d5875;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%233b4863' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
    background-color: #fff;
    border: 1px solid #e3e8f7;
    border-radius: 3px;
    appearance: none;
}

    .form-select:focus {
        border-color: #b3c6ff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(51, 102, 255, 0.25);
    }

        .form-select:focus::-ms-value {
            color: #4d5875;
            background-color: #fff;
        }

    .form-select[multiple],
    .form-select[size]:not([size="1"]) {
        height: auto;
        padding-right: 0.75rem;
        background-image: none;
    }

    .form-select:disabled {
        color: #737f9e;
        background-color: #dde2ef;
    }

    .form-select::-ms-expand {
        display: none;
    }

.form-select-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
    padding-left: 0.5rem !important;
    font-size: 0.76562rem !important;
    padding-right: 28px !important;
}

.form-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.09375rem;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin-bottom: 0;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin: 0;
    opacity: 0;
}

    .custom-file-input:focus ~ .custom-file-label {
        border-color: #b3c6ff;
        box-shadow: 0 0 0 0.2rem rgba(51, 102, 255, 0.25);
    }

    .custom-file-input:disabled ~ .custom-file-label {
        background-color: #dde2ef;
    }

    .custom-file-input:lang(en) ~ .custom-file-label::after {
        content: "Browse";
    }

    .custom-file-input ~ .custom-file-label[data-browse]::after {
        content: attr(data-browse);
    }

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4d5875;
    background-color: #fff;
    border: 1px solid #e3e8f7;
    border-radius: 3px;
}

    .custom-file-label::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(1.5em + 0.75rem);
        padding: 0.375rem 0.75rem;
        line-height: 1.5;
        color: #4d5875;
        content: "Browse";
        background-color: #dde2ef;
        border-left: inherit;
        border-radius: 0 3px 3px 0;
    }

.custom-range {
    width: 100%;
    height: calc(1rem + 0.4rem);
    padding: 0;
    background-color: transparent;
    appearance: none;
}

    .custom-range:focus {
        outline: none;
    }

        .custom-range:focus::-webkit-slider-thumb,
        .custom-range:focus::-moz-range-thumb,
        .custom-range:focus::-ms-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(51, 102, 255, 0.25);
        }

    .custom-range::-moz-focus-outer {
        border: 0;
    }

    .custom-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -0.25rem;
        background-color: #C9A96E ;
        border: 0;
        border-radius: 1rem;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        appearance: none;
    }

        .custom-range::-webkit-slider-thumb:active {
            background-color: #e6ecff;
        }

    .custom-range::-webkit-slider-runnable-track {
        width: 100%;
        height: 0.5rem;
        color: transparent;
        cursor: pointer;
        background-color: #d0d7e8;
        border-color: transparent;
        border-radius: 1rem;
    }

    .custom-range::-moz-range-thumb {
        width: 1rem;
        height: 1rem;
        background-color: #C9A96E ;
        border: 0;
        border-radius: 1rem;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        appearance: none;
    }

        .custom-range::-moz-range-thumb:active {
            background-color: #e6ecff;
        }

    .custom-range::-moz-range-track {
        width: 100%;
        height: 0.5rem;
        color: transparent;
        cursor: pointer;
        background-color: #d0d7e8;
        border-color: transparent;
        border-radius: 1rem;
    }

    .custom-range::-ms-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: 0;
        margin-right: 0.2rem;
        margin-left: 0.2rem;
        background-color: #C9A96E ;
        border: 0;
        border-radius: 1rem;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        appearance: none;
    }

        .custom-range::-ms-thumb:active {
            background-color: #e6ecff;
        }

    .custom-range::-ms-track {
        width: 100%;
        height: 0.5rem;
        color: transparent;
        cursor: pointer;
        background-color: transparent;
        border-color: transparent;
        border-width: 0.5rem;
    }

    .custom-range::-ms-fill-lower {
        background-color: #d0d7e8;
        border-radius: 1rem;
    }

    .custom-range::-ms-fill-upper {
        margin-right: 15px;
        background-color: #d0d7e8;
        border-radius: 1rem;
    }

    .custom-range:disabled::-webkit-slider-thumb {
        background-color: #949eb7;
    }

    .custom-range:disabled::-webkit-slider-runnable-track {
        cursor: default;
    }

    .custom-range:disabled::-moz-range-thumb {
        background-color: #949eb7;
    }

    .custom-range:disabled::-moz-range-track {
        cursor: default;
    }

    .custom-range:disabled::-ms-thumb {
        background-color: #949eb7;
    }

@media (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
        transition: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
        transition: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
        transition: none;
    }
}

.custom-control-label::before,
.custom-file-label,
.form-select {
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {

    .custom-control-label::before,
    .custom-file-label,
    .form-select {
        transition: none;
    }
}

.custom-file,
.custom-file-input {
    height: 38px;
}

.custom-file-label {
    height: 38px;
    line-height: 1.8;
    border-radius: 0;
}

    .custom-file-label::after {
        line-height: 1.8;
        border-radius: 0;
        height: auto;
    }

.form-select {
    background: none;
}

/* ###### 5.4 Image   ###### */
.main-img-user {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    text-align: center;
}

    .main-img-user img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        border-radius: 100%;
    }

.p-text {
    display: block;
    margin-left: 12px;
    margin-right: 10px;
}

    .p-text .p-name {
        color: #3e464e;
        font-size: 14px;
        vertical-align: middle;
        margin-bottom: 0;
        display: block;
        padding-bottom: 4px;
        line-height: 1.8;
    }

    .p-text .p-sub-text {
        line-height: 0;
        display: block;
        color: #737f9e !important;
    }

/* ###### 5.4 Image   ###### */
.main-img-user {
    display: inline-block;
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    text-align: center;
}

    .main-img-user img {
        object-fit: cover;
        border-radius: 100%;
    }

.demo-avatar-group .main-img-user {
    width: 40px;
    height: 40px;
}

.example .demo-avatar-group .main-img-user::after {
    right: 3px;
    bottom: 3px;
}

.demo-avatar-group.main-avatar-list-stacked .main-img-user::after {
    right: 1px;
    bottom: 3px;
}

.main-img-user::after {
    content: '';
    position: absolute;
    bottom: 3px;
    right: 0px;
    width: 6px;
    height: 6px;
    background-color: #17b86a;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95);
    border-radius: 100%;
    display: block !important;
}

.main-img-user.online::after {
    background-color: #0ba360;
}

.main-avatar {
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    background-color: #4d5875;
}

    .main-avatar::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 3px;
        width: 6px;
        height: 6px;
        background-color: #949eb7;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95);
        border-radius: 100%;
    }

    .main-avatar.online::after {
        background-color: #0ba360;
    }

.avatar-xs {
    width: 24px !important;
    height: 24px !important;
    font-size: 11px !important;
}

    .avatar-xs::after {
        width: 5px;
        height: 5px;
    }

.avatar-sm {
    width: 32px !important;
    height: 32px !important;
    font-size: 14px !important;
}

    .avatar-sm::after {
        width: 7px;
        height: 7px;
    }

.avatar-md {
    width: 48px !important;
    height: 48px !important;
    font-size: 24px !important;
}

    .avatar-md::after {
        width: 9px;
        height: 9px;
        right: 2px;
        bottom: 2px;
    }

.avatar-lg {
    width: 64px !important;
    height: 64px !important;
    font-size: 28px !important;
}

    .avatar-lg::after {
        width: 10px;
        height: 10px;
        bottom: 3px;
        right: 4px;
    }

.avatar-xl {
    width: 72px !important;
    height: 72px !important;
    font-size: 36px !important;
}

    .avatar-xl::after {
        width: 11px;
        height: 11px;
        bottom: 4px;
        right: 5px;
        box-shadow: 0 0 0 2.5px #fff;
    }

.avatar-xxl {
    width: 100px !important;
    height: 100px !important;
    font-size: 56px !important;
}

    .avatar-xxl::after {
        width: 13px;
        height: 13px;
        bottom: 6px;
        right: 7px;
        box-shadow: 0 0 0 3px #fff;
    }

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #e3e8f7;
    border-radius: 3px;
    max-width: 100%;
    height: auto;
}

.demo-avatar-group {
    display: flex;
    align-items: center;
}

    .demo-avatar-group .main-img-user,
    .demo-avatar-group .main-avatar {
        flex-shrink: 0;
    }

        .demo-avatar-group .main-img-user + .main-img-user,
        .demo-avatar-group .main-img-user + .main-avatar {
            margin-left: 5px;
        }

        .demo-avatar-group .main-avatar + .main-img-user,
        .demo-avatar-group .main-avatar + .main-avatar {
            margin-left: 5px;
        }

@media (min-width: 576px) {

    .demo-avatar-group .main-img-user + .main-img-user,
    .demo-avatar-group .main-img-user + .main-avatar {
        margin-left: 5px;
    }

    .demo-avatar-group .main-avatar + .main-img-user,
    .demo-avatar-group .main-avatar + .main-avatar {
        margin-left: 5px;
    }

    .avatar-list .avatar:not(:last-child) {
        margin-right: 5px !important;
    }
}

.img-xs {
    width: 32px;
    min-width: 32px;
    height: 32px;
}

.user-pic img {
    width: 60px;
    height: 60px;
    font-size: 36px;
}

.main-img-user .avatar {
    width: 38px !important;
    height: 38px !important;
    border-radius: 4px !important;
}

.main-img-user::after {
    display: none;
}

.wrapper.image-group .img-xs.rounded-circle {
    margin-right: -5px;
}

.user-lock img {
    width: 70px;
    height: 70px;
    margin: 0 auto;
}

.avatar {
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    background-color: #C9A96E ;
}

.avatar-list .avatar:not(:last-child) {
    margin-right: .5rem;
}

.img-thumbnail .caption {
    padding: 15px;
}

.img-sm {
    width: 43px;
    min-width: 43px;
    height: 43px;
}

/* ###### 5.5 List   ###### */
.main-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}

    .main-list-item + .main-list-item {
        border-top: 1px solid #dde2ef;
    }

    .main-list-item:last-child {
        padding-bottom: 0;
    }

    .main-list-item h6 {
        margin-bottom: 2px;
        font-weight: 600;
    }

    .main-list-item > div:first-child h6 {
        color: #242f48;
    }

    .main-list-item > div span {
        color: #737f9e;
        font-size: 12px;
    }

    .main-list-item > div:last-child {
        text-align: right;
    }

        .main-list-item > div:last-child h6 {
            line-height: 1;
        }

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}

.list-group-item-action {
    width: 100%;
    color: #434f63;
    text-align: inherit;
}

    .list-group-item-action:hover,
    .list-group-item-action:focus {
        z-index: 1;
        color: #4d5875;
        text-decoration: none;
        background-color: #ecf0fa;
    }

    .list-group-item-action:active {
        color: #C9A96E;
        background-color: #dde2ef;
    }

.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #e7ebf3;
}

    .list-group-item:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .list-group-item.disabled,
    .list-group-item:disabled {
        color: #737f9e;
        pointer-events: none;
        background-color: #fff;
    }

    .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #C9A96E  !important;
        border-color: #C9A96E  !important;
    }

.list-group-horizontal {
    flex-direction: row;
}

    .list-group-horizontal .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }

        .list-group-horizontal .list-group-item:first-child {
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            border-top-right-radius: 0;
        }

        .list-group-horizontal .list-group-item:last-child {
            margin-right: 0;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 0;
        }

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row;
    }

        .list-group-horizontal-sm .list-group-item {
            margin-right: -1px;
            margin-bottom: 0;
        }

            .list-group-horizontal-sm .list-group-item:first-child {
                border-top-left-radius: 3px;
                border-bottom-left-radius: 3px;
                border-top-right-radius: 0;
            }

            .list-group-horizontal-sm .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                border-bottom-left-radius: 0;
            }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row;
    }

        .list-group-horizontal-md .list-group-item {
            margin-right: -1px;
            margin-bottom: 0;
        }

            .list-group-horizontal-md .list-group-item:first-child {
                border-top-left-radius: 3px;
                border-bottom-left-radius: 3px;
                border-top-right-radius: 0;
            }

            .list-group-horizontal-md .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                border-bottom-left-radius: 0;
            }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row;
    }

        .list-group-horizontal-lg .list-group-item {
            margin-right: -1px;
            margin-bottom: 0;
        }

            .list-group-horizontal-lg .list-group-item:first-child {
                border-top-left-radius: 3px;
                border-bottom-left-radius: 3px;
                border-top-right-radius: 0;
            }

            .list-group-horizontal-lg .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                border-bottom-left-radius: 0;
            }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row;
    }

        .list-group-horizontal-xl .list-group-item {
            margin-right: -1px;
            margin-bottom: 0;
        }

            .list-group-horizontal-xl .list-group-item:first-child {
                border-top-left-radius: 3px;
                border-bottom-left-radius: 3px;
                border-top-right-radius: 0;
            }

            .list-group-horizontal-xl .list-group-item:last-child {
                margin-right: 0;
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                border-bottom-left-radius: 0;
            }
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

    .list-group-flush .list-group-item:last-child {
        margin-bottom: -1px;
    }

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.list-group-item-primary {
    color: #1b3585;
    background-color: #c6d4ff;
}

    .list-group-item-primary.list-group-item-action:hover,
    .list-group-item-primary.list-group-item-action:focus {
        color: #1b3585;
        background-color: #adc1ff;
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #1b3585;
        border-color: #1b3585;
    }

.list-group-item-secondary {
    color: #3f4654;
    background-color: #d9dde5;
}

    .list-group-item-secondary.list-group-item-action:hover,
    .list-group-item-secondary.list-group-item-action:focus {
        color: #3f4654;
        background-color: #cacfdb;
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #3f4654;
        border-color: #3f4654;
    }

.list-group-item-success {
    color: #1f5c01;
    background-color: #c8e9b8;
}

    .list-group-item-success.list-group-item-action:hover,
    .list-group-item-success.list-group-item-action:focus {
        color: #1f5c01;
        background-color: #b9e3a5;
    }

    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #1f5c01;
        border-color: #1f5c01;
    }

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb;
}

    .list-group-item-info.list-group-item-action:hover,
    .list-group-item-info.list-group-item-action:focus {
        color: #0c5460;
        background-color: #abdde5;
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #0c5460;
        border-color: #0c5460;
    }

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba;
}

    .list-group-item-warning.list-group-item-action:hover,
    .list-group-item-warning.list-group-item-action:focus {
        color: #856404;
        background-color: #ffe8a1;
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #856404;
        border-color: #856404;
    }

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb;
}

    .list-group-item-danger.list-group-item-action:hover,
    .list-group-item-danger.list-group-item-action:focus {
        color: #721c24;
        background-color: #f1b0b7;
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #721c24;
        border-color: #721c24;
    }

.list-group-item-light {
    color: #7f7f81;
    background-color: #fcfcfd;
}

    .list-group-item-light.list-group-item-action:hover,
    .list-group-item-light.list-group-item-action:focus {
        color: #7f7f81;
        background-color: #ededf3;
    }

    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #7f7f81;
        border-color: #7f7f81;
    }

.list-group-item-dark {
    color: #1f2533;
    background-color: #c8ccd3;
}

    .list-group-item-dark.list-group-item-action:hover,
    .list-group-item-dark.list-group-item-action:focus {
        color: #1f2533;
        background-color: #babfc8;
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #1f2533;
        border-color: #1f2533;
    }

.listgroup-example ul {
    list-style-type: none;
}

    .listgroup-example ul ul {
        list-style-type: square;
        margin: 10px 0 0 0;
    }

    .listgroup-example ul li {
        padding: 5px 5px;
    }

.listgroup-example2 ul {
    list-style-type: none;
}

    .listgroup-example2 ul ul {
        list-style-type: circle;
        margin: 10px 0 0 0;
    }

    .listgroup-example2 ul li {
        padding: 5px 5px;
    }

.users-list-group .btn-icon {
    width: 34px;
    height: 34px;
}

    .users-list-group .btn-icon i {
        line-height: 34px;
        line-height: 34px;
    }

.users-list-group .list-group-item {
    padding: 0.85rem 1.25rem;
}

/* ###### 6.6 Navbar  ###### */
@media (max-width: 991.98px) {
    .main-navbar-show {
        overflow: hidden;
    }

        .main-navbar-show .main-navbar-backdrop {
            visibility: visible;
            opacity: 1;
        }

        .main-navbar-show .main-navbar {
            transform: translateX(0);
            visibility: visible;
        }
}

.main-navbar-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.89);
    z-index: 900;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s;
}

@media (prefers-reduced-motion: reduce) {
    .main-navbar-backdrop {
        transition: none;
    }
}

.main-navbar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 240px;
    overflow-y: auto;
    background-color: #fff;
    z-index: 1000;
    visibility: hidden;
    transform: translateX(-240px);
    transition: all 0.4s;
}

    .main-navbar > .container,
    .main-navbar > .container-fluid {
        display: flex;
        flex-direction: column;
    }

    .main-navbar .nav {
        flex-direction: column;
        padding: 20px;
        margin-bottom: 20px;
    }

    .main-navbar .nav-label {
        font-size: 10px;
        font-weight: 500;
        text-transform: uppercase;
        color: #737f9e;
        letter-spacing: 1px;
        display: block;
        margin-bottom: 10px;
    }

    .main-navbar .nav-item {
        position: relative;
    }

        .main-navbar .nav-item + .nav-item {
            border-top: 1px dotted #dde2ef;
        }

        .main-navbar .nav-item.active .nav-link {
            color: #C9A96E ;
        }

        .main-navbar .nav-item.show > .nav-sub {
            display: block;
        }

    .main-navbar .nav-item-mega {
        position: static;
    }

    .main-navbar .nav-link {
        padding: 0;
        color: #242f48;
        font-size: 15px;
        font-weight: 500;
        position: relative;
        display: flex;
        align-items: center;
        height: 42px;
        outline: none;
    }

        .main-navbar .nav-link i {
            font-size: 26px;
            margin-right: 10px;
        }

            .main-navbar .nav-link i.typcn {
                line-height: 1;
                width: 20px;
            }

                .main-navbar .nav-link i.typcn::before {
                    width: auto;
                }

        .main-navbar .nav-link.with-sub::after {
            content: '\f3d0';
            font-family: 'Ionicons';
            font-size: 11px;
            font-weight: 400;
            display: inline-block;
            position: relative;
            margin-left: auto;
            color: #949eb7;
        }

        .main-navbar .nav-link.with-sub::before {
            content: '';
            position: absolute;
            top: 39px;
            left: 50%;
            margin-left: -7px;
            width: 15px;
            height: 15px;
            border: 2px solid transparent;
            border-top-color: rgba(28, 39, 60, 0.12);
            border-left-color: rgba(28, 39, 60, 0.12);
            transform: rotate(45deg);
            background-color: #fff;
            z-index: 901;
            display: none;
        }

    .main-navbar .nav-sub {
        display: none;
        border-top: 1px dotted #dde2ef;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .main-navbar .nav-sub-item {
        position: relative;
        display: block;
        margin-left: 30px;
    }

        .main-navbar .nav-sub-item + .nav-sub-item {
            border-top: 1px dotted #dde2ef;
        }

        .main-navbar .nav-sub-item > .nav-sub {
            left: 176px;
            top: -10px;
            display: none;
        }

        .main-navbar .nav-sub-item.show > .nav-sub {
            display: block;
        }

        .main-navbar .nav-sub-item.active > .nav-sub-link {
            color: #C9A96E ;
        }

    .main-navbar .nav-sub-link {
        position: relative;
        font-size: .875rem;
        color: #4d5875;
        display: flex;
        align-items: center;
        height: 34px;
    }

        .main-navbar .nav-sub-link:hover,
        .main-navbar .nav-sub-link:focus {
            color: #C9A96E ;
            outline: none;
        }

        .main-navbar .nav-sub-link.with-sub {
            justify-content: space-between;
        }

            .main-navbar .nav-sub-link.with-sub::after {
                content: '\f3d0';
                font-family: 'Ionicons';
                font-size: 11px;
                font-weight: 400;
                display: inline-block;
                position: relative;
                margin-left: auto;
                color: #949eb7;
            }

    .main-navbar .nav-sub-mega {
        top: 57px;
        left: 0;
        right: 0;
        background-color: transparent;
        padding: 7px 0;
        border: 0;
        width: auto;
        border-top: 1px dotted #dde2ef;
        pointer-events: none;
    }

        .main-navbar .nav-sub-mega .container,
        .main-navbar .nav-sub-mega .container-fluid {
            padding: 0;
            pointer-events: auto;
        }

            .main-navbar .nav-sub-mega .container > div + div,
            .main-navbar .nav-sub-mega .container-fluid > div + div {
                margin-top: 25px;
            }

        .main-navbar .nav-sub-mega .nav {
            min-width: 120px;
            flex-direction: column;
            align-items: stretch;
            padding: 0;
            margin: 0;
        }

            .main-navbar .nav-sub-mega .nav li:not(.nav-sub-item) {
                display: block;
                text-transform: uppercase;
                font-size: 12px;
                font-weight: 700;
                color: #242f48;
                letter-spacing: .5px;
                margin-bottom: 10px;
                margin-top: 30px;
                margin-left: 30px;
            }

                .main-navbar .nav-sub-mega .nav li:not(.nav-sub-item):first-of-type {
                    margin-top: 0;
                }

        .main-navbar .nav-sub-mega .nav-sub-item + .nav-sub-item {
            padding-top: 7px;
            margin-top: 7px;
        }

        .main-navbar .nav-sub-mega .nav-sub-link {
            height: auto;
        }

@media (prefers-reduced-motion: reduce) {
    .main-navbar {
        transition: none;
    }
}

@media (min-width: 992px) {
    .main-navbar {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        width: auto;
        padding: 0;
        border-right: 0;
        overflow-y: inherit;
        display: block;
        border-bottom: 1px solid rgba(28, 39, 60, 0.12);
        visibility: visible;
        transform: none;
        z-index: auto;
    }
}

@media (max-width: 991.98px) {

    .main-navbar > .container,
    .main-navbar > .container-fluid {
        padding: 0;
    }
}

@media (min-width: 992px) {

    .main-navbar > .container,
    .main-navbar > .container-fluid {
        flex-direction: row;
        align-items: center;
        height: 48px;
    }
}

@media (min-width: 992px) {
    .main-navbar > .container {
        padding: 0;
    }
}

@media (min-width: 992px) {
    .main-navbar > .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 992px) {
    .main-navbar .nav {
        flex-direction: row;
        align-items: center;
        margin-bottom: 0;
        padding: 0;
    }
}

@media (min-width: 992px) {
    .main-navbar .nav-label {
        display: none;
    }
}

@media (min-width: 992px) {
    .main-navbar .nav-item + .nav-item {
        border-top: 0;
        margin-left: 15px;
        padding-left: 15px;
        border-left: 1px dotted #dde2ef;
    }
}

@media (min-width: 1200px) {
    .main-navbar .nav-item + .nav-item {
        margin-left: 20px;
        padding-left: 20px;
    }
}

@media (min-width: 992px) {
    .main-navbar .nav-item.show .nav-link::before {
        display: block;
    }
}

@media (min-width: 992px) {
    .main-navbar .nav-link {
        height: auto;
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .main-navbar .nav-link i {
        margin-right: 8px;
        font-size: 22px;
    }
}

@media (min-width: 992px) {
    .main-navbar .nav-link i.typcn {
        line-height: .9;
        width: auto;
    }
}

@media (min-width: 992px) {
    .main-navbar .nav-link.with-sub::after {
        margin-left: 4px;
    }
}

@media (min-width: 992px) {
    .main-navbar .nav-sub {
        position: absolute;
        top: 44.5px;
        left: 0;
        width: 200px;
        background-color: #fff;
        border: 2px solid rgba(28, 39, 60, 0.12);
        padding: 8px 20px;
        z-index: 900;
    }
}

@media (min-width: 992px) {
    .main-navbar .nav-sub-item {
        margin-left: 0;
    }
}

@media (max-width: 991.98px) {
    .main-navbar .nav-sub-item > .nav-sub > .nav-sub-item {
        margin-left: 37px;
    }

        .main-navbar .nav-sub-item > .nav-sub > .nav-sub-item > .nav-sub-link {
            padding-left: 10px;
        }
}

@media (min-width: 992px) {
    .main-navbar .nav-sub-link {
        font-size: .8125rem;
        height: 36px;
    }
}

@media (min-width: 992px) {
    .main-navbar .nav-sub-link.with-sub::after {
        margin-left: 4px;
        content: '\f3d1';
        font-size: 12px;
    }
}

@media (min-width: 992px) {
    .main-navbar .nav-sub-mega {
        padding: 0 25px;
        border-top: 0;
    }
}

@media (max-width: 991.98px) {

    .main-navbar .nav-sub-mega .container,
    .main-navbar .nav-sub-mega .container-fluid {
        max-width: none;
    }
}

@media (min-width: 992px) {

    .main-navbar .nav-sub-mega .container,
    .main-navbar .nav-sub-mega .container-fluid {
        display: flex;
        background-color: #fff;
        border: 2px solid rgba(28, 39, 60, 0.12);
    }
}

@media (min-width: 992px) {

    .main-navbar .nav-sub-mega .container > div,
    .main-navbar .nav-sub-mega .container-fluid > div {
        display: flex;
        padding: 20px;
        flex: 1;
        margin-top: 0;
    }
}

@media (min-width: 1200px) {

    .main-navbar .nav-sub-mega .container > div,
    .main-navbar .nav-sub-mega .container-fluid > div {
        padding: 20px 25px;
    }
}

@media (min-width: 992px) {

    .main-navbar .nav-sub-mega .container > div + div,
    .main-navbar .nav-sub-mega .container-fluid > div + div {
        margin-top: 0;
        border-left: 1px solid rgba(28, 39, 60, 0.05);
    }
}

@media (min-width: 1200px) {
    .main-navbar .nav-sub-mega .nav {
        min-width: 140px;
    }
}

@media (max-width: 991.98px) {
    .main-navbar .nav-sub-mega .nav + .nav .nav-sub-item:first-child {
        margin-top: 6px;
        padding-top: 6px;
        border-top: 1px dotted #dde2ef;
    }
}

@media (min-width: 992px) {
    .main-navbar .nav-sub-mega .nav + .nav {
        margin-left: 20px;
        margin-top: 31px;
        padding-top: 0;
        border-top: 0;
    }
}

@media (min-width: 1200px) {
    .main-navbar .nav-sub-mega .nav + .nav {
        margin-left: 25px;
    }
}

@media (min-width: 992px) {
    .main-navbar .nav-sub-mega .nav li:not(.nav-sub-item) {
        margin-bottom: 15px;
        margin-left: 0;
    }
}

.main-navbar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    border-bottom: 1px solid #dde2ef;
    height: 60px;
}

@media (min-width: 992px) {
    .main-navbar-header {
        display: none;
    }
}

.main-navbar-search {
    position: relative;
    padding: 0 20px;
    border-bottom: 1px solid #dde2ef;
}

    .main-navbar-search .form-control {
        border-width: 0;
        padding: 0;
    }

        .main-navbar-search .form-control:focus {
            box-shadow: none !important;
            border-color: #d0d7e8;
        }

    .main-navbar-search .btn,
    .main-navbar-search .sp-container button {
        background-color: transparent;
        position: absolute;
        top: 0;
        right: 0;
        height: 38px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
        line-height: 1;
    }

@media (min-width: 992px) {
    .main-navbar-search {
        display: none;
    }
}

.sp-container .main-navbar-search button {
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    height: 38px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    line-height: 1;
}

/* ###### 6.7 Navbar Variant  ###### */
.main-navbar-two .nav-item.active {
    position: relative;
}

    .main-navbar-two .nav-item.active::before {
        content: '';
        position: absolute;
    }

.main-navbar-two .nav-item.show .nav-link::before {
    display: none;
}

.main-navbar-two .nav-link {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
}

.main-navbar-two .nav-sub {
    border-width: 1px;
    top: 35px;
    border-top-width: 0;
}

.main-navbar-two .nav-sub-item > .nav-sub {
    left: 178px;
    top: -8px;
    border-top-width: 1px;
}

.main-navbar-two .nav-sub-mega {
    top: 48px;
}

@media (min-width: 992px) {
    .main-navbar-two .nav-item.active::before {
        top: 33px;
        left: 0;
        right: 12px;
        bottom: auto;
        border-bottom: 2px solid #C9A96E ;
        z-index: 5;
    }
}

.main-navbar-three .nav-item {
    display: block;
}

    .main-navbar-three .nav-item + .nav-item {
        border-left-width: 0;
        padding-left: 0;
    }

    .main-navbar-three .nav-item.show .nav-link::before {
        display: none;
    }

    .main-navbar-three .nav-item.active .nav-link {
        color: #C9A96E ;
        font-weight: 700;
    }

.main-navbar-three .nav-link {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    color: #364261;
    position: relative;
}

    .main-navbar-three .nav-link:hover,
    .main-navbar-three .nav-link:focus {
        color: #242f48;
    }

.main-navbar-three .nav-sub {
    top: 35px;
    border-width: 0;
    padding-bottom: 5px;
}

.main-navbar-three .nav-sub-item + .nav-sub-item {
    border-top: 0;
}

.main-navbar-three .nav-sub-item .nav-sub {
    top: -8px;
    left: 182px;
}

.main-navbar-three .nav-sub-link {
    height: 30px;
}

@media (min-width: 992px) {
    .main-navbar-three .nav-item + .nav-item {
        margin-left: 25px;
    }
}

@media (min-width: 992px) {
    .main-navbar-three .nav-link {
        display: block;
    }
}

@media (min-width: 992px) {
    .main-navbar-three .nav-link i {
        display: none;
    }
}

@media (min-width: 992px) {
    .main-navbar-three .nav-sub {
        box-shadow: 0 0 0 2px rgba(180, 189, 206, 0.5);
        padding-bottom: 8px;
    }
}

@media (min-width: 992px) {
    .main-navbar-three .nav-sub-link {
        height: 36px;
    }
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

    .navbar > .container,
    .navbar > .container-fluid {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

.navbar-brand {
    display: inline-block;
    padding-top: 0.33594rem;
    padding-bottom: 0.33594rem;
    margin-right: 1rem;
    font-size: 1.09375rem;
    line-height: inherit;
    white-space: nowrap;
}

    .navbar-brand:hover,
    .navbar-brand:focus {
        text-decoration: none;
    }

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

.navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.09375rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 3px;
}

    .navbar-toggler:hover,
    .navbar-toggler:focus {
        text-decoration: none;
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}

@media (max-width: 575.98px) {

    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-sm .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-sm > .container,
        .navbar-expand-sm > .container-fluid {
            flex-wrap: nowrap;
        }

        .navbar-expand-sm .main-header {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-sm .navbar-toggler {
            display: none;
        }
}

@media (max-width: 767.98px) {

    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-md .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-md > .container,
        .navbar-expand-md > .container-fluid {
            flex-wrap: nowrap;
        }

        .navbar-expand-md .main-header {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-md .navbar-toggler {
            display: none;
        }
}

@media (max-width: 991.98px) {

    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-lg > .container,
        .navbar-expand-lg > .container-fluid {
            flex-wrap: nowrap;
        }

        .navbar-expand-lg .main-header {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-lg .navbar-toggler {
            display: none;
        }
}

@media (max-width: 1199.98px) {

    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-xl .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-xl > .container,
        .navbar-expand-xl > .container-fluid {
            flex-wrap: nowrap;
        }

        .navbar-expand-xl .main-header {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-xl .navbar-toggler {
            display: none;
        }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start;
}

    .navbar-expand > .container,
    .navbar-expand > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-expand .navbar-nav {
        flex-direction: row;
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute;
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: 0.5rem;
            padding-left: 0.5rem;
        }

    .navbar-expand > .container,
    .navbar-expand > .container-fluid {
        flex-wrap: nowrap;
    }

    .navbar-expand .main-header {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand .navbar-toggler {
        display: none;
    }

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}

    .navbar-light .navbar-brand:hover,
    .navbar-light .navbar-brand:focus {
        color: rgba(0, 0, 0, 0.9);
    }

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}

    .navbar-light .navbar-nav .nav-link:hover,
    .navbar-light .navbar-nav .nav-link:focus {
        color: rgba(0, 0, 0, 0.7);
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0, 0, 0, 0.3);
    }

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='var(--black-5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}

    .navbar-light .navbar-text a {
        color: rgba(0, 0, 0, 0.9);
    }

        .navbar-light .navbar-text a:hover,
        .navbar-light .navbar-text a:focus {
            color: rgba(0, 0, 0, 0.9);
        }

.navbar-dark .navbar-brand {
    color: #fff;
}

    .navbar-dark .navbar-brand:hover,
    .navbar-dark .navbar-brand:focus {
        color: #fff;
    }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}

    .navbar-dark .navbar-nav .nav-link:hover,
    .navbar-dark .navbar-nav .nav-link:focus {
        color: rgba(255, 255, 255, 0.75);
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, 0.25);
    }

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link {
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='var(--white-5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

    .navbar-dark .navbar-text a {
        color: #fff;
    }

        .navbar-dark .navbar-text a:hover,
        .navbar-dark .navbar-text a:focus {
            color: #fff;
        }

@media print {
    .navbar {
        display: none;
    }
}

.navbar-form.active .input-group-btn {
    position: absolute;
    right: 12px;
    z-index: 9999;
    top: 13px;
}

.navbar-form.nav-item.active .btn.btn-default.nav-link {
    display: none;
}

@media (min-width: 992px) {
    .navbar-form {
        display: none;
    }
}

@media (max-width: 991px) {
    .navbar-form.active .btn.btn-default.nav-link.resp-btn {
        display: none;
    }
}

/* ###### 4.9 Perfect Scrollbar ###### */
.ps {
    overflow: hidden;
}

    .ps > .ps__rail-y {
        width: 2px;
        background-color: rgba(255, 255, 255, 0.5);
        z-index: 10;
        position: absolute;
        left: auto !important;
        right: 0;
        opacity: 0;
        transition: opacity 0.2s;
    }

        .ps > .ps__rail-y > .ps__thumb-y {
            position: absolute;
            border-radius: 0;
            width: 2px;
            left: 4px;
            background-color: #949eb7;
        }

    .ps.ps--active-y:hover > .ps__rail-y,
    .ps.ps--active-y:focus > .ps__rail-y {
        opacity: 1;
    }

@media (prefers-reduced-motion: reduce) {
    .ps > .ps__rail-y {
        transition: none;
    }
}

/* Radio Box */
.rdiobox {
    font-weight: normal;
    position: relative;
    display: block;
    line-height: 18px;
}

    .rdiobox span {
        padding-left: 13px;
    }

        .rdiobox span:before,
        .rdiobox span:after {
            line-height: 18px;
            position: absolute;
        }

        .rdiobox span:before {
            content: '';
            width: 16px;
            height: 16px;
            background-color: #fff;
            border: 1px solid #949eb7;
            border-radius: 50px;
            top: 2px;
            left: 0;
        }

        .rdiobox span:after {
            content: '';
            width: 6px;
            height: 6px;
            background-color: #fff;
            border-radius: 50px;
            top: 7px;
            left: 5px;
            display: none;
        }

        .rdiobox span:empty {
            padding-left: 0;
            width: 16px;
            display: block;
        }

    .rdiobox input[type='radio'] {
        opacity: 0;
        margin: 0;
    }

        .rdiobox input[type='radio']:checked + span:before {
            border-color: transparent;
            background-color: #C9A96E ;
        }

        .rdiobox input[type='radio']:checked + span:after {
            display: block;
        }

        .rdiobox input[type='radio'][disabled] + span {
            opacity: .75;
        }

            .rdiobox input[type='radio'][disabled] + span:before,
            .rdiobox input[type='radio'][disabled] + span:after {
                opacity: .75;
            }

.rdiobox-inline {
    display: inline-block;
}

.form-group-rdiobox {
    display: flex;
    align-items: center;
}

    .form-group-rdiobox .rdiobox {
        margin-bottom: 0;
    }

        .form-group-rdiobox .rdiobox + .rdiobox {
            margin-left: 30px;
        }

        .form-group-rdiobox .rdiobox span {
            padding-left: 0;
        }

/*-- rating--*/
.rating-stars {
    width: 100%;
    text-align: center;
}

    .rating-stars .rating-stars-container {
        font-size: 0px;
    }

        .rating-stars .rating-stars-container .rating-star {
            display: inline-block;
            font-size: 26px;
            cursor: pointer;
            padding: 4px 8px;
            color: #e1e6f1;
        }

            .rating-stars .rating-stars-container .rating-star.is--active .fa-heart,
            .rating-stars .rating-stars-container .rating-star.is--hover .fa-heart {
                color: #fb0d00;
            }

            .rating-stars .rating-stars-container .rating-star.sm {
                display: inline-block;
                font-size: 14px;
                color: #eaedf1;
                cursor: pointer;
                padding: 5px;
            }

            .rating-stars .rating-stars-container .rating-star.is--active,
            .rating-stars .rating-stars-container .rating-star.is--hover {
                color: #f1c40f;
            }

            .rating-stars .rating-stars-container .rating-star.is--no-hover,
            .rating-stars .rating-stars-container .rating-star .fa-heart .is--no-hover {
                color: #e3e8f7;
            }

            .rating-stars .rating-stars-container .rating-star.is--active,
            .rating-stars .rating-stars-container .rating-star.is--hover {
                color: #f1c40f;
            }

/*-----Br Themes-----*/
.br-theme-bars-horizontal .br-widget a {
    background-color: #e1e6f1;
}

    .br-theme-bars-horizontal .br-widget a.br-active,
    .br-theme-bars-horizontal .br-widget a.br-selected {
        background-color: #C9A96E ;
    }

.br-theme-bars-horizontal .br-widget .br-current-rating {
    color: #C9A96E ;
}

.br-theme-bars-pill .br-widget a {
    background-color: #e1e6f1;
    color: #C9A96E ;
}

    .br-theme-bars-pill .br-widget a.br-active,
    .br-theme-bars-pill .br-widget a.br-selected {
        background-color: #C9A96E ;
        color: white;
    }

.br-theme-bars-square .br-widget a {
    border: 2px solid #e1e6f1;
    background-color: #fff;
    color: #334151;
}

    .br-theme-bars-square .br-widget a.br-active,
    .br-theme-bars-square .br-widget a.br-selected {
        border: 2px solid #e1e6f1;
        color: #C9A96E ;
    }

.br-theme-bars-movie .br-widget a {
    background-color: #e1e6f1;
}

    .br-theme-bars-movie .br-widget a.br-active,
    .br-theme-bars-movie .br-widget a.br-selected {
        background-color: #C9A96E ;
    }

.br-theme-bars-movie .br-widget .br-current-rating {
    color: #C9A96E ;
}

.br-theme-bars-1to10 .br-widget a {
    background-color: #e1e6f1;
}

    .br-theme-bars-1to10 .br-widget a.br-active,
    .br-theme-bars-1to10 .br-widget a.br-selected {
        background-color: #C9A96E ;
    }

.br-theme-bars-1to10 .br-widget .br-current-rating {
    color: #C9A96E ;
}

.br-theme-fontawesome-stars .br-widget a.br-active:after,
.br-theme-fontawesome-stars .br-widget a.br-selected:after {
    color: #C9A96E ;
}

/*-----Br Themes-----*/
.rating-stars input {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 0.375rem 0.75rem;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #eaedf1;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.rating-table.table th,
.rating-table.table td {
    padding: 7px 6px !important;
    line-height: 1.462;
}

.rating-table tr {
    padding: 10px 0;
}

/*---- Tags-----*/
.tag {
    font-size: 0.75rem;
    color: #333334;
    background-color: #ecf0fa;
    border-radius: 3px;
    padding: 0 .5rem;
    line-height: 2em;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: default;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a.tag {
    text-decoration: none;
    cursor: pointer;
    transition: .3s color, .3s background;
}

    a.tag:hover {
        background-color: rgba(110, 118, 135, 0.2);
        color: inherit;
    }

.tag-addon {
    display: inline-block;
    padding: 0 .5rem;
    color: inherit;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.06);
    margin: 0 -.5rem 0 .5rem;
    text-align: center;
    min-width: 1.5rem;
}

    .tag-addon:last-child {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .tag-addon i {
        vertical-align: middle;
        margin: 0 -.25rem;
    }

a.tag-addon {
    text-decoration: none;
    cursor: pointer;
    transition: .3s color, .3s background;
}

    a.tag-addon:hover {
        background: rgba(0, 0, 0, 0.16);
        color: inherit;
    }

.tag-avatar {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 3px 0 0 3px;
    margin: 0 .5rem 0 -.5rem;
}

.tag-blue {
    background-color: #467fcf !important;
    color: #fff;
}

.tag-indigo {
    background-color: #C9A96E  !important;
    color: #fff;
}

.tag-purple {
    background-color: #8500ff !important;
    color: #fff;
}

.tag-pink {
    background-color: #ec82ef !important;
    color: #fff;
}

.tag-red {
    background-color: #ec2d38 !important;
    color: #fff;
}

.tag-orange {
    background-color: #fd7e14 !important;
    color: #fff;
}

.tag-yellow {
    background-color: #fdb901 !important;
    color: #fff;
}

.tag-green {
    background-color: #0fa751 !important;
    color: #fff;
}

.tag-teal {
    background-color: #00cccc !important;
    color: #fff;
}

.tag-cyan {
    background-color: #00b9ff !important;
    color: #fff;
}

.tag-white {
    background-color: #fff !important;
    color: #fff;
}

.tag-gray {
    background-color: #868e96 !important;
    color: #fff;
}

.tag-gray-dark {
    background-color: #343a40 !important;
    color: #fff;
}

.tag-azure {
    background-color: #17c1f4 !important;
    color: #fff;
}

.tag-lime {
    background-color: #7bd235 !important;
    color: #fff;
}

.tag-primary {
    background-color: #467fcf !important;
    color: #fff;
}

.tag-secondary {
    background-color: #868e96 !important;
    color: #fff;
}

.tag-success {
    background-color: #0fa751 !important;
    color: #fff;
}

.tag-info {
    background-color: #17c1f4 !important;
    color: #fff;
}

.tag-warning {
    background-color: #fdb901 !important;
    color: #fff;
}

.tag-danger {
    background-color: #ec2d38 !important;
    color: #fff;
}

.tag-light {
    background-color: #f8f9fa !important;
    color: #fff;
}

.tag-dark {
    background-color: #343a40 !important;
    color: #fff;
}

.tag-rounded {
    border-radius: 50px;
}

    .tag-rounded .tag-avatar {
        border-radius: 50px;
    }

.tags {
    margin-bottom: -.5rem;
    font-size: 0;
}

    .tags > .tag {
        margin-bottom: .5rem;
    }

        .tags > .tag:not(:last-child) {
            margin-right: .5rem;
        }

@media (min-width: 459px) {
    .text-wrap .example .form-group {
        margin-bottom: 0;
    }
}

/* Timeline */
/*--- Vertical --*/
.vtimeline {
    list-style: none;
    padding: 0;
    position: relative;
    margin-bottom: 20px;
}

    .vtimeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #d1d4e4;
        left: 50%;
        margin-left: -1.5px;
    }

    .vtimeline .timeline-wrapper {
        display: block;
        margin-bottom: 20px;
        position: relative;
        width: 100%;
        padding-right: 90px;
    }

        .vtimeline .timeline-wrapper:before {
            content: " ";
            display: table;
        }

        .vtimeline .timeline-wrapper:after {
            content: " ";
            display: table;
            clear: both;
        }

        .vtimeline .timeline-wrapper .timeline-panel {
            border-radius: 2px;
            padding: 20px;
            position: relative;
            background: #ecf0fa;
            border-radius: 0px;
            box-shadow: none;
            width: 35%;
            margin-left: 15%;
        }

            .vtimeline .timeline-wrapper .timeline-panel:before {
                position: absolute;
                top: 0;
                width: 100%;
                height: 2px;
                content: "";
                left: 0;
                right: 0;
            }

            .vtimeline .timeline-wrapper .timeline-panel:after {
                position: absolute;
                top: 10px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #ecf0fa;
                border-right: 0 solid #ecf0fa;
                border-bottom: 14px solid transparent;
                content: " ";
            }

            .vtimeline .timeline-wrapper .timeline-panel .timeline-title {
                font-size: 1rem;
                font-weight: 700;
                margin: 0 0 .625rem;
            }

            .vtimeline .timeline-wrapper .timeline-panel .timeline-body p + p {
                margin-top: 5px;
            }

.timeline-body img {
    max-width: 100%;
}

.vtimeline .timeline-wrapper .timeline-panel .timeline-body ul {
    margin-bottom: 0;
}

.vtimeline .timeline-wrapper .timeline-panel .timeline-footer span {
    font-size: .6875rem;
}

.vtimeline .timeline-wrapper .timeline-badge {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 16px;
    left: 47.8%;
    z-index: 0;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border: 2px solid #fff;
    border-radius: 50%;
}

    .vtimeline .timeline-wrapper .timeline-badge i {
        color: #fff;
        text-align: center;
        font-size: 25px;
        line-height: 43px;
        margin: 0 auto;
        justify-content: center;
        left: 0;
        right: 0;
        padding: 1px 9px;
    }

.vtimeline .timeline-wrapper.timeline-inverted {
    padding-right: 0;
    padding-left: 90px;
}

    .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel {
        margin-left: auto;
        margin-right: 15%;
    }

        .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }

.timeline-wrapper-primary .timeline-panel:before,
.timeline-wrapper-primary .timeline-badge {
    background: #C9A96E ;
}

.timeline-wrapper-secondary .timeline-panel:before,
.timeline-wrapper-secondary .timeline-badge {
    background: #eb6f33;
}

.timeline-wrapper-success .timeline-panel:before,
.timeline-wrapper-success .timeline-badge {
    background: #22c03c;
}

.timeline-wrapper-info .timeline-panel:before,
.timeline-wrapper-info .timeline-badge {
    background: #01b8ff;
}

.timeline-wrapper-warning .timeline-panel:before,
.timeline-wrapper-warning .timeline-badge {
    background: #fbbc0b;
}

.timeline-wrapper-danger .timeline-panel:before,
.timeline-wrapper-danger .timeline-badge {
    background: #ee335e;
}

.timeline-wrapper-light .timeline-panel:before,
.timeline-wrapper-light .timeline-badge {
    background: #f1f2f9;
}

.timeline-wrapper-dark .timeline-panel:before,
.timeline-wrapper-dark .timeline-badge {
    background: #242f48;
}

@media (max-width: 767px) {
    .timeline .btn {
        font-size: 12px;
    }

    .vtimeline:before {
        left: 26px !important;
    }

    .vtimeline .timeline-wrapper {
        padding-right: 0 !important;
    }

        .vtimeline .timeline-wrapper .timeline-badge {
            left: 0 !important;
        }

        .vtimeline .timeline-wrapper .timeline-panel {
            width: auto !important;
            margin-left: 16% !important;
        }

            .vtimeline .timeline-wrapper .timeline-panel:after {
                border-right: 14px solid #ecf0fa !important;
                border-left: 0 solid #ecf0fa !important;
                left: -14px !important;
                right: auto !important;
            }

        .vtimeline .timeline-wrapper.timeline-inverted {
            padding-left: 0 !important;
        }

            .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel {
                margin-right: 0 !important;
                width: auto !important;
            }

    .profile-user .p-text {
        display: none;
    }
}

/*latetes news timeline */
.latest-timeline-1 ul.timeline-1 {
    list-style-type: none;
    position: relative;
}

    .latest-timeline-1 ul.timeline-1:before {
        content: ' ';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 20px;
        border-left: 2px dotted #c0ccda;
    }

    .latest-timeline-1 ul.timeline-1 > li {
        margin: 25px 0;
        padding-left: 0.90rem;
    }

        .latest-timeline-1 ul.timeline-1 > li a {
            color: #000;
        }

        .latest-timeline-1 ul.timeline-1 > li .date {
            font-size: 10px;
        }

        .latest-timeline-1 ul.timeline-1 > li p {
            font-size: 13px;
        }

        .latest-timeline-1 ul.timeline-1 > li .product-icon {
            width: 40px;
            height: 40px;
            text-align: center;
            border-radius: 50%;
            position: absolute;
            left: 1px;
            background-color: #f3f6f7;
            font-size: 20px;
            line-height: 37px;
            font-size: 21px;
        }

        .latest-timeline-1 ul.timeline-1 > li:nth-child(2):before {
            border: 3px solid #fb1c52;
        }

        .latest-timeline-1 ul.timeline-1 > li:nth-child(3):before {
            border: 3px solid #e9b307;
        }

        .latest-timeline-1 ul.timeline-1 > li:nth-child(4):before {
            border: 3px solid #4481eb;
        }

        .latest-timeline-1 ul.timeline-1 > li:last-child:before {
            border: 3px solid #27af06;
        }

.projects-stat .table-bordered th,
.projects-stat .table-bordered td {
    border: transparent;
}

.projects-stat .table th,
.projects-stat .table td {
    padding: 7px 7px !important;
    vertical-align: baseline;
}

.projects-stat .project-names h6 {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: #fff;
    line-height: 2.5;
    margin-bottom: 0;
    font-weight: 600;
    padding: 3px;
}

.review-project .project-contain {
    display: inline-block;
}

.review-project .table th,
.review-project .table td {
    vertical-align: middle;
    padding: 7px 15px;
}

.review-project.card tbody > tr > th:not(:first-child),
.review-project.card tbody > tr > td:not(:first-child) {
    font-family: roboto;
    font-size: 13px !important;
}

.review-project img {
    vertical-align: top;
    width: 35px;
    min-width: 32px;
    height: 35px;
}

.latest-tasks .tasks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    margin: 0 0 1.15rem 0;
}

    .latest-tasks .tasks .span {
        margin-left: 1.3rem;
        font-weight: 500;
        color: #242f48;
    }

.latest-tasks .task-line:before {
    position: absolute;
    display: block;
    width: .2rem;
    top: .2rem;
    content: "";
    border-radius: .2rem;
    height: 2rem;
}

.latest-tasks .label {
    color: #C9A96E;
    margin-left: 1.3rem;
    font-weight: 500;
}

.latest-tasks .time {
    margin-left: 1.3rem;
    font-size: 13px;
    color: #737f9e;
}

.latest-tasks .task-line.primary:before {
    background: #C9A96E ;
}

.latest-tasks .task-line.pink:before {
    background: #f10075;
}

.latest-tasks .task-line.success:before {
    background: #22c03c;
}

.latest-tasks .task-line.teal:before {
    background: #00cccc;
}

.latest-tasks .task-line.warning:before {
    background: #fbbc0b;
}

.latest-tasks .task-line.orange:before {
    background: #fd7e14;
}

.latest-tasks .task-line.info:before {
    background: #00b9ff;
}

.latest-tasks .task-line.purple:before {
    background: #673ab7;
}

.latest-tasks .task-line.danger:before {
    background: #ee335e;
}

.latest-tasks .check-box .ckbox span:before {
    content: '';
    width: 16px;
    height: 16px;
    background-color: rgba(190, 206, 255, 0.05);
    border: 1px solid #d9e2ff;
    top: 1px;
    left: 0;
    border-radius: 2px;
}

.latest-tasks .check-box .ckbox span:after {
    border-radius: 2px;
}

.latest-tasks .nav-tabs .nav-link {
    color: #737f9e;
}

    .latest-tasks .nav-tabs .nav-link.active,
    .latest-tasks .nav-tabs .nav-link:hover,
    .latest-tasks .nav-tabs .nav-link:focus {
        color: #C9A96E ;
        border: 0;
    }

.image-grouped img {
    margin-right: -.6em !important;
}

.background-text {
    position: relative;
    z-index: 10;
}

.project-countdown #launch_date {
    margin: 0;
}

.project-countdown .countdown {
    padding: 0;
    margin: 0;
}

    .project-countdown .countdown li {
        width: 65px;
        height: 65px;
        z-index: 0;
        padding: 0px;
        line-height: 30px;
    }

    .project-countdown .countdown .number {
        font-size: 20px;
        font-weight: 700;
        line-height: 14px;
        padding-top: 11px;
    }

    .project-countdown .countdown .time {
        padding-top: 0px;
        font-size: 11px !important;
    }

    .project-countdown .countdown span {
        display: block;
        color: #fff;
    }

    .project-countdown .countdown li {
        background: #285cf7;
        border: 5px solid #285cf7;
    }

@media (min-width: 992px) {
    .project-countdown .countdown li {
        margin: 2px 5px 7px 5px;
    }
}

.Activity-scroll {
    max-height: 349px;
}

.activity .added-project {
    font-weight: 700;
    font-size: 12px;
    color: #C9A96E ;
}

.sparkline .tooltip {
    width: 20px;
    height: 20px;
}

.Project-scroll {
    max-height: 367px;
    position: relative;
}

.rating-scroll {
    max-height: 344px;
    position: relative;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: .2rem .7rem;
    font-size: .7rem;
}

.coming-events .icon {
    height: 47px;
    width: 47px;
    border-radius: 50%;
    text-align: center;
}

    .coming-events .icon span {
        display: block;
        font-size: 12px;
    }

    .coming-events .icon .date {
        line-height: 10px;
        padding-top: 11px;
    }

    .coming-events .icon .month {
        font-size: 11px;
    }

.coming-events .pb-3 {
    padding-bottom: 0.8rem !important;
}

.coming-events .pt-3 {
    padding-top: 0.8rem !important;
}

.activity {
    position: relative;
    padding: 1.25rem 1.25rem 0 1.25rem;
}

.activity-list {
    position: relative;
}

    .activity-list:before {
        content: ' ';
        border: 1px solid #eaf2f9;
        margin: 20px 20px 0 22px;
        display: inline-block;
        position: absolute;
        width: 2px;
        height: 100%;
        z-index: 0;
    }

.activity .img-activity {
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 34px;
    border-radius: 50%;
    position: absolute;
    -webkit-box-shadow: 0 0 0 0.5px #f8f9fa;
    box-shadow: 0 0 0 0.5px #f8f9fa;
}

.activity .item-activity {
    margin-left: 60px;
    margin-bottom: 22px;
}

.timeline-image {
    border-radius: 50%;
}

@media (max-width: 576px) {
    .vtimeline .timeline-wrapper .timeline-panel {
        width: auto !important;
        margin-left: 24% !important;
    }
}

.main-toggle {
    width: 60px;
    height: 25px;
    background-color: #b9c2d8;
    padding: 2px;
    position: relative;
    overflow: hidden;
}

    .main-toggle span {
        position: absolute;
        top: 3px;
        bottom: 3px;
        left: 3px;
        display: block;
        width: 20px;
        background-color: #fff;
        cursor: pointer;
        transition: all 0.2s ease-in-out;
    }

        .main-toggle span::before,
        .main-toggle span::after {
            position: absolute;
            font-size: 10px;
            font-weight: 500;
            letter-spacing: .5px;
            text-transform: uppercase;
            color: #fff;
            top: 2px;
            line-height: 1.38;
        }

        .main-toggle span::before {
            content: 'on';
            left: -25px;
        }

        .main-toggle span::after {
            content: 'off';
            right: -29px;
        }

    .main-toggle.on {
        background-color: #C9A96E ;
    }

        .main-toggle.on span {
            left: 37px;
        }

@media (prefers-reduced-motion: reduce) {
    .main-toggle span {
        transition: none;
    }
}

.main-toggle-secondary.on {
    background-color: #C9A96E ;
}

.main-toggle-success.on {
    background-color: #22c03c;
}

.main-toggle-dark.on {
    background-color: #242f48;
}

.main-toggle-group-demo {
    display: flex;
}

    .main-toggle-group-demo .main-toggle + .main-toggle {
        margin-left: 10px;
    }

:root {
    --background: #ecf0fa;
    --default-color: #C9A96E;
    --blue: #0162e8;
    --indigo: #0162e8;
    --purple: #673ab7;
    --pink: #f10075;
    --red: #ee335e;
    --orange: #fd7e14;
    --yellow: #fbbc0b;
    --green: #22c03c;
    --teal: #00cccc;
    --cyan: #00b9ff;
    --white: #fff;
    --gray: #737f9e;
    --gray-dark: #364261;
    --primary: #0162e8;
    --secondary: #737f9e;
    --success: #22c03c;
    --info: #00b9ff;
    --warning: #fbbc0b;
    --danger: #ee335e;
    --light: #ecf0fa;
    --dark: #364261;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    /*gray variables*/
    --gray-100: #ecf0fa;
    --gray-200: #dde2ef;
    --gray-300: #d0d7e8;
    --gray-400: #b9c2d8;
    --gray-500: #949eb7;
    --gray-600: #737f9e;
    --gray-700: #4d5875;
    --gray-800: #364261;
    --gray-900: #242f48;
    /*white variables*/
    --white-1: rgba(255, 255, 255, 0.1);
    --white-2: rgba(255, 255, 255, 0.2);
    --white-3: rgba(255, 255, 255, 0.3);
    --white-4: rgba(255, 255, 255, 0.4);
    --white-5: rgba(255, 255, 255, 0.5);
    --white-6: rgba(255, 255, 255, 0.6);
    --white-7: rgba(255, 255, 255, 0.7);
    --white-8: rgba(255, 255, 255, 0.8);
    --white-9: rgba(255, 255, 255, 0.9);
    --white-05: rgba(255, 255, 255, 0.05);
    --white-08: rgba(255, 255, 255, 0.08);
    --white-75: rgba(255, 255, 255, 0.075);
    /*black variables*/
    --black-1: rgba(0, 0, 0, 0.1);
    --black-2: rgba(0, 0, 0, 0.2);
    --black-3: rgba(0, 0, 0, 0.3);
    --black-4: rgba(0, 0, 0, 0.4);
    --black-5: rgba(0, 0, 0, 0.5);
    --black-6: rgba(0, 0, 0, 0.6);
    --black-7: rgba(0, 0, 0, 0.7);
    --black-8: rgba(0, 0, 0, 0.8);
    --black-9: rgba(0, 0, 0, 0.9);
    --black-05: rgba(0, 0, 0, 0.05);
    /*shadow variables*/
    --shadow: -8px 12px 18px 0 #dadee8;
    --dark-theme: #1f2940;
    --border: #e3e8f7;
}

* {
    box-sizing: border-box;
}

    *::before,
    *::after {
        box-sizing: border-box;
    }

#count-down {
    width: auto;
}

#global-loader {
    position: fixed;
    z-index: 50000;
    background: #fff;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.dropify-wrapper p:first-child {
    font-size: 14px !important;
    color: #334151 !important;
}

.dropify-filename-inner {
    color: #fff;
}

.loader-img {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 43%;
    left: 0;
    margin: 0 auto;
    text-align: center;
}

.fade {
    transition: opacity 0.15s linear;
}

    .fade:not(.show) {
        opacity: 0;
    }

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

.media {
    display: flex;
    align-items: flex-start;
}

.media-body {
    flex: 1;
}

.close {
    float: right;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

    .close:hover {
        color: #000;
        text-decoration: none;
    }

    .close:not(:disabled):not(.disabled):hover,
    .close:not(:disabled):not(.disabled):focus {
        opacity: .75;
    }

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    appearance: none;
}

a.close.disabled {
    pointer-events: none;
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    50% {
        -webkit-transform: scale(0.2);
        opacity: 1;
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    animation: spinner-grow .75s linear infinite;
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive::before {
        display: block;
        content: "";
    }

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.embed-responsive-21by9::before {
    padding-top: 42.85714%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

@supports (position: sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
    box-shadow: none !important;
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}

@media print {
    * {
        text-shadow: none !important;
        box-shadow: none !important;
    }

        *::before,
        *::after {
            text-shadow: none !important;
            box-shadow: none !important;
        }

    a:not(.btn) {
        text-decoration: underline;
    }

    abbr[title]::after {
        content: " ("attr(title) ")";
    }

    pre {
        white-space: pre-wrap !important;
        border: 1px solid #949eb7;
        page-break-inside: avoid;
    }

    blockquote {
        border: 1px solid #949eb7;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    @page {
        size: a3;
    }

    body,
    .container {
        min-width: 992px !important;
    }
}

/* ########## BOOTSTRAP OVERRIDES ########## */
/* ############### PAGE LAYOUT STYLES ############### */
/* ###### 6.3 Global  ###### */
body {
    font-family: "Roboto", sans-serif;
}

.main-body,
.main-dashboard {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
}

    .main-body::before {
        content: 'main';
        position: fixed;
        top: 45%;
        left: 70%;
        transform: translate3d(-50%, -58%, 0);
        font-size: 1300px;
        font-weight: 600;
        letter-spacing: -10px;
        line-height: .5;
        opacity: .02;
        z-index: -1;
        display: none;
    }

.main-table-reference {
    background-color: #fff;
}

    .main-table-reference > thead > tr > th,
    .main-table-reference > thead > tr > td {
        padding: 8px 10px;
        border: 1px solid #e3e8f7;
        font-size: 13px;
    }

    .main-table-reference > tbody > tr > th,
    .main-table-reference > tbody > tr > td {
        padding: 8px 10px;
        border: 1px solid #e3e8f7;
        font-size: 13px;
    }

    .main-table-reference > thead > tr > th,
    .main-table-reference > thead > tr > td {
        background-color: #ecf0fa;
        color: #737f9e;
        font-size: 11px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 1px;
        border-bottom: 0;
    }

/* ############### TEMPLATE STYLES ############### */
/* ###### 7.1 Demo  ###### */
.main-home-slider {
    position: relative;
    z-index: 4;
    width: 100%;
    height: 600px;
    max-height: 1800px;
    overflow: hidden;
    background-color: #1904be;
}

    .main-home-slider .chart-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: -20px;
        z-index: 3;
        display: flex;
        align-items: flex-end;
        opacity: .2;
    }

        .main-home-slider .chart-wrapper .flot-chart {
            width: 100%;
            height: 400px;
        }

    .main-home-slider .card-columns {
        column-gap: 5px;
        column-count: 3;
        width: 500px;
        transform: rotate(37deg);
        position: absolute;
        top: 9%;
        left: 24%;
        z-index: 4;
        opacity: .25;
    }

        .main-home-slider .card-columns .card {
            position: relative;
            border-width: 0;
            background-color: transparent;
            margin-bottom: 5px;
        }

@media (min-width: 576px) {
    .main-home-slider {
        height: 600px;
    }
}

@media (min-width: 1200px) {
    .main-home-slider {
        height: 100vh;
        max-height: 780px;
    }
}

@media (min-width: 1440px) {
    .main-home-slider {
        max-height: 900px;
    }
}

@media (min-width: 1680px) {
    .main-home-slider {
        max-height: 1050px;
    }
}

@media (min-width: 1920px) {
    .main-home-slider {
        max-height: 1200px;
    }
}

@media (min-width: 2560px) {
    .main-home-slider {
        max-height: 1600px;
    }
}

@media (min-width: 2880px) {
    .main-home-slider {
        max-height: 1800px;
    }
}

@media (min-width: 768px) {
    .main-home-slider .chart-wrapper {
        opacity: 1;
    }
}

@media (min-width: 992px) {
    .main-home-slider .chart-wrapper .flot-chart {
        height: 500px;
    }

    .userlist-table .table {
        white-space: nowrap !important;
    }

    .nav-link#bs-example-navbar-collapse-1 {
        display: none;
    }
}

@media (min-width: 576px) {
    .main-home-slider .card-columns {
        width: 120%;
        left: 16%;
        transform: rotate(44deg);
    }
}

@media (min-width: 768px) {
    .main-home-slider .card-columns {
        transform: rotate(45deg);
        width: 100%;
        top: 0;
        left: auto;
        right: -45%;
        opacity: 1;
    }
}

@media (min-width: 992px) {
    .main-home-slider .card-columns {
        width: 80%;
        top: -10%;
        right: -30%;
        column-gap: 10px;
    }
}

@media (min-width: 1200px) {
    .main-home-slider .card-columns {
        width: 70%;
        right: -15%;
        top: -15%;
    }
}

@media (min-width: 1300px) {
    .main-home-slider .card-columns {
        right: -5%;
    }
}

@media (min-width: 992px) {
    .main-home-slider .card-columns .card {
        margin-bottom: 10px;
    }
}

.main-home-content {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 5;
    color: rgba(255, 255, 255, 0.7);
    right: 20px;
}

    .main-home-content .main-logo {
        font-size: 30px;
        font-weight: 700;
        display: flex;
        line-height: 1;
        color: #fff;
        margin-bottom: 5px;
        text-indent: -1px;
        color: #fff;
        letter-spacing: -.5px;
    }

    .main-home-content h5 {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: .2px;
        margin-bottom: 25px;
    }

    .main-home-content .logo-group {
        margin-bottom: 60px;
        display: flex;
    }

        .main-home-content .logo-group i {
            font-weight: 400;
            font-size: 32px;
            line-height: .2;
        }

            .main-home-content .logo-group i + i {
                margin-left: 10px;
            }

    .main-home-content h1 {
        color: #fff;
        font-weight: 300;
        font-size: 24px;
        margin-bottom: 20px;
    }

    .main-home-content p:first-of-type {
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 25px;
    }

    .main-home-content p:last-of-type {
        display: flex;
        margin-bottom: 100px;
    }

        .main-home-content p:last-of-type .btn,
        .main-home-content p:last-of-type .sp-container button {
            flex: 1;
            text-transform: uppercase;
            font-size: 11px;
            font-weight: 500;
            min-height: inherit;
            letter-spacing: 1px;
            padding: 10px 15px;
        }

@media (min-width: 576px) {
    .main-home-content {
        top: 40px;
        left: 40px;
        right: auto;
        width: 400px;
    }
}

@media (min-width: 768px) {
    .main-home-content {
        width: 410px;
    }
}

@media (min-width: 576px) {
    .main-home-content .main-logo {
        font-size: 36px;
        letter-spacing: -1px;
    }
}

@media (min-width: 576px) {
    .main-home-content h5 {
        font-size: 15px;
    }
}

@media (min-width: 576px) {
    .main-home-content h1 {
        font-size: 2.03125rem;
    }
}

.sp-container .main-home-content p:last-of-type button {
    flex: 1;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
    min-height: inherit;
    letter-spacing: 1px;
    padding: 10px 15px;
}

@media (min-width: 768px) {

    .main-home-content p:last-of-type .btn,
    .main-home-content p:last-of-type .sp-container button {
        padding: 10px 25px;
        flex: none;
    }

    .sp-container .main-home-content p:last-of-type button {
        padding: 10px 25px;
        flex: none;
    }
}

@media (min-width: 992px) {

    .main-home-content p:last-of-type .btn,
    .main-home-content p:last-of-type .sp-container button {
        flex: 1;
    }

    .sp-container .main-home-content p:last-of-type button {
        flex: 1;
    }
}

.main-home-content p:last-of-type .btn + .btn,
.main-home-content p:last-of-type .sp-container button + .btn {
    margin-left: 5px;
}

.sp-container .main-home-content p:last-of-type button + .btn,
.main-home-content p:last-of-type .sp-container .btn + button,
.sp-container .main-home-content p:last-of-type .btn + button,
.main-home-content p:last-of-type .sp-container button + button,
.sp-container .main-home-content p:last-of-type button + button {
    margin-left: 5px;
}

.main-home-content nav:last-child {
    display: flex;
}

    .main-home-content nav:last-child a {
        font-size: 24px;
        color: rgba(255, 255, 255, 0.5);
    }

        .main-home-content nav:last-child a:hover,
        .main-home-content nav:last-child a:focus {
            color: #fff;
        }

        .main-home-content nav:last-child a + a {
            margin-left: 8px;
        }

.main-icon-group {
    text-align: center;
    padding: 20px;
    color: #364261;
}

.font-awesome.main-icon-group i {
    font-size: 18px;
}

.main-icon-group i {
    line-height: 1;
    font-size: 24px;
    font-size: 18px;
}

.main-page-header {
    position: relative;
    padding: 30px 0 40px;
    border-bottom: 1px solid #dee2ef;
    margin-bottom: 40px;
}

.main-page-title {
    font-weight: 700;
    font-size: 40px;
    font-family: "Raleway", sans-serif;
    margin-bottom: 15px;
    line-height: 1;
    letter-spacing: -1.5px;
}

.main-page-text {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 30px;
}

.main-page-content-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.brround {
    border-radius: 50%;
}

.main-page-content-list li {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
}

    .main-page-content-list li + li {
        margin-top: 5px;
    }

    .main-page-content-list li i {
        margin-right: 10px;
        font-size: 10px;
        line-height: 0;
        color: #949eb7;
        text-indent: 1px;
    }

.main-page-label {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    letter-spacing: -.2px;
}

.main-syntax-wrapper {
    position: relative;
}

    .main-syntax-wrapper .badge {
        padding: 4px 5px;
        position: absolute;
        top: 5px;
        right: 5px;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 9px;
        letter-spacing: normal;
        border-radius: 1px;
    }

    .main-syntax-wrapper pre {
        border-color: #d0d7e8;
        background-color: #fff;
        padding: 15px;
        font-size: 13px;
    }

        .main-syntax-wrapper code[class*="language-"],
        .main-syntax-wrapper pre[class*="language-"] {
            font-family: 'Roboto Mono', monospace;
        }

/* ############### UTILITIES/HELPER CLASSES ############### */
.horizontal-nav .mega-dropdown-menu {
    box-shadow: 0 25px 100px rgba(115, 77, 191, 0.2);
    border: 0;
    margin: -2px;
    width: 100%;
}

    .horizontal-nav .mega-dropdown-menu:before {
        content: '';
        position: absolute;
        top: -10px;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #fff transparent;
        right: auto;
        left: 16px;
    }

.mega-dropdown-menu:after {
    right: auto;
    left: 16px;
}

.horizontal-nav .dropdown-menu {
    min-width: 12.5rem;
}

.drop-icon-wrap .drop-icon-item {
    display: inline-block;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    color: #020202;
    text-transform: capitalize;
    width: 33.3%;
    float: left;
}

.h-6 {
    height: 2rem !important;
}

.dropgroupicons .dropdown-menu {
    width: 260px !important;
    padding: 5px !important;
    top: 52px !important;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
    box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
}

.flag .dropdown-menu {
    top: 52px !important;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
    box-shadow: 0px 0px 15px 1px rgba(69, 65, 78, 0.2);
}

.flag > a::before {
    content: '';
    position: absolute;
    top: 47px;
    left: 50%;
    margin-left: -7px;
    width: 14px;
    height: 14px;
    border: 2px solid transparent;
    border-top-color: #d0d7e8;
    border-left-color: #d0d7e8;
    transform: rotate(45deg);
    background-color: #fff;
    z-index: 901;
    display: none;
}

.dropdown-toggle-1::after {
    top: 10px;
    right: 9px;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    content: '\f3d0';
    font-family: 'Ionicons';
    position: absolute;
    display: inline-block;
    color: #7a8eb1;
}

.dropdown-toggle-2::after {
    top: 13px;
    right: 0px;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    content: '\f3d0';
    font-family: 'Ionicons';
    position: absolute;
    display: inline-block;
    color: #7a8eb1;
}

.dropgroupicons .nav-link.icon i {
    font-size: 21px;
}

.drop-icon-wrap a:hover {
    background: #eff2f6;
}

.drop-icon-wrap .drop-icon-item .drop-font {
    font-size: 12px;
}

.country-Flag img {
    width: 1.5rem;
    height: 1rem;
    line-height: 0.1rem;
    font-size: .75rem;
}

.dropdown.flag .dropdown-item span {
    font-size: 14px;
}

.btn.btn-default.nav-link {
    height: 38px;
    width: 38px;
    text-align: center;
    border-radius: 50%;
    line-height: 1;
    font-size: 17px;
    padding: 1px;
}

.d-md-block.nav.nav-item.nav-link {
    padding: 0.5rem 0.7rem;
}

.mega-dropdown-menu {
    width: 65rem;
    padding: 0.70rem 0.80rem 0.50rem 0.80rem;
}

    .mega-dropdown-menu .dropdown-item {
        padding: 0.5rem 1rem;
    }

        .mega-dropdown-menu .dropdown-item:hover {
            color: #C9A96E ;
            background: transparent;
        }

.btn-absolute {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: 12px;
    padding: 20px;
}

.arrow-ribbon {
    padding: 6px 8px;
    position: absolute;
    top: 10px;
    left: 0px;
    z-index: 999;
    font-size: 14px;
    line-height: 17px;
    background: #000;
    color: #fff;
}

    .arrow-ribbon:before {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        content: "";
        right: -15px;
        border-top: 14px solid transparent;
        border-left: 15px solid #000;
        border-bottom: 15px solid transparent;
        width: 0;
    }

.header-megamenu-dropdown .nav-item .btn-link {
    color: #C9A96E;
}

.wordpress-project {
    border-radius: 5px;
    width: 55px;
    height: 55px;
}

.mega-dropdown-menu .media-body .progress-bar {
    height: 4px;
}

.header-megamenu-dropdown .dropdown-menu {
    top: 8px !important;
}

.mega-menu:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 14px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fff transparent;
}

.mega-menu:after {
    content: '';
    position: absolute;
    top: -10px;
    left: 14px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #c9cddb transparent;
    border-color: transparent transparent rgba(64, 82, 128, 0.9) transparent;
    z-index: -99;
}

.drop-menu-header {
    padding: 1.5rem;
    color: #fff;
}

.dropdown-menu .dropdown-header {
    text-transform: uppercase;
    font-size: 0.73333333rem;
    color: #3f6ad8;
    font-weight: bold;
}

.flag-text {
    color: #C9A96E;
    font-weight: 400;
}

    .flag-text:before {
        content: '\f3d0';
        font-family: 'Ionicons';
        font-weight: 400;
        font-size: 12px;
        position: absolute;
        top: 10px;
        right: 0;
        color: #C9A96E;
    }

.drop-flag {
    margin-right: 2.3rem !important;
}

.flag-notification a {
    display: block;
    font-size: 22px;
    color: #242f48;
    position: relative;
    line-height: 1.5;
    outline: none;
    padding: 0.5rem 0.5rem;
}

.flag-img {
    width: 2rem;
    height: 1.3rem;
}

.drop-flag .dropdown-menu {
    width: 150px;
    position: absolute;
    top: 52px;
    left: auto;
    right: -10px;
    bottom: auto;
    padding: 10px 10px 10px;
    border-color: #d0d7e8;
    border-width: 2px;
}

    .drop-flag .dropdown-menu .dropdown-item {
        font-size: 14px;
    }

.setting-menu-footer li {
    list-style-type: none;
}

.setting-menu-btn {
    padding: 0.5rem 1rem;
}

.setting-menu-footer .divider {
    margin: 0.5rem 0;
    height: 1px;
    overflow: hidden;
    background: #dee2e6;
}

.setting-menu .dropdown-item {
    padding: 0.4rem 1.5rem;
}

.setting-scroll {
    max-height: 162px;
    position: relative;
}

.header-img {
    background: linear-gradient(rgba(109, 110, 243, 0.7), rgba(109, 110, 243, 0.7)), url(img/20.jpg);
    background-size: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 20px 0 20px 0;
}

#dropdownMenuButton2 .rounded-pill {
    padding: 5px 7px;
    font-size: 10.5px;
}

.bx-flip-horizontal {
    transform: scaleX(-1);
}

.bx-tada {
    -webkit-animation: tada 1.5s ease infinite;
    animation: tada 1.5s ease infinite;
}

.drop-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    position: relative;
}

.dropdown-item .content {
    margin-left: 15px;
    width: 200px;
    white-space: normal;
}

.avatar-status {
    content: '';
    position: absolute;
    bottom: 0;
    right: 5px;
    width: 6px;
    height: 6px;
    background-color: #949eb7;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95);
    border-radius: 100%;
    bottom: 4px;
}

.user-pro-body .profile-status {
    position: absolute;
    display: block;
    bottom: 0;
    right: 98px;
    width: 8px;
    height: 8px;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95);
    border-radius: 100%;
    top: 73px;
    background: #22c03c;
}

    .user-pro-body .profile-status:before {
        content: '';
        top: -6px;
        right: -6px;
        width: 20px;
        height: 20px;
        position: absolute;
        border-radius: 50%;
        background: rgba(34, 192, 60, 0.5);
        cursor: pointer;
        box-shadow: 0 0 0 rgba(34, 192, 60, 0.9);
        animation: pulse 1s linear infinite;
    }

.pulse {
    display: block;
    position: absolute;
    top: 7px;
    right: 8px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #22c03c;
}

    .pulse:before {
        content: '';
        top: -4px;
        right: -4px;
        width: 15px;
        height: 15px;
        position: absolute;
        border-radius: 50%;
        background: rgba(34, 192, 60, 0.6);
        cursor: pointer;
        box-shadow: 0 0 0 rgba(34, 192, 60, 0.9);
        animation: pulse 1s linear infinite;
    }

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    8% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    15% {
        -webkit-transform: scale(0.1);
        opacity: 1;
    }

    30% {
        -webkit-transform: scale(0.5);
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.1);
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    8% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    15% {
        -webkit-transform: scale(0.1);
        opacity: 1;
    }

    30% {
        -webkit-transform: scale(0.5);
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.1);
    }
}

.pulse-danger {
    display: block;
    position: absolute;
    top: 7px;
    right: 8px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ee335e;
}

    .pulse-danger:before {
        content: '';
        top: -4px;
        right: -4px;
        width: 15px;
        height: 15px;
        position: absolute;
        border-radius: 50%;
        background: rgba(238, 51, 94, 0.8);
        cursor: pointer;
        box-shadow: 0 0 0 rgba(238, 51, 94, 0.9);
        animation: pulse 1s linear infinite;
    }

.main-message-list a .desc {
    font-size: 13px;
    color: #535384;
    margin-left: 10px;
}

.main-message-list a .name {
    font-size: .9rem;
    transition: all .2s ease-in-out;
    border-radius: 2px;
    color: #C9A96E;
    margin-left: 10px;
}

.main-message-list a .time {
    font-size: 11px;
    color: #8d8db3;
    font-weight: 400;
}

.menu-header-content {
    padding: 1.2rem;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.chat-scroll,
.Notification-scroll {
    max-height: 291px;
    position: relative;
}

.cover-image {
    background-size: cover !important;
}

.notifyimg {
    border-radius: 50%;
}

    .notifyimg i {
        color: #000;
        float: left;
        height: 40px;
        line-height: 40px;
        text-align: center;
        vertical-align: middle;
        width: 40px;
        font-size: 21px;
    }

.notification-label {
    font-size: 13.5px;
    transition: all .2s ease-in-out;
    border-radius: 2px;
    color: #C9A96E;
}

    .notification-label:hover {
        color: #C9A96E ;
    }

.main-message-list .name:hover {
    color: #C9A96E ;
}

.notification-subtext {
    font-size: 12px;
    color: #4d5875;
}

/* ###### 4.8 Box-shadows ###### */
.box-shadow-primary {
    box-shadow: 0 5px 10px rgba(40, 92, 247, 0.25);
}

.box-shadow-success {
    box-shadow: 0 5px 10px rgba(59, 176, 1, 0.25);
}

.box-shadow-warning {
    box-shadow: 0 5px 10px rgba(255, 193, 7, 0.25);
}

.box-shadow-danger {
    box-shadow: 0 5px 10px rgba(220, 53, 69, 0.25);
}

.box-shadow-pink {
    box-shadow: 0 5px 10px rgba(241, 0, 117, 0.25);
}

.main-notification-list .las {
    font-size: 13px;
}

.main-notification-list a:hover {
    background: #f6f6fb;
    color: #45567b;
}

.main-message-list a:hover {
    background: #f6f6fb;
    color: #45567b;
}

.page-header-icon i {
    margin: 0 auto;
    color: #C9A96E ;
    text-shadow: -2px 2px 2px rgba(34, 5, 191, 0.2);
}

.nav-badge {
    margin-left: auto !important;
    z-index: 9;
    padding: 5px 7px;
    font-size: 10.5px;
    border-radius: 50%;
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.09), 0 1px 3px rgba(0, 0, 0, 0.08);
    position: absolute;
    right: 12px;
}

.nav-text-badge {
    margin-left: auto !important;
    z-index: 9;
    position: absolute;
    right: 7px;
}

.widget-icons {
    height: 45px;
    width: 45px;
    padding: 7px;
    border-radius: 50%;
    font-size: 23px;
    text-align: center;
    line-height: 28px;
}

    .widget-icons i {
        margin: 0 auto;
        text-align: center;
        align-items: center;
    }

.line-list {
    padding-left: 30px;
    margin-bottom: 0;
    position: relative;
    list-style-type: none;
}

    .line-list li:before {
        content: "";
        position: absolute;
        border-radius: 100%;
        width: 12px;
        height: 12px;
        left: 0;
        border: 3px solid #C9A96E ;
        margin-right: 15px;
        z-index: 2;
        background: #fff;
    }

    .line-list li:after {
        content: "";
        border: 1px solid #e6edf7;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 100%;
    }

.image-grouped .profile-img {
    width: 30px;
    height: 30px;
}

.increase i,
.decrease i {
    height: 35px;
    width: 35px;
    margin: 0 auto;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
}

.sales-bar {
    min-height: 180px !important;
    position: relative;
    bottom: -21px;
}

.progress-sm {
    height: 4px;
}

.expansion-value strong:first-child {
    color: #242f48;
}

.expansion-value strong:last-child {
    color: #737f9e;
}

.card-chart {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 3px;
}

.sales-details {
    position: absolute;
    width: 100%;
}

.table-dashboard-one {
    width: 100%;
    font-size: 13px;
}

    .table-dashboard-one td {
        vertical-align: top;
        line-height: 1;
        padding: 9px 0;
    }

        .table-dashboard-one td:first-child {
            padding-left: 0;
        }

        .table-dashboard-one td:last-child {
            color: #8392a5;
        }

    .table-dashboard-one tr + tr td {
        border-top: 1px solid #e5e9f2;
    }

.browser-stats i {
    height: 32px;
    width: 32px;
    text-align: center;
    border-radius: 50%;
    line-height: 32px;
}

.browser-stats .item {
    padding: 11px 1rem;
}

.browser-stats h6 {
    font-size: 13px;
    margin-bottom: 2px;
}

.browser-stats .sub-text {
    display: block;
    color: #949eb7;
    font-size: 10.6px;
}

.sales-card .badge {
    border-radius: 30px;
    background-color: #c6d8ff;
    padding: 4px 15px;
    color: #4680ff;
    font-weight: 600;
}

.sales-card .sales-icon {
    color: #fff;
    font-size: 18px;
    padding: 40px 40px 20px 20px;
    border-radius: 50%;
    position: absolute;
    top: -30px;
    right: -30px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.sales-card:hover .sales-icon {
    font-size: 25px;
}

.aligner-wrapper {
    position: relative;
}

    .aligner-wrapper .absolute.absolute-center {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        position: absolute;
    }

.media img {
    width: 35px;
    height: 35px;
}

.sales-dash-header {
    position: absolute;
    left: 20px;
    right: 20px;
    padding: 0;
    background-color: transparent;
    z-index: 5;
}

.sales-session {
    margin-left: 0;
    padding-left: 0;
}

    .sales-session li {
        list-style-type: none;
        margin-bottom: 1.2rem;
    }

.stats .icon {
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 45px;
    border-radius: 3px;
}

    .stats .icon i {
        font-size: 20px;
    }

.ecommerce-card .icons {
    height: 50px;
    width: 50px;
    line-height: 63px;
    border-radius: 50px;
    text-align: center;
    background: #e9eefe;
}

    .ecommerce-card .icons.primary {
        background: rgba(0, 0, 0, 0.2);
    }

        .ecommerce-card .icons.primary i {
            color: rgba(255, 255, 255, 0.8) !important;
        }

    .ecommerce-card .icons i {
        color: rgba(0, 0, 0, 0.5);
        font-size: 30px;
    }

    .ecommerce-card .icons.pink {
        background: rgba(241, 0, 117, 0.08) !important;
        color: #f10075;
    }

        .ecommerce-card .icons.pink i {
            color: #f10075;
            opacity: 0.8;
        }

.ecommerce-card:hover .icons.pink {
    background: #f10075 !important;
}

    .ecommerce-card:hover .icons.pink i {
        color: #fff;
        opacity: 1;
    }

.ecommerce-card .icons.success {
    background: rgba(34, 192, 60, 0.1);
    color: #22c03c;
}

    .ecommerce-card .icons.success i {
        color: #22c03c;
        opacity: 0.8;
    }

.ecommerce-card:hover .icons.success {
    background: #22c03c !important;
}

    .ecommerce-card:hover .icons.success i {
        color: #fff;
        opacity: 1;
    }

.ecommerce-card .icons.warning {
    background: rgba(255, 193, 7, 0.12);
    color: #fbbc0b;
}

    .ecommerce-card .icons.warning i {
        color: #fbbc0b;
        opacity: 0.8;
    }

.ecommerce-card:hover .icons.warning {
    background: #fbbc0b !important;
}

    .ecommerce-card:hover .icons.warning i {
        color: #fff;
        opacity: 1;
    }

.product-timeline ul.timeline-1 {
    list-style-type: none;
    position: relative;
}

.product-timeline .name {
    color: #C9A96E;
    font-size: 15px;
}

.product-timeline ul.timeline-1:before {
    content: ' ';
    margin: 20px 20px 0 22px;
    display: inline-block;
    position: absolute;
    left: -2px;
    height: 94%;
    z-index: 0;
    content: '';
    position: absolute;
    bottom: 0;
    border-left: 2px dotted #c0ccda;
}

.product-timeline ul.timeline-1 > li {
    margin: 20.7px 0;
    padding-left: 1rem;
}

    .product-timeline ul.timeline-1 > li .product-icon {
        width: 37px;
        height: 37px;
        text-align: center;
        border-radius: 50%;
        position: absolute;
        left: 3px;
        background-color: #f3f6f7;
        font-size: 20px;
        line-height: 37px;
        font-size: 17px;
    }

.fw-semibold {
    font-weight: 500 !important;
}

.bounceIn {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@keyframes bounceIn {

    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.order-list .list {
    padding-left: 0;
}

    .order-list .list .list-item:first-child {
        padding-top: 0;
    }

    .order-list .list.list-noborders .list-item {
        border: none;
    }

    .order-list .list .list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 0 19px 0;
    }

.order-list .list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #dee2e6;
}

.top-selling-product img {
    border-radius: 6px;
}

.top-selling-product .table th,
.top-selling-product .table td {
    padding: 7px 7px 7px 13px !important;
    vertical-align: baseline;
}

.top-selling-product .table-bordered thead th,
.top-selling-product .table-bordered thead td {
    border-top-width: 1px;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

.out-of-stock {
    position: relative;
}

    .out-of-stock:before {
        position: absolute;
        content: '';
        background: rgba(239, 242, 246, 0.8) !important;
        top: 0;
        left: 0;
        width: 43px;
        min-width: 43px;
        height: 43px;
        bottom: 0;
        background-size: cover;
        display: block;
    }

.top-selling-product .text-default {
    color: #cdd4e8 !important;
}

.order-list img {
    border-radius: 6px;
}

.traffic-resource .table th,
.traffic-resource .table td {
    padding: 15px 0px !important;
    border-top: 0;
    border-bottom: 1px solid #e3e8f7;
}

.traffic-resource h6 {
    margin-bottom: 0;
}

.traffic-resource .table-hover tbody tr:hover {
    color: #C9A96E;
    background-color: transparent;
}

@keyframes ani {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1);
    }

    30% {
        transform: scale(1.4);
    }

    50% {
        transform: scale(1.2);
    }

    70% {
        transform: scale(1.4);
    }

    90% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}

.row-cards > .col,
.row-cards > [class*='col-'] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.row-deck > .col,
.row-deck > [class*='col-'] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
}

    .row-deck > .col .card,
    .row-deck > [class*='col-'] .card {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

.semi-circle {
    background: rgba(234, 239, 254, 0.5);
    border-radius: 0 0 300px 300px;
}

.project-card {
    overflow: hidden;
}

    .project-card:hover i {
        color: #285cf7;
        opacity: .16;
    }

    .project-card i {
        font-size: 65px;
        margin: 0 24px 0 -30px;
        position: relative;
        opacity: .07;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .project-card .project-content {
        width: 100%;
    }

        .project-card .project-content ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .project-card .project-content ul strong {
                color: #949eb7;
                font-size: 12px;
                font-weight: 400;
            }

            .project-card .project-content ul li {
                line-height: 20px;
            }

            .project-card .project-content ul span {
                color: #323232;
                float: right;
                font-weight: 600;
                text-align: right;
                margin-left: auto;
            }

    .project-card .primary {
        fill: #C9A96E ;
    }

    .project-card:hover .primary {
        fill: #C9A96E ;
        opacity: 1;
    }

    .project-card .teal,
    .project-card:hover .teal {
        fill: #00cccc;
    }

    .project-card .pink {
        fill: #f10075;
    }

    .project-card:hover .pink {
        fill: #f10075;
        opacity: 1;
    }

    .project-card .purple {
        fill: #673ab7;
    }

    .project-card:hover .purple {
        fill: #673ab7;
        opacity: 1;
    }

.area.chart-legend {
    top: 125px;
}

.recent-operations-card .operation-icon {
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 0;
    font-size: 18px;
    color: #fff;
    border-radius: 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.crypto-scroll {
    max-height: 291px;
    position: relative;
}

.transcation-scroll {
    max-height: 400px;
    position: relative;
}

    .transcation-scroll .list p a {
        color: #4d5875;
    }

.crypto #flTearFluidhart3,
.crypto #flTearFluidhart5,
.crypto #flTearFluidhart1 {
    position: relative;
    margin: 0 -40px;
    margin-bottom: -40px;
}

.crypto .media {
    position: absolute;
}

.crypto .card-footer {
    background-color: #fff;
    padding: 0;
}

    .crypto .card-footer .nav-link:hover,
    .crypto .card-footer .nav-link:focus {
        background-color: #eeeff4;
    }

    .crypto .card-footer .nav-link span {
        display: block;
    }

        .crypto .card-footer .nav-link span:first-child {
            color: #949eb7;
            font-weight: 700;
            font-size: 11px;
        }

        .crypto .card-footer .nav-link span:last-child {
            color: #C9A96E;
            font-weight: 500;
            font-size: 11px;
            font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        }

    .crypto .card-footer .nav-link + .nav-link {
        border-left: 1px solid #e3e8f7;
    }

    .crypto.card-footer .nav-link.active {
        background-color: #fafcff;
    }

    .crypto .card-footer .nav-link {
        display: block;
        padding: 0.5rem 1.49rem;
    }

        .crypto .card-footer .nav-link.active::before {
            content: '';
            position: absolute;
            top: -1px;
            left: 0;
            right: 0;
            z-index: 5;
        }

.crypto .nav-link + .nav-link {
    border-left: 1px solid #e3e8f7;
}

.crypto .card-footer .nav-link {
    flex: 1;
    display: block;
    text-align: center;
    background-color: rgba(227, 231, 237, 0.45);
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}

.crypto .coin-logo {
    width: 42px;
    height: 42px;
    color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-right: 15px;
}

.crypto h6 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 2px;
    color: #242f48;
}

.market-values .btn {
    min-height: initial;
}

.fs-name {
    font-size: .92rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 3px;
}

.task-box {
    background-color: #eff2f6;
    margin-bottom: 15px;
    padding: 10px;
}

    .task-box.primary p,
    .task-box.pink p {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 10px;
        margin-bottom: 5px;
        letter-spacing: .5px;
    }

    .task-box.primary {
        background-color: rgba(217, 232, 254, 0.6) !important;
        color: #C9A96E  !important;
        border: 1px dashed #7da7e4;
    }

    .task-box.pink {
        background-color: rgba(254, 229, 241, 0.5) !important;
        color: #f10075 !important;
        border: 1px dashed #f196c3;
    }

.task-stat .tasks {
    color: #C9A96E;
    padding: 0.65rem 1.25rem;
    font-weight: 500;
    border-bottom: 1px solid #e7ebf3;
}

.svg-icons {
    fill: #C9A96E;
    height: 20px;
}

.eve-icon {
    height: 20px;
}

.ui-bottom-data {
    position: relative;
    bottom: -10px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 10px rgba(24, 28, 33, 0.2);
    box-shadow: 0 1px 10px rgba(24, 28, 33, 0.2);
}

.project-list .list-unstyled li {
    display: flex;
    margin-bottom: 20px;
    padding: 14px;
    border: 1px solid #dee4ec;
    border-left: 1px solid #000;
}

    .project-list .list-unstyled li .media-body {
        margin-left: 13px;
    }

.pricing-card .list-unstyled {
    padding-left: 0;
    list-style: none;
}

.pricing-card .display-5 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.1;
}

.pricing-card .list-unstyled li {
    border-bottom: 1px solid #eaedf1;
    display: flow-root;
    margin-bottom: 0;
    padding: 9px 0;
}

/*------ Pricing Styles ---------*/
.panel.price {
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

    .panel.price > .panel-heading {
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -webkit-transition: all .3s ease;
    }

    .panel.price h3 {
        margin-bottom: 0;
        padding: 20px 0;
    }

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    background: #fff;
}

.panel.price {
    margin-bottom: 1.5rem;
}

    .panel.price > .panel-heading {
        color: #fff;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .panel.price .list-group-item:last-child {
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .panel.price .list-group-item:first-child {
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
    }

.price .panel-footer {
    border-bottom: 0px;
    background-color: #fff;
    border-left: 0;
    border-right: 0;
}

.price.panel-color > .panel-body {
    background-color: #fff;
}

.panel-body {
    padding: 15px;
}

    .panel-body .lead {
        font-size: 20px;
        margin-bottom: 0;
        padding: 10px 0;
    }

        .panel-body .lead strong {
            font-size: 40px;
            margin-bottom: 0;
        }

.panel-footer {
    padding: 10px 15px;
    background-color: #fff;
    border-top: 1px solid #eaedf1;
    border-left: 1px solid #eaedf1;
    border-right: 1px solid #eaedf1;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel.price .btn {
    border: 0px;
}

.pricing .list-unstyled li {
    border-bottom: 1px solid #eaedf1;
    display: flow-root;
    margin-bottom: 0;
    padding: 9px 0;
}

.demo-gallery > ul > li a {
    border-radius: 3px;
    display: block;
    overflow: hidden;
    position: relative;
    float: left;
    height: 100%;
    width: 100%;
}

    .demo-gallery > ul > li a > img {
        opacity: 1;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        width: 100% !important;
    }

    .demo-gallery > ul > li a:hover > img,
    .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
        opacity: .5;
    }

    .demo-gallery > ul > li a .demo-gallery-poster {
        background-color: rgba(0, 0, 0, 0.1);
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transition: background-color 0.15s ease 0s;
        -o-transition: background-color 0.15s ease 0s;
        transition: background-color 0.15s ease 0s;
    }

        .demo-gallery > ul > li a .demo-gallery-poster > img {
            left: 50%;
            margin-left: -10px;
            margin-top: -10px;
            opacity: 0;
            position: absolute;
            top: 50%;
            -webkit-transition: opacity 0.3s ease 0s;
            -o-transition: opacity 0.3s ease 0s;
            transition: opacity 0.3s ease 0s;
        }

    .demo-gallery > ul > li a:hover .demo-gallery-poster {
        background-color: rgba(0, 0, 0, 0.5);
    }

.demo-gallery .justified-gallery > a > img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}

.demo-gallery .justified-gallery > a:hover > img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
    opacity: 1;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}

    .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
        left: 50%;
        margin-left: -10px;
        margin-top: -10px;
        opacity: 0;
        position: absolute;
        top: 50%;
        -webkit-transition: opacity 0.3s ease 0s;
        -o-transition: opacity 0.3s ease 0s;
        transition: opacity 0.3s ease 0s;
    }

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .video .demo-gallery-poster img {
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    opacity: 0.8;
    width: 48px;
}

.demo-gallery.dark > ul > li a {
    border: 3px solid #04070a;
}

.card-body + .card-body {
    border-top: 1px solid #eaedf1;
}

.left-side-product-box img {
    width: 100%;
}

.left-side-product-box .sub-img img {
    margin-top: 5px;
    width: 83px;
    height: 100px;
}

.right-side-pro-detail span {
    font-size: 15px;
}

.right-side-pro-detail p {
    font-size: 25px;
    color: #a1a1a1;
}

.right-side-pro-detail .price-pro {
    color: #E45641;
}

.right-side-pro-detail .tag-section {
    font-size: 18px;
    color: #5D4C46;
}

.pro-box-section .pro-box img {
    width: 100%;
    height: 200px;
}

@media (min-width: 360px) and (max-width: 640px) {
    .pro-box-section .pro-box img {
        height: auto;
    }
}

.product-details .media img {
    width: 60px;
    height: 60px;
    margin-right: 20px;
    border-radius: 5px;
    max-width: inherit;
    border: 1px solid #d4daea;
}

.preview-pic {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.preview-thumbnail.nav-tabs {
    border: none;
    margin-top: 15px;
}

    .preview-thumbnail.nav-tabs li {
        width: 18%;
        margin-right: 2.5%;
    }

        .preview-thumbnail.nav-tabs li img {
            max-width: 100%;
            display: block;
        }

        .preview-thumbnail.nav-tabs li a {
            padding: 0;
            margin: 0;
        }

        .preview-thumbnail.nav-tabs li:last-of-type {
            margin-right: 0;
        }

.tab-content {
    overflow: hidden;
}

    .tab-content img {
        width: 100%;
    }

.details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.colors {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.product-title,
.price,
.sizes,
.colors {
    text-transform: UPPERCASE;
    font-weight: bold;
}

.checked {
    color: #ff9f1a;
}

.price span {
    color: #C9A96E;
}

.product-title,
.rating,
.product-description,
.price,
.vote,
.sizes {
    margin-bottom: 15px;
}

.product-title {
    margin-top: 0;
}

.size {
    margin-right: 10px;
}

    .size:first-of-type {
        margin-left: 40px;
    }

.details .rdiobox span:after {
    top: 5px;
}

.details .rdiobox span:before {
    top: 0px;
}

@-webkit-keyframes opacity {
    0% {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes opacity {
    0% {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.colorinput {
    margin: 0;
    position: relative;
    cursor: pointer;
}

.colorinput-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.colorinput-color {
    display: inline-block;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 3px;
    border: 1px solid #eaf0f7;
    color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

    .colorinput-color:before {
        content: '';
        opacity: 0;
        position: absolute;
        top: .25rem;
        left: .25rem;
        height: 1.25rem;
        width: 1.25rem;
        transition: .3s opacity;
        background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%;
    }

.colorinput-input:checked ~ .colorinput-color:before {
    opacity: 1;
}

.feature2 i {
    line-height: 3rem;
    font-size: 20px;
    margin: 0 0 15px 0;
}

.item-card .cardtitle span {
    display: block;
    font-size: .75rem;
}

.item-card .cardtitle a {
    color: #1f252d;
    font-weight: 500;
    text-decoration: none;
}

.item-card .cardprice {
    position: absolute;
    top: 17px;
    right: 15px;
}

    .item-card .cardprice span {
        display: block;
        color: #1f252d;
    }

        .item-card .cardprice span.type--strikethrough {
            opacity: .7;
            text-decoration: line-through;
        }

.item-card .relative {
    position: relative;
}

/*------icons-list---------*/
.main-icon-list {
    padding: 0;
}

.icons-list {
    list-style: none;
    margin: 0 -1px -1px 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.icons-list-item {
    height: 2.5rem;
    width: 2.5rem;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border: 1px solid #d6dcec;
    margin: 4px 4px;
    border-radius: 6px;
}

.icons-list .flag-icon {
    border-radius: 0;
}

/*------icons-list---------*/
.example {
    padding: 1rem;
    border: 1px solid #e7ebf5;
    font-size: 0.9375rem;
}

    .example + .highlight {
        border-top: none;
        margin-top: 0;
    }

.text-wrap > :last-child {
    margin-bottom: 0;
}

.highlight {
    margin: 0 0 2rem;
    border: 1px solid #23241f;
    border-radius: 0px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    font-size: 0.9375rem;
    background: #edeff7;
    border-top-right-radius: 8px;
    position: relative !important;
}

    .highlight pre {
        margin-bottom: 0;
        background-color: #23241f;
        max-height: 20rem;
    }

pre {
    color: #3d3f4e;
    padding: 1rem;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    background-color: #edeff7;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    border-top-right-radius: 7px;
}

/*------icons-list---------*/
.clip-widget {
    position: relative;
}

.clipboard-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 25px;
    background: #fff;
    border: 1px solid #e7ebf5;
    border-radius: 8px;
    cursor: pointer;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 33px;
}

*::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    transition: .3s background;
}

::-webkit-scrollbar-thumb {
    background: #e1e6f1;
}

*:hover::-webkit-scrollbar-thumb {
    background: #adb5bd;
}

@media (max-width: 568px) {
    .example {
        padding: 10px !important;
        border: 0;
        font-size: .876rem;
    }
}

.angle {
    color: #bac5d4 !important;
}

.pro-img-box img {
    border: 1px solid #e3e8f7 !important;
}

.banner {
    background: rgba(109, 110, 243, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    margin: 1.5rem 0;
    padding: 14px 15px;
    border: 1px solid #dbdbf7;
}

.nav-sub-item .sub-slide-item {
    color: #fff;
}

@media (max-width: 768px) and (min-width: 574px) {
    .responsive-logo .logo-2 {
        dispLay: none;
    }

    .responsive-logo .logo-1 {
        height: 2rem;
    }
}

@media (max-width: 574px) {
    .responsive-logo .logo-2 {
        dispLay: block;
        height: 2.5rem;
    }

    .responsive-logo .logo-1 {
        dispLay: none;
    }
}

@media (max-width: 633px) {
    .right-content {
        margin-top: 20px !important;
    }
}

@media (max-width: 1199px) {
    .total-revenue {
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-bottom: 0px solid #e3e8f7 !important;
    }
}

.sub-menu li a:before {
    margin-right: 8px;
    content: '';
    width: inherit;
    height: inherit;
    border-width: 0;
    position: absolute;
    left: 8px;
    top: 15px;
    z-index: 99;
    border-color: #bec5d0;
    content: "\e92f";
    font-family: 'feather' !important;
    position: absolute;
    top: 9px;
    left: 8px;
    font-size: 9px;
}

.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover {
    color: #696af1;
}

.mega-menubg.hor-mega-menu li a:before {
    margin-right: 8px;
    content: '';
    width: inherit;
    height: inherit;
    border-width: 0;
    position: absolute;
    left: 8px;
    top: 15px;
    z-index: 99;
    border-color: #bec5d0;
    content: "\e92f";
    font-family: 'feather' !important;
    position: absolute;
    top: 10px;
    left: 8px;
    font-size: 9px;
    background: transparent;
}

.slide.active.is-expanded {
    background: rgba(238, 238, 247, 0.5);
}

@media (max-width: 1134px) {
    .p-text {
        display: none;
    }
}

@media (max-width: 659px) {
    .fullscreen-button {
        display: none;
    }
}

.horizontalMenucontainer.main-header form[role="search"] {
    width: inherit;
}

.page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.prev-price {
    text-decoration: line-through;
}

.qunatity-list {
    margin-left: 0;
    padding-left: 6px;
}

    .qunatity-list li {
        list-style-type: none;
    }

.chips .chip {
    margin: 0 .5rem .5rem 0;
}

.chip {
    display: inline-block;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #6e7687;
    padding: 0 .75rem;
    border-radius: 1rem;
    background-color: #f5f6fb;
    transition: .3s background;
}

    .chip .avatar {
        float: left;
        margin: 0 .5rem 0 -.75rem;
        height: 2rem;
        width: 2rem;
        border-radius: 50%;
    }

.team i {
    margin-left: 10px;
    float: right;
}

.feature .project {
    display: flex;
    width: 45px;
    height: 45px;
    line-height: 2em;
    vertical-align: middle;
    padding-top: 0px;
    color: #fff;
    font-size: 20px;
    border-radius: 50px;
    position: relative;
    align-items: center;
    text-align: center;
    left: 0;
    right: 0;
    justify-content: center;
    font-weight: 500;
}

.plan-icon {
    font-size: 25px;
    width: 80px;
    height: 80px;
    line-height: 80px !important;
    overflow: hidden;
    border: 1px solid #ebeaf1;
    border-radius: 50%;
    background: #f5f6fb;
    transition: all .3s;
}

.country-table .table th,
.country-table .table td {
    padding: 10px 15px;
    line-height: 1.462;
}

/*-----Back to Top-----*/
#back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    display: none;
    text-align: center;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 4px;
    z-index: 1000;
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
    background: #C9A96E ;
    color: #fff;
    border-radius: 5px;
}

    #back-to-top i {
        padding-top: 0;
        font-size: 20px;
        line-height: 2.4;
    }

#compositeline,
#compositeline2 {
    position: relative;
    bottom: -1px;
}

@media (max-width: 480px) {
    .sales-bar {
        padding-top: 50px;
    }
}

@media (max-width: 578px) {
    .main-logo {
        display: none !important;
    }

    .logo-icon {
        display: block !important;
        height: 2.2rem;
    }

    .total-revenue .media {
        display: none;
    }
}

.email-button {
    background: #009a3e;
    color: #fff;
    position: fixed;
    bottom: 80px;
    line-height: 50px;
    right: 20px;
    z-index: 99;
    text-align: center;
    border-radius: 50%;
    z-index: 1000;
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
    -o-transition: background-color 0.1s linear;
}

    .email-button:hover {
        background: #FAF9FF;
        color: #009a3e;
        border: 2px solid #009a3e;
    }

.box-shadow {
    box-shadow: none;
}

@media (max-width: 480px) {
    .sales-bar {
        padding-top: 50px;
    }
}

@media (max-width: 575px) {
    .sales-bar {
        padding-top: 50px;
    }
}

.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover:before {
    border-color: #C9A96E ;
    color: #C9A96E ;
}

.main-logo-pages {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 auto;
    height: 2.3rem;
}

.desktop-dark,
.desktop-logo-dark,
.main-logo.dark-theme,
.dark-logo-2,
.dark-logo-1 {
    display: none;
}

.desktop-logo.logo-dark .main-logo.dark-theme {
    display: none !important;
}

@media (max-width: 578px) {
    .desktop-logo.logo-light .main-logo {
        display: block;
    }

    .logo-icon.mobile-logo.icon-light {
        display: block !important;
    }

    .logo-icon.mobile-logo.icon-dark {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .sticky-pin {
        position: fixed !important;
        box-shadow: 0 1px 15px 1px rgba(58, 58, 62, 0.3);
    }

    .icons-list-item {
        margin: 4px 4px;
    }
}

/* ############### DASHBOARD STYLES ############### */
/* ###### 8.1 Dashboard One  ###### */
.main-content-dashboard {
    padding-top: 20px;
}

@media (min-width: 992px) {
    .main-content-dashboard {
        padding-top: 30px;
    }
}

.main-dashboard-one-title {
    margin-bottom: 20px;
}

@media (min-width: 576px) {
    .main-dashboard-one-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

@media (min-width: 992px) {
    .main-dashboard-one-title {
        margin-bottom: 30px;
    }
}

.main-dashboard-title {
    font-size: 22px;
    font-weight: 700;
    color: #1c273c;
    letter-spacing: -1px;
    margin-bottom: 3px;
}

.main-dashboard-text {
    font-size: 13px;
    margin-bottom: 0;
}

.main-dashboard-date {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

    .main-dashboard-date .date {
        display: flex;
    }

        .main-dashboard-date .date > div:first-child {
            font-size: 32px;
            font-family: Arial, sans-serif;
            font-weight: 500;
            color: #1c273c;
            line-height: .9;
        }

        .main-dashboard-date .date > div:last-child {
            margin-left: 5px;
        }

            .main-dashboard-date .date > div:last-child span {
                display: block;
                color: #1c273c;
                font-weight: 700;
                font-size: 12px;
                line-height: 1.2;
                letter-spacing: -.5px;
            }

                .main-dashboard-date .date > div:last-child span:last-child {
                    color: #7987a1;
                    font-weight: 400;
                }

    .main-dashboard-date > i {
        font-size: 21px;
        line-height: 0;
        display: block;
        margin: 0 15px;
        color: #97a3b9;
    }

    .main-dashboard-date .wallet {
        border-radius: 3px;
    }

        .main-dashboard-date .wallet i {
            line-height: 40px;
        }

@media (min-width: 576px) {
    .main-dashboard-date {
        margin-top: 0;
    }
}

@media (min-width: 768px) {
    .main-dashboard-date .date > div:first-child {
        font-size: 36px;
    }
}

@media (min-width: 768px) {
    .main-dashboard-date .date > div:last-child span {
        font-size: 13px;
    }
}

@media (min-width: 768px) {
    .main-dashboard-date > i {
        margin: 0 20px;
        font-size: 24px;
    }
}

.main-dashboard-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e2e8f5;
    margin-bottom: 20px;
}

    .main-dashboard-nav .nav-link {
        font-size: 12px;
        padding: 5px 10px 8px;
        display: flex;
        align-items: center;
        line-height: 1;
    }

        .main-dashboard-nav .nav-link:hover,
        .main-dashboard-nav .nav-link:focus {
            color: #C9A96E ;
        }

        .main-dashboard-nav .nav-link + .nav-link {
            border-left: 1px solid #e2e8f5;
        }

    .main-dashboard-nav .nav:first-child .nav-link {
        color: #1c273c;
        display: none;
    }

        .main-dashboard-nav .nav:first-child .nav-link:hover,
        .main-dashboard-nav .nav:first-child .nav-link:focus,
        .main-dashboard-nav .nav:first-child .nav-link.active {
            color: #C9A96E ;
        }

        .main-dashboard-nav .nav:first-child .nav-link:first-child {
            padding-left: 0;
            display: block;
        }

        .main-dashboard-nav .nav:first-child .nav-link:last-child {
            display: block;
        }

    .main-dashboard-nav .nav:last-child .nav-link {
        color: #596882;
        display: none;
    }

        .main-dashboard-nav .nav:last-child .nav-link:hover,
        .main-dashboard-nav .nav:last-child .nav-link:focus {
            color: #C9A96E ;
        }

        .main-dashboard-nav .nav:last-child .nav-link i {
            font-size: 16px;
            margin-right: 7px;
            line-height: 0;
        }

        .main-dashboard-nav .nav:last-child .nav-link:last-child {
            padding-right: 0;
            display: block;
        }

            .main-dashboard-nav .nav:last-child .nav-link:last-child i {
                margin-right: 0;
            }

@media (min-width: 576px) {
    .main-dashboard-nav .nav-link {
        font-size: 0.875rem;
    }
}

@media (min-width: 992px) {
    .main-dashboard-nav .nav-link {
        padding: 5px 15px 10px;
    }
}

@media (min-width: 576px) {
    .main-dashboard-nav .nav:first-child .nav-link {
        display: block;
    }
}

@media (min-width: 768px) {
    .main-dashboard-nav .nav:last-child .nav-link {
        display: block;
    }
}

@media (min-width: 768px) {
    .main-dashboard-nav .nav:last-child .nav-link:last-child {
        display: none;
    }
}

.card-dashboard-one {
    position: relative;
    border-color: #e2e8f5;
}

    .card-dashboard-one .card-header {
        padding: 20px;
        background-color: transparent;
    }

        .card-dashboard-one .card-header .card-title {
            color: #1c273c;
            font-weight: 700;
            font-size: 14px;
            line-height: 1;
            margin-bottom: 3px;
        }

        .card-dashboard-one .card-header .card-text {
            margin-bottom: 0;
        }

        .card-dashboard-one .card-header .btn-group {
            margin-top: 15px;
        }

            .card-dashboard-one .card-header .btn-group .btn,
            .card-dashboard-one .card-header .btn-group .sp-container button {
                font-size: 12px;
                font-weight: 500;
                padding: 5px 10px;
                min-height: inherit;
                background-color: #fff;
                color: #7987a1;
                border: 1px solid #e2e8f5;
            }

@media (min-width: 576px) {
    .card-dashboard-one .card-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }
}

@media (min-width: 576px) {
    .card-dashboard-one .card-header .btn-group {
        margin-top: 0;
    }
}

.sp-container .card-dashboard-one .card-header .btn-group button {
    font-size: 12px;
    font-weight: 500;
    padding: 5px 10px;
    min-height: inherit;
    background-color: #fff;
    color: #7987a1;
    border: 1px solid #e2e8f5;
}

.card-dashboard-one .card-header .btn-group .btn:hover,
.card-dashboard-one .card-header .btn-group .sp-container button:hover {
    background-color: #f4f5f8;
    border-color: #e2e8f5;
}

.sp-container .card-dashboard-one .card-header .btn-group button:hover {
    background-color: #f4f5f8;
    border-color: #e2e8f5;
}

.card-dashboard-one .card-header .btn-group .btn:focus,
.card-dashboard-one .card-header .btn-group .sp-container button:focus {
    background-color: #f4f5f8;
    border-color: #e2e8f5;
}

.sp-container .card-dashboard-one .card-header .btn-group button:focus {
    background-color: #f4f5f8;
    border-color: #e2e8f5;
}

.card-dashboard-one .card-header .btn-group .btn + .btn,
.card-dashboard-one .card-header .btn-group .sp-container button + .btn {
    margin-left: -1px;
}

.sp-container .card-dashboard-one .card-header .btn-group button + .btn,
.card-dashboard-one .card-header .btn-group .sp-container .btn + button,
.sp-container .card-dashboard-one .card-header .btn-group .btn + button,
.card-dashboard-one .card-header .btn-group .sp-container button + button,
.sp-container .card-dashboard-one .card-header .btn-group button + button {
    margin-left: -1px;
}

.card-dashboard-one .card-header .btn-group .btn.active,
.card-dashboard-one .card-header .btn-group .sp-container button.active {
    color: #1c273c;
    background-color: #e3e7ed;
    border-color: #e2e8f5;
}

.sp-container .card-dashboard-one .card-header .btn-group button.active {
    color: #1c273c;
    background-color: #e3e7ed;
    border-color: #e2e8f5;
}

.card-dashboard-one .card-body {
    padding: 10px 0 20px;
    position: relative;
    overflow: hidden;
}

    .card-dashboard-one .card-body .flot-chart-wrapper {
        position: relative;
        margin-left: -28px;
        margin-right: -20px;
    }

    .card-dashboard-one .card-body .flot-chart {
        width: 100%;
        height: 150px;
    }

        .card-dashboard-one .card-body .flot-chart .flot-y-axis > div {
            transform: translateX(50px);
            text-shadow: 1px 1px rgba(255, 255, 255, 0.75);
            color: #C9A96E;
            font-weight: 700;
            font-size: 11px;
        }

        .card-dashboard-one .card-body .flot-chart .flot-x-axis > div {
            color: #97a3b9;
            font-weight: 500;
            font-size: 11px;
        }

.card-dashboard-one .card-body-top {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-left: 20px;
}

    .card-dashboard-one .card-body-top > div {
        flex-basis: 50%;
    }

    .card-dashboard-one .card-body-top label {
        font-size: 12px;
        margin-bottom: 3px;
    }

    .card-dashboard-one .card-body-top h2 {
        font-size: 20px;
        font-weight: 600;
        font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        color: #1c273c;
    }

@media (min-width: 576px) {
    .card-dashboard-one .card-body .flot-chart {
        height: 275px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .card-dashboard-one .card-body .flot-chart {
        height: 252px;
    }
}

@media (min-width: 576px) {
    .card-dashboard-one .card-body-top {
        position: absolute;
        top: -5px;
        left: 20px;
        z-index: 5;
        padding-left: 0;
    }
}

@media (min-width: 576px) {
    .card-dashboard-one .card-body-top > div {
        flex-basis: auto;
    }
}

@media (min-width: 576px) {
    .card-dashboard-one .card-body-top > div + div {
        margin-left: 30px;
    }
}

@media (min-width: 576px) {
    .card-dashboard-one .card-body-top label {
        font-size: 0.875rem;
    }
}

@media (min-width: 576px) {
    .card-dashboard-one .card-body-top h2 {
        font-size: 24px;
        letter-spacing: -.5px;
    }
}

.card-dashboard-two {
    height: 100%;
    border-radius: 0;
    border-color: #e2e8f5;
    background-color: rgba(255, 255, 255, 0.5);
}

    .card-dashboard-two .card-header {
        background-color: transparent;
        padding: 20px 20px 0;
    }

        .card-dashboard-two .card-header h6 {
            font-size: 28px;
            font-weight: 600;
            font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            color: #1c273c;
            display: flex;
            align-items: baseline;
            margin-bottom: 2px;
            line-height: 1;
            letter-spacing: -1px;
        }

            .card-dashboard-two .card-header h6 i {
                margin-left: 10px;
                font-size: 24px;
            }

            .card-dashboard-two .card-header h6 small {
                font-size: 12px;
                font-weight: 400;
                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
                margin-left: 5px;
                color: #7987a1;
                letter-spacing: normal;
            }

        .card-dashboard-two .card-header p {
            margin-bottom: 0;
            font-size: 13px;
        }

    .card-dashboard-two .card-body {
        padding: 0;
        overflow: hidden;
    }

    .card-dashboard-two .chart-wrapper {
        position: relative;
        margin: 0 -10px -10px;
    }

    .card-dashboard-two .flot-chart {
        width: 100%;
        height: 100px;
    }

@media (min-width: 992px) and (max-width: 1199.98px) {
    .card-dashboard-two .card-header h6 {
        font-size: 24px;
    }
}

.card-dashboard-three {
    height: 150px;
    border-radius: 0;
    border-color: #e2e8f5;
    background-color: rgba(255, 255, 255, 0.5);
}

    .card-dashboard-three .card-header {
        background-color: transparent;
        padding: 20px;
        position: absolute;
        max-width: 50%;
    }

        .card-dashboard-three .card-header h6 {
            font-size: 28px;
            font-weight: 600;
            font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            color: #1c273c;
            display: flex;
            align-items: baseline;
            margin-bottom: 15px;
            line-height: 1;
            letter-spacing: -1px;
        }

            .card-dashboard-three .card-header h6 small {
                font-size: 12px;
                font-weight: 400;
                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
                margin-left: 5px;
                letter-spacing: normal;
            }

        .card-dashboard-three .card-header p {
            margin-bottom: 10px;
            font-weight: 700;
            text-transform: uppercase;
            color: #1c273c;
        }

        .card-dashboard-three .card-header > small {
            font-size: 11px;
            display: none;
            color: #7987a1;
        }

    .card-dashboard-three .card-body {
        padding: 0 0 0 20px;
        display: flex;
        justify-content: flex-end;
    }

    .card-dashboard-three .chart {
        width: 70%;
        height: 150px;
    }

@media (min-width: 768px) {
    .card-dashboard-three {
        height: 170px;
    }
}

@media (min-width: 992px) {
    .card-dashboard-three {
        height: 100%;
    }
}

@media (min-width: 1200px) {
    .card-dashboard-three .card-header h6 {
        font-size: 32px;
    }
}

@media (min-width: 768px) {
    .card-dashboard-three .card-header > small {
        display: block;
    }
}

@media (min-width: 375px) {
    .card-dashboard-three .chart {
        width: auto;
    }
}

@media (min-width: 768px) {
    .card-dashboard-three .chart {
        height: 170px;
    }
}

@media (min-width: 992px) {
    .card-dashboard-three .chart {
        height: 200px;
        width: 80%;
    }
}

.card-dashboard-pageviews {
    border-color: #e2e8f5;
    border-radius: 0;
    padding: 20px;
}

    .card-dashboard-pageviews .card-header {
        background-color: transparent;
        padding: 0 0 10px;
    }

    .card-dashboard-pageviews .card-title {
        font-weight: 700;
        font-size: 14px;
        color: #1c273c;
        margin-bottom: 5px;
    }

    .card-dashboard-pageviews .card-text {
        font-size: 13px;
        margin-bottom: 0;
    }

    .card-dashboard-pageviews .card-body {
        padding: 0;
    }

.card-dashboard-four {
    border-radius: 0;
    border-color: #e2e8f5;
    padding: 20px;
    height: 100%;
}

    .card-dashboard-four .card-header {
        padding: 0 0 20px;
        background-color: transparent;
    }

    .card-dashboard-four .card-title {
        font-weight: 700;
        font-size: 14px;
        color: #1c273c;
        margin-bottom: 0;
    }

    .card-dashboard-four .card-body {
        padding: 0;
    }

    .card-dashboard-four .chart {
        width: calc(100vw - 80px);
        height: 200px;
    }

@media (min-width: 992px) {
    .card-dashboard-four .card-body {
        padding: 0 20px;
    }
}

@media (min-width: 375px) {
    .card-dashboard-four .chart {
        width: auto;
    }
}

@media (min-width: 992px) {
    .card-dashboard-four .chart {
        height: 85%;
    }
}

.card-dashboard-five {
    border-color: #e2e8f5;
    padding: 20px;
}

    .card-dashboard-five .card-header {
        padding: 0;
        background-color: transparent;
    }

    .card-dashboard-five .card-title {
        font-weight: 700;
        font-size: 14px;
        color: #1c273c;
        margin-bottom: 5px;
    }

    .card-dashboard-five .card-text {
        display: block;
        font-size: 12px;
    }

    .card-dashboard-five .card-body {
        padding: 20px 0 5px;
    }

        .card-dashboard-five .card-body label {
            display: block;
            margin-bottom: 2px;
            font-size: 12px;
        }

        .card-dashboard-five .card-body h4 {
            color: #1c273c;
            font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            font-weight: 700;
            letter-spacing: -.5px;
            margin-bottom: 0;
        }

    .card-dashboard-five .card-chart {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
    }

@media (min-width: 576px) {
    .card-dashboard-five .card-chart {
        margin-bottom: 0;
        margin-right: 10px;
    }
}

.card-table-one {
    padding: 20px 20px 10px;
    border-color: #e2e8f5;
}

    .card-table-one .card-title {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 5px;
    }

    .card-table-one .table-responsive {
        width: calc(100vw - 80px);
    }

    .card-table-one .table {
        margin-bottom: 0;
    }

        .card-table-one .table thead tr > th,
        .card-table-one .table thead tr > td {
            vertical-align: middle;
            white-space: nowrap;
            padding-right: 2px;
        }

        .card-table-one .table tbody tr > th,
        .card-table-one .table tbody tr > td {
            vertical-align: middle;
            white-space: nowrap;
            padding-right: 2px;
        }

        .card-table-one .table thead tr > th:nth-child(3),
        .card-table-one .table thead tr > th:nth-child(4),
        .card-table-one .table thead tr > th:nth-child(5) {
            text-align: right;
        }

        .card-table-one .table thead tr > td:nth-child(3),
        .card-table-one .table thead tr > td:nth-child(4),
        .card-table-one .table thead tr > td:nth-child(5) {
            text-align: right;
        }

        .card-table-one .table tbody tr > th:nth-child(3),
        .card-table-one .table tbody tr > th:nth-child(4),
        .card-table-one .table tbody tr > th:nth-child(5) {
            text-align: right;
        }

        .card-table-one .table tbody tr > td:nth-child(3),
        .card-table-one .table tbody tr > td:nth-child(4),
        .card-table-one .table tbody tr > td:nth-child(5) {
            text-align: right;
        }

        .card-table-one .table thead tr > th strong,
        .card-table-one .table thead tr > td strong {
            color: #1c273c;
        }

        .card-table-one .table tbody tr > th strong,
        .card-table-one .table tbody tr > td strong {
            color: #1c273c;
        }

    .card-table-one .flag-icon {
        font-size: 20px;
        line-height: 1;
        border-radius: 100%;
    }

@media (min-width: 576px) {
    .card-table-one .table-responsive {
        width: 100%;
    }
}

@media (min-width: 768px) {

    .card-table-one .table thead tr > th,
    .card-table-one .table thead tr > td {
        padding-left: 0;
        padding-right: 0;
    }

    .card-table-one .table tbody tr > th,
    .card-table-one .table tbody tr > td {
        padding-left: 0;
        padding-right: 0;
    }
}

/* ###### 8.2 Dashboard Two  ###### */
.main-content-dashboard-two {
    background-color: #eff2f6;
    transition: all 0.4s;
}

    .main-content-dashboard-two .main-content-title {
        letter-spacing: -.5px;
    }

    .main-content-dashboard-two .main-content-body {
        padding: 0 20px;
    }

    .main-content-dashboard-two .main-header-menu-icon {
        margin-right: 0;
    }

@media (prefers-reduced-motion: reduce) {
    .main-content-dashboard-two {
        transition: none;
    }
}

@media (min-width: 992px) {
    .main-content-dashboard-two .main-content-body {
        padding: 0 20px 20px;
    }
}

.main-dashboard-header-right {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}

    .main-dashboard-header-right > div label {
        display: block;
        margin-bottom: 0;
        color: #78829a;
    }

    .main-dashboard-header-right > div h5 {
        font-size: 20px;
        font-weight: 700;
        font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        color: #1c273c;
        margin-bottom: 0;
        line-height: 1;
    }

    .main-dashboard-header-right > div:first-child {
        flex-basis: 100%;
    }

    .main-dashboard-header-right > div + div {
        margin-top: 10px;
    }

.left-content p {
    color: #78829a;
    font-weight: 400;
}

@media (min-width: 576px) {
    .main-dashboard-header-right {
        flex-wrap: nowrap;
    }
}

@media (min-width: 768px) {
    .main-dashboard-header-right {
        margin-top: 0;
    }
}

@media (min-width: 768px) {
    .main-dashboard-header-right > div {
        text-align: right;
    }
}

@media (max-width: 575.98px) {
    .main-dashboard-header-right > div + div {
        flex-basis: 50%;
    }
}

@media (min-width: 576px) {
    .main-dashboard-header-right > div + div {
        margin-left: 25px;
        margin-top: 0;
        flex-shrink: 0;
    }
}

@media (min-width: 992px) {
    .main-dashboard-header-right > div + div {
        margin-left: 50px;
    }
}

.main-star {
    display: flex;
    align-items: center;
}

    .main-star i {
        font-size: 20px;
        line-height: 0;
        color: #97a3b9;
        display: inline-block;
    }

        .main-star i.typcn {
            line-height: .9;
        }

        .main-star i.active {
            color: #fbbc0b;
        }

    .main-star span {
        font-size: 13px;
        display: inline-block;
        margin-left: 5px;
    }

.card-dashboard-seven {
    border-color: #e2e8f5;
    margin-bottom: 20px;
    width: 100vw;
    border-left-width: 0;
    border-right-width: 0;
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
}

    .card-dashboard-seven .card-header {
        background-color: transparent;
        padding: 20px;
        border-bottom: 1px solid #e2e8f5;
        background-color: #f4f5f8;
    }

        .card-dashboard-seven .card-header .media {
            align-items: center;
        }

            .card-dashboard-seven .card-header .media > div:first-child {
                line-height: 0;
                font-size: 16px;
                margin-right: 5px;
                color: #fff;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 32px;
                height: 34px;
                background-color: #97a3b9;
            }

        .card-dashboard-seven .card-header .media-body {
            margin-top: 3px;
        }

        .card-dashboard-seven .card-header label {
            margin-bottom: 0;
            display: block;
            line-height: 1;
            font-size: 11px;
            color: #97a3b9;
        }

        .card-dashboard-seven .card-header .date {
            font-weight: 500;
            display: flex;
            align-items: center;
        }

            .card-dashboard-seven .card-header .date span {
                display: block;
            }

            .card-dashboard-seven .card-header .date a {
                margin-left: 5px;
                font-size: 14px;
                color: #97a3b9;
                display: block;
            }

                .card-dashboard-seven .card-header .date a i {
                    line-height: 0;
                    position: relative;
                    top: 1px;
                }

    .card-dashboard-seven .card-body {
        padding: 20px;
    }

        .card-dashboard-seven .card-body .row > div + div {
            position: relative;
        }

            .card-dashboard-seven .card-body .row > div + div::before {
                content: '';
                position: absolute;
                top: 0;
                left: -1px;
                bottom: 0;
                border-left: 1px dotted #e2e8f5;
                display: none;
            }

        .card-dashboard-seven .card-body .main-content-label,
        .card-dashboard-seven .card-body .card-table-two .card-title {
            text-transform: none;
            color: #C9A96E;
            font-weight: 500;
            font-size: 0.875rem;
            margin-bottom: 10px;
        }

@media (min-width: 576px) {
    .card-dashboard-seven {
        margin-bottom: 20px;
        margin-left: 0;
        margin-right: 0;
        width: auto;
        border-left-width: 1px;
        border-right-width: 1px;
    }
}

@media (min-width: 576px) {
    .card-dashboard-seven .card-header {
        padding: 20px;
    }
}

@media (min-width: 576px) {
    .card-dashboard-seven .card-header .media > div:first-child {
        width: 34px;
        font-size: 24px;
        margin-right: 8px;
    }
}

@media (min-width: 992px) {
    .card-dashboard-seven .card-body .row > div + div::before {
        display: block;
    }
}

.card-table-two .card-dashboard-seven .card-body .card-title,
.card-dashboard-seven .card-body .card-dashboard-eight .card-title,
.card-dashboard-eight .card-dashboard-seven .card-body .card-title {
    text-transform: none;
    color: #C9A96E;
    font-weight: 500;
    font-size: 0.875rem;
    margin-bottom: 10px;
}

.card-dashboard-seven .card-body h2 {
    color: #1c273c;
    font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 600;
    font-size: 24px;
    letter-spacing: -1px;
    margin-bottom: 5px;
    line-height: 1;
}

    .card-dashboard-seven .card-body h2 span {
        font-weight: 400;
        color: #C9A96E;
        letter-spacing: normal;
    }

.card-dashboard-seven .card-body .desc {
    display: flex;
    align-items: flex-end;
    margin-bottom: 15px;
}

    .card-dashboard-seven .card-body .desc > i {
        line-height: 0;
        font-size: 18px;
    }

    .card-dashboard-seven .card-body .desc span {
        display: block;
        line-height: 1;
        margin-left: 5px;
    }

        .card-dashboard-seven .card-body .desc span strong {
            color: #1c273c;
        }

    .card-dashboard-seven .card-body .desc.up > i {
        color: #22c03c;
    }

    .card-dashboard-seven .card-body .desc.down > i {
        color: #ee335e;
    }

@media (min-width: 576px) {
    .card-dashboard-seven .card-body h2 {
        font-size: 32px;
    }
}

.card-dashboard-six {
    border-color: #e2e8f5;
    padding: 20px;
}

    .card-dashboard-six .card-header {
        padding: 0;
        background-color: transparent;
        margin-bottom: 20px;
    }

    .card-dashboard-six .main-content-label,
    .card-dashboard-six .card-table-two .card-title {
        margin-bottom: 5px;
        font-size: 0.875rem;
    }

@media (min-width: 992px) {
    .card-dashboard-six {
        height: 100%;
    }
}

@media (min-width: 576px) {
    .card-dashboard-six .card-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

@media (min-width: 992px) {
    .card-dashboard-six .card-header {
        margin-bottom: 30px;
    }
}

.card-table-two .card-dashboard-six .card-title,
.card-dashboard-six .card-dashboard-eight .card-title,
.card-dashboard-eight .card-dashboard-six .card-title {
    margin-bottom: 5px;
    font-size: 0.875rem;
}

.card-dashboard-six .chart-legend {
    margin-top: 20px;
    display: flex;
}

    .card-dashboard-six .chart-legend > div {
        display: flex;
        align-items: center;
        font-size: 11px;
        font-weight: 500;
    }

        .card-dashboard-six .chart-legend > div + div {
            margin-top: 2px;
        }

        .card-dashboard-six .chart-legend > div span:last-child {
            width: 8px;
            height: 8px;
            margin-left: 5px;
        }

        .card-dashboard-six .chart-legend > div span:first-child {
            width: 100px;
            text-align: right;
        }

@media (min-width: 576px) {
    .card-dashboard-six .chart-legend {
        display: block;
        margin-top: 0;
    }
}

@media (min-width: 576px) {
    .card-dashboard-six .chart-legend > div span:last-child {
        margin-left: 10px;
        width: 20px;
    }
}

.card-dashboard-map-one {
    border-color: #e2e8f5;
    padding: 20px;
}

    .card-dashboard-map-one .main-content-label,
    .card-dashboard-map-one .card-table-two .card-title {
        font-size: 0.875rem;
    }

    .card-table-two .card-dashboard-map-one .card-title,
    .card-dashboard-map-one .card-dashboard-eight .card-title,
    .card-dashboard-eight .card-dashboard-map-one .card-title {
        font-size: 0.875rem;
    }

    .card-dashboard-map-one .vmap-wrapper {
        height: 200px;
    }

@media (min-width: 576px) {
    .card-dashboard-map-one .vmap-wrapper {
        height: 300px;
    }
}

@media (min-width: 992px) {
    .card-dashboard-map-one .vmap-wrapper {
        height: 270px;
    }
}

.card-table-two {
    border-color: #e2e8f5;
    padding: 20px;
}

    .card-table-two .card-title {
        font-size: 13px;
        margin-bottom: 5px;
    }

    .card-table-two .table-responsive {
        width: calc(100vw - 62px);
    }

@media (min-width: 320px) {
    .card-table-two .table-responsive {
        width: 100%;
    }
}

.table-dashboard-two thead > tr > th,
.table-dashboard-two thead > tr > td {
    white-space: nowrap;
}

.table-dashboard-two tbody > tr > th,
.table-dashboard-two tbody > tr > td {
    white-space: nowrap;
}

    .table-dashboard-two tbody > tr > th:not(:first-child),
    .table-dashboard-two tbody > tr > td:not(:first-child) {
        font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-weight: 600;
        font-size: 13px;
    }

.card-dashboard-eight {
    border-color: #e2e8f5;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 20px;
}

    .card-dashboard-eight .card-title {
        font-size: 13px;
        margin-bottom: 5px;
    }

    .card-dashboard-eight .list-group-item {
        padding: 10px 0;
        border-left-width: 0;
        border-right-width: 0;
        border-style: dotted;
        border-color: #e2e8f5;
        background-color: transparent;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }

        .card-dashboard-eight .list-group-item:first-child {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

        .card-dashboard-eight .list-group-item:last-child {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        .card-dashboard-eight .list-group-item p {
            margin-bottom: 0;
            margin-left: 10px;
        }

        .card-dashboard-eight .list-group-item span {
            display: block;
            margin-left: auto;
            font-weight: 600;
            font-family: 'Archivo', Arial, sans-serif;
            color: #1c273c;
        }

    .card-dashboard-eight .flag-icon {
        font-size: 24px;
        line-height: 1;
        border-radius: 100%;
    }

/* ###### 8.3 Dashboard Three  ###### */
.main-content-dashboard-three {
    position: relative;
    padding: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: #fdfdfd;
}

@media (min-width: 992px) {
    .main-content-dashboard-three {
        border-left: 1px solid #e2e8f5;
        margin-left: 64px;
    }
}

.main-header-dashboard-three {
    height: auto;
}

    .main-header-dashboard-three .container-fluid {
        padding: 15px 20px;
    }

    .main-header-dashboard-three .main-header-center {
        margin-left: 0;
    }

    .main-header-dashboard-three .main-header-right {
        margin-left: auto;
    }

@media (min-width: 992px) {
    .main-header-dashboard-three .main-header-left {
        display: none;
    }

    .main-header-left .form-control {
        height: 40px;
        border-radius: 25px;
        background: #ecf0fa;
        border: 1px solid #edecf3;
    }

    .main-header-left .btn {
        position: absolute;
        top: 0;
        right: 11px;
        background-color: transparent;
        height: 40px;
        color: #a2aec7;
        transition: none;
        font-size: 16px;
        padding-right: 13px;
    }
}

.main-content-body-dashboard-three {
    padding: 20px;
    position: relative;
    width: 100%;
}

    .main-content-body-dashboard-three .main-content-title {
        letter-spacing: -.5px;
    }

.card-dashboard-nine {
    border-color: #e2e8f5;
    background-color: rgba(255, 255, 255, 0.5);
    position: relative;
    padding: 20px 20px 15px;
}

    .card-dashboard-nine .card-header {
        position: absolute;
        top: 20px;
        left: 20px;
        right: 20px;
        padding: 0;
        background-color: transparent;
        z-index: 5;
    }

        .card-dashboard-nine .card-header h1 {
            font-size: 32px;
            font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            margin-bottom: 8px;
            line-height: 1;
            letter-spacing: -.5px;
            color: #1c273c;
        }

    .card-dashboard-nine .main-content-label,
    .card-dashboard-nine .card-table-two .card-title {
        font-size: 13px;
        margin-bottom: 10px;
        color: #C9A96E;
    }

    .card-table-two .card-dashboard-nine .card-title,
    .card-dashboard-nine .card-dashboard-eight .card-title,
    .card-dashboard-eight .card-dashboard-nine .card-title {
        font-size: 13px;
        margin-bottom: 10px;
        color: #C9A96E;
    }

    .card-dashboard-nine .card-title {
        font-weight: 600;
    }

    .card-dashboard-nine .main-content-text {
        color: #7987a1;
    }

    .card-dashboard-nine .bar-chart {
        position: relative;
        width: auto;
        height: 200px;
    }

@media (min-width: 992px) {
    .card-dashboard-nine .bar-chart {
        height: 210px;
    }
}

.card-dashboard-ten {
    border-width: 0;
    padding: 20px;
}

    .card-dashboard-ten + .card-dashboard-ten {
        margin-top: 20px;
    }

    .card-dashboard-ten .main-content-label,
    .card-dashboard-ten .card-table-two .card-title {
        font-size: 13px;
        font-weight: 500;
        margin-bottom: 15px;
        line-height: 1.05;
        color: #fff;
    }

@media (min-width: 576px) {
    .card-dashboard-ten {
        width: calc(50% - 11px);
        display: inline-block;
    }
}

@media (min-width: 992px) {
    .card-dashboard-ten {
        width: auto;
        display: block;
    }
}

@media (min-width: 576px) {
    .card-dashboard-ten + .card-dashboard-ten {
        margin-top: 0;
        margin-left: 18px;
    }
}

@media (min-width: 992px) {
    .card-dashboard-ten + .card-dashboard-ten {
        margin-left: 0;
        margin-top: 20px;
    }
}

.card-table-two .card-dashboard-ten .card-title,
.card-dashboard-ten .card-dashboard-eight .card-title,
.card-dashboard-eight .card-dashboard-ten .card-title {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 15px;
    line-height: 1.05;
    color: #fff;
}

.card-dashboard-ten .card-body {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .card-dashboard-ten .card-body > div {
        flex: 1;
    }

        .card-dashboard-ten .card-body > div label {
            font-size: 13px;
            margin-bottom: 0;
            color: rgba(255, 255, 255, 0.75);
        }

        .card-dashboard-ten .card-body > div h6 {
            margin-bottom: 2px;
            color: #fff;
            font-size: 32px;
            font-weight: 600;
            line-height: .975;
            font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        }

            .card-dashboard-ten .card-body > div h6 span {
                font-size: 13px;
            }

            .card-dashboard-ten .card-body > div h6 .percent {
                font-size: 20px;
            }

@media (min-width: 992px) {
    .card-dashboard-ten .card-body > div {
        flex: none;
    }
}

@media (min-width: 1360px) {
    .card-dashboard-ten .card-body > div:first-child {
        flex-basis: 60%;
    }

    .card-dashboard-ten .card-body > div:last-child {
        flex-basis: 40%;
    }
}

@media (min-width: 992px) {
    .card-dashboard-ten .card-body > div h6 {
        font-size: 24px;
    }
}

.card-dashboard-eleven {
    border-color: #e2e8f5;
    position: relative;
    overflow: hidden;
}

    .card-dashboard-eleven .card-header {
        padding: 20px;
        background-color: transparent;
        position: relative;
        z-index: 200;
    }

    .card-dashboard-eleven .main-content-label,
    .card-dashboard-eleven .card-table-two .card-title {
        display: block;
        font-size: 13px;
        margin-bottom: 5px;
        color: #3b4863;
        line-height: 1.4;
    }

    .card-table-two .card-dashboard-eleven .card-title,
    .card-dashboard-eleven .card-dashboard-eight .card-title,
    .card-dashboard-eight .card-dashboard-eleven .card-title {
        display: block;
        font-size: 13px;
        margin-bottom: 5px;
        color: #3b4863;
        line-height: 1.4;
    }

    .card-dashboard-eleven .card-text {
        color: #7987a1;
    }

    .card-dashboard-eleven .card-body {
        padding: 0 0 5px;
        margin-left: 20px;
        position: relative;
        z-index: 200;
    }

    .card-dashboard-eleven .flot-chart {
        width: 100%;
        height: 250px;
    }

    .card-dashboard-eleven .card-footer {
        z-index: 200;
        background-color: transparent;
        padding: 0;
        border-width: 0;
    }

        .card-dashboard-eleven .card-footer > div {
            flex: 1;
            padding: 15px 20px;
            border-top: 1px solid #e2e8f5;
            position: relative;
        }

        .card-dashboard-eleven .card-footer label {
            font-weight: 700;
            text-transform: uppercase;
            margin-bottom: 10px;
            color: #596882;
            display: block;
        }

        .card-dashboard-eleven .card-footer h6 {
            font-size: 28px;
            font-weight: 600;
            font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            color: #1c273c;
            line-height: .7;
            letter-spacing: -1px;
            margin-bottom: 10px;
            display: flex;
            align-items: baseline;
        }

            .card-dashboard-eleven .card-footer h6 span {
                margin-left: 5px;
                font-size: 11px;
                font-weight: 500;
                display: block;
                padding: 4px 6px;
                color: #fff;
                line-height: .8;
                position: relative;
                bottom: 3px;
                letter-spacing: normal;
            }

                .card-dashboard-eleven .card-footer h6 span.up {
                    background-color: #22c03c;
                }

                .card-dashboard-eleven .card-footer h6 span.down {
                    background-color: #ee335e;
                }

        .card-dashboard-eleven .card-footer small {
            display: block;
            font-size: 13px;
            color: #596882;
        }

    .card-dashboard-eleven .jqvmap {
        position: absolute;
        top: 10%;
        left: 0;
        width: 100%;
        height: 300px;
    }

@media (min-width: 768px) {
    .card-dashboard-eleven .card-footer {
        display: flex;
        align-items: stretch;
    }
}

@media (min-width: 768px) {
    .card-dashboard-eleven .card-footer > div + div {
        border-left: 1px solid #e2e8f5;
    }
}

@media (min-width: 992px) {
    .card-dashboard-eleven .jqvmap {
        height: 80%;
    }
}

/* ###### 8.4 Dashboard Four  ###### */
.main-navbar-dashboard-four {
    box-shadow: 0 0 30px rgba(28, 39, 60, 0.08);
}

@media (min-width: 992px) {
    .main-navbar-dashboard-four .container-fluid {
        padding-left: 25px;
        padding-right: 25px;
    }
}

.main-content-dashboard-four {
    padding: 20px;
}

    .main-content-dashboard-four ~ .main-footer .container,
    .main-content-dashboard-four ~ .main-footer .container-fluid {
        padding-left: 25px;
        padding-right: 25px;
    }

    .main-content-dashboard-four > .media-dashboard {
        display: block;
    }

        .main-content-dashboard-four > .media-dashboard .media-aside {
            margin-top: 20px;
        }

    .main-content-dashboard-four .main-content-header {
        height: auto;
        margin-bottom: 20px;
        align-items: flex-start;
        padding: 0;
    }

@media (min-width: 992px) {
    .main-content-dashboard-four {
        flex: 1;
        padding: 30px 25px;
    }
}

@media (min-width: 1200px) {
    .main-content-dashboard-four > .media-dashboard {
        display: flex;
        align-items: stretch;
        height: 100%;
    }
}

@media (min-width: 1200px) {
    .main-content-dashboard-four > .media-dashboard .media-aside {
        margin-top: 0;
        display: block;
        width: 320px;
    }
}

@media (min-width: 1200px) {
    .main-content-dashboard-four > .media-dashboard > .media-body {
        padding: 0 20px 0 0;
    }
}

@media (min-width: 768px) {
    .main-content-dashboard-four .main-content-header {
        display: flex;
    }
}

.main-content-header-right {
    display: none;
}

    .main-content-header-right .media label {
        margin-bottom: 2px;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: .5px;
        text-transform: uppercase;
        color: #97a3b9;
    }

    .main-content-header-right .media h6 {
        color: #1c273c;
        margin-bottom: 0;
    }

    .main-content-header-right .media + .media {
        margin-left: 20px;
        padding-left: 20px;
        border-left: 1px solid #e2e8f5;
    }

    .main-content-header-right .btn:first-of-type,
    .main-content-header-right .sp-container button:first-of-type {
        margin-left: 30px;
    }

@media (min-width: 992px) {
    .main-content-header-right {
        display: flex;
        align-items: center;
    }
}

.sp-container .main-content-header-right button:first-of-type {
    margin-left: 30px;
}

.main-content-header-right .btn + .btn,
.main-content-header-right .sp-container button + .btn {
    margin-left: 5px;
}

.sp-container .main-content-header-right button + .btn,
.main-content-header-right .sp-container .btn + button,
.sp-container .main-content-header-right .btn + button,
.main-content-header-right .sp-container button + button,
.sp-container .main-content-header-right button + button {
    margin-left: 5px;
}

.card-dashboard-calendar {
    border-color: #e2e8f5;
    padding: 20px;
    box-shadow: 0 0 10px rgba(28, 39, 60, 0.1);
}

    .card-dashboard-calendar .card-title {
        color: #1c273c;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 15px;
    }

    .card-dashboard-calendar .card-body {
        padding: 0;
    }

    .card-dashboard-calendar .ui-datepicker-inline {
        border-width: 0;
        max-width: none;
        padding: 0;
        margin: 0;
    }

    .card-dashboard-calendar .ui-datepicker .ui-datepicker-header {
        border-bottom: 1px solid #e2e8f5;
        padding: 10px;
        margin-bottom: 5px;
    }

        .card-dashboard-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before,
        .card-dashboard-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
            top: 8px;
        }

    .card-dashboard-calendar .ui-datepicker .ui-datepicker-month {
        color: #C9A96E ;
    }

    .card-dashboard-calendar .ui-datepicker .ui-datepicker-calendar {
        width: calc(100% - 20px);
    }

        .card-dashboard-calendar .ui-datepicker .ui-datepicker-calendar th {
            font-size: 10px;
            text-align: center;
        }

        .card-dashboard-calendar .ui-datepicker .ui-datepicker-calendar td {
            text-align: center;
        }

            .card-dashboard-calendar .ui-datepicker .ui-datepicker-calendar td a {
                display: block;
                width: 34px;
                height: 34px;
                font-size: 12px;
                font-family: 'Archivo', sans-serif;
                border-radius: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }

        .card-dashboard-calendar .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
            background-color: transparent;
            border: 2px solid #C9A96E ;
            color: #C9A96E ;
            font-weight: 700;
        }

@media (min-width: 576px) {
    .card-dashboard-calendar .ui-datepicker .ui-datepicker-calendar {
        width: 100%;
    }
}

.card-dashboard-twelve {
    border-color: #e2e8f5;
    box-shadow: 0 0 10px rgba(28, 39, 60, 0.1);
}

    .card-dashboard-twelve .card-header {
        background-color: transparent;
        border-bottom: 1px solid #e3e7ed;
        padding: 20px;
    }

    .card-dashboard-twelve .card-title {
        text-transform: uppercase;
        font-weight: 700;
        margin-bottom: 20px;
    }

        .card-dashboard-twelve .card-title span {
            font-weight: 400;
            color: #C9A96E;
            text-transform: capitalize;
        }

    .card-dashboard-twelve .sales-overview {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
    }

        .card-dashboard-twelve .sales-overview .media {
            align-items: flex-end;
            flex-shrink: 0;
            flex-basis: calc(50% - 10px);
        }

            .card-dashboard-twelve .sales-overview .media + .media {
                margin-left: 20px;
            }

            .card-dashboard-twelve .sales-overview .media:last-child {
                display: none;
            }

        .card-dashboard-twelve .sales-overview .media-icon {
            width: 45px;
            height: 45px;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            top: -5px;
            margin-right: 15px;
            border-radius: 100%;
            display: none;
        }

            .card-dashboard-twelve .sales-overview .media-icon .typcn {
                line-height: .9;
                font-size: 24px;
            }

        .card-dashboard-twelve .sales-overview label {
            text-transform: uppercase;
            font-size: 9px;
            font-weight: 700;
            letter-spacing: .5px;
            color: #C9A96E;
            margin-bottom: 8px;
        }

        .card-dashboard-twelve .sales-overview h4 {
            font-size: 20px;
            font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            font-weight: 600;
            color: #1c273c;
            line-height: 1;
            letter-spacing: -1px;
            margin-bottom: 3px;
        }

            .card-dashboard-twelve .sales-overview h4 span {
                color: #C9A96E;
                font-weight: 400;
            }

        .card-dashboard-twelve .sales-overview .media-body > span {
            display: block;
            font-size: 10px;
            color: #97a3b9;
        }

            .card-dashboard-twelve .sales-overview .media-body > span strong {
                font-weight: 500;
                color: #C9A96E;
            }

        .card-dashboard-twelve .sales-overview p {
            font-size: 11px;
            margin-bottom: 0;
            color: #97a3b9;
        }

    .card-dashboard-twelve .card-body {
        position: relative;
        padding: 20px 5px;
    }

@media (min-width: 992px) {
    .card-dashboard-twelve .sales-overview {
        margin-bottom: 10px;
        flex-wrap: nowrap;
    }
}

@media (min-width: 576px) {
    .card-dashboard-twelve .sales-overview .media {
        flex-basis: auto;
    }
}

@media (min-width: 576px) {
    .card-dashboard-twelve .sales-overview .media + .media {
        margin-left: 40px;
    }
}

@media (min-width: 992px) {
    .card-dashboard-twelve .sales-overview .media + .media {
        margin-left: 50px;
    }
}

@media (max-width: 575.98px) {
    .card-dashboard-twelve .sales-overview .media:nth-child(3) {
        margin-left: 0;
        margin-top: 15px;
    }
}

@media (min-width: 768px) {
    .card-dashboard-twelve .sales-overview .media:last-child {
        flex: 1;
        display: block;
    }
}

@media (min-width: 576px) {
    .card-dashboard-twelve .sales-overview label {
        font-size: 10px;
        margin-bottom: 10px;
    }
}

@media (min-width: 576px) {
    .card-dashboard-twelve .sales-overview h4 {
        font-size: 28px;
    }
}

@media (min-width: 576px) {
    .card-dashboard-twelve .sales-overview .media-body > span {
        font-size: 11px;
    }
}

@media (min-width: 576px) {
    .card-dashboard-twelve .card-body {
        padding: 20px;
    }
}

.chart-legend {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    z-index: 10;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}

    .chart-legend div {
        display: flex;
        align-items: center;
    }

        .chart-legend div + div {
            margin-left: 15px;
        }

    .chart-legend span {
        width: 10px;
        height: 4px;
        display: block;
        margin-right: 5px;
    }

@media (min-width: 576px) {
    .chart-legend div + div {
        margin-left: 30px;
    }
}

@media (min-width: 576px) {
    .chart-legend span {
        width: 40px;
        margin-right: 10px;
    }
}

.chart-wrapper {
    position: relative;
    margin-left: -13px;
    margin-right: -13px;
}

@media (min-width: 576px) {
    .chart-wrapper {
        margin-left: -10px;
        margin-right: -15px;
    }
}

.card-dashboard-twelve .flot-chart {
    width: 100%;
    height: 200px;
    position: relative;
}

    .card-dashboard-twelve .flot-chart .flot-x-axis > div span:first-child {
        display: block;
        text-transform: uppercase;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-weight: 500;
        font-size: 10px;
        color: #7987a1;
    }

    .card-dashboard-twelve .flot-chart .flot-x-axis > div span:last-child {
        display: block;
        font-size: 16px;
        font-weight: 700;
        font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        color: #1c273c;
        line-height: 1;
    }

@media (min-width: 768px) {
    .card-dashboard-twelve .flot-chart {
        height: 250px;
    }
}

@media (min-width: 992px) {
    .card-dashboard-twelve .flot-chart {
        height: 300px;
    }
}

.main-media-date h1 {
    font-size: 42px;
    font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #1c273c;
    line-height: .95;
}

.main-media-date .media-body {
    margin-left: 5px;
}

.main-media-date p {
    color: #1c273c;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
}

.main-media-date span {
    display: block;
    line-height: 1.2;
}

.card-dashboard-thirteen {
    border-color: #e2e8f5;
    padding: 20px;
    box-shadow: 0 0 10px rgba(28, 39, 60, 0.1);
}

    .card-dashboard-thirteen .main-content-label,
    .card-dashboard-thirteen .card-table-two .card-title {
        font-size: 13px;
    }

    .card-table-two .card-dashboard-thirteen .card-title,
    .card-dashboard-thirteen .card-dashboard-eight .card-title,
    .card-dashboard-eight .card-dashboard-thirteen .card-title {
        font-size: 13px;
    }

    .card-dashboard-thirteen .media {
        margin-bottom: 15px;
    }

    .card-dashboard-thirteen .media-icon {
        font-size: 45px;
        line-height: 1;
        margin-right: 10px;
        display: flex;
    }

        .card-dashboard-thirteen .media-icon i {
            line-height: 0;
        }

    .card-dashboard-thirteen .media-body h6 {
        font-size: 22px;
        font-weight: 600;
        font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        color: #1c273c;
        letter-spacing: -.5px;
        margin-bottom: 2px;
    }

        .card-dashboard-thirteen .media-body h6 span {
            font-weight: 400;
            color: #C9A96E;
        }

    .card-dashboard-thirteen .media-body label {
        font-weight: 700;
        font-size: 12px;
        text-transform: uppercase;
        margin-bottom: 0;
        display: block;
        letter-spacing: .5px;
    }

.card-dashboard-events .card-header {
    padding: 20px;
    background-color: transparent;
}

.card-dashboard-events .card-subtitle {
    color: #1c273c;
    font-weight: 400;
    font-size: 18px;
}

.card-dashboard-events .card-body {
    padding: 0;
}

.card-dashboard-events .list-group-item {
    padding: 15px 20px 15px 40px;
    border-left-width: 0;
    border-right-width: 0;
    position: relative;
}

    .card-dashboard-events .list-group-item:first-child,
    .card-dashboard-events .list-group-item:last-child {
        border-radius: 0;
    }

    .card-dashboard-events .list-group-item label {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 10px;
        color: #596882;
        margin-bottom: 5px;
        letter-spacing: .5px;
    }

        .card-dashboard-events .list-group-item label span {
            color: #97a3b9;
            font-weight: 500;
        }

    .card-dashboard-events .list-group-item h6 {
        font-size: 14px;
        font-weight: 700;
        color: #1c273c;
        margin-bottom: 5px;
        display: flex;
        align-items: center;
    }

    .card-dashboard-events .list-group-item p {
        margin-bottom: 5px;
    }

        .card-dashboard-events .list-group-item p strong {
            font-weight: 500;
        }

    .card-dashboard-events .list-group-item small {
        font-size: 11px;
    }

        .card-dashboard-events .list-group-item small span {
            font-weight: 700;
            text-transform: uppercase;
        }

.card-dashboard-events .event-indicator {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 21px;
    left: 20px;
    border-radius: 100%;
}

.card-dashboard-events .event-user {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

    .card-dashboard-events .event-user .main-img-user {
        width: 28px;
        height: 28px;
    }

        .card-dashboard-events .event-user .main-img-user::after {
            display: none;
        }

.fw-bold {
    font-weight: bold !important;
}

.fw-nomal {
    font-weight: 400 !important;
}

.main-img-user.online::after {
    background-color: #22c03c;
}

.card-dashboard-events .event-user .main-img-user + .main-img-user {
    margin-left: -6px;
}

.card-dashboard-events .event-user a:last-child {
    margin-left: 10px;
    color: #7987a1;
    font-weight: 500;
    font-size: 11px;
}

    .card-dashboard-events .event-user a:last-child:hover,
    .card-dashboard-events .event-user a:last-child:focus {
        color: #596882;
    }

.card-dashboard-fourteen {
    border-color: #e2e8f5;
    box-shadow: 0 0 10px rgba(28, 39, 60, 0.1);
    padding: 20px;
}

    .card-dashboard-fourteen .main-content-label,
    .card-dashboard-fourteen .card-table-two .card-title {
        font-size: 0.875rem;
        margin-bottom: 20px;
    }

@media (min-width: 768px) {
    .card-dashboard-fourteen {
        height: 100%;
    }
}

.card-table-two .card-dashboard-fourteen .card-title,
.card-dashboard-fourteen .card-dashboard-eight .card-title,
.card-dashboard-eight .card-dashboard-fourteen .card-title {
    font-size: 0.875rem;
    margin-bottom: 20px;
}

.card-dashboard-fourteen .main-content-label span,
.card-dashboard-fourteen .card-table-two .card-title span {
    font-weight: 400;
    color: #97a3b9;
    text-transform: none;
}

.card-table-two .card-dashboard-fourteen .card-title span,
.card-dashboard-fourteen .card-dashboard-eight .card-title span,
.card-dashboard-eight .card-dashboard-fourteen .card-title span {
    font-weight: 400;
    color: #97a3b9;
    text-transform: none;
}

.card-dashboard-fourteen .card-body {
    padding: 0;
    min-height: 100px;
}

    .card-dashboard-fourteen .card-body h1 {
        color: #1c273c;
        font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-weight: 600;
        letter-spacing: -1px;
        margin-bottom: 0;
    }

        .card-dashboard-fourteen .card-body h1 span {
            color: #97a3b9;
            letter-spacing: normal;
            font-weight: 400;
            margin-right: 5px;
        }

    .card-dashboard-fourteen .card-body h4 {
        color: #1c273c;
        font-weight: 700;
        font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        margin-bottom: 0;
        letter-spacing: -.5px;
    }

    .card-dashboard-fourteen .card-body .progress {
        margin-bottom: 2px;
    }

    .card-dashboard-fourteen .card-body small {
        font-size: 11px;
        color: #97a3b9;
    }

.card-dashboard-fourteen .sparkline-wrapper canvas {
    width: 100% !important;
}

.card-dashboard-fourteen .card-footer {
    background-color: transparent;
    padding: 0;
    margin-top: 15px;
    border-top-width: 0;
}

    .card-dashboard-fourteen .card-footer h6 {
        color: #1c273c;
        font-size: 20px;
        font-weight: 700;
        font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        margin-bottom: 0;
        letter-spacing: -.5px;
    }

    .card-dashboard-fourteen .card-footer label {
        display: block;
        margin-bottom: 0;
        color: #97a3b9;
        font-size: 11px;
    }

@media (min-width: 576px) {
    .card-dashboard-fourteen .card-footer label {
        font-size: 0.875rem;
    }
}

/* ###### 8.5 Dashboard Five  ###### */
.main-body-sidebar.main-light .main-sidebar {
    background-color: #f4f5f8;
    border-right-color: #e2e8f5;
    box-shadow: 2px 0 3px rgba(28, 39, 60, 0.04);
}

.main-content-dashboard-five {
    background-color: #eeeff4;
    transition: all 0.4s;
}

    .main-content-dashboard-five .main-header {
        background-color: #fafcff;
        box-shadow: 0 2px 3px rgba(28, 39, 60, 0.05);
    }

    .main-content-dashboard-five .main-header-menu-icon {
        margin-right: 0;
    }

    .main-content-dashboard-five .main-header-center .form-control {
        border-color: #e2e8f5;
    }

    .main-content-dashboard-five .main-content-header {
        padding: 20px 20px 0;
    }

    .main-content-dashboard-five .main-content-body {
        padding: 20px;
    }

    .main-content-dashboard-five .card {
        background-color: #fafcff;
        border-color: #e2e8f5;
        box-shadow: 0 0 10px rgba(28, 39, 60, 0.1);
    }

    .main-content-dashboard-five .card-header {
        padding: 20px 20px 0;
        background-color: transparent;
    }

    .main-content-dashboard-five .card-text {
        font-size: 12px;
        line-height: 1.4;
        color: #97a3b9;
        margin-bottom: 0;
    }

@media (prefers-reduced-motion: reduce) {
    .main-content-dashboard-five {
        transition: none;
    }
}

@media (min-width: 1200px) {
    .main-content-dashboard-five .main-content-header {
        padding: 25px 25px 0;
    }
}

.card-dashboard-fifteen {
    padding: 20px 20px 0;
    overflow: hidden;
}

    .card-dashboard-fifteen h1 {
        font-size: 40px;
        font-weight: 500;
        font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        color: #1c273c;
        margin-bottom: 0;
        line-height: 1;
    }

        .card-dashboard-fifteen h1 span {
            display: inline;
            font-size: 18px;
            color: #7987a1;
        }

    .card-dashboard-fifteen label {
        font-size: 14px;
        font-weight: 500;
        display: block;
    }

    .card-dashboard-fifteen span {
        color: #97a3b9;
        display: block;
        font-size: 12px;
    }

    .card-dashboard-fifteen .chart-wrapper {
        position: relative;
        margin-left: -32px;
        margin-right: -32px;
        margin-bottom: -10px;
    }

    .card-dashboard-fifteen .flot-chart {
        width: 100%;
        height: 127px;
        position: relative;
        margin-top: 20px;
    }

        .card-dashboard-fifteen .flot-chart .flot-x-axis > div:nth-child(4) {
            color: #1c273c !important;
        }

.table-talk-time {
    margin-bottom: 0;
}

    .table-talk-time thead > tr th,
    .table-talk-time thead > tr td {
        padding: 7px 10px;
    }

    .table-talk-time tbody > tr th,
    .table-talk-time tbody > tr td {
        padding: 7px 10px;
    }

    .table-talk-time thead > tr th:first-child,
    .table-talk-time thead > tr td:first-child {
        padding-left: 20px;
    }

    .table-talk-time tbody > tr th:first-child,
    .table-talk-time tbody > tr td:first-child {
        padding-left: 20px;
    }

.card-dashboard-sixteen .main-img-user::after {
    display: none;
}

.card-dashboard-sixteen .table tbody > tr {
    background-color: transparent;
}

    .card-dashboard-sixteen .table tbody > tr th,
    .card-dashboard-sixteen .table tbody > tr td {
        padding: 10px 10px 10px 0;
        vertical-align: middle;
        white-space: nowrap;
    }

        .card-dashboard-sixteen .table tbody > tr th:first-child,
        .card-dashboard-sixteen .table tbody > tr td:first-child {
            width: 10%;
        }

        .card-dashboard-sixteen .table tbody > tr th:nth-child(2),
        .card-dashboard-sixteen .table tbody > tr td:nth-child(2) {
            width: 60%;
        }

        .card-dashboard-sixteen .table tbody > tr th:last-child,
        .card-dashboard-sixteen .table tbody > tr td:last-child {
            width: 30%;
        }

.dashboard-five-stacked-chart {
    height: 200px;
}

@media (min-width: 768px) {
    .dashboard-five-stacked-chart {
        height: 240px;
    }
}

@media (min-width: 847px) {
    .dashboard-five-stacked-chart {
        height: 260px;
    }
}

@media (min-width: 992px) {
    .dashboard-five-stacked-chart {
        height: 240px;
    }
}

@media (min-width: 1067px) {
    .dashboard-five-stacked-chart {
        height: 260px;
    }
}

/* ###### 8.6 Dashboard Six  ###### */
.main-light .main-iconbar,
.main-light .main-iconbar-aside {
    background-color: #e3e7ed;
}

.main-light .main-iconbar-body .nav {
    border-left-color: #e2e8f5;
}

.main-light .main-iconbar-body .nav-item + .nav-item,
.main-light .main-iconbar-body .nav-sub,
.main-light .main-iconbar-body .nav-sub-item + .nav-sub-item {
    border-top-color: #bdc6d6;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .main-light .main-iconbar-aside.show + .main-content {
        box-shadow: none;
    }
}

.main-content-dashboard-six {
    border-left-color: #e2e8f5;
    box-shadow: 0 0 7px rgba(28, 39, 60, 0.08);
    position: relative;
    padding: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: #f4f5f8;
}

@media (min-width: 992px) {
    .main-content-dashboard-six {
        border-left: 1px solid #e2e8f5;
        margin-left: 64px;
        z-index: 550;
    }
}

.main-header-dashboard-six {
    background-color: #fff;
    border-bottom: 1px solid #e2e8f5;
    box-shadow: 0 0 10px rgba(28, 39, 60, 0.06);
}

    .main-header-dashboard-six .main-header-menu-icon {
        margin-right: 0;
    }

@media (min-width: 992px) and (max-width: 1199.98px) {
    .main-header-dashboard-six .main-header-center {
        margin-left: 5px;
    }
}

@media (min-width: 1200px) {
    .main-header-dashboard-six .main-header-center {
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .main-header-dashboard-six .main-header-menu-icon {
        display: none;
    }
}

.main-content-body-dashboard-six {
    padding: 25px;
}

    .main-content-body-dashboard-six .main-content-title {
        letter-spacing: -.8px;
    }

    .main-content-body-dashboard-six .card {
        border-color: #e2e8f5;
        box-shadow: 0 0 10px rgba(28, 39, 60, 0.06);
    }

    .main-content-body-dashboard-six .card-header {
        background-color: transparent;
        padding: 20px 20px 0;
    }

    .main-content-body-dashboard-six .card-title {
        text-transform: uppercase;
        font-weight: 700;
    }

.card-dashboard-donut .card-body {
    padding: 25px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-dashboard-donut .main-donut-chart.chart1 {
    width: 140px;
    height: 140px;
    background: #e2e8f5;
}

    .card-dashboard-donut .main-donut-chart.chart1 .slice.one {
        clip: rect(0 140px 70px 0);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        background: #6f42c1;
    }

    .card-dashboard-donut .main-donut-chart.chart1 .slice.two {
        clip: rect(0 70px 140px 0);
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
        background: #6f42c1;
    }

    .card-dashboard-donut .main-donut-chart.chart1 .chart-center {
        top: 10px;
        left: 10px;
        width: 120px;
        height: 120px;
        background: #fff;
    }

        .card-dashboard-donut .main-donut-chart.chart1 .chart-center span {
            font-size: 40px;
            line-height: 120px;
            color: #6f42c1;
        }

            .card-dashboard-donut .main-donut-chart.chart1 .chart-center span:after {
                content: "75%";
            }

.card-dashboard-donut .main-donut-chart.chart2 {
    width: 140px;
    height: 140px;
    background: #e2e8f5;
}

    .card-dashboard-donut .main-donut-chart.chart2 .slice.one {
        clip: rect(0 140px 70px 0);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        background: #C9A96E ;
    }

    .card-dashboard-donut .main-donut-chart.chart2 .slice.two {
        clip: rect(0 70px 140px 0);
        -webkit-transform: rotate(244.8deg);
        transform: rotate(244.8deg);
        background: #C9A96E ;
    }

    .card-dashboard-donut .main-donut-chart.chart2 .chart-center {
        top: 10px;
        left: 10px;
        width: 120px;
        height: 120px;
        background: #fff;
    }

        .card-dashboard-donut .main-donut-chart.chart2 .chart-center span {
            font-size: 40px;
            line-height: 120px;
            color: #C9A96E ;
        }

            .card-dashboard-donut .main-donut-chart.chart2 .chart-center span:after {
                content: "68%";
            }

        .card-dashboard-donut .main-donut-chart.chart1 .chart-center span,
        .card-dashboard-donut .main-donut-chart.chart2 .chart-center span {
            font-weight: 600;
            font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            font-size: 32px;
        }

.card-dashboard-balance {
    position: relative;
    overflow: hidden;
}

    .card-dashboard-balance .card-body {
        padding: 20px;
        position: relative;
        z-index: 5;
    }

    .card-dashboard-balance .fab {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 48px;
        color: #C9A96E ;
        z-index: 5;
        background-color: #fff;
    }

    .card-dashboard-balance .main-content-label,
    .card-dashboard-balance .card-table-two .card-title {
        color: #7987a1;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 1px;
    }

@media (min-width: 576px) {
    .card-dashboard-balance {
        min-height: 260px;
        height: 100%;
    }
}

@media (min-width: 576px) {
    .card-dashboard-balance .card-body {
        padding: 30px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}

.card-table-two .card-dashboard-balance .card-title,
.card-dashboard-balance .card-dashboard-eight .card-title,
.card-dashboard-eight .card-dashboard-balance .card-title {
    color: #7987a1;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
}

@media (min-width: 576px) {

    .card-dashboard-balance .main-content-label,
    .card-dashboard-balance .card-table-two .card-title {
        font-size: 11px;
    }

    .card-table-two .card-dashboard-balance .card-title,
    .card-dashboard-balance .card-dashboard-eight .card-title,
    .card-dashboard-eight .card-dashboard-balance .card-title {
        font-size: 11px;
    }
}

.card-dashboard-balance .balance-amount {
    color: #1c273c;
    font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 600;
    font-size: 28px;
    letter-spacing: -1px;
    margin-bottom: 20px;
}

    .card-dashboard-balance .balance-amount span {
        color: #97a3b9;
        font-weight: 400;
        letter-spacing: normal;
    }

.card-dashboard-balance .account-number {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #1c273c;
    letter-spacing: -1px;
    margin-bottom: 20px;
}

    .card-dashboard-balance .account-number span {
        display: flex;
        align-items: center;
        line-height: 1;
    }

        .card-dashboard-balance .account-number span + span {
            margin-left: 20px;
        }

        .card-dashboard-balance .account-number span i {
            width: 5px;
            height: 5px;
            background-color: #1c273c;
            border-radius: 100%;
        }

            .card-dashboard-balance .account-number span i + i {
                margin-left: 5px;
            }

.card-dashboard-balance .account-name {
    color: #1c273c;
    font-weight: 400;
    margin-bottom: 0;
}

.card-dashboard-balance .chart-wrapper {
    position: absolute;
    top: 20px;
    bottom: 10px;
    left: -10px;
    right: -10px;
    opacity: .3;
    z-index: 4;
}

.card-dashboard-balance .flot-chart {
    width: 100%;
    height: 100%;
}

@media (min-width: 576px) {
    .card-dashboard-balance .balance-amount {
        font-size: 36px;
    }
}

@media (min-width: 576px) {
    .card-dashboard-balance .account-number {
        font-size: 28px;
    }
}

@media (min-width: 576px) {
    .card-dashboard-balance .account-number span + span {
        margin-left: 30px;
    }
}

@media (min-width: 1200px) {
    .card-dashboard-balance .account-number span + span {
        margin-left: 50px;
    }
}

@media (min-width: 576px) {
    .card-dashboard-balance .account-number span i {
        width: 10px;
        height: 10px;
    }
}

@media (min-width: 1200px) {
    .card-dashboard-ratio {
        height: 350px;
    }
}

.card-dashboard-ratio .card-body {
    display: flex;
    align-items: center;
}

    .card-dashboard-ratio .card-body + .card-body {
        padding-top: 0px;
    }

    .card-dashboard-ratio .card-body > div:first-child {
        width: 140px;
        display: none;
        align-items: center;
        justify-content: center;
    }

    .card-dashboard-ratio .card-body > div:last-child {
        flex: 1;
    }

    .card-dashboard-ratio .card-body h5 {
        font-size: 28px;
        font-weight: 600;
        font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        color: #1c273c;
        letter-spacing: -1px;
        margin-bottom: 2px;
    }

.card-dashboard-ratio .card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e2e8f5;
    font-size: 140px;
}

    .card-dashboard-ratio .card-icon .typcn {
        line-height: 1;
    }

        .card-dashboard-ratio .card-icon .typcn::before {
            width: auto;
        }

@media (min-width: 576px) {
    .card-dashboard-ratio .card-body > div:first-child {
        display: flex;
    }
}

@media (min-width: 576px) {
    .card-dashboard-ratio .card-body > div:last-child {
        margin-left: 30px;
    }
}

.card-dashboard-finance {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

    .card-dashboard-finance .card-title {
        margin-bottom: 20px;
    }

    .card-dashboard-finance h2 {
        line-height: 1;
        color: #1c273c;
        font-weight: 600;
        font-size: 30px;
        font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        letter-spacing: -1px;
        margin-top: 10px;
        margin-bottom: 2px;
    }

        .card-dashboard-finance h2 span {
            letter-spacing: normal;
            color: #97a3b9;
            font-weight: 400;
            margin-right: 5px;
        }

@media (min-width: 992px) {
    .card-dashboard-finance {
        min-height: 172px;
    }
}

@media (min-width: 1200px) {
    .card-dashboard-finance {
        min-height: 165px;
    }
}

@media (min-width: 992px) {
    .card-dashboard-finance .card-title {
        margin-bottom: auto;
    }
}

.card-dashboard-table-six .card-title {
    padding: 15px 20px;
    margin-bottom: 0;
    border-bottom: 1px solid #e2e8f5;
}

.card-dashboard-table-six .table-responsive {
    width: calc(100vw - 42px);
}

.card-dashboard-table-six .table {
    margin-bottom: 0;
}

    .card-dashboard-table-six .table thead tr th {
        white-space: nowrap;
    }

    .card-dashboard-table-six .table thead tr:first-child {
        background-color: #e3e7ed;
    }

        .card-dashboard-table-six .table thead tr:first-child th {
            padding: 10px 12px;
            line-height: 1;
        }

            .card-dashboard-table-six .table thead tr:first-child th:last-child {
                border-left: 1px solid #e2e8f5;
            }

    .card-dashboard-table-six .table thead tr:last-child th {
        width: 13%;
        padding: 10px 12px;
        line-height: 1;
        text-align: right;
    }

        .card-dashboard-table-six .table thead tr:last-child th:first-child {
            width: 22%;
        }

        .card-dashboard-table-six .table thead tr:last-child th:nth-child(2),
        .card-dashboard-table-six .table thead tr:last-child th:nth-child(6) {
            border-left: 1px solid #e2e8f5;
        }

    .card-dashboard-table-six .table tbody tr td {
        text-align: right;
        white-space: nowrap;
    }

        .card-dashboard-table-six .table tbody tr td:first-child {
            text-align: left;
        }

        .card-dashboard-table-six .table tbody tr td:nth-child(2),
        .card-dashboard-table-six .table tbody tr td:nth-child(6) {
            border-left: 1px solid #e2e8f5;
        }

    .card-dashboard-table-six .table tbody tr:last-child td {
        font-weight: 500;
        color: #1c273c;
    }

@media (min-width: 992px) {
    .card-dashboard-table-six .table-responsive {
        width: 100%;
    }
}

/* ###### 8.7 Dashboard Seven  ###### */
.main-minimal {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: #fff;
}

    .main-minimal .main-navbar-three .nav-item.active::before {
        bottom: -3px;
    }

    .main-minimal .main-navbar-three .nav-item.active .nav-link {
        font-weight: 700;
    }

    .main-minimal .main-navbar-three .nav-link {
        font-size: 13px;
    }

    .main-minimal.main-navbar-show .main-header {
        z-index: auto;
    }

@media (min-width: 1200px) {
    .main-minimal {
        padding: 10px 0 0;
    }
}

.main-content-title-minimal {
    color: #1c273c;
    font-weight: 500;
    font-size: 22px;
    letter-spacing: -1px;
    line-height: 1;
    margin-bottom: 8px;
}

    .main-content-title-minimal span {
        font-weight: 700;
    }

.main-content-text-minimal {
    font-weight: 400;
    color: #596882;
    margin-bottom: 20px;
}

.media-dashboard-one {
    display: block;
}

    .media-dashboard-one .media-right {
        width: 100%;
        flex-shrink: 0;
    }

    .media-dashboard-one .media-body {
        margin-bottom: 20px;
    }

@media (min-width: 992px) {
    .media-dashboard-one {
        display: flex;
        align-items: stretch;
    }
}

@media (min-width: 992px) {
    .media-dashboard-one .media-right {
        width: 280px;
    }
}

@media (min-width: 992px) {
    .media-dashboard-one .media-body {
        margin-right: 20px;
        margin-bottom: 0;
    }
}

.card-minimal-one {
    border-color: #e2e8f5;
    min-height: 320px;
    height: 100%;
    overflow: hidden;
    position: relative;
}

    .card-minimal-one .card-body {
        position: relative;
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        z-index: 5;
    }

        .card-minimal-one .card-body > label {
            font-weight: 700;
            font-size: 14px;
            color: #C9A96E ;
            text-transform: uppercase;
            margin-bottom: 5px;
            display: block;
            line-height: 1;
        }

            .card-minimal-one .card-body > label span {
                font-weight: 500;
                color: #596882;
            }

        .card-minimal-one .card-body > small {
            font-size: 12px;
            display: block;
            color: #97a3b9;
        }

        .card-minimal-one .card-body > h6 {
            color: #1c273c;
            font-size: 36px;
            font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            font-weight: 600;
            letter-spacing: -2px;
            display: flex;
            line-height: 1;
            align-items: flex-end;
            margin: 15px 0;
        }

            .card-minimal-one .card-body > h6 span {
                font-weight: 400;
                margin-right: 3px;
                color: #C9A96E;
            }

    .card-minimal-one .value-info {
        display: flex;
        align-items: center;
    }

        .card-minimal-one .value-info + .value-info {
            margin-top: 5px;
        }

        .card-minimal-one .value-info p {
            margin-bottom: 0;
            color: #1c273c;
            font-weight: 700;
            font-family: 'Archivo', sans-serif;
            font-size: 14px;
            letter-spacing: -.35px;
        }

            .card-minimal-one .value-info p span {
                letter-spacing: normal;
                margin-right: 2px;
                color: #C9A96E;
            }

        .card-minimal-one .value-info label {
            display: block;
            margin-bottom: 0;
            font-weight: 700;
            width: 40px;
            position: relative;
            top: -2px;
        }

    .card-minimal-one .open-info {
        display: flex;
        align-items: flex-start;
        margin-top: auto;
        margin-bottom: 25px;
    }

        .card-minimal-one .open-info > div + div {
            margin-left: 25px;
        }

        .card-minimal-one .open-info label {
            font-size: 12px;
            margin-bottom: 2px;
            color: #7f8da9;
        }

        .card-minimal-one .open-info h6 {
            margin-bottom: 0;
            color: #1c273c;
            font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            font-weight: 700;
            font-size: 13px;
        }

            .card-minimal-one .open-info h6 span {
                font-weight: 400;
            }

    .card-minimal-one .chart-wrapper {
        position: absolute;
        left: -9px;
        right: -8px;
        bottom: -13px;
    }

        .card-minimal-one .chart-wrapper .flot-x-axis > div {
            transform: translate(20px, -23px);
        }

    .card-minimal-one .flot-chart {
        width: 100%;
        height: 250px;
        position: relative;
    }

.card-minimal-two {
    height: 72px;
    border-color: #e2e8f5;
    background-color: transparent;
    overflow: hidden;
}

    .card-minimal-two .card-header {
        background-color: transparent;
        padding: 15px;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #e2e8f5;
    }

        .card-minimal-two .card-header > .nav .nav-link {
            padding: 8px 18px;
            font-weight: 500;
            background-color: #e3e7ed;
        }

            .card-minimal-two .card-header > .nav .nav-link + .nav-link {
                margin-left: 2px;
            }

            .card-minimal-two .card-header > .nav .nav-link:hover,
            .card-minimal-two .card-header > .nav .nav-link:focus {
                background-color: #e2e8f5;
            }

            .card-minimal-two .card-header > .nav .nav-link.active {
                background-color: #C9A96E ;
                color: #fff;
            }

    .card-minimal-two .card-header-right {
        display: flex;
        align-items: center;
        margin-top: 20px;
    }

        .card-minimal-two .card-header-right .nav {
            justify-content: flex-end;
            width: 100%;
        }

        .card-minimal-two .card-header-right .nav-link {
            padding: 5px 10px;
            text-transform: capitalize;
        }

            .card-minimal-two .card-header-right .nav-link + .nav-link {
                margin-left: 2px;
            }

            .card-minimal-two .card-header-right .nav-link span:first-child {
                display: none;
            }

            .card-minimal-two .card-header-right .nav-link span:last-child {
                text-transform: uppercase;
                font-size: 11px;
                font-weight: 500;
            }

            .card-minimal-two .card-header-right .nav-link:hover,
            .card-minimal-two .card-header-right .nav-link:focus {
                background-color: #e3e7ed;
            }

            .card-minimal-two .card-header-right .nav-link.active {
                background-color: #97a3b9;
                color: #fff;
            }

    .card-minimal-two .card-body {
        position: relative;
        overflow: hidden;
        padding: 0;
    }

    .card-minimal-two .flot-wrapper {
        position: relative;
        bottom: -14px;
        margin-right: -9px;
        margin-left: -31px;
        margin-top: -25px;
    }

        .card-minimal-two .flot-wrapper .flot-x-axis > div {
            transform: translate(22px, -23px);
        }

        .card-minimal-two .flot-wrapper .flot-y-axis > div {
            transform: translateX(-10px);
        }

    .card-minimal-two .flot-chart {
        width: 100%;
        height: 250px;
        position: relative;
    }

    .card-minimal-two .more-info {
        position: absolute;
        top: 10px;
        right: 10px;
    }

        .card-minimal-two .more-info div {
            display: flex;
            align-items: flex-start;
            font-size: 13px;
        }

        .card-minimal-two .more-info span:first-child {
            width: 80px;
            text-align: right;
            color: #7987a1;
            display: block;
            line-height: 1.35;
        }

        .card-minimal-two .more-info span:last-child {
            margin-left: 15px;
            color: #1c273c;
            font-weight: 700;
            font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            font-size: 14px;
        }

    .card-minimal-two .card-footer {
        padding: 20px;
        position: relative;
        z-index: 2;
        overflow-y: hidden;
        width: calc(100vw - 40px);
        margin-bottom: -8px;
    }

@media (min-width: 576px) {
    .card-minimal-two .card-header {
        display: flex;
        padding: 15px 20px;
    }
}

@media (min-width: 992px) {
    .card-minimal-two .card-header > .nav .nav-link {
        padding: 8px 20px;
    }
}

@media (min-width: 1200px) {
    .card-minimal-two .card-header > .nav .nav-link {
        padding: 8px 30px;
    }
}

@media (min-width: 576px) {
    .card-minimal-two .card-header-right {
        margin-top: 0;
    }
}

@media (min-width: 576px) {
    .card-minimal-two .card-header-right .nav-link {
        padding: 8px 10px;
    }
}

@media (min-width: 768px) {
    .card-minimal-two .card-header-right .nav-link span:first-child {
        display: inline;
    }
}

@media (min-width: 768px) {
    .card-minimal-two .card-header-right .nav-link span:last-child {
        display: none;
    }
}

@media (min-width: 992px) {
    .card-minimal-two .card-body {
        padding: 0 20px;
    }
}

@media (min-width: 992px) {
    .card-minimal-two .flot-wrapper {
        margin-right: -9px;
        margin-left: 10px;
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    .card-minimal-two .flot-chart {
        height: 300px;
    }
}

@media (min-width: 576px) {
    .card-minimal-two .more-info {
        right: 20px;
        top: 30px;
    }
}

@media (min-width: 992px) {
    .card-minimal-two .more-info {
        right: 30px;
        top: 50px;
    }
}

@media (min-width: 992px) {
    .card-minimal-two .card-footer {
        width: auto;
    }
}

.card-bitcoin .media-icon {
    color: #f7931a;
    font-size: 42px;
    line-height: 0;
}

.card-bitcoin .media-body {
    margin-left: 20px;
    margin-bottom: 10px;
}

.card-bitcoin .row {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
}

    .card-bitcoin .row > div {
        flex-shrink: 0;
    }

.card-bitcoin label {
    margin-bottom: 2px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: .5px;
    color: #7987a1;
}

.card-bitcoin p {
    margin-bottom: 0;
    color: #1c273c;
    font-weight: 700;
    font-size: 16px;
    font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.card-minimal-three {
    border-color: #e2e8f5;
    width: calc(100vw - 38px);
}

    .card-minimal-three .card-header {
        border-bottom: 1px solid #e2e8f5;
        background-color: transparent;
        padding: 20px 20px 0;
    }

        .card-minimal-three .card-header .main-content-text {
            margin-bottom: 20px;
        }

    .card-minimal-three .main-nav-tabs {
        padding: 0;
        background-color: transparent;
        position: relative;
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 3px;
    }

        .card-minimal-three .main-nav-tabs .lSAction > a {
            background-color: #e2e8f5;
        }

            .card-minimal-three .main-nav-tabs .lSAction > a::before {
                top: -4px;
            }

            .card-minimal-three .main-nav-tabs .lSAction > a.lSPrev {
                left: -35px;
            }

        .card-minimal-three .main-nav-tabs .tab-item {
            min-width: 203px;
        }

        .card-minimal-three .main-nav-tabs .tab-link {
            background-color: #e3e7ed;
            font-weight: 500;
            align-items: flex-start;
            padding-top: 8px;
        }

            .card-minimal-three .main-nav-tabs .tab-link:hover {
                background-color: #e2e8f5;
            }

            .card-minimal-three .main-nav-tabs .tab-link.active {
                background-color: #596882;
                color: #fff;
            }

                .card-minimal-three .main-nav-tabs .tab-link.active:hover,
                .card-minimal-three .main-nav-tabs .tab-link.active:focus {
                    background-color: #596882;
                    color: #fff;
                }

    .card-minimal-three .card-body {
        padding: 0;
    }

    .card-minimal-three .tab-pane-header {
        padding: 20px;
        background-color: #fff;
        border-bottom: 1px solid #e2e8f5;
    }

        .card-minimal-three .tab-pane-header .main-content-label,
        .card-minimal-three .tab-pane-header .card-table-two .card-title {
            margin-bottom: 3px;
        }

@media (min-width: 992px) {
    .card-minimal-three {
        width: 634px;
    }
}

@media (min-width: 1200px) {
    .card-minimal-three {
        width: 753px;
    }
}

@media (min-width: 576px) {
    .card-minimal-three .main-nav-tabs .tab-item {
        min-width: 150px;
    }
}

@media (min-width: 576px) {
    .card-minimal-three .tab-pane-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

.card-table-two .card-minimal-three .tab-pane-header .card-title,
.card-minimal-three .tab-pane-header .card-dashboard-eight .card-title,
.card-dashboard-eight .card-minimal-three .tab-pane-header .card-title {
    margin-bottom: 3px;
}

.card-minimal-three .tab-pane-header > div:last-child {
    display: flex;
    margin-top: 15px;
}

    .card-minimal-three .tab-pane-header > div:last-child a {
        flex: 1;
    }

        .card-minimal-three .tab-pane-header > div:last-child a + a {
            margin-left: 10px;
        }

.card-minimal-three .tab-pane-body {
    padding: 20px;
}

    .card-minimal-three .tab-pane-body .table thead tr th,
    .card-minimal-three .tab-pane-body .table thead tr td {
        white-space: nowrap;
    }

    .card-minimal-three .tab-pane-body .table tbody tr th,
    .card-minimal-three .tab-pane-body .table tbody tr td {
        white-space: nowrap;
    }

.card-minimal-three .no-transactions-panel {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

    .card-minimal-three .no-transactions-panel .icon-wrapper {
        width: 80px;
        height: 80px;
        background-color: #e3e7ed;
        color: #97a3b9;
        font-size: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
        border-radius: 100%;
    }

        .card-minimal-three .no-transactions-panel .icon-wrapper i {
            line-height: 0;
        }

    .card-minimal-three .no-transactions-panel h6 {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 15px;
        color: #1c273c;
        letter-spacing: 1px;
        margin-bottom: 2px;
    }

.card-minimal-three .table tbody tr td {
    vertical-align: middle;
}

    .card-minimal-three .table tbody tr td span {
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 100%;
    }

    .card-minimal-three .table tbody tr td:last-child {
        font-weight: 500;
        color: #1c273c;
    }

.card-crypto-portfolio {
    width: 100%;
    border-color: #e2e8f5;
    margin-top: 20px;
}

    .card-crypto-portfolio .card-title {
        text-transform: uppercase;
    }

    .card-crypto-portfolio .table {
        margin-bottom: 0;
    }

        .card-crypto-portfolio .table thead tr th,
        .card-crypto-portfolio .table thead tr td {
            padding: 10px 0;
            text-align: right;
            white-space: nowrap;
        }

        .card-crypto-portfolio .table tbody tr th,
        .card-crypto-portfolio .table tbody tr td {
            padding: 10px 0;
            text-align: right;
            white-space: nowrap;
        }

        .card-crypto-portfolio .table thead tr th:first-child,
        .card-crypto-portfolio .table thead tr td:first-child {
            text-align: left;
        }

        .card-crypto-portfolio .table tbody tr th:first-child,
        .card-crypto-portfolio .table tbody tr td:first-child {
            text-align: left;
        }

        .card-crypto-portfolio .table thead tr th {
            font-size: 10px;
        }

        .card-crypto-portfolio .table tbody tr td:first-child {
            font-weight: 500;
            color: #1c273c;
        }

@media (min-width: 992px) {
    .card-crypto-portfolio {
        width: calc(33.33333% - 13px);
        margin-top: 0;
    }
}

.card-minimal-four {
    border-color: #e2e8f5;
}

    .card-minimal-four .card-header {
        background-color: transparent;
        border-bottom: 1px solid #e2e8f5;
    }

        .card-minimal-four .card-header h6 {
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 2px;
            color: #1c273c;
        }

        .card-minimal-four .card-header p {
            margin-bottom: 0;
            white-space: nowrap;
        }

            .card-minimal-four .card-header p span {
                color: #ee335e;
            }

        .card-minimal-four .card-header .media {
            align-items: center;
        }

        .card-minimal-four .card-header .media-body {
            margin-left: 12px;
        }

    .card-minimal-four .coin-logo {
        width: 42px;
        height: 42px;
        color: #fff;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
    }

        .card-minimal-four .coin-logo i {
            line-height: 0;
        }

    .card-minimal-four .card-body {
        padding: 0;
        overflow: hidden;
        position: relative;
        background-color: #fafcff;
    }

    .card-minimal-four .card-body-top {
        top: 15px;
        left: 10px;
        position: absolute;
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: 1px;
        z-index: 10;
    }

        .card-minimal-four .card-body-top a {
            color: #1c273c;
            font-weight: 700;
            width: 20px;
            text-align: right;
            display: inline-block;
        }

            .card-minimal-four .card-body-top a:hover,
            .card-minimal-four .card-body-top a:focus {
                color: #C9A96E ;
            }

        .card-minimal-four .card-body-top div + div {
            margin-top: 5px;
        }

    .card-minimal-four .chart-wrapper {
        position: relative;
        margin-left: -20px;
        margin-right: -9px;
        margin-bottom: -17px;
    }

    .card-minimal-four .flot-chart {
        width: 100%;
        height: 150px;
    }

    .card-minimal-four .card-footer {
        background-color: transparent;
        border-top-color: #e2e8f5;
        padding: 0;
    }

        .card-minimal-four .card-footer .nav-link {
            flex: 1;
            display: block;
            text-align: center;
            background-color: #e3e7ed;
            position: relative;
            padding-left: 10px;
            padding-right: 10px;
        }

            .card-minimal-four .card-footer .nav-link:hover,
            .card-minimal-four .card-footer .nav-link:focus {
                background-color: #eeeff4;
            }

            .card-minimal-four .card-footer .nav-link span {
                display: block;
            }

                .card-minimal-four .card-footer .nav-link span:first-child {
                    color: #97a3b9;
                    font-weight: 700;
                    font-size: 11px;
                }

                .card-minimal-four .card-footer .nav-link span:last-child {
                    color: #C9A96E;
                    font-weight: 500;
                    font-size: 11px;
                    font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
                }

            .card-minimal-four .card-footer .nav-link + .nav-link {
                border-left: 1px solid #e2e8f5;
            }

            .card-minimal-four .card-footer .nav-link.active {
                background-color: #fafcff;
            }

                .card-minimal-four .card-footer .nav-link.active::before {
                    content: '';
                    position: absolute;
                    top: -1px;
                    left: 0;
                    right: 0;
                    border-top: 1px solid #f7f7f7;
                    z-index: 5;
                }

                .card-minimal-four .card-footer .nav-link.active span:first-child {
                    color: #1c273c;
                }

/* ###### 8.8 Dashboard Eight  ###### */
.main-dashboard-eight {
    background-color: #dde2e9;
}

.main-header-primary {
    background-color: #0040ff;
}

    .main-header-primary .main-header-center .form-control {
        background-color: #0033cc;
        border-width: 0;
        height: 38px;
        border-radius: 2px;
        color: #fff;
    }

        .main-header-primary .main-header-center .form-control::placeholder {
            color: rgba(255, 255, 255, 0.4);
        }

        .main-header-primary .main-header-center .form-control:focus + .btn {
            color: #fff;
        }

    .main-header-primary .main-header-center .sp-container .form-control:focus + button {
        color: #fff;
    }

.sp-container .main-header-primary .main-header-center .form-control:focus + button {
    color: #fff;
}

.main-header-primary .main-header-center .btn,
.main-header-primary .main-header-center .sp-container button {
    font-size: 14px;
}

.sp-container .main-header-primary .main-header-center button {
    font-size: 14px;
}

.main-header-primary .main-header-center .btn:hover,
.main-header-primary .main-header-center .sp-container button:hover {
    color: #fff;
}

.sp-container .main-header-primary .main-header-center button:hover {
    color: #fff;
}

.main-header-primary .main-header-center .btn:focus,
.main-header-primary .main-header-center .sp-container button:focus {
    color: #fff;
}

.sp-container .main-header-primary .main-header-center button:focus {
    color: #fff;
}

.main-header-primary .main-logo {
    color: #fff;
    font-weight: 600;
    letter-spacing: -1.2px;
}

    .main-header-primary .main-logo span {
        color: rgba(255, 255, 255, 0.65);
    }

.main-header-primary .main-header-menu-icon span {
    background-color: rgba(255, 255, 255, 0.65);
}

    .main-header-primary .main-header-menu-icon span::before,
    .main-header-primary .main-header-menu-icon span::after {
        background-color: rgba(255, 255, 255, 0.65);
    }

.main-header-primary .main-header-message > a {
    color: rgba(255, 255, 255, 0.75);
}

.main-header-primary .main-header-notification > a {
    color: rgba(255, 255, 255, 0.75);
}

    .main-header-primary .main-header-notification > a::after {
        display: none;
    }

.main-header-primary .main-header-notification .dropdown-menu {
    border-width: 0;
    box-shadow: 0 0 5px rgba(28, 39, 60, 0.1);
}

.main-header-primary .main-profile-menu .dropdown-menu {
    border-width: 0;
    box-shadow: 0 0 5px rgba(28, 39, 60, 0.1);
}

.main-header-primary .main-profile-menu.show .main-img-user::before {
    display: none;
}

@media (min-width: 576px) {
    .main-header-primary .main-header-notification .dropdown-menu {
        top: 43px;
    }
}

@media (min-width: 992px) {
    .main-header-primary .main-header-notification .dropdown-menu {
        top: 45px;
    }
}

@media (min-width: 576px) {
    .main-header-primary .main-profile-menu .dropdown-menu {
        top: 46px;
    }
}

@media (min-width: 992px) {
    .main-header-primary .main-profile-menu .dropdown-menu {
        top: 48px;
    }
}

.main-navbar-dashboard-eight {
    background-color: #f9f9f9;
    border-bottom-width: 0;
}

    .main-navbar-dashboard-eight .main-navbar-header {
        background-color: #0040ff;
        border-bottom-width: 0;
        color: #fff;
    }

        .main-navbar-dashboard-eight .main-navbar-header .main-logo {
            color: #fff;
        }

    .main-navbar-dashboard-eight .nav-item.active::before {
        border-bottom-color: #1a53ff;
    }

    .main-navbar-dashboard-eight .nav-item.active .nav-link {
        color: #1a53ff;
    }

    .main-navbar-dashboard-eight .nav-link {
        text-transform: capitalize;
        font-weight: 500;
        font-size: 14px;
    }

    .main-navbar-dashboard-eight .nav-sub:not(.nav-sub-mega) {
        background-color: #f9f9f9;
        border-width: 0;
    }

        .main-navbar-dashboard-eight .nav-sub:not(.nav-sub-mega)::before {
            content: '';
            position: absolute;
            top: -5px;
            left: -5px;
            right: -5px;
            height: 5px;
            background-color: #f9f9f9;
            z-index: 4;
        }

    .main-navbar-dashboard-eight .nav-sub-item > .nav-sub {
        left: 180px;
    }

        .main-navbar-dashboard-eight .nav-sub-item > .nav-sub::before {
            left: -5px;
            top: -5px;
            bottom: -5px;
            right: auto;
            width: 5px;
            height: auto;
        }

    .main-navbar-dashboard-eight .nav-sub-item.active .nav-sub-link {
        color: #C9A96E ;
    }

    .main-navbar-dashboard-eight .nav-sub-link:hover {
        color: #C9A96E ;
    }

    .main-navbar-dashboard-eight .nav-sub-mega .container,
    .main-navbar-dashboard-eight .nav-sub-mega .container-fluid {
        background-color: #f9f9f9;
        border-width: 0;
    }

@media (min-width: 992px) {
    .main-navbar-dashboard-eight .nav-sub:not(.nav-sub-mega) {
        box-shadow: 0 0 5px rgba(28, 39, 60, 0.12);
    }
}

@media (min-width: 992px) {

    .main-navbar-dashboard-eight .nav-sub-mega .container,
    .main-navbar-dashboard-eight .nav-sub-mega .container-fluid {
        box-shadow: 0 5px 3px -3px rgba(28, 39, 60, 0.12);
    }
}

.main-content-dashboard-eight {
    padding-top: 25px;
}

    .main-content-dashboard-eight .main-content-title {
        letter-spacing: -.8px;
    }

    .main-content-dashboard-eight .card {
        border-width: 0;
        border-radius: 2px;
        box-shadow: 0 0 5px rgba(28, 39, 60, 0.1);
    }

    .main-content-dashboard-eight .card-title {
        font-weight: 500;
    }

@media (max-width: 575px) {
    .main-content-dashboard-eight .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.card-dashboard-seventeen {
    position: relative;
}

    .card-dashboard-seventeen .card-body {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 180px;
        position: relative;
        z-index: 10;
    }

        .card-dashboard-seventeen .card-body h4 {
            margin-bottom: 0;
            font-weight: 700;
            font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            color: #1c273c;
        }

        .card-dashboard-seventeen .card-body span {
            font-size: 11px;
        }

    .card-dashboard-seventeen .card-title {
        line-height: 1.3;
    }

    .card-dashboard-seventeen.bg-primary-dark {
        background-color: #0033cc;
    }

    .card-dashboard-seventeen .chart-wrapper {
        position: absolute;
        right: -8px;
        bottom: -8px;
        left: -8px;
    }

    .card-dashboard-seventeen .flot-chart {
        width: 100%;
        height: 180px;
    }

.card-dashboard-eighteen {
    display: block;
    padding: 20px;
}

    .card-dashboard-eighteen .card-title {
        font-weight: 700;
        text-transform: uppercase;
    }

    .card-dashboard-eighteen .card-body {
        padding: 20px 0 34px;
        align-items: flex-start;
    }

        .card-dashboard-eighteen .card-body h6 {
            color: #1c273c;
            font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            font-weight: 600;
            font-size: 21px;
            letter-spacing: -.8px;
            margin-bottom: 2px;
            position: relative;
            padding-left: 23px;
        }

            .card-dashboard-eighteen .card-body h6 span {
                font-weight: 400;
                color: #97a3b9;
                letter-spacing: normal;
            }

            .card-dashboard-eighteen .card-body h6::before {
                content: '';
                position: absolute;
                display: block;
                top: calc(50% - 8px);
                left: 0;
                width: 16px;
                height: 16px;
                border-radius: 100%;
                border: 4px solid transparent;
            }

            .card-dashboard-eighteen .card-body h6.dot-primary::before {
                border-color: #C9A96E ;
            }

            .card-dashboard-eighteen .card-body h6.dot-purple::before {
                border-color: #6f42c1;
            }

            .card-dashboard-eighteen .card-body h6.dot-teal::before {
                border-color: #00cccc;
            }

            .card-dashboard-eighteen .card-body h6.dot-dark-blue::before {
                border-color: #0033cc;
            }

        .card-dashboard-eighteen .card-body label {
            color: #7987a1;
            margin-bottom: 0;
            display: block;
        }

    .card-dashboard-eighteen .chartjs-wrapper {
        height: 309px;
        position: relative;
        margin-left: -10px;
        margin-right: -5px;
    }

.card-dashboard-nineteen {
    overflow: hidden;
    position: relative;
    background-color: #f9f9f9;
}

    .card-dashboard-nineteen .card-header {
        padding: 20px 20px 0;
        background-color: transparent;
    }

        .card-dashboard-nineteen .card-header .row {
            display: block;
        }

            .card-dashboard-nineteen .card-header .row > div {
                max-width: none;
            }

                .card-dashboard-nineteen .card-header .row > div + div {
                    margin-top: 20px;
                }

        .card-dashboard-nineteen .card-header h4 {
            font-size: 24px;
            font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            font-weight: 600;
            letter-spacing: -1px;
            color: #1c273c;
            margin-bottom: 10px;
        }

            .card-dashboard-nineteen .card-header h4 span {
                font-weight: 400;
                letter-spacing: normal;
                color: #97a3b9;
            }

        .card-dashboard-nineteen .card-header .main-content-label,
        .card-dashboard-nineteen .card-header .card-table-two .card-title {
            text-transform: none;
            line-height: 1.3;
            margin-bottom: 5px;
            font-size: 0.875rem;
        }

@media (min-width: 375px) {
    .card-dashboard-nineteen .card-header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10;
    }
}

@media (min-width: 375px) {
    .card-dashboard-nineteen .card-header .row {
        display: flex;
    }
}

@media (min-width: 375px) {
    .card-dashboard-nineteen .card-header .row > div + div {
        margin-top: 0;
    }
}

@media (min-width: 576px) {
    .card-dashboard-nineteen .card-header h4 {
        font-size: 30px;
    }
}

.card-table-two .card-dashboard-nineteen .card-header .card-title,
.card-dashboard-nineteen .card-header .card-dashboard-eight .card-title,
.card-dashboard-eight .card-dashboard-nineteen .card-header .card-title {
    text-transform: none;
    line-height: 1.3;
    margin-bottom: 5px;
    font-size: 0.875rem;
}

@media (min-width: 992px) {

    .card-dashboard-nineteen .card-header .main-content-label,
    .card-dashboard-nineteen .card-header .card-table-two .card-title {
        font-size: 14px;
    }

    .card-table-two .card-dashboard-nineteen .card-header .card-title,
    .card-dashboard-nineteen .card-header .card-dashboard-eight .card-title,
    .card-dashboard-eight .card-dashboard-nineteen .card-header .card-title {
        font-size: 14px;
    }
}

.card-dashboard-nineteen .card-header p {
    font-size: 11px;
    color: #7987a1;
    margin-bottom: 0;
}

.card-dashboard-nineteen .card-header .btn,
.card-dashboard-nineteen .card-header .sp-container button {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: .5px;
    padding: 5px 20px;
    min-height: inherit;
    border-width: 2px;
}

@media (min-width: 576px) {
    .card-dashboard-nineteen .card-header p {
        font-size: 12px;
    }
}

.sp-container .card-dashboard-nineteen .card-header button {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: .5px;
    padding: 5px 20px;
    min-height: inherit;
    border-width: 2px;
}

.card-dashboard-nineteen .card-title {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 15px;
    color: #0040ff;
}

.card-dashboard-nineteen .chart-legend {
    margin-top: 22px;
    display: flex;
    align-items: center;
}

    .card-dashboard-nineteen .chart-legend > div {
        position: relative;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: .5px;
    }

        .card-dashboard-nineteen .chart-legend > div::before {
            content: '';
            position: relative;
            top: 1.5px;
            display: inline-block;
            width: 10px;
            height: 10px;
            margin-right: 5px;
        }

        .card-dashboard-nineteen .chart-legend > div:first-child::before {
            background-color: #05478f;
        }

        .card-dashboard-nineteen .chart-legend > div:nth-child(2)::before {
            background-color: #2f93fe;
        }

        .card-dashboard-nineteen .chart-legend > div:last-child::before {
            background-color: #bbdafc;
        }

        .card-dashboard-nineteen .chart-legend > div + div {
            margin-left: 10px;
        }

.card-dashboard-nineteen .card-body {
    padding: 0;
    position: relative;
}

.card-dashboard-nineteen .flot-chart-wrapper {
    position: relative;
    margin: -30px -8px -16px -47px;
}

.card-dashboard-nineteen .flot-chart {
    width: 100%;
    height: 250px;
}

    .card-dashboard-nineteen .flot-chart .flot-x-axis {
        transform: translate(18px, -25px);
        color: #fff;
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: 1px;
        opacity: .5;
    }

    .card-dashboard-nineteen .flot-chart .flot-y-axis {
        transform: translate(66px, -13px);
        color: rgba(0, 0, 0, 0.65);
        font-weight: 400;
        font-size: 10px;
        letter-spacing: .5px;
    }

@media (min-width: 768px) {
    .card-dashboard-nineteen .chart-legend {
        margin-left: 70px;
    }
}

@media (min-width: 375px) {
    .card-dashboard-nineteen .chart-legend > div {
        letter-spacing: 1px;
    }
}

@media (min-width: 375px) {
    .card-dashboard-nineteen .chart-legend > div + div {
        margin-left: 30px;
    }
}

@media (min-width: 375px) and (max-width: 575px) {
    .card-dashboard-nineteen .card-body {
        padding-top: 170px;
    }
}

@media (min-width: 576px) {
    .card-dashboard-nineteen .card-body {
        padding-top: 130px;
    }
}

@media (min-width: 768px) {
    .card-dashboard-nineteen .card-body {
        padding-top: 95px;
    }
}

@media (min-width: 375px) {
    .card-dashboard-nineteen .flot-chart-wrapper {
        margin-top: 0;
    }
}

@media (min-width: 576px) {
    .card-dashboard-nineteen .flot-chart {
        height: 314px;
    }
}

.card-dashboard-twenty .card-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.card-dashboard-twenty .chartjs-wrapper {
    width: 100%;
    height: 230px;
}

.card-dashboard-twenty .expansion-value {
    display: flex;
    justify-content: space-between;
    font-size: 17px;
    font-weight: 700;
    font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    letter-spacing: -.5px;
    margin-bottom: 5px;
    margin-top: auto;
}

    .card-dashboard-twenty .expansion-value strong:first-child {
        color: #1c273c;
    }

    .card-dashboard-twenty .expansion-value strong:last-child {
        color: #7987a1;
    }

.card-dashboard-twenty .progress {
    margin-bottom: 3px;
    height: 4px;
}

.card-dashboard-twenty .expansion-label {
    display: flex;
    justify-content: space-between;
}

    .card-dashboard-twenty .expansion-label span {
        font-weight: 400;
        font-size: 11px;
        color: #97a3b9;
    }

@media (min-width: 992px) and (max-width: 1199.98px) {
    .card-dashboard-twenty .chartjs-wrapper {
        margin-top: auto;
    }
}

.card-dashboard-progress .progress-legend {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}

    .card-dashboard-progress .progress-legend li {
        position: relative;
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 1px;
        padding-left: 15px;
        line-height: .95;
    }

        .card-dashboard-progress .progress-legend li::before {
            content: '';
            position: absolute;
            top: 1px;
            left: 0;
            width: 8px;
            height: 8px;
        }

        .card-dashboard-progress .progress-legend li:first-child::before {
            background-color: #C9A96E ;
        }

        .card-dashboard-progress .progress-legend li:last-child::before {
            background-color: #00cccc;
        }

        .card-dashboard-progress .progress-legend li + li {
            margin-left: 20px;
        }

.card-dashboard-progress .media {
    display: block;
}

    .card-dashboard-progress .media > label {
        width: 50px;
        display: block;
        margin-bottom: 0;
    }

    .card-dashboard-progress .media + .media {
        margin-top: 15px;
    }

.card-dashboard-progress .media-body {
    margin-top: 5px;
}

.card-dashboard-progress .progress {
    background-color: #e3e7ed;
}

.card-dashboard-progress .progress-bar {
    height: 15px;
    font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 600;
}

    .card-dashboard-progress .progress-bar + .progress-bar {
        margin-left: 1px;
    }

@media (min-width: 576px) {
    .card-dashboard-progress .media {
        display: flex;
        align-items: center;
    }
}

@media (min-width: 576px) {
    .card-dashboard-progress .media-body {
        margin-top: 0;
        margin-left: 15px;
    }
}

/* ###### 8.9 Dashboard Nine  ###### */
.main-body-dashboard-nine {
    background-color: #e2e8f5;
}

@media (min-width: 992px) {
    .main-body-dashboard-nine .main-header .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 992px) {
    .main-body-dashboard-nine.main-sidebar-hide .main-header-dashboard-nine {
        left: 0;
    }
}

.main-sidebar-indigo-dark {
    background-color: #4130c5;
    border-right-width: 0;
}

    .main-sidebar-indigo-dark .main-logo {
        color: #fff;
        letter-spacing: -1.4px;
    }

    .main-sidebar-indigo-dark .main-sidebar-loggedin .media-body h6 {
        color: #fff;
        font-weight: 500;
    }

    .main-sidebar-indigo-dark .main-sidebar-loggedin .media-body span {
        color: rgba(255, 255, 255, 0.5);
    }

    .main-sidebar-indigo-dark .main-img-user::after {
        box-shadow: none;
    }

    .main-sidebar-indigo-dark .main-sidebar-body .nav-label {
        border-bottom-color: rgba(255, 255, 255, 0.2);
        color: rgba(255, 255, 255, 0.35);
        font-weight: 400;
    }

    .main-sidebar-indigo-dark .main-sidebar-body .nav-item + .nav-item {
        margin-top: -1px;
    }

        .main-sidebar-indigo-dark .main-sidebar-body .nav-item + .nav-item::before {
            border-top-color: rgba(255, 255, 255, 0.12);
        }

    .main-sidebar-indigo-dark .main-sidebar-body .nav-item.active {
        position: relative;
        z-index: 5;
    }

        .main-sidebar-indigo-dark .main-sidebar-body .nav-item.active::before {
            content: '';
            position: absolute;
            top: -1px;
            left: -20px;
            right: -20px;
            background-color: #33269c;
            height: 41px;
        }

        .main-sidebar-indigo-dark .main-sidebar-body .nav-item.active .nav-link {
            font-weight: 500;
            color: #fff;
        }

            .main-sidebar-indigo-dark .main-sidebar-body .nav-item.active .nav-link:hover,
            .main-sidebar-indigo-dark .main-sidebar-body .nav-item.active .nav-link:focus {
                font-weight: 500;
                color: #fff;
            }

                .main-sidebar-indigo-dark .main-sidebar-body .nav-item.active .nav-link i,
                .main-sidebar-indigo-dark .main-sidebar-body .nav-item.active .nav-link:hover i,
                .main-sidebar-indigo-dark .main-sidebar-body .nav-item.active .nav-link:focus i {
                    color: #fff;
                }

    .main-sidebar-indigo-dark .main-sidebar-body .nav-link {
        color: rgba(255, 255, 255, 0.45);
        font-weight: 400;
    }

        .main-sidebar-indigo-dark .main-sidebar-body .nav-link i {
            color: rgba(255, 255, 255, 0.75);
        }

        .main-sidebar-indigo-dark .main-sidebar-body .nav-link.with-sub::after {
            opacity: .3;
        }

        .main-sidebar-indigo-dark .main-sidebar-body .nav-link:hover,
        .main-sidebar-indigo-dark .main-sidebar-body .nav-link:focus {
            color: rgba(255, 255, 255, 0.75);
        }

    .main-sidebar-indigo-dark .main-sidebar-body .nav-sub {
        border-left-color: rgba(255, 255, 255, 0.1);
        padding-left: 0;
        padding-bottom: 0;
        position: relative;
    }

        .main-sidebar-indigo-dark .main-sidebar-body .nav-sub::before {
            content: '';
            position: absolute;
            top: 0;
            left: -32px;
            right: -20px;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.1);
            z-index: 4;
        }

    .main-sidebar-indigo-dark .main-sidebar-body .nav-sub-item.active .nav-sub-link {
        color: #fff;
    }

    .main-sidebar-indigo-dark .main-sidebar-body .nav-sub-link {
        padding-left: 21px;
        color: rgba(255, 255, 255, 0.4);
        border-top-color: rgba(255, 255, 255, 0.1);
        position: relative;
        z-index: 5;
    }

        .main-sidebar-indigo-dark .main-sidebar-body .nav-sub-link:hover,
        .main-sidebar-indigo-dark .main-sidebar-body .nav-sub-link:focus {
            color: #fff;
        }

.main-header-dashboard-nine {
    background-color: #fff;
}

    .main-header-dashboard-nine .main-header-menu-icon {
        margin-right: 0;
    }

@media (min-width: 992px) {
    .main-header-dashboard-nine {
        position: fixed;
        top: 0;
        left: 220px;
        right: 0;
        box-shadow: 0 0 15px rgba(28, 39, 60, 0.1);
    }
}

@media (min-width: 1200px) {
    .main-header-dashboard-nine {
        left: 240px;
    }
}

.main-content-1 {
    position: relative;
}

    .main-content-1 .main-content-header {
        display: block;
        padding: 20px;
        background-color: #fff;
        border: 0;
        border-bottom: 1px solid #e3e8f1;
    }

        .main-content-1 .main-content-header .nav {
            justify-content: flex-start;
        }

        .main-content-1 .main-content-header .nav-link {
            color: #596882;
            font-weight: 500;
        }

            .main-content-1 .main-content-header .nav-link:hover,
            .main-content-1 .main-content-header .nav-link:focus {
                color: #1c273c;
            }

            .main-content-1 .main-content-header .nav-link.active {
                color: #C9A96E ;
            }

                .main-content-1 .main-content-header .nav-link.active::before {
                    top: 34px;
                    bottom: auto;
                    background-color: #C9A96E ;
                }

            .main-content-1 .main-content-header .nav-link + .nav-link {
                margin-top: 0;
                margin-left: 25px;
            }

            .main-content-1 .main-content-header .nav-link:last-child {
                position: relative;
            }

                .main-content-1 .main-content-header .nav-link:last-child::after {
                    content: '';
                    position: relative;
                    display: inline-block;
                    width: 25px;
                }

    .main-content-1 .main-content-header-top {
        margin-bottom: 20px;
    }

    .main-content-1 .main-content-title {
        letter-spacing: -.7px;
        font-size: 24px;
    }

    .main-content-1 .main-content-body {
        padding: 20px;
    }

    .main-content-1 .card {
        border-width: 0;
        box-shadow: 0 0 10px rgba(28, 39, 60, 0.1);
    }

@media (min-width: 992px) {
    .main-content-1 {
        margin-top: 64px;
    }
}

@media (min-width: 992px) {
    .main-content-1 .main-content-header {
        padding: 15.7px 21px;
        margin: 0 0 1.3rem 0;
    }
}

@media (max-width: 991.98px) {
    .main-content-1 .main-content-header .nav-wrapper {
        overflow: hidden;
        width: 100%;
        height: 20px;
    }
}

@media (max-width: 991.98px) {
    .main-content-1 .main-content-header .nav {
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        width: calc(100vw - 20px);
    }
}

@media (max-width: 991.98px) {
    .main-content-1 .main-content-header .nav-link {
        white-space: nowrap;
        padding-bottom: 10px;
    }
}

@media (min-width: 992px) {

    .main-content-1 .main-content-header .nav-link:nth-child(5),
    .main-content-1 .main-content-header .nav-link:last-child {
        font-weight: 400;
    }
}

@media (min-width: 992px) {
    .main-content-1 .main-content-header .nav-link:nth-child(5) {
        margin-left: auto;
    }
}

@media (min-width: 768px) {
    .main-content-1 .main-content-header .nav-link:last-child::after {
        display: none;
    }
}

@media (min-width: 576px) {
    .main-content-1 .main-content-header-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
    }
}

.card-dashboard-twentyone {
    position: relative;
}

    .card-dashboard-twentyone .card-body {
        background-color: #f4f5f8;
        padding: 20px;
        height: 100%;
    }

        .card-dashboard-twentyone .card-body .main-content-label,
        .card-dashboard-twentyone .card-body .card-table-two .card-title {
            margin-bottom: 8px;
            text-transform: capitalize;
            font-size: 14px;
        }

        .card-table-two .card-dashboard-twentyone .card-body .card-title,
        .card-dashboard-twentyone .card-body .card-dashboard-eight .card-title,
        .card-dashboard-eight .card-dashboard-twentyone .card-body .card-title {
            margin-bottom: 8px;
            text-transform: capitalize;
            font-size: 14px;
        }

@media (min-width: 768px) {
    .card-dashboard-twentyone .list-group {
        margin-bottom: 10px;
    }
}

.card-dashboard-twentyone .list-group-item {
    padding: 8px 0;
    border-width: 0;
    border-right-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    background-color: transparent;
}

    .card-dashboard-twentyone .list-group-item span {
        flex-basis: 50%;
        max-width: 50%;
    }

        .card-dashboard-twentyone .list-group-item span:last-of-type {
            text-align: right;
            color: #1c273c;
            font-size: 12px;
            font-weight: 700;
            font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        }

    .card-dashboard-twentyone .list-group-item .progress {
        margin-top: 5px;
        margin-bottom: 0;
        flex-basis: 100%;
        max-width: 100%;
        height: 5px;
        background-color: #b4bdce;
    }

    .card-dashboard-twentyone .list-group-item:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .card-dashboard-twentyone .list-group-item:last-child {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

.card-dashboard-twentyone .vmap-wrapper {
    width: 100%;
    height: 180px;
}

    .card-dashboard-twentyone .vmap-wrapper .jqvmap-zoomin,
    .card-dashboard-twentyone .vmap-wrapper .jqvmap-zoomout {
        width: 24px;
        height: 24px;
        left: 15px;
        border-radius: 100%;
        background-color: #1c273c;
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        opacity: .2;
    }

        .card-dashboard-twentyone .vmap-wrapper .jqvmap-zoomin:hover,
        .card-dashboard-twentyone .vmap-wrapper .jqvmap-zoomin:focus {
            opacity: .8;
        }

        .card-dashboard-twentyone .vmap-wrapper .jqvmap-zoomout:hover,
        .card-dashboard-twentyone .vmap-wrapper .jqvmap-zoomout:focus {
            opacity: .8;
        }

    .card-dashboard-twentyone .vmap-wrapper .jqvmap-zoomin {
        top: 15px;
    }

    .card-dashboard-twentyone .vmap-wrapper .jqvmap-zoomout {
        top: 45px;
    }

@media (min-width: 576px) {
    .card-dashboard-twentyone .vmap-wrapper {
        height: 250px;
    }
}

@media (min-width: 768px) {
    .card-dashboard-twentyone .vmap-wrapper {
        height: 100%;
    }
}

.card-dashboard-twentytwo {
    background-color: #fff;
    position: relative;
    height: 120px;
}

    .card-dashboard-twentytwo .media {
        padding: 20px;
        position: relative;
        z-index: 5;
    }

    .card-dashboard-twentytwo .media-icon {
        width: 45px;
        height: 45px;
        color: #fff;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .card-dashboard-twentytwo .media-icon i {
            font-size: 24px;
            line-height: 0;
        }

            .card-dashboard-twentytwo .media-icon i.typcn {
                line-height: .9;
            }

    .card-dashboard-twentytwo .media-body {
        margin-left: 15px;
        padding-top: 5px;
    }

        .card-dashboard-twentytwo .media-body h6 {
            margin-bottom: 5px;
            line-height: .7;
            color: #1c273c;
            font-size: 26px;
            font-weight: 700;
            font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            letter-spacing: -.5px;
            display: flex;
            align-items: flex-end;
        }

            .card-dashboard-twentytwo .media-body h6 > small {
                color: #fff;
                padding: 2px 3px;
                font-size: 9px;
                font-weight: 500;
                line-height: 1.1;
                margin-left: 5px;
                letter-spacing: normal;
            }

                .card-dashboard-twentytwo .media-body h6 > small.up {
                    background-color: #22c03c;
                }

                .card-dashboard-twentytwo .media-body h6 > small.down {
                    background-color: #ee335e;
                }

        .card-dashboard-twentytwo .media-body > span {
            display: block;
        }

        .card-dashboard-twentytwo .media-body > small {
            display: block;
            font-size: 11px;
            color: #97a3b9;
        }

            .card-dashboard-twentytwo .media-body > small strong {
                font-weight: 500;
            }

    .card-dashboard-twentytwo .chart-wrapper {
        position: absolute;
        right: -9px;
        left: -9px;
        opacity: .3;
    }

    .card-dashboard-twentytwo .flot-chart {
        width: 100%;
        height: 120px;
    }

.card-dashboard-twentythree {
    background-color: #f4f5f8;
}

    .card-dashboard-twentythree .main-donut-chart.chart1 {
        width: 130px;
        height: 130px;
        background: #b4bdce;
    }

        .card-dashboard-twentythree .main-donut-chart.chart1 .slice.one {
            clip: rect(0 130px 65px 0);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            background: #C9A96E ;
        }

        .card-dashboard-twentythree .main-donut-chart.chart1 .slice.two {
            clip: rect(0 65px 130px 0);
            -webkit-transform: rotate(234deg);
            transform: rotate(234deg);
            background: #C9A96E ;
        }

        .card-dashboard-twentythree .main-donut-chart.chart1 .chart-center {
            top: 15px;
            left: 15px;
            width: 100px;
            height: 100px;
            background: #f4f5f8;
        }

            .card-dashboard-twentythree .main-donut-chart.chart1 .chart-center span {
                font-size: 40px;
                line-height: 100px;
                color: #C9A96E ;
                font-weight: 700;
                font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
                font-size: 32px;
            }

                .card-dashboard-twentythree .main-donut-chart.chart1 .chart-center span:after {
                    content: "65%";
                }

    .card-dashboard-twentythree label {
        display: flex;
        align-items: center;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 10px;
        line-height: 1;
        letter-spacing: .5px;
    }

        .card-dashboard-twentythree label span {
            display: block;
            width: 8px;
            height: 8px;
            border-radius: 100%;
            margin-right: 5px;
        }

    .card-dashboard-twentythree h5 {
        font-size: 24px;
        font-weight: 700;
        font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        color: #1c273c;
        letter-spacing: -1px;
    }

.card-dashboard-audience-metrics {
    background-color: #f4f5f8;
    position: relative;
    overflow: hidden;
    height: 250px;
}

    .card-dashboard-audience-metrics .card-header {
        padding: 20px 20px 0;
        background-color: #fff;
        position: relative;
        z-index: 3;
    }

    .card-dashboard-audience-metrics .card-title {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .card-dashboard-audience-metrics .chart-wrapper {
        position: absolute;
        right: 0;
        bottom: -20px;
        left: 0;
        padding: 5px 5px 0;
    }

    .card-dashboard-audience-metrics .flot-chart {
        width: 100%;
        height: 180px;
    }

        .card-dashboard-audience-metrics .flot-chart .flot-x-axis > div {
            text-transform: uppercase;
            font-size: 10px;
            font-weight: 700;
            color: #7987a1;
            display: none;
        }

            .card-dashboard-audience-metrics .flot-chart .flot-x-axis > div span:last-child {
                padding-left: 2px;
                font-weight: 700;
                color: #1c273c;
            }

    .card-dashboard-audience-metrics .card-body {
        background-color: #fff;
        display: flex;
        padding: 0 20px 20px;
        flex: none;
        position: relative;
        z-index: 3;
    }

        .card-dashboard-audience-metrics .card-body > div + div {
            margin-left: 10px;
            padding-left: 10px;
        }

        .card-dashboard-audience-metrics .card-body h4 {
            font-weight: 700;
            font-size: 17px;
            font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            color: #1c273c;
            letter-spacing: -.5px;
            margin-bottom: 3px;
        }

        .card-dashboard-audience-metrics .card-body label {
            margin-bottom: 0;
            display: flex;
            align-items: center;
            font-size: 11px;
        }

            .card-dashboard-audience-metrics .card-body label span {
                display: inline-block;
                width: 9px;
                height: 9px;
                margin-right: 5px;
                border-radius: 100%;
            }

@media (min-width: 576px) {
    .card-dashboard-audience-metrics {
        height: 270px;
    }
}

@media (min-width: 576px) {
    .card-dashboard-audience-metrics .chart-wrapper {
        padding-bottom: 10px;
        bottom: 10px;
    }
}

@media (min-width: 576px) {
    .card-dashboard-audience-metrics .flot-chart .flot-x-axis > div {
        display: block;
    }
}

@media (min-width: 576px) {
    .card-dashboard-audience-metrics .card-body > div + div {
        margin-left: 20px;
        padding-left: 20px;
    }
}

@media (min-width: 576px) {
    .card-dashboard-audience-metrics .card-body h4 {
        font-size: 21px;
    }
}

@media (min-width: 576px) {
    .card-dashboard-audience-metrics .card-body label {
        font-size: 0.875rem;
    }
}

/* ###### 8.10 Dashboard Ten  ###### */
.card-dashboard-twentyfour .card-header {
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px 0;
}

.card-dashboard-twentyfour .card-title {
    font-size: 14px;
    margin-bottom: 0;
}

.card-dashboard-twentyfour .card-body {
    padding: 15px 20px 20px;
}

.card-dashboard-twentyfour .card-body-top {
    display: flex;
    margin-bottom: 20px;
}

    .card-dashboard-twentyfour .card-body-top h6 {
        color: #1c273c;
        font-size: 18px;
        font-weight: 600;
        font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        margin-bottom: 0;
        letter-spacing: -.75px;
    }

        .card-dashboard-twentyfour .card-body-top h6 small {
            font-weight: 600;
        }

        .card-dashboard-twentyfour .card-body-top h6 span {
            color: #97a3b9;
            font-weight: 400;
            letter-spacing: normal;
        }

    .card-dashboard-twentyfour .card-body-top label {
        display: block;
        margin-bottom: 0;
        color: #7987a1;
        font-size: 11px;
    }

    .card-dashboard-twentyfour .card-body-top > div + div {
        margin-left: 30px;
    }

.card-dashboard-twentyfour .main-content-label,
.card-dashboard-twentyfour .card-table-two .card-title {
    font-size: 10px;
    color: #C9A96E;
    letter-spacing: .5px;
    margin-bottom: 0;
}

@media (min-width: 576px) {
    .card-dashboard-twentyfour .card-body-top h6 {
        font-size: 22px;
    }
}

@media (min-width: 576px) {
    .card-dashboard-twentyfour .card-body-top label {
        font-size: 0.875rem;
    }

    .card-dashboard-audience-metrics .flot-chart .flot-x-axis .flot-tick-label {
        display: block;
    }
}

.card-table-two .card-dashboard-twentyfour .card-title,
.card-dashboard-twentyfour .card-dashboard-eight .card-title,
.card-dashboard-eight .card-dashboard-twentyfour .card-title {
    font-size: 10px;
    color: #C9A96E;
    letter-spacing: .5px;
    margin-bottom: 0;
}

.card-dashboard-twentyfour .chart-legend {
    display: flex;
    align-items: center;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .5px;
    line-height: .6;
}

    .card-dashboard-twentyfour .chart-legend span {
        display: inline-block;
        width: 7px;
        height: 7px;
        margin-right: 5px;
    }

    .card-dashboard-twentyfour .chart-legend > div {
        display: flex;
        align-items: center;
    }

        .card-dashboard-twentyfour .chart-legend > div + div {
            margin-left: 20px;
        }

.card-dashboard-twentyfour .chart-wrapper {
    position: relative;
    margin-right: -10px;
}

.card-dashboard-twentyfour .flot-chart {
    width: 100%;
    height: 130px;
}

.card-dashboard-twentyfive .card-title {
    font-size: 14px;
    margin-bottom: 15px;
}

.card-dashboard-twentyfive .col + .col {
    border-left: 1px solid #e2e8f5;
}

.card-dashboard-twentyfive .card-label {
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .5px;
    margin-bottom: 2px;
    color: #97a3b9;
    white-space: nowrap;
}

.card-dashboard-twentyfive .card-value {
    font-size: 22px;
    font-weight: 600;
    font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #1c273c;
    margin-bottom: 0;
    letter-spacing: -1px;
}

.card-dashboard-twentyfive .chart-wrapper {
    position: relative;
    margin: 0 -8px -5px;
}

.card-dashboard-twentyfive .flot-chart {
    width: 100%;
    height: 35px;
}

#flTearFluidhart2 {
    width: 100%;
    height: 35px;
}

.card-dashboard-twentysix .card-header {
    padding: 15px 15px 10px;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card-dashboard-twentysix .card-title {
    margin-bottom: 0;
    text-transform: uppercase;
}

.card-dashboard-twentysix .chart-legend {
    display: flex;
    align-items: center;
}

    .card-dashboard-twentysix .chart-legend > div {
        font-size: 10px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: .5px;
    }

        .card-dashboard-twentysix .chart-legend > div + div {
            margin-left: 15px;
        }

    .card-dashboard-twentysix .chart-legend span {
        display: inline-block;
        width: 8px;
        height: 8px;
        margin-right: 2px;
    }

.card-dashboard-twentysix .card-body {
    padding: 0;
    position: relative;
    overflow: hidden;
}

    .card-dashboard-twentysix .card-body h6 {
        margin-bottom: 0;
        color: #1c273c;
        font-size: 22px;
        font-weight: 600;
        font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        letter-spacing: -.5px;
        line-height: 1;
    }

        .card-dashboard-twentysix .card-body h6 span {
            font-weight: 400;
            font-size: 18px;
            letter-spacing: -1px;
        }

    .card-dashboard-twentysix .card-body label {
        font-size: 12px;
        margin-bottom: 0;
        color: #97a3b9;
    }

.card-dashboard-twentysix .chart-wrapper {
    position: relative;
    margin: -30px -18px -15px -18px;
}

.card-dashboard-twentysix .flot-chart {
    width: 100%;
    height: 120px;
}

    .card-dashboard-twentysix .flot-chart .flot-x-axis > div {
        font-size: 10px;
        letter-spacing: .5px;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.75);
        transform: translateY(-20px);
    }

    .card-dashboard-twentysix .flot-chart .flot-y-axis > div {
        font-size: 10px;
        transform: translateX(33px);
        color: rgba(28, 39, 60, 0.5);
    }

.card-dashboard-twentysix.card-dark-one .card-title,
.card-dashboard-twentysix.card-dark-two .card-title,
.card-dashboard-twentysix.card-dark-one .card-body h6,
.card-dashboard-twentysix.card-dark-two .card-body h6 {
    color: #fff;
}

    .card-dashboard-twentysix.card-dark-one .card-body h6 span,
    .card-dashboard-twentysix.card-dark-two .card-body h6 span {
        color: rgba(255, 255, 255, 0.5);
    }

.card-dashboard-twentysix.card-dark-one .card-body label,
.card-dashboard-twentysix.card-dark-two .card-body label {
    color: rgba(255, 255, 255, 0.7);
}

.card-dashboard-twentysix.card-dark-one .flot-chart .flot-y-axis > div,
.card-dashboard-twentysix.card-dark-two .flot-chart .flot-y-axis > div {
    color: rgba(255, 255, 255, 0.2);
}

.card-dashboard-twentysix.card-dark-one {
    background-color: #8485fb;
    background-image: linear-gradient(to bottom, #1f05f0 0%, #8485fb 100%);
    background-repeat: repeat-x;
}

.card-dashboard-twentysix.card-dark-two {
    background-color: #0040ff;
    background-image: linear-gradient(to bottom, #0a47ff 0%, #C9A96E  100%);
    background-repeat: repeat-x;
}

.main-rating-value {
    font-size: 40px;
    font-weight: 400;
    font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #1c273c;
    margin-bottom: 0;
    letter-spacing: -.5px;
    line-height: .7;
}

.main-rating-label {
    margin-bottom: 10px;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.main-media-list-reviews .media + .media {
    margin-top: 25px;
}

.main-media-list-reviews .main-img-user {
    width: 32px;
    height: 32px;
}

    .main-media-list-reviews .main-img-user::after {
        display: none;
    }

.main-media-list-reviews .media-body {
    margin-left: 15px;
}

    .main-media-list-reviews .media-body h6 {
        margin-bottom: 2px;
        line-height: 1;
    }

    .main-media-list-reviews .media-body small {
        display: inline-block;
        font-size: 12px;
        color: #97a3b9;
        line-height: 1;
    }

.main-star-group {
    display: flex;
    align-items: center;
}

    .main-star-group span:last-child {
        display: block;
        font-weight: 500;
        font-size: 11px;
        margin-left: 5px;
        color: #7987a1;
    }

.main-star-item {
    color: #C9A96E ;
    font-size: 14px;
    position: relative;
}

    .main-star-item + .main-star-item {
        margin-left: 3px;
    }

.main-media-list-activity .media + .media {
    margin-top: 23px;
}

.main-media-list-activity .media-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 100%;
}

    .main-media-list-activity .media-icon i {
        font-size: 21px;
        line-height: 0;
    }

        .main-media-list-activity .media-icon i.typcn {
            line-height: .9;
        }

.main-media-list-activity .media-body {
    margin-left: 15px;
}

    .main-media-list-activity .media-body h6 {
        margin-bottom: 2px;
        color: #1c273c;
    }

    .main-media-list-activity .media-body span {
        display: block;
        font-size: 11px;
        color: #97a3b9;
    }

.main-media-list-activity .media-right {
    font-size: 11px;
    color: #97a3b9;
}

.app.sidebar-mini .desktop-logo.logo-dark {
    display: none;
}

.dropdown-menu-left {
    box-shadow: 0px 0px 15px 1px #bcb5d6;
}

    .dropdown-menu-left .dropdown-item {
        padding: 4px 19px;
    }

    .dropdown-menu-left img {
        width: 31px;
        height: 20px;
    }

.main-header-profile {
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
}

.dropdown-menu-arrow:after {
    content: '';
    position: absolute;
    top: -8.5px;
    right: 16px;
    border-bottom: 9px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}

.dropdown-menu-left {
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
}

.right-content .btn-sm,
.right-content .btn-group-sm > .btn {
    padding: .4rem .8rem;
}

.total-revenue {
    display: flex;
    padding: 0 10px 20px;
    flex: none;
    position: absolute;
    z-index: 9;
}

    .total-revenue h4 {
        font-size: 21px;
        font-weight: 700;
        font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        color: #1c273c;
        letter-spacing: -.5px;
        margin-bottom: 3px;
    }

    .total-revenue label {
        font-size: 0.875rem;
    }

        .total-revenue label span {
            display: inline-block;
            width: 9px;
            height: 9px;
            margin-right: 5px;
            border-radius: 100%;
        }

    .total-revenue > div + div {
        margin-left: 20px;
        padding-left: 20px;
    }

.customers .list-group-item .media img {
    width: 40px !important;
    height: 40px !important;
}

.list-group-item-action {
    width: 100%;
    color: #1d2635;
    text-align: inherit;
}

.progress-style .table th,
.progress-style .table td {
    padding: 0.75rem;
    vertical-align: middle;
}

.progress-style.progress {
    overflow: visible !important;
}

    .progress-style.progress .progress-bar:after {
        content: "";
        width: 15px;
        height: 15px;
        border-radius: 50%;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
        background: #fff;
        position: absolute;
        right: -5px;
        top: -5px;
    }

.progress-style .bg-primary-gradient.progress-bar:after,
.progress-style .bg-primary.progress-bar:after {
    border: 4px solid #C9A96E ;
}

.progress-style .bg-danger.progress-bar:after {
    border: 4px solid #ee335e;
}

.progress-style .bg-teal.progress-bar:after {
    border: 4px solid #00cccc;
}

.progress-style .bg-pink.progress-bar:after {
    border: 4px solid #f10075;
}

.progress-style .bg-success.progress-bar:after {
    border: 4px solid #22c03c;
}

.progress-style .bg-danger-gradient.progress-bar:after {
    border: 4px solid #ee335e;
}

.progress-style .bg-warning.progress-bar:after {
    border: 4px solid #fbbc0b;
}

.progress-style .bg-info.progress-bar:after {
    border: 4px solid #00b9ff;
}

.progress-style.progress .progress-bar {
    box-shadow: none;
    border-radius: 0;
    position: relative;
    -webkit-animation: animate-positive 2s;
    animation: animate-positive 2s;
}

.progress-style .progress-bar {
    float: left;
    height: 100%;
    font-size: 12px;
    border-radius: 20px !important;
    line-height: 20px;
    overflow: visible !important;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.customers .list-group-item-action:hover,
.customers .list-group-item-action:focus {
    color: #0160e4;
    background-color: #ecf0fa;
}

.customers .list-group-item {
    padding: 0.82rem 1.25rem;
}

.sales-info h3,
.card-table h4 {
    font-size: 21px;
    font-weight: 700;
    font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #1c273c;
}

.sales-infomation {
    position: absolute;
    bottom: 0;
}

#chart {
    margin-bottom: 4.5rem;
}

.br-br-7 {
    border-bottom-right-radius: 7px !important;
}

.br-bl-7 {
    border-bottom-left-radius: 7px !important;
}

.header-icon-svgs {
    width: 19px;
    height: 19px;
    color: #5b6e88;
}

.fullscreen-button .full-screen-link {
    line-height: 38px !important;
}

.country-flag1 strong {
    color: #7282a9;
    display: none;
}

@media (max-width: 767px) {
    .app-sidebar__toggle {
        text-align: center;
    }
}

@media (max-width: 920px) {
    .sidebar-mini .main-dashboard-header-right {
        flex-wrap: nowrap;
        margin-top: 20px;
    }

    .sidebar-mini .breadcrumb-header {
        display: block !important;
    }

    .sidebar-mini .main-dashboard-header-right > div label {
        text-align: left;
    }

    .sidebar-mini .main-dashboard-header-right > div:first-child {
        flex-basis: 100%;
    }
}

@media (max-width: 576px) {

    .main-header .container-fluid,
    .main-header .container {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .sidebar-mini .main-dashboard-header-right {
        flex-wrap: wrap !important;
    }

    .country-flag1 {
        display: none !important;
    }

    .main-header-message,
    .main-header-notification {
        margin: auto 0 !important;
    }

    .total-revenue {
        padding: 0 !important;
    }

        .total-revenue > div + div {
            margin-left: 20px !important;
            padding-left: 3px !important;
        }
}

.nav-link.html-code.active {
    border-color: transparent;
    background-color: #23241f;
    color: white;
    margin-top: 1rem;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom: 0;
}

.html-source.nav-tabs .nav-item {
    margin-bottom: -2px;
}

.nav-link.html-code {
    background: #ecf0fa;
    display: inline-flex;
    -webkit-box-align: center;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    align-items: center;
}

.counter-icon {
    margin-bottom: 0;
    display: inline-flex;
    width: 4rem;
    height: 4rem;
    padding: 1.3rem 1.4rem;
    border-radius: 50%;
    text-align: center;
    background: rgba(21, 22, 23, 0.2);
}

    .counter-icon i {
        color: #fff;
        font-size: 22px;
    }

.success-widget h3 {
    text-align: center;
}

    .success-widget h3:before {
        content: "";
        position: relative;
        display: inline-block;
        width: 26%;
        height: 1px;
        vertical-align: middle;
        background: #ccead1;
    }

    .success-widget h3:after {
        content: "";
        position: relative;
        display: inline-block;
        width: 26%;
        height: 1px;
        vertical-align: middle;
        background: #ccead1;
        left: .5em;
    }

    .success-widget h3:before {
        right: .5em;
    }

.danger-widget h3 {
    text-align: center;
}

    .danger-widget h3:before,
    .danger-widget h3:after {
        background: #cad8a9;
    }

    .danger-widget h3:before {
        content: "";
        position: relative;
        display: inline-block;
        width: 26%;
        height: 1px;
        vertical-align: middle;
        background: #f5dce2;
    }

    .danger-widget h3:after {
        content: "";
        position: relative;
        display: inline-block;
        width: 26%;
        height: 1px;
        vertical-align: middle;
        background: #f5dce2;
        left: .5em;
    }

    .danger-widget h3:before {
        right: .5em;
    }

.warning-widget h3 {
    text-align: center;
}

    .warning-widget h3:before,
    .warning-widget h3:after {
        background: #cad8a9;
    }

    .warning-widget h3:before {
        content: "";
        position: relative;
        display: inline-block;
        width: 26%;
        height: 1px;
        vertical-align: middle;
        background: #f3e7c6;
    }

    .warning-widget h3:after {
        content: "";
        position: relative;
        display: inline-block;
        width: 26%;
        height: 1px;
        vertical-align: middle;
        background: #f3e7c6;
        left: .5em;
    }

    .warning-widget h3:before {
        right: .5em;
    }

.card .box {
    position: relative;
    top: 50%;
    left: 0;
    text-align: center;
    padding: 30px;
    box-sizing: border-box;
    border: 1px solid #e9f1f1;
    border-radius: 4px;
    box-shadow: 0 0 25px rgba(255, 255, 255, 0.3);
    width: 100%;
}

    .card .box .img {
        width: 120px;
        height: 120px;
        margin: 0 auto;
        border-radius: 50%;
        overflow: hidden;
    }

    .card .box h2 {
        font-size: 20px;
        margin: 20px auto;
    }

    .card .box ul li a {
        display: block;
        margin: 0 10px;
        font-size: 20px;
        transition: 0.5s;
        text-align: center;
    }

    .card .box h2 span {
        background: #C9A96E ;
        font-size: 14px;
        color: #fff;
        display: inline-block;
        padding: 4px 10px;
        border-radius: 15px;
        margin-top: 10px;
    }

.userlist-table .table th,
.userlist-table .table td {
    padding: 0.75rem;
    vertical-align: middle;
    display: table-cell;
}

.userlist-table .table-bordered thead th,
.userlist-table .table-bordered thead td {
    padding-top: 12px;
    padding-bottom: 12px;
}

.userlist-table .btn-sm,
.userlist-table .btn-group-sm > .btn {
    padding: .44rem .7rem;
    font-size: .9rem;
    display: initial;
    margin: 4px;
}

.userlist-table .user-link {
    font-weight: 500;
    color: #000;
    margin-right: 5px;
}

.userlist-table .user-subhead {
    color: #8992a9;
    display: none;
}

.dot-label {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    animation: ani 1s linear infinite;
    left: 7px;
    bottom: -12px;
    position: relative;
}

@keyframes ani {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1);
    }

    30% {
        transform: scale(1.4);
    }

    50% {
        transform: scale(1.2);
    }

    70% {
        transform: scale(1.4);
    }

    90% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}

.search .page-link {
    background-color: #fff;
}

.main-card-signin,
.modal-content .card {
    box-shadow: none;
}

@media (max-width: 920px) {
    .right-content {
        margin-top: 1rem !important;
    }
}

@media (max-width: 576px) {
    .profile.navtab-custom {
        padding: 11px 0 0 0 !important;
        width: 100%;
    }

        .profile.navtab-custom li {
            display: flex;
            width: 100%;
            border-radius: 0;
        }

            .profile.navtab-custom li a {
                border-radius: 0;
                width: 100%;
                margin-right: 0 !important;
                border-top-left-radius: 0 !important;
                border-top-right-radius: 0 !important;
            }
}

.table-vcenter td,
.table-vcenter th {
    vertical-align: middle;
    border-top: 1px solid #f1f5fa;
}

.table-center td,
.table-center th {
    text-align: center;
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #22252f;
}

.userlist-table .dot-label {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    animation: ani 1s linear infinite;
    left: -6px;
    bottom: -7px;
    position: relative;
}

.userlist-table img {
    max-width: inherit;
}

.product-pagination .page-link {
    background-color: #fff !important;
    border: 1px solid #dfe4f3;
}

.product-pagination .page-item.active .page-link {
    background: #C9A96E  !important;
    border-color: #C9A96E ;
}

.main-logo1 {
    font-weight: 600;
}

@media (min-width: 576px) {
    .dropdown.nav-itemd-none .dropdown-menu:after {
        border-bottom: 9px solid #fff;
    }
}

@media (min-width: 992px) {
    .top-header .header-brand {
        display: none;
    }

    .top-header .main-header-center {
        margin-left: 0 !important;
    }

    .top-header .header-brand.header-brand2 {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        top: 17px;
    }
}

.btn-outline-danger:focus {
    background: #ee335e;
}

@media (max-width: 991px) {
    .navbar-form.active .input-group-btn {
        right: 24px !important;
    }
}

.panel-heading1 a:before {
    content: "\e994";
    position: absolute;
    font-family: 'feather' !important;
    right: 10px;
    top: 12px;
    font-size: 20px;
    transition: all 0.5s;
    transform: scale(1);
}

#compositeline canvas,
#compositeline2 canvas,
#compositeline3 canvas,
#compositeline4 canvas {
    width: 100% !important;
}

@media (max-width: 480px) {
    .main-header.nav.hor-header {
        padding: 0px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .main-content-left-contacts .main-nav-line .nav-link {
        padding: 6px 10px;
    }
}

@media (min-width: 1200px) {
    .main-nav-line-chat .nav-link + .nav-link {
        margin-left: 0 !important;
    }
}

@media (max-width: 1145px) and (min-width: 992px) {
    .main-nav-line-chat .nav-link + .nav-link {
        margin-left: 0 !important;
        padding: 0 7px;
    }
}

@media (max-width: 991px) {
    .main-nav-line-chat .nav-link {
        padding: 6px 10px;
    }

    .main-datetimepicker > .datepicker_inner_container > .datepicker_calendar {
        width: 250px !important;
    }

    .main-datetimepicker > .datepicker_inner_container > .datepicker_timelist {
        width: 100px !important;
    }

    .horizontalMenucontainer .main-header.hor-header {
        position: fixed !important;
    }

    .horizontalMenucontainer .breadcrumb-header {
        margin-top: 60px;
        padding-top: 30px;
    }

    .main-body.active.menu-open .horizontalMenucontainer .main-header {
        left: auto;
    }
}

@media (max-width: 991px) and (min-width: 634px) {
    .horizontalMenucontainer .right-content {
        margin-top: 0 !important;
    }
}

@media screen and (min-width: 634px) {
    .main-dashboard-header-right {
        margin-top: 0px;
    }
}

@media screen and (max-width: 767px) {
    .breadcrumb-header {
        margin-top: 24px;
        margin-bottom: 24px !important;
    }
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline: 0;
}

.breadcrumb-header .right-content .dropdown-menu {
    z-index: 9;
}

.todo-widget-header .dropdown-menu {
    z-index: 9;
}

#tooltip-left-arrow-individual {
    left: 117px !important;
    bottom: 8px !important;
}

#tooltip-right-arrow-individual {
    left: 0px !important;
    top: 7px !important;
}

.sign-favicon-b {
    display: none;
}

.light-mode .sign-favicon-b {
    display: none;
}

.light-mode .sign-favicon-a {
    display: inline;
}

.boxed #bar .apexcharts-canvas svg {
    width: 500px !important;
}

.boxed .media-body div:first-child {
    display: block !important;
    float: left;
}

.boxed .card .b-p-apex {
    padding-left: 0px !important;
}

.boxed .vmap-wrapper svg {
    width: 500px !important;
}

#chart div:first-child {
    margin-right: auto;
    margin-left: auto;
}

.border-top-0 {
    border-top: none !important;
}

#br-t-0 {
    border-top: none !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ecf0fa;
}

.list-group-item.br-t-1 {
    border-top: 1px solid #e7ebf3;
}

#mrg-8 {
    margin-right: 8px;
}

.btn-b {
    color: #fff !important;
    background-color: #00b9ff !important;
    border-color: #00b9ff !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: var(--background) !important;
    color: var(--bs-table-striped-color);
}

.timeline-1 {
    padding-left: revert !important;
}

.tabs-menu1 .main-nav-line .nav-item .nav-link {
    transition: none !important;
}

@media (min-width: 320px) and (max-width: 375px) {
    .main-card-signin.construction .sub-input .form-control {
        font-size: 12px;
        padding: 0.375rem 0.5rem;
    }

    .main-card-signin.construction .sub-input .input-group-append button {
        padding: 0px 10px;
    }
}

@media (max-width: 375px) {
    .action {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

        .action button {
            margin: 2px;
        }
}

@media (min-width: 991px) and (max-width: 1215px) {
    .related-products-ltr-h .text-center {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

        .related-products-ltr-h .text-center a {
            margin-top: 2px;
        }
}

@media (min-width: 991px) and (max-width: 1999px) {
    .related-products-ltr-l .product-des {
        display: flex;
        justify-content: space-between;
        padding: 15px 0px;
    }

        .related-products-ltr-l .product-des .cardprice {
            position: unset;
        }
}

@media (min-width: 991px) {
    .related-products-ltr-l .text-center {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

        .related-products-ltr-l .text-center a {
            margin: 2px;
        }
}

@media (min-width: 320px) {
    .actions.clearfix {
        width: 100%;
    }

        .actions.clearfix ul {
            display: flex;
            align-items: center;
            justify-content: center !important;
        }

            .actions.clearfix ul li {
                margin: 2px;
            }

    .w-100-res {
        max-width: 100% !important;
        width: auto;
    }
}

@media (max-width: 577px) {
    .custom-cls-res {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

        .custom-cls-res div {
            margin: 2px;
        }
}

@media (min-width: 990px) and (max-width: 1024px) {
    .card-img-overlay {
        align-items: center;
    }

        .card-img-overlay p {
            margin-bottom: 0px !important;
        }
}

@media (max-width: 375px) {
    .widget-user-header {
        padding: 10px 20px !important;
    }
}

.navbar-nav-right .dropdown-footer {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

hr {
    border: none;
}

.table > :not(caption) > * > * {
    border-bottom: none;
}

.custom-index .table > :not(caption) > * > * {
    border-bottom: 1px solid #9b9ea5;
}

select:disabled {
    opacity: 0;
}

@media (min-width: 320px) {
    #mobile-number {
        max-width: 154px !important;
    }
}

@media (min-width: 375px) {
    #mobile-number {
        max-width: 209px !important;
    }
}

@media (min-width: 425px) {
    #mobile-number {
        width: 250px;
    }
}

@media (min-width: 320px) and (max-width: 357px) {
    .pd-25.custom-cls-img {
        padding: 5px !important;
        text-align: center;
    }

        .pd-25.custom-cls-img h6 {
            margin-bottom: 5px !important;
        }
}

@media (max-width: 991px) and (min-width: 768px) {
    .app.sidebar-mini.sidenav-toggled .main-chat-footer {
        margin-left: 80px !important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .app.sidebar-mini .main-chat-footer {
        margin-left: 239px !important;
    }
}

#bar svg {
    width: 100% !important;
}

#bar .apexcharts-canvas {
    width: 100% !important;
}

.custom-hvr a:hover {
    color: #fff;
}

.custom-hvr-2 a:hover {
    color: #fff;
}

.l-c-r {
    padding-left: revert !important;
}

.carousel-inner,
.carousel-slide,
.carousel-item,
.carousel-item img {
    border-radius: 5px;
}

#basicSlider .item,
#basicSlider img {
    border-radius: 5px;
}

@media (max-width: 425px) {
    .clearfix .carousel.slide .carousel-inner .carousel-item.active {
        display: flex;
        flex-wrap: wrap;
    }
}

.breadcrumb-item + .breadcrumb-item::before {
    padding-right: 0.5rem;
}

@media (min-width: 320px) and (max-width: 576px) {
    .modal-title.mg-b-5 {
        margin-top: 12px;
    }
}

.dropdown-menu-left.dropdown-menu-arrow.show {
    box-shadow: 0px 0px 15px 1px #45414e33;
    border-radius: 6px;
}

.custom-cls-no-br {
    border-color: #dde2ef;
}

.custom-index .table > :not(caption) > * > * {
    border-bottom: none !important;
}

.table-bordered > :not(caption) > * {
    border-bottom: 1px;
}

@media (max-width: 320px) {
    .pd-25 {
        padding: 8px !important;
    }
}

@media (min-width: 768px) {
    .app-content {
        margin-left: 240px;
        background-color: #F9F9F9;
    }
}

table.dataTable {
    margin: 0 auto;
    width: 99%;
}

/*-----IE issues-----*/
*::-ms-backdrop,
.main-header-center {
    display: inline-table !important;
    width: 350px;
}

    *::-ms-backdrop,
    .main-header-center .form-control {
        padding: 0.5rem 1.5rem;
    }

@media (min-width: 991px) {

    *::-ms-backdrop,
    .main-header-right .nav-link.btn-default.btn {
        margin-top: 10px;
    }
}

@media (max-width: 991px) {

    *::-ms-backdrop,
    .card-img-top {
        height: 300px;
    }

    *::-ms-backdrop,
    .main-header-right .nav-link.btn-default.btn {
        margin-top: 7px;
    }
}

*::-ms-backdrop,
.pricing .list-unstyled li {
    dispLay: block;
}

*::-ms-backdrop,
.main-content-body.main-content-body-mail,
*::-ms-backdrop,
.main-content-body.main-content-body-chat {
    flex: inherit;
}

*::-ms-backdrop,
.breadcrumb-3 li,
*::-ms-backdrop,
.breadcrumb-4 li {
    display: inline-block;
}

*::-ms-backdrop,
.main-footer {
    width: 100%;
    position: relative;
    bottom: -5px;
    margin-top: 1.5rem;
    margin-bottom: -10px;
    height: inherit !important;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
}

*::-ms-backdrop,
.horizontalMenucontainer .main-header-left {
    margin-left: 0 !important;
}

*::-ms-backdrop,
.main-content {
    height: 100%;
}

*::-ms-backdrop,
.horizontalMenucontainer .main-footer- {
    padding-bottom: 10px;
}

*::-ms-backdrop,
.media-list.media.d-block {
    display: inline !important;
}

*::-ms-backdrop,
.chat .action-header {
    padding: 10px 13px 1px 17px;
}

*::-ms-backdrop,
.sidebar-mini .main-header-left .btn {
    margin-left: 60px;
    left: 250px;
}

*::-ms-backdrop,
.sidebar-mini .main-content.app-content .main-header-left {
    margin-left: 0;
}

*::-ms-backdrop,
.sidebar.sidebar-open {
    z-index: 9999 !important;
}

*::-ms-backdrop,
.p-4.border-bottom {
    height: 100%;
}

*::-ms-backdrop,
.img-fluid,
*::-ms-backdrop,
.table,
*::-ms-backdrop,
.text-wrap table {
    max-width: 100%;
}

*::-ms-backdrop,
.sidebar {
    z-index: 0 !important;
}

*::-ms-backdrop,
.d-block.media.media-list {
    display: inline !important;
}

*::-ms-backdrop,
.main-header-message > a,
*::-ms-backdrop,
.main-header-notification > a,
*::-ms-backdrop,
.full-screen.nav-item > a,
*::-ms-backdrop,
.fullscreen-button .full-screen-link {
    line-height: 49px !important;
}

*::-ms-backdrop,
.datetimepicker table th.prev span,
*::-ms-backdrop,
.datetimepicker table th.next span {
    top: 20px;
}

*::-ms-backdrop,
.datetimepicker table th.next {
    border-top-right-radius: 0;
}

*::-ms-backdrop,
.datetimepicker table th.prev {
    border-top-left-radius: 0;
}

*::-ms-backdrop,
.main-header-center .btn,
*::-ms-backdrop,
.main-header-center .sp-container button,
*::-ms-backdrop,
.sp-container .main-header-center button {
    top: 0;
}

@media (min-width: 992px) {

    *::-ms-backdrop,
    .sidebar-mini .main-header-left {
        margin-left: 80px;
    }

    *::-ms-backdrop,
    .sidebar-mini .main-header .main-header-left .header-brand {
        margin-right: 80px;
        width: auto;
    }

    *::-ms-backdrop,
    .card-img-top {
        height: 250px;
    }
}

*::-ms-backdrop,
.btn-icon-list .btn {
    display: table;
    vertical-align: middle;
    text-align: center;
    margin-right: 10px;
}

*::-ms-backdrop,
.side-badge {
    top: 14px;
}

*::-ms-backdrop,
.media.d-sm-flex {
    display: initial;
}

*::-ms-backdrop,
.btn,
.sp-container button {
    padding: 8.5px;
}

*::-ms-backdrop,
.page-h {
    height: 100%;
}

*::-ms-backdrop,
p {
    font-size: 13px;
}

*::-ms-backdrop,
.breadcrumb-right .btn {
    padding: 0.4rem 1rem;
}

*::-ms-backdrop,
.horizontalMenucontainer .main-footer {
    padding-bottom: 10px;
}

*::-ms-backdrop,
.media-list.media.d-sm-flex {
    display: initial;
}

*::-ms-backdrop,
.main-msg-wrapper {
    display: inline-table;
}

*::-ms-backdrop,
.p-text .p-name {
    display: block;
}

*::-ms-backdrop,
.sidebar .tab-menu-heading {
    position: absolute !important;
}

*::-ms-backdrop,
.card--calendar .ui-datepicker-inline {
    border-width: 1px !important;
}

*::-ms-backdrop,
.fc-datepicker.main-datepicker.hasDatepicker {
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
}

*::-ms-backdrop,
.second-sidemenu .resp-tabs-container .slide-menu.submenu-list li {
    display: flex;
}

@media (min-width: 992px) {

    *::-ms-backdrop,
    .pulse-danger,
    *::-ms-backdrop,
    .pulse {
        top: 13px;
    }

    *::-ms-backdrop,
    .card.custom-card .box {
        position: static;
    }

    *::-ms-backdrop,
    .thumb .thumb-img {
        height: 139px;
    }

    *::-ms-backdrop,
    .main-chat-body .media-body .main-msg-wrapper.right,
    *::-ms-backdrop,
    .main-chat-body .media-body .main-msg-wrapper.left {
        display: inline-table;
    }

    *::-ms-backdrop,
    .main-dashboard-header-right > div:first-child {
        flex-basis: 150px;
    }

    *::-ms-backdrop,
    .tasks .ckbox {
        margin-right: 10px;
    }

    *::-ms-backdrop,
    .app-sidebar__toggle {
        margin-right: 30px !important;
    }

    *::-ms-backdrop,
    .product-details.table-responsive.text-nowrap .media-body {
        flex: none;
    }
}

@media (min-width: 767px) {

    *::-ms-backdrop,
    .bg-primary-transparent .row.wd-100x.mx-auto.text-center {
        margin-top: 4rem;
    }

    *::-ms-backdrop,
    .login.d-flex.align-items-center.py-2 {
        margin-top: 7rem;
    }
}

@media (max-width: 767px) {

    *::-ms-backdrop,
    .dropdown.nav-item.main-header-message,
    *::-ms-backdrop,
    .dropdown.nav-item.main-header-notification,
    *::-ms-backdrop,
    .dropdown.main-header-message.right-toggle {
        margin-top: 7px !important;
    }

    *::-ms-backdrop,
    .main-header-left .responsive-logo {
        margin-left: 40px !important;
    }

    *::-ms-backdrop,
    .sidebar-mini .main-header .main-header-left .header-brand {
        margin-left: 30px;
    }
}

*::-ms-backdrop,
html.fullscreen-button {
    width: 100%;
}

    *::-ms-backdrop,
    html.fullscreen-button .main-content,
    *::-ms-backdrop,
    html.fullscreen-button .app-content {
        overflow: scroll;
        overflow-x: hidden;
        height: 100vh;
    }

*::-ms-backdrop,
.error-page1 {
    -ms-overflow-y: hidden;
}

*::-ms-backdrop,
#list1 .avatar-md {
    width: inherit !important;
}

*::-ms-backdrop,
#list3 me-4 {
    margin-right: 0 !important;
}

*::-ms-backdrop,
.app-sidebar .slide .side-menu__item.active::before {
    top: 0;
}

*::-ms-backdrop,
.tab-content.border-bottom.p-4 {
    height: inherit !important;
}

*::-ms-backdrop,
.datetimepicker table th.prev span,
*::-ms-backdrop,
.datetimepicker table th.next span {
    top: 20px !important;
}

@media (min-width: 1025px) {

    *::-ms-backdrop,
    .btn,
    .sp-container button {
        padding: 12px;
    }
}

.adtocart {
    background: linear-gradient(45deg, #f93a5a, #f7778c) !important;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
    display: inline-block;
    text-align: center;
    border: 3px solid #fff;
    left: 40%;
    bottom: -24px;
    position: absolute;
}

    .adtocart i {
        color: #fff;
        font-size: 32px;
        line-height: 42px;
    }

.pro-title {
    color: #5A5A5A;
    display: inline-block;
    margin-top: 20px;
    font-size: 16px;
}

.product-list .price {
    color: #fc5959;
    font-size: 15px;
}

.pro-img-box {
    position: relative;
}

.prod-cat li ul li a:hover,
.prod-cat li ul li a:focus {
    background: none;
    color: #ee335e;
}

.prod-cat li ul li.active a {
    background: none;
    color: #ee335e;
}

.prod-cat li a:hover,
.prod-cat li a:focus,
.prod-cat li a.active {
    background: none;
    color: #ee335e;
}

.nav.prod-cat {
    position: relative;
    display: block;
    padding: 10px 5px;
}

.prod-cat li ul {
    margin-left: 44px;
    display: block;
}

    .prod-cat li ul li {
        padding: 10px 15px;
    }

.nav.prod-cat li {
    padding: 10px 0;
}

.product-pagination .page-link {
    background-color: #ecf0fa;
    border: 1px solid #dfe4f3;
}

.product-pagination .page-item.disabled .page-link {
    border-color: #dfe4f3;
}

.nav.prod-cat li a {
    color: #C9A96E;
}

    .nav.prod-cat li a i {
        margin-right: 14px;
    }

.product-sale {
    position: absolute;
    width: 100%;
    top: 10px;
    left: 13px;
    right: 5px;
}

    .product-sale .badge {
        color: #fff;
        font-size: 12px !important;
        margin-top: 10px;
    }

    .product-sale .wishlist {
        float: right;
        right: 26px;
        position: absolute;
        font-size: 18px !important;
        top: 5px;
    }

.shopping-cart,
.wishlist-table,
.order-table {
    margin-bottom: 20px;
}

    .shopping-cart .table,
    .wishlist-table .table,
    .order-table .table {
        margin-bottom: 0;
    }

    .shopping-cart .btn,
    .wishlist-table .btn,
    .order-table .btn {
        margin: 0;
    }

    .shopping-cart > table > thead > tr > th,
    .shopping-cart > table > thead > tr > td {
        vertical-align: middle !important;
    }

    .shopping-cart > table > tbody > tr > th,
    .shopping-cart > table > tbody > tr > td {
        vertical-align: middle !important;
    }

    .wishlist-table > table > thead > tr > th,
    .wishlist-table > table > thead > tr > td {
        vertical-align: middle !important;
    }

    .wishlist-table > table > tbody > tr > th,
    .wishlist-table > table > tbody > tr > td {
        vertical-align: middle !important;
    }

    .order-table > table > thead > tr > th,
    .order-table > table > thead > tr > td {
        vertical-align: middle !important;
    }

    .order-table > table > tbody > tr > th,
    .order-table > table > tbody > tr > td {
        vertical-align: middle !important;
    }

    .shopping-cart > table thead th,
    .wishlist-table > table thead th,
    .order-table > table thead th {
        padding-top: 17px;
        padding-bottom: 17px;
        border-width: 1px;
    }

    .shopping-cart .remove-from-cart,
    .wishlist-table .remove-from-cart,
    .order-table .remove-from-cart {
        display: inline-block;
        color: #ff5252;
        font-size: 18px;
        line-height: 1;
        text-decoration: none;
    }

    .shopping-cart .count-input,
    .wishlist-table .count-input,
    .order-table .count-input {
        display: inline-block;
        width: 100%;
        width: 86px;
    }

    .shopping-cart .product-item,
    .wishlist-table .product-item,
    .order-table .product-item {
        display: table;
        width: 100%;
        min-width: 150px;
        margin-top: 5px;
        margin-bottom: 3px;
    }

        .shopping-cart .product-item .product-thumb,
        .shopping-cart .product-item .product-info {
            display: table-cell;
            vertical-align: top;
        }

        .wishlist-table .product-item .product-thumb,
        .wishlist-table .product-item .product-info {
            display: table-cell;
            vertical-align: top;
        }

        .order-table .product-item .product-thumb,
        .order-table .product-item .product-info {
            display: table-cell;
            vertical-align: top;
        }

        .shopping-cart .product-item .product-thumb,
        .wishlist-table .product-item .product-thumb,
        .order-table .product-item .product-thumb {
            width: 109px;
            padding-right: 0;
        }

            .shopping-cart .product-item .product-thumb > img,
            .wishlist-table .product-item .product-thumb > img,
            .order-table .product-item .product-thumb > img {
                display: block;
                width: 85px;
                height: 85px;
            }

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

    .shopping-cart .product-item .product-thumb,
    .wishlist-table .product-item .product-thumb,
    .order-table .product-item .product-thumb {
        display: none;
    }
}

.shopping-cart .product-item .product-info span,
.wishlist-table .product-item .product-info span,
.order-table .product-item .product-info span {
    display: block;
    font-size: 13px;
    padding: 3px 0;
}

    .shopping-cart .product-item .product-info span > em,
    .wishlist-table .product-item .product-info span > em,
    .order-table .product-item .product-info span > em {
        font-weight: 500;
        font-style: normal;
    }

.shopping-cart .product-item .product-title,
.wishlist-table .product-item .product-title,
.order-table .product-item .product-title {
    margin-bottom: 6px;
    padding-top: 5px;
    font-size: 15px;
    font-weight: 500;
}

.table-responsive.shopping-cart {
    overflow-y: inherit;
    overflow-x: scroll;
}

.shopping-cart .product-item .product-title > a,
.wishlist-table .product-item .product-title > a,
.order-table .product-item .product-title > a {
    transition: color .3s;
    color: #374250;
    line-height: 1.5;
    text-decoration: none;
}

    .shopping-cart .product-item .product-title > a:hover,
    .wishlist-table .product-item .product-title > a:hover,
    .order-table .product-item .product-title > a:hover {
        color: #C9A96E ;
    }

.shopping-cart .product-item .product-title small,
.wishlist-table .product-item .product-title small,
.order-table .product-item .product-title small {
    display: inline;
    margin-left: 6px;
    font-weight: 500;
}

.wishlist-table .product-item .product-thumb {
    display: table-cell !important;
}

@media screen and (max-width: 576px) {
    .wishlist-table .product-item .product-thumb {
        display: none !important;
    }
}

.shopping-cart-footer {
    display: table;
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #e1e7ec;
}

    .shopping-cart-footer > .column {
        display: table-cell;
        padding: 5px 0;
        vertical-align: middle;
    }

        .shopping-cart-footer > .column:last-child {
            text-align: right;
        }

            .shopping-cart-footer > .column:last-child .btn {
                margin-right: 0;
                margin-left: 15px;
            }

@media (max-width: 768px) {
    .shopping-cart-footer > .column {
        display: block;
        width: 100%;
    }

        .shopping-cart-footer > .column:last-child {
            text-align: center;
        }

        .shopping-cart-footer > .column .btn {
            width: 100%;
            margin: 12px 0 !important;
        }
}

.coupon-form .form-control {
    display: inline-block;
    width: 100%;
    max-width: 235px;
    margin-right: 12px;
}

.product-details tr > td {
    vertical-align: middle !important;
}

.remove-from-cart {
    display: block;
    color: #ff5252;
    font-size: 18px;
    line-height: 1;
    text-decoration: none;
}

.product-details > table thead th {
    padding-top: 17px;
    padding-bottom: 17px;
    border-width: 1px;
    text-align: center;
}

.product-details .media {
    display: flex;
    align-items: flex-start;
    padding: 0.75rem;
}

@media screen and (max-width: 850px) {
    .shopping-cart-footer > .column {
        display: flow-root;
    }
}

@media screen and (max-width: 767px) {
    .coupon-form .form-control {
        max-width: inherit !important;
    }
}

.widget-user .widget-user-header {
    padding: 20px;
    height: 120px;
}

.widget-user .widget-user-username {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 300;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    color: #fff;
}

.widget-user .widget-user-desc {
    margin-top: 0;
    color: #fff;
}

.widget-user .widget-user-image {
    position: absolute;
    top: 65px;
    left: 50%;
    margin-left: -45px;
}

    .widget-user .widget-user-image > img {
        width: 90px;
        height: auto;
        border: 3px solid #fff;
    }

.widget-user .user-wideget-footer {
    padding-top: 30px;
}

.user-wideget-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #fff;
}

.user-wideget .border-right {
    border-right: 1px solid #f4f4f4;
}

.description-block {
    display: block;
    margin: 10px 0;
    text-align: center;
}

    .description-block > .description-header {
        margin: 0;
        padding: 0;
        font-weight: 600;
        font-size: 16px;
    }

    .description-block > .description-text {
        text-transform: uppercase;
        color: #a3b1c9;
    }

/* ######## LAYOUT-STYLES ######## */
/* ###### 6.2 Footer  ###### */
.main-footer {
    background-color: #fff;
    border-top: 1px solid #e3e8f7;
    margin-top: auto;
}

@media (min-width: 992px) {
    .main-footer {
        display: block;
    }

    .sticky-pin {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1;
    }

    .sticky {
        width: 100%;
    }
}

.side-header {
    position: sticky;
    width: 100%;
    z-index: 10 !important;
    border-bottom: 1px solid #e7ebf5;
}

.main-footer .container {
    font-size: 12px;
    padding: 38px 20px 0;
    align-items: center;
    justify-content: space-between;
    color: #737f9e;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
    line-height: 3.7;
}

.main-footer .container-fluid {
    font-size: 12px;
    padding: 38px 20px 0;
    align-items: center;
    justify-content: space-between;
    color: #737f9e;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
    line-height: 3.7;
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 992px) {
    .main-footer .container {
        padding: 10px 0 0;
    }
}

.main-footer-app .container,
.main-footer-app .container-fluid {
    border-top-width: 0;
}

@media (max-width: 480px) {
    .main-footer .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 380px) {
    .main-footer .container-fluid {
        font-size: 11px;
    }
}

.main-footer-demo {
    background-color: #0c025b;
    color: rgba(255, 255, 255, 0.4);
    height: 60px;
}

    .main-footer-demo .container {
        border-top-width: 0;
    }

    .main-footer-demo a {
        color: rgba(255, 255, 255, 0.5);
    }

        .main-footer-demo a:hover,
        .main-footer-demo a:focus {
            color: #fff;
        }

/* ###### 6.4 Header  ###### */
@media (max-width: 991.98px) {
    .main-header-menu-show {
        overflow: hidden;
    }

        .main-header-menu-show .main-header-menu {
            border-right: 1px solid rgba(28, 39, 60, 0.08);
            box-shadow: 0 0 30px rgba(28, 39, 60, 0.08);
            transform: translateX(0);
        }

        .main-header-menu-show .main-navbar-backdrop {
            visibility: visible;
            opacity: 1;
        }
}

.main-header {
    background-color: transparent;
    z-index: 100;
    height: 64px;
    background: #fff;
    border-bottom: 1px solid #dee4ec;
    z-index: 1025 !important;
    width: 100% !important;
}

    .main-header > .container,
    .main-header > .container-fluid {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 20px;
        padding-right: 20px;
    }

@media (min-width: 992px) {

    .main-header > .container,
    .main-header > .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 992px) {
    .main-header > .container {
        padding: 0;
    }
}

@media (max-width: 991.98px) {
    .main-header > .container {
        max-width: none;
    }
}

@media (max-width: 1158px) {
    .main-header-left #dropdownMenuButton {
        display: none;
    }
}

@media (max-width: 1052px) {
    .main-header-left #dropdownMenuButton2 {
        display: none;
    }
}

@media (max-width: 633px) {
    .profile-name.ml-2 {
        display: none;
        margin-left: 0;
    }
}

.main-profile-menu.nav-link {
    padding: 0.5rem 0.5rem;
}

.main-header .main-header-left .main-logo {
    display: none;
}

@media (min-width: 992px) {
    .main-header .main-header-left .main-logo {
        display: flex;
    }
}

.main-header-left {
    display: flex;
    align-items: center;
}

    .main-header-left .list-items {
        margin-bottom: 0;
    }

        .main-header-left .list-items li {
            display: inline-block;
        }

            .main-header-left .list-items li i {
                display: block;
                font-size: 24px;
                color: #242f48;
                position: relative;
                line-height: .9;
                outline: none;
                margin-right: 15px;
            }

    .main-header-left .main-header-arrow {
        display: none;
        position: relative;
        top: -2px;
    }

.main-logo {
    display: flex;
    align-items: center;
    position: relative;
    height: 3rem;
    margin-left: 10px;
    justify-content: center;
    text-align: center;
}

.main-body.main-sidebar-hide .logo-icon {
    display: block;
    height: 2.3rem;
    text-align: center;
    margin: 0 auto;
}

.main-body.main-sidebar-hide .main-logo {
    display: none;
}

.main-logo:hover,
.main-logo:focus {
    color: #C9A96E ;
}

.main-logo i {
    display: block;
    line-height: .9;
    margin-right: 8px;
    font-size: 40px;
}

    .main-logo i::before {
        width: auto;
        height: auto;
    }

.main-header-menu-icon {
    margin-right: 10px;
    width: 20px;
    height: 30px;
    display: flex;
    align-items: center;
}

    .main-header-menu-icon span {
        display: block;
        position: relative;
        width: 15px;
        height: 2px;
        background-color: #242f48;
        border-radius: 3px;
        transition: all 0.2s ease-in-out;
    }

        .main-header-menu-icon span::before,
        .main-header-menu-icon span::after {
            content: '';
            position: absolute;
            left: 0;
            width: 20px;
            height: 2px;
            background-color: #242f48;
            border-radius: 3px;
            transition: all 0.2s ease-in-out;
        }

        .main-header-menu-icon span::before {
            top: -6px;
        }

        .main-header-menu-icon span::after {
            bottom: -6px;
        }

@media (min-width: 992px) {
    .main-header-menu-icon {
        margin-right: 25px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .main-header-menu-icon span {
        transition: none;
    }
}

@media (prefers-reduced-motion: reduce) {

    .main-header-menu-icon span::before,
    .main-header-menu-icon span::after {
        transition: none;
    }
}

.main-header-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 240px;
    background-color: #fff;
    overflow-y: auto;
    z-index: 1000;
    transform: translateX(-240px);
    transition: all 0.35s;
}

    .main-header-menu > .nav {
        flex-direction: column;
        padding: 20px;
    }

    .main-header-menu .nav-item::before {
        content: '';
        position: absolute;
        top: 67px;
        margin-left: 25px;
        width: 15px;
        height: 15px;
        border-top: 2px solid rgba(28, 39, 60, 0.12);
        border-left: 2px solid rgba(28, 39, 60, 0.12);
        background-color: #fff;
        transform: rotate(45deg);
        z-index: 100;
        display: none;
    }

    .main-header-menu .nav-item + .nav-item {
        margin-top: 10px;
    }

    .main-header-menu .nav-item > .nav-link {
        display: flex;
        align-items: center;
        position: relative;
        color: #C9A96E;
        font-size: 15px;
        font-weight: 500;
        padding: 0;
        transition: all 0.2s ease-in-out;
    }

        .main-header-menu .nav-item > .nav-link:hover {
            color: #C9A96E ;
        }

            .main-header-menu .nav-item > .nav-link:hover i {
                color: #C9A96E ;
            }

        .main-header-menu .nav-item > .nav-link.with-sub::after {
            content: '\f3d0';
            display: inline-block;
            font-family: 'Ionicons';
            font-size: 12px;
            font-weight: 400;
            margin-left: auto;
            margin-top: 3px;
            opacity: .5;
        }

        .main-header-menu .nav-item > .nav-link .typcn {
            font-size: 20px;
            line-height: .95;
            margin-right: 15px;
            width: 16px;
        }

            .main-header-menu .nav-item > .nav-link .typcn::before {
                width: auto;
            }

    .main-header-menu .nav-item.active > .nav-link {
        color: #C9A96E ;
        position: relative;
    }

        .main-header-menu .nav-item.active > .nav-link::before {
            content: '';
            position: absolute;
            bottom: 0;
            top: 0;
            left: -20px;
            width: 2px;
            background-color: #C9A96E ;
            border-radius: 3px;
        }

    .main-header-menu .nav-item.show .main-menu-sub {
        display: block;
    }

@media (prefers-reduced-motion: reduce) {
    .main-header-menu {
        transition: none;
    }
}

@media (min-width: 992px) {
    .main-header-menu {
        background-color: transparent;
        border-right: 0;
        position: static;
        width: auto;
        overflow-y: visible;
        transform: none;
        z-index: auto;
    }
}

@media (min-width: 992px) {
    .main-header-menu > .nav {
        padding: 0;
        flex-direction: row;
        align-items: center;
    }
}

@media (min-width: 992px) {
    .main-header-menu .nav-item + .nav-item {
        margin-top: 0;
        margin-left: 30px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .main-header-menu .nav-item > .nav-link {
        transition: none;
    }
}

@media (min-width: 992px) {
    .main-header-menu .nav-item > .nav-link {
        font-size: 0.875rem;
    }
}

@media (min-width: 992px) {
    .main-header-menu .nav-item > .nav-link.with-sub::after {
        margin-left: 5px;
    }
}

@media (min-width: 992px) {
    .main-header-menu .nav-item > .nav-link .typcn {
        font-size: 18px;
        margin-right: 7px;
    }
}

@media (min-width: 992px) {
    .main-header-menu .nav-item.active > .nav-link::before {
        top: auto;
        bottom: -22px;
        left: 0;
        right: 0;
        width: auto;
        height: 2px;
    }
}

@media (min-width: 992px) {
    .main-header-menu .nav-item.show::before {
        display: block;
    }
}

.main-header-menu-header {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    border-bottom: 1px solid rgba(28, 39, 60, 0.05);
}

    .main-header-menu-header .close {
        font-weight: 300;
        font-size: 28px;
    }

@media (min-width: 992px) {
    .main-header-menu-header {
        display: none;
    }
}

.main-menu-sub {
    font-size: 13px;
    margin-left: 32px;
    margin-top: 12px;
    display: none;
}

    .main-menu-sub .nav {
        flex-direction: column;
    }

    .main-menu-sub .nav-link {
        padding: 0;
        display: block;
        color: #4d5875;
    }

        .main-menu-sub .nav-link + .nav-link {
            margin-top: 6px;
            padding-top: 6px;
            border-top: 1px dotted #dde2ef;
        }

        .main-menu-sub .nav-link:hover,
        .main-menu-sub .nav-link:focus {
            color: #C9A96E ;
        }

        .main-menu-sub .nav-link.active {
            color: #C9A96E ;
            font-weight: 500;
        }

@media (min-width: 992px) {
    .main-menu-sub {
        position: absolute;
        top: 74px;
        background-color: #fff;
        padding: 15px 20px;
        border: 2px solid rgba(28, 39, 60, 0.12);
        min-width: 200px;
        margin-left: 0;
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    .main-menu-sub .nav-link.active {
        font-weight: 400;
    }
}

.main-menu-sub-mega {
    left: 0;
    right: 0;
    background-color: transparent;
    padding: 0;
    border: 0;
}

    .main-menu-sub-mega .container {
        padding: 0;
    }

        .main-menu-sub-mega .container > div + div {
            margin-top: 25px;
        }

    .main-menu-sub-mega .nav {
        min-width: 120px;
        flex-direction: column;
    }

        .main-menu-sub-mega .nav + .nav {
            border-top: 1px dotted #dde2ef;
            margin-top: 6px;
            padding-top: 6px;
        }

        .main-menu-sub-mega .nav > span {
            display: block;
            text-transform: uppercase;
            font-size: 10px;
            font-weight: 700;
            color: #242f48;
            letter-spacing: .5px;
            margin-bottom: 15px;
            margin-top: 30px;
        }

            .main-menu-sub-mega .nav > span:first-of-type {
                margin-top: 0;
            }

@media (max-width: 991.98px) {
    .main-menu-sub-mega .container {
        max-width: none;
    }
}

@media (min-width: 992px) {
    .main-menu-sub-mega .container {
        display: flex;
        background-color: #fff;
        border: 2px solid rgba(28, 39, 60, 0.12);
    }
}

@media (min-width: 992px) {
    .main-menu-sub-mega .container > div {
        display: flex;
        padding: 20px;
        flex: 1;
        margin-top: 0;
    }
}

@media (min-width: 1200px) {
    .main-menu-sub-mega .container > div {
        padding: 20px 25px;
    }
}

@media (min-width: 992px) {
    .main-menu-sub-mega .container > div + div {
        margin-top: 0;
        border-left: 1px solid rgba(28, 39, 60, 0.05);
    }
}

@media (min-width: 1200px) {
    .main-menu-sub-mega .nav {
        min-width: 140px;
    }
}

@media (min-width: 992px) {
    .main-menu-sub-mega .nav + .nav {
        margin-left: 20px;
        margin-top: 31px;
        padding-top: 0;
        border-top: 0;
    }
}

@media (min-width: 1200px) {
    .main-menu-sub-mega .nav + .nav {
        margin-left: 25px;
    }
}

@media (min-width: 992px) {
    .main-menu-sub-mega .nav > span {
        font-size: 12px;
    }
}

.main-header-center {
    flex: 1;
    margin: 0 50px;
    position: relative;
    display: none;
}

@media (min-width: 992px) {
    .main-header-center {
        display: block;
    }
}

.main-header-right {
    display: flex;
    align-items: center;
}

    .main-header-right .btn-social {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #949eb7;
        border-radius: 3px;
        transition: all 0.2s ease-in-out;
    }

        .main-header-right .btn-social:hover,
        .main-header-right .btn-social:focus {
            color: #4d5875;
        }

        .main-header-right .btn-social i {
            font-size: 18px;
            line-height: 0;
        }

        .main-header-right .btn-social + .btn-social {
            margin-left: 10px;
        }

    .main-header-right .btn-buy {
        text-transform: uppercase;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 11px;
        font-weight: 500;
        background-color: #C9A96E ;
        color: #fff;
        letter-spacing: .5px;
        display: flex;
        align-items: center;
        border-radius: 3px;
        transition: all 0.2s ease-in-out;
        margin-left: 20px;
    }

        .main-header-right .btn-buy:hover,
        .main-header-right .btn-buy:focus {
            background-color: #452efa;
        }

@media (prefers-reduced-motion: reduce) {
    .main-header-right .btn-social {
        transition: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .main-header-right .btn-buy {
        transition: none;
    }
}

.main-header-search-link {
    font-size: 18px;
    color: #4d5875;
    line-height: 1;
    margin-right: 15px;
}

.main-header-arrow {
    font-size: 27px;
    color: #242f48;
    display: inline-block;
    line-height: 0;
}

    .main-header-arrow i {
        line-height: 0;
    }

    .main-header-arrow:hover,
    .main-header-arrow:focus {
        color: #4d5875;
    }

.main-header-message,
.main-header-notification {
    position: relative;
    margin: auto 3px;
}

    .main-header-message > a,
    .main-header-notification > a,
    .nav-item.full-screen > a {
        display: block;
        font-size: 22px;
        color: #272746;
        position: relative;
        line-height: 37px;
        outline: none;
        height: 40px;
        width: 40px;
        background: transparent;
        margin: auto;
        text-align: center;
    }

.profile-name {
    margin-top: 3px;
}

.main-profile-menu > .profile-name::after {
    content: '';
    position: absolute;
    top: 46px;
    left: 50%;
    margin-left: -7px;
    width: 14px;
    height: 14px;
    border: 2px solid transparent;
    border-top-color: #C9A96E ;
    border-left-color: #C9A96E ;
    transform: rotate(45deg);
    background-color: #C9A96E ;
    z-index: 7;
    display: none;
}

@media (min-width: 992px) {

    .main-header-notification > a::after,
    .main-header-message > a::after {
        bottom: -36px;
    }
}

.main-header-notification .dropdown-menu {
    background-color: #fff;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    border-width: 0;
    margin-top: 0;
    z-index: 900;
    border-radius: 0;
    width: 300px;
    position: absolute;
    top: 52px;
    left: auto;
    right: -10px;
    bottom: auto;
    padding: 0;
    border: #d0d7e8;
    border-width: 1px;
    z-index: 9;
}

.main-header-message .dropdown-menu {
    width: 300px;
    position: absolute;
    top: 52px;
    left: auto;
    right: -10px;
    bottom: auto;
    border-color: transparent;
    border-width: 1px;
    z-index: 9;
}

.main-header-notification .dropdown-footer {
    text-align: center;
    padding-top: 10px;
    font-size: 13px;
    border-top: 1px dotted #b9c2d8;
}

.main-header-notification.show .dropdown-menu {
    display: block;
}

@media (min-width: 576px) {

    .main-header-notification.show > a::after,
    .main-header-message.show > a::after,
    .drop-flag.show > a::after {
        display: block;
    }
}

.main-header-message.show .dropdown-menu,
.drop-flag.show .dropdown-menu {
    display: block;
}

.main-notification-title {
    font-size: 18px;
    font-weight: 700;
    color: #242f48;
    margin-bottom: 5px;
    line-height: 1;
}

.main-notification-text {
    font-size: 13px;
    margin-bottom: 15px;
}

.main-notification-list .media {
    padding: 10px 0;
    position: relative;
}

    .main-notification-list .media + .media {
        border-top: 1px dotted #b9c2d8;
    }

    .main-notification-list .media.new {
        color: #242f48;
    }

    .main-notification-list .media:hover,
    .main-notification-list .media:focus {
        z-index: 1;
    }

        .main-notification-list .media:hover::before,
        .main-notification-list .media:focus::before {
            content: '';
            position: absolute;
            top: -1px;
            left: -20px;
            bottom: -1px;
            right: -20px;
            background-color: #ecf0fa;
            border-top: 1px solid #e3e8f7;
            border-bottom: 1px solid #e3e8f7;
            z-index: -1;
        }

.main-notification-list .media-body {
    margin-left: 15px;
    font-size: 13px;
}

    .main-notification-list .media-body p {
        margin-bottom: 5px;
        line-height: 1.3;
    }

    .main-notification-list .media-body strong {
        font-weight: 500;
    }

    .main-notification-list .media-body span {
        display: block;
        font-size: 11px;
        color: #949eb7;
    }

.main-profile-menu > .main-img-user {
    outline: none;
    width: 32px;
    height: 32px;
}

    .main-profile-menu > .main-img-user::before {
        content: '';
        position: absolute;
        bottom: -20px;
        right: -90px;
        margin-left: -7px;
        width: 14px;
        height: 14px;
        border: 2px solid transparent;
        border-top-color: #d0d7e8;
        border-left-color: #d0d7e8;
        transform: rotate(45deg);
        background-color: #fff;
        z-index: 901;
        display: none;
    }

.main-profile-menu .dropdown-menu {
    background-color: #fff;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    border-width: 0;
    margin-top: 0;
    z-index: 900;
    border-radius: 0;
    position: absolute;
    top: 56px;
    left: auto;
    right: -10px;
    bottom: auto;
    width: 230px;
    border-width: 1px;
}

.main-profile-menu .dropdown-item {
    position: relative;
    padding: 20px 16px;
    height: 38px;
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #C9A96E;
}

    .main-profile-menu .dropdown-item i {
        font-size: 20px;
        margin-right: 10px;
        width: 24px;
        text-align: center;
    }

        .main-profile-menu .dropdown-item i.typcn {
            line-height: .9;
        }

    .main-profile-menu .dropdown-item:hover,
    .main-profile-menu .dropdown-item:focus {
        background-color: transparent;
        color: #C9A96E ;
    }

    .main-profile-menu .dropdown-item + .dropdown-item {
        border-top: 1px dotted #e2eaf9;
    }

    .main-profile-menu .dropdown-item:last-child {
        margin-bottom: 10px;
    }

.main-profile-menu.show .dropdown-menu {
    display: block;
    top: 58px;
}

@media (min-width: 576px) {
    .main-profile-menu.show .main-img-user::before {
        display: block;
    }
}

.main-header-profile {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .main-header-profile .main-img {
        margin-bottom: 10px;
        margin-top: 10px;
    }

        .main-header-profile .main-img img {
            width: 60px;
            height: 60px;
            border-radius: 50%;
        }

    .main-header-profile h6 {
        font-weight: 700;
        color: #242f48;
        margin-bottom: 3px;
        font-size: 16px;
        color: #fff;
        padding-right: 15px;
    }

    .main-header-profile span {
        display: block;
        font-size: 12px;
        margin-bottom: 0;
        color: rgba(255, 255, 255, 0.6);
    }

@media (min-width: 576px) {
    .main-header-profile .main-img-user {
        width: 80px;
        height: 80px;
    }
}

.main-header-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

/*--Search--*/
.main-header .input-group-btn .btn {
    border: 0px solid #ebeaf1 !important;
    background: transparent;
    border-radius: 3px;
    color: #3c4858;
    height: 38px;
    width: 38px;
    line-height: 24px;
    border-radius: 50px;
    font-size: 22px;
}

    .main-header .input-group-btn .btn:hover {
        border-radius: 50%;
        color: #C9A96E ;
    }

        .main-header .input-group-btn .btn:hover i {
            color: #2205bf;
        }

    .main-header .input-group-btn .btn i {
        font-size: 16px;
        color: #3c4858;
    }

.main-header .navbar-form.active .input-group-btn .btn i {
    font-size: 14px;
    line-height: 27px;
}

.main-header form[role="search"] {
    top: 0px;
    right: 0;
    width: 100%;
    padding: 0px;
    margin: 0px;
    z-index: 0;
}

    .main-header form[role="search"] button {
        padding: 5px 12px;
        border-radius: 0px;
        border-width: 0px;
        color: #6f7282;
        background-color: #f8f8f8;
        border-color: #e7e7e7;
        box-shadow: none;
        outline: none;
    }

    .main-header form[role="search"] input {
        padding: 5px 12px;
        border-radius: 0px;
        border-width: 0px;
        color: #6f7282;
        background-color: #f8f8f8;
        border-color: #e7e7e7;
        box-shadow: none;
        outline: none;
        padding: 16px 12px;
        font-size: 14px;
        color: #807b90;
        box-shadow: none;
    }

    .main-header form[role="search"] button[type="reset"] {
        display: none;
        background: #fff;
        border: 0 !important;
    }

.main-header .input-group-btn .btn i {
    font-size: 18px;
    color: #000;
}

.main-header-message.right-toggle .nav-link {
    padding: 0;
}

@media (min-width: 992px) {
    .main-header-menu-icon {
        margin-right: 25px;
        margin-left: auto;
        margin-right: 8px !important;
    }
}

.main-header form[role="search"] input {
    font-size: 16px;
    opacity: 0;
    display: none;
    height: 66px;
    transition: all 05s;
}

.main-header form[role="search"].active {
    width: 100%;
    z-index: 9999;
    right: 0;
    border-left: 1px solid #e3e3f7;
    position: absolute;
    left: -1px;
}

    .main-header form[role="search"].active button {
        display: table-cell;
        opacity: 1;
    }

    .main-header form[role="search"].active input {
        display: table-cell;
        opacity: 1;
        width: 100%;
        height: 64px;
        background: #fff;
        padding-left: 20px;
        border-radius: 3px 3px 0 0;
        transition: all 05s;
        box-shadow: 0 1px 15px 1px rgba(62, 57, 107, 0.1);
    }

.main-header-message i,
.main-header-notification i,
.nav-item.full-screen i {
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 50%;
    line-height: 40px;
    font-size: 18px;
}

.main-header-message .dropdown-footer,
.main-header-notification .dropdown-footer {
    border-top: 1px solid #dce1ef;
    padding: 10px;
    background: #f6f6fb;
    box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, 0.1);
}

    .main-header-message .dropdown-footer a {
        font-size: 13px;
    }

.main-header-center {
    display: flex;
}

.main-header {
    margin-bottom: 20px;
    border-bottom: 1px solid #dee4ec;
    box-shadow: 5px 7px 26px -5px #cdd4e7;
}

.header .form-control {
    border: 2px solid #d0d7e8;
}

@media (min-width: 992px) {
    .main-header.fixed-header {
        position: fixed;
        z-index: 999;
        margin-top: 0;
    }

    .main-header-left .form-control {
        height: 40px;
        border-radius: 20px;
        background: #ecf0fa;
        border: 1px solid #ecf0fa;
    }

    .main-header-left .btn {
        position: absolute;
        top: 0;
        right: 12px;
        background-color: transparent;
        height: 40px;
        color: #b4bdce;
        transition: none;
        font-size: 16px;
        padding-right: 13px;
    }
}

.main-header-message .nav-link i,
.main-header-notification .nav-link i,
.nav-item.full-screen .nav-link i {
    text-align: center;
    line-height: 40px;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    text-align: center;
    line-height: 40px;
    font-size: 1.2rem;
    color: #39455d;
}

.main-header-message > a,
.main-header-notification > a,
.nav-item.full-screen > a {
    padding: 0;
    border-radius: 50%;
}

.header-megamenu-dropdown i {
    font-size: 1.2rem;
    margin-right: 3px;
}

.main-header.hor-header {
    box-shadow: none;
    margin-bottom: 0;
}

    .main-header.hor-header > .container-fluid {
        padding-left: 25px;
        padding-right: 25px;
        width: 1200px;
    }

.main-header .main-header-left .main-logo {
    display: flex;
    margin: 0;
}

@media (max-width: 1134px) {
    .main-header-left .form-control {
        width: 280px;
    }
}

@media (min-width: 1135px) {
    .main-header-left .form-control {
        width: 350px;
    }
}

.main-header-arrow {
    display: none;
    position: relative;
    right: auto;
    display: none;
    position: relative;
    right: auto;
}

@media (max-width: 480px) {
    .main-header-right .nav .nav-item .dropdown-menu {
        left: auto;
        right: auto;
        justify-content: center;
        margin: 0 auto;
        width: 93%;
        position: fixed;
        left: 5px;
        right: 5px;
        margin-top: 0;
    }

    .main-header.nav {
        top: -1px;
        position: fixed;
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (min-width: 991px) {
    .header {
        width: 230px;
    }
}

@media (max-width: 991px) {

    .main-header-left .form-control,
    .main-header-center .btn {
        display: none;
    }
}

@media (max-width: 578px) {

    .main-header-message > a,
    .main-header-notification > a,
    .nav-item.full-screen > a {
        padding: 0.5rem 0.7rem;
    }

    .profile-user {
        padding: 0.5rem 0.3rem;
    }

    .main-header-center {
        display: none;
    }

    .main-header-message.right-toggle .nav-link {
        padding: 0 0;
    }

    .main-header > .container,
    .main-header > .container-fluid {
        padding-right: 5px;
        padding-left: 5px;
    }

    .main-header-message > a,
    .main-header-notification > a,
    .nav-item.full-screen > a {
        line-height: 38px;
    }
}

@media (min-width: 768px) {
    .main-header {
        z-index: 975 !important;
        width: 100% !important;
        left: 0;
        padding-left: 250px;
        position: fixed;
    }

    .app.sidenav-toggled .main-header {
        padding-left: 80px;
        padding-left: 80px;
    }

    .app.sidenav-toggled .main-sidebar-header {
        width: 80px;
    }
}

.right-toggle {
    cursor: pointer;
}

.horizontalMenucontainer .main-header.hor-header {
    padding-left: 0;
}

.fullscreen-button {
    margin: auto 3px;
}

@media (max-width: 578px) and (min-width: 321px) {
    .main-header-right .nav-link {
        padding: 0 0.5rem;
    }
}

@media (max-width: 633px) and (min-width: 321px) {
    .main-profile-menu {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-right: 7px !important;
        padding-left: 7px !important;
    }
}

@media (max-width: 320px) {
    .main-header-right .nav-link {
        padding: 0;
    }

    .main-profile-menu {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-right: 0 !important;
        padding-left: 7px !important;
    }

    .total-revenue label {
        font-size: 0.775rem !important;
    }

    .total-revenue h4 {
        font-size: 17px !important;
    }
}

@media (min-width: 576px) {
    .main-header .dropdown-menu:after {
        content: '';
        position: absolute;
        top: -8.5px;
        right: 3px;
        border-bottom: 9px solid #C9A96E ;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
    }
}

.horizontalMenu html,
.horizontalMenu body,
.horizontalMenu iframe,
.horizontalMenu h1,
.horizontalMenu h2,
.horizontalMenu h3,
.horizontalMenu h4,
.horizontalMenu h5,
.horizontalMenu h6 {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    font-family: Helvetica, sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    font-smoothing: antialiased;
    font-smooth: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: subpixel-antialiased;
    font-smoothing: subpixel-antialiased;
    font-smooth: subpixel-antialiased;
}

.horizontalMenu .cl {
    clear: both;
}

.horizontalMenu img {
    border: 0 none;
    max-width: 100%;
}

object,
embed,
video {
    border: 0 none;
    max-width: 100%;
}

.horizontalMenu a:focus {
    outline: none;
}

.horizontalMenu:before {
    content: "";
    display: table;
}

.horizontalMenu:after {
    content: "";
    display: table;
    clear: both;
}

/* ================== Desktop Main Menu CSS ================== */
.horizontalMenucontainer {
    background-size: cover;
    overflow: hidden;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
}

.horizontal-main {
    width: 100%;
    position: fixed;
}

.horizontal-mainwrapper {
    margin: 0 auto;
}

.desktoplogo {
    padding: 0.75rem;
    margin: 0;
    float: left;
}

    .desktoplogo img {
        width: 100%;
    }

.horizontalMenu {
    color: #fff;
    font-size: 14px;
    padding: 0;
    display: block;
}

    .horizontalMenu > .horizontalMenu-list {
        text-align: left;
        margin: 0 auto 0 auto;
        width: 100%;
        display: block;
        padding: 0;
    }

        .horizontalMenu > .horizontalMenu-list > li {
            text-align: center;
            display: block;
            padding: 0;
            margin: 0;
            float: left;
        }

            .horizontalMenu > .horizontalMenu-list > li > a {
                display: block;
                margin: 0px 2px;
                border-radius: 0px;
                text-decoration: none;
                position: relative;
                color: #5b6e88;
                padding: 15px 12px 15px 12px;
                font-weight: 400;
            }

            .horizontalMenu > .horizontalMenu-list > li:last-child > a {
                border-right: 0px;
            }

            .horizontalMenu > .horizontalMenu-list > li a.menuhomeicon {
                padding-left: 25px;
                padding-right: 25px;
            }

            .horizontalMenu > .horizontalMenu-list > li > a i {
                display: inline-block;
                font-size: 14px;
                line-height: inherit;
                margin-right: 5px;
            }

            .horizontalMenu > .horizontalMenu-list > li > a .typcn {
                font-size: 1.15rem;
            }

            .horizontalMenu > .horizontalMenu-list > li > a .arrow:after {
                border-left: 4px solid rgba(0, 0, 0, 0);
                border-right: 4px solid rgba(0, 0, 0, 0);
                border-top: 4px solid;
                content: "";
                float: right;
                right: 11px;
                height: 0;
                margin: 0 0 0 14px;
                position: absolute;
                text-align: right;
                top: 33px;
                width: 0;
            }

            .horizontalMenu > .horizontalMenu-list > li.rightmenu {
                float: right;
                float: right;
            }

                .horizontalMenu > .horizontalMenu-list > li.rightmenu a {
                    padding: 0px 30px 0px 20px;
                    border-right: none;
                }

                    .horizontalMenu > .horizontalMenu-list > li.rightmenu a i {
                        font-size: 15px;
                    }

                .horizontalMenu > .horizontalMenu-list > li.rightmenu:before {
                    content: "";
                    display: table;
                }

/* Desktop Search Bar */
.horizontalMenu-list > li.rightmenu:after {
    content: "";
    display: table;
}

.horizontalMenu > .horizontalMenu-list > li.rightmenu {
    zoom: 1;
}

    .horizontalMenu > .horizontalMenu-list > li.rightmenu:after {
        clear: both;
    }

    .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch {
        float: right;
        width: 210px;
        height: 39px;
        position: relative;
        margin: 16px 0px 0px 0px;
    }

        .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch .searchicon {
            -webkit-transition: all 0.7s ease 0s;
            -moz-transition: all 0.7s ease 0s;
            -o-transition: all 0.7s ease 0s;
            transition: all 0.7s ease 0s;
        }

        .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input {
            width: 100%;
            position: relative;
            float: right;
            top: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            border: 0;
            padding: 0;
            margin: 0;
            text-indent: 15px;
            height: 39px;
            z-index: 2;
            outline: none;
            color: #333;
            background-color: #efefef;
            -webkit-transition: all 0.7s ease 0s;
            -moz-transition: all 0.7s ease 0s;
            -o-transition: all 0.7s ease 0s;
            transition: all 0.7s ease 0s;
            font-size: 12px;
        }

            .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input::placeholder {
                color: #a9a9a9;
            }

            .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input:focus {
                color: #333;
                width: 230px;
            }

                .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input:focus ~ .btnstyle .fa {
                    color: #22252f;
                    opacity: 1;
                }

                .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input:focus ~ .searchicon {
                    opacity: 1;
                    z-index: 3;
                    color: #fff;
                }

        .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch .btnstyle {
            top: 0px;
            position: absolute;
            right: 0;
            bottom: 0;
            width: 40px;
            line-height: 30px;
            z-index: 1;
            cursor: pointer;
            opacity: 0.3;
            color: #333;
            z-index: 1000;
            background-color: transparent;
            border: solid 0px;
            -webkit-transition: all 0.7s ease 0s;
            -moz-transition: all 0.7s ease 0s;
            -o-transition: all 0.7s ease 0s;
            transition: all 0.7s ease 0s;
        }

            .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch .btnstyle .fa {
                line-height: 37px;
                margin: 0;
                padding: 0;
                text-align: center;
            }

            .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch .btnstyle:hover .fa {
                opacity: 1;
            }

.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
    position: absolute;
    top: auto;
    z-index: 1000;
    margin: 0px;
    padding: 5px;
    min-width: 190px;
    background-color: #fff;
    box-shadow: 0 8px 16px 0 rgba(230, 233, 239, 0.4);
    border: 1px solid #ecf0fa;
}

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li {
        position: relative;
        margin: 0px;
        padding: 0px;
        display: block;
    }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
            background-image: none;
            color: #6d7790;
            border-right: 0 none;
            text-align: left;
            display: block;
            line-height: 22px;
            padding: 8px 35px;
            text-transform: none;
            font-size: 13px;
            letter-spacing: normal;
            border-right: 0px solid;
        }

            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover {
                text-decoration: none;
            }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover:before {
            border-color: #C9A96E ;
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a.active:before {
            border-color: #C9A96E ;
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a > i {
            margin-right: 9px;
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu {
            min-width: 220px;
            position: absolute;
            left: 100%;
            top: 0;
            margin: 0;
            padding: 0;
            list-style: none;
            background-color: #fff;
            box-shadow: 0 8px 16px 0 rgba(230, 233, 239, 0.4);
            border: 1px solid #e7eaf3;
        }

            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li {
                position: relative;
                margin: 0px;
                padding: 0px;
                display: block;
            }

                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
                    background-image: none;
                    color: #8291af;
                    border-right: 0 none;
                    text-align: left;
                    display: block;
                    line-height: 22px;
                    padding: 8px 35px;
                    text-transform: none;
                    font-size: 13px;
                    letter-spacing: normal;
                    border-right: 0px solid;
                }

                    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
                        text-decoration: none;
                    }

                    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a > i {
                        margin-right: 9px;
                    }

                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
                    min-width: 220px;
                    position: absolute;
                    left: 100%;
                    top: 0;
                    margin: 0px;
                    list-style: none;
                    padding: 0px;
                    background-color: #fff;
                    border: 1px solid #e8ebf3;
                }

                    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li {
                        position: relative;
                        margin: 0px;
                        padding: 0px;
                        display: block;
                    }

                        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
                            background-image: none;
                            color: #8291af;
                            border-right: 0 none;
                            text-align: left;
                            display: block;
                            line-height: 22px;
                            padding: 8px 35px;
                            text-transform: none;
                            font-size: 13px;
                            letter-spacing: normal;
                            border-right: 0px solid;
                        }

                            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
                                text-decoration: none;
                            }

                            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a > i {
                                margin-right: 9px;
                            }

.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
    width: 100%;
    left: 0px;
    position: absolute;
    top: auto;
    color: #22252f;
    z-index: 1000;
    margin: 0px;
    text-align: left;
    font-size: 15px;
}

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .megamenu-content {
        border: 1px solid #e8ebf3;
        background-color: #fff;
        padding: 14px 20px;
        border-radius: 2px;
        box-shadow: 0px 5px 25px rgba(227, 228, 238, 0.2);
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .title {
        padding: 5px 5px 5px 0px;
        font-size: 16px;
        color: #2c2c2c;
        margin: 0px 0px 4px 0px;
        text-align: left;
        font-weight: 600;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .wsmwnutxt {
        width: 100%;
        font-size: 14px;
        text-align: justify;
        line-height: 22px;
        color: #2c2c2c;
        margin-top: 10px;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li {
        display: block;
        text-align: center;
        white-space: nowrap;
        text-align: left;
        padding: 5px 10px 5px 10px;
        position: relative;
    }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
            line-height: 18px;
            border-right: none;
            text-align: left;
            padding: 6px 22px;
            background: #fff;
            background-image: none;
            color: #22252f;
            border-right: 0 none;
            display: block;
            font-size: 13px;
        }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu li i {
        margin-right: 5px;
        text-align: center;
        width: 18px;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu li a:hover {
        background: transparent;
        text-decoration: none;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li i {
        font-size: 12px;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu li i {
        margin-right: 5px;
        text-align: center;
        width: 18px;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .mrgtop {
        margin-top: 15px;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .show-grid div {
        padding-bottom: 10px;
        padding-top: 10px;
        background-color: #dbdbdb;
        border: 1px solid #e7e7e7;
        color: #6a6a6a;
        margin: 2px 0px;
        font-size: 13px;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu.halfmenu {
        width: 30%;
        right: auto;
        left: auto;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu.halfdiv {
        width: 20%;
        right: auto;
        left: auto;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form {
        width: 100%;
        display: block;
    }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type="text"] {
            width: 100%;
            border: 1px solid #e2e2e2;
            color: #22252f;
            font-size: 13px;
            padding: 8px 5px;
            margin-bottom: 8px;
        }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form textarea {
            width: 100%;
            border: 1px solid #e2e2e2;
            color: #22252f;
            font-size: 13px;
            padding: 8px 5px;
            margin-bottom: 8px;
            min-height: 122px;
        }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type="submit"] {
            width: 25%;
            display: block;
            height: 32px;
            float: right;
            border: none;
            margin-right: 15px;
            cursor: pointer;
            background-color: #e1e1e1;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
        }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type="button"] {
            width: 25%;
            display: block;
            height: 32px;
            float: right;
            border: none;
            cursor: pointer;
            background-color: #e1e1e1;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
        }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .carousel-inner .item img {
        width: 100%;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .carousel-control-next,
    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .carousel-control-prev {
        opacity: 0.8;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .carousel-caption {
        bottom: 0px;
        background-color: rgba(0, 0, 0, 0.7);
        font-size: 13px;
        height: 31px;
        left: 0;
        padding: 7px 0;
        right: 0;
        width: 100%;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .typography-text {
        padding: 0px 0px;
        font-size: 14px;
    }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .typography-text ul {
            padding: 0px 0px;
            margin: 0px;
        }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .typography-text p {
            text-align: justify;
            line-height: 24px;
            color: #656565;
        }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .typography-text ul li {
            display: block;
            padding: 2px 0px;
            line-height: 22px;
        }

            .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .typography-text ul li a {
                color: #656565;
            }

/* ================== Desktop Drop Down Menu CSS ================== */
/* ================== Desktop Mega Menus CSS  ================== */
@media (min-width: 1024px) {
    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list:first-child {
        border: 0;
    }
}

/*= Desktop Half Menu CSS =*/
/*= Desktop HTML Form Menu CSS =*/
/* ================== Desktop Extra CSS ================== */
.horizontal-header {
    display: none;
}

.horizontal-overlapbg {
    opacity: 0;
    visibility: hidden;
}

.horizontalMenu .horizontalMenu-click,
.horizontalMenu .horizontalMenu-click02 {
    display: none;
}

.hometext {
    display: none;
}

/*==============================================================================
                              Start Mobile CSS
===============================================================================*/
/* ================== Mobile Menu Change Brake Point ================== */
@media only screen and (max-width: 991px) {

    /* ================== Mobile Base CSS ================== */
    body.active.menu-open {
        overflow: hidden;
    }

    .main-body.active.menu-open .horizontalMenucontainer .main-header.hor-header {
        position: absolute;
    }

    /* ================== Mobile Main Menu CSS ================== */
    .desktoplogo {
        display: none;
    }

    .horizontal-main {
        height: 0;
        padding: 0;
    }

    .horizontalMenucontainer {
        background-attachment: local;
        background-position: 33% 0%;
    }

    .horizontalMenu {
        width: 100%;
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        left: 0;
        overflow-y: hidden;
        padding: 0;
        top: 0;
        position: fixed;
        visibility: hidden;
        margin: 0px;
    }

        .horizontalMenu > .horizontalMenu-list {
            height: auto;
            min-height: 100%;
            width: 240px;
            background: #fff;
            padding-bottom: 0;
            margin-left: -240px;
            display: block;
            text-align: center;
            border-right: 1px solid #e8ebf4;
        }

            .horizontalMenu > .horizontalMenu-list > li {
                width: 100%;
                display: block;
                float: none;
                border-right: none;
                background-color: transparent;
                position: relative;
                white-space: inherit;
                clear: right;
                padding: 0;
            }

                .horizontalMenu > .horizontalMenu-list > li span a {
                    width: 85%;
                    margin: 0 auto;
                }

                .horizontalMenu > .horizontalMenu-list > li > a {
                    padding: 8px 32px 8px 17px;
                    font-size: 14px;
                    text-align: left;
                    border-right: solid 0px;
                    color: #22252f;
                    border-bottom: 1px solid;
                    border-bottom-color: #e7eaf3;
                    position: static;
                    margin: 0;
                    border-radius: 0px;
                }

                    .horizontalMenu > .horizontalMenu-list > li > a span.i {
                        display: none;
                    }

    .hor-menu .horizontalMenu > .horizontalMenu-list > li > a {
        padding: 10px;
        border-radius: 3px;
    }

    .hor-menu .horizontalMenu > .horizontalMenu-list > li:hover .sub-icon {
        color: #C9A96E ;
        background: transparent;
    }

    .horizontalMenu > .horizontalMenu-list > li a.menuhomeicon {
        padding-left: 17px;
        padding-right: 17px;
        border-top: solid 1px rgba(0, 0, 0, 0.13);
    }

    .horizontalMenu > .horizontalMenu-list > li > a > .fa {
        font-size: 16px;
        color: #fff;
    }

    .horizontalMenu > .horizontalMenu-list > li > a .arrow:after {
        display: none;
    }

    .horizontalMenu > .horizontalMenu-list > li:hover > a {
        text-decoration: none;
    }

    .horizontalMenu > .horizontalMenu-list > li > a > .hometext {
        display: inline-block;
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
        display: none;
        position: relative;
        top: 0px;
        background-color: #fff;
        border: none;
        padding: 0px;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        -webkit-transition: inherit;
        -moz-transition: inherit;
        transition: inherit;
        -webkit-transform-style: flat;
        box-shadow: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        margin: 5px;
    }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a {
            line-height: 20px;
            font-size: 13px;
            padding: 10px 0px 10px 36px;
            color: #8291af;
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li span + a {
            padding-right: 30px;
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a > .fa {
            display: none;
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover {
            background-color: #f6f7fb;
            color: #22252f;
            text-decoration: none;
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu li:hover > a {
            background-color: #fff;
            color: #C9A96E ;
        }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu {
            width: 100%;
            position: static;
            left: 100%;
            top: 0;
            display: none;
            margin: 0px;
            padding: 0px;
            border: solid 0px;
            transform: none;
            opacity: 1;
            visibility: visible;
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            -webkit-transition: inherit;
            -moz-transition: inherit;
            transition: inherit;
            -webkit-transform-style: flat;
        }

            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li {
                margin: 0px 0px 0px 0px;
                padding: 0px;
                position: relative;
            }

                .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a {
                    line-height: 20px;
                    font-size: 13px;
                    padding: 10px 0px 10px 62px;
                }

                    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:before {
                        left: 45px;
                    }

    /* ================== Mobile Slide Down Links CSS ================== */
    .horizontalMenu-click.horizontal-activearrow .sub-icon {
        color: #C9A96E ;
        background: transparent;
    }

    .horizontalMenu-click.horizontal-activearrow a {
        color: #C9A96E ;
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li span + a {
        padding-right: 30px;
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a > .fa {
        display: none;
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
        background-color: transparent;
        color: #C9A96E ;
        text-decoration: none;
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a.active {
        color: #22252f;
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > a {
        color: #C9A96E ;
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
        width: 100%;
        position: static;
        left: 100%;
        top: 0;
        display: none;
        margin: 0px;
        padding: 0px;
        border: solid 0px;
        transform: none;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        -webkit-transition: inherit;
        -moz-transition: inherit;
        transition: inherit;
        -webkit-transform-style: flat;
    }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li {
            margin: 0px 0px 0px 0px;
        }

            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
                line-height: 20px;
                font-size: 13px;
                padding: 10px 0px 10px 80px;
            }

            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li span + a {
                padding-right: 30px;
            }

            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a > .fa {
                display: none;
            }

            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
                background-color: transparent;
                color: #22252f;
                text-decoration: none;
            }

            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a.active {
                color: #22252f;
            }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
        color: #22252f;
        display: none;
        position: relative;
        top: 0px;
        padding: 0px 0px;
        border: solid 0px;
        transform: none;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        -webkit-transition: inherit;
        -moz-transition: inherit;
        transition: inherit;
        border-bottom: 1px solid rgba(0, 0, 0, 0.13);
        -webkit-transform-style: flat;
    }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu.halfmenu {
            width: 100%;
            margin: 0px;
            padding: 5px 0px 10px 0px;
        }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .title {
            color: #22252f;
            font-size: 15px;
            padding: 10px 8px 10px 0px;
        }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu > ul {
            width: 100%;
            margin: 0px;
            padding: 0px;
            font-size: 13px;
        }

            .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu > ul > li > a {
                padding: 9px 14px;
                line-height: normal;
                font-size: 13px;
                background-color: #e7e7e7;
                color: #22252f;
            }

                .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu > ul > li > a:hover {
                    background-color: #000;
                }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu ul li.title {
            line-height: 26px;
            color: #22252f;
            margin: 0px;
            font-size: 15px;
            padding: 7px 0px;
            background-color: transparent;
        }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu.halfdiv {
            width: 100%;
        }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form {
            padding: 5px 0px 62px 0px;
        }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .show-grid div {
            margin: 0px;
        }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type="button"],
        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form input[type="submit"] {
            width: 46%;
        }

        .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .menu_form textarea {
            min-height: 100px;
        }

    /* ================== Mobile Mega Menus CSS  ================== */
    /* ================== Mobile Header CSS ================== */
    .horizontal-header {
        width: 100%;
        display: block;
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
        height: 54px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        text-align: center;
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        -ms-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
    }

    .active .horizontal-header {
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        -ms-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
    }

    .horizontal-header .smllogo {
        display: inline-block;
        margin-top: 11px;
    }

    /* Mobile Search Bar*/
    .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch {
        width: 86%;
        margin: 7% 7%;
        padding: 0px;
    }

        .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input {
            border-radius: 50px;
        }

            .horizontalMenu > .horizontalMenu-list > li.rightmenu > .topmenusearch input:focus {
                width: 100%;
            }

    .callusbtn {
        color: #a9a9a9;
        font-size: 21px;
        position: absolute;
        right: 5px;
        top: 0px;
        transition: all 0.4s ease-in-out 0s;
        z-index: 102;
        padding: 11px 14px;
    }

        .callusbtn .fa {
            vertical-align: top;
            margin-top: 4px;
        }

        .callusbtn:hover .fa {
            color: #a9a9a9;
        }

    /* Mobile Toggle Menu icon (X ICON) */
    .animated-arrow {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 102;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        cursor: pointer;
        padding: 14px 35px 16px 0px;
        margin: 18px 0 0 15px;
    }

        .animated-arrow span {
            cursor: pointer;
            height: 2px;
            width: 17px;
            background: #22252f;
            position: absolute;
            display: block;
            content: '';
            transition: all 500ms ease-in-out;
        }

            .animated-arrow span:before,
            .animated-arrow span:after {
                cursor: pointer;
                height: 2px;
                width: 17px;
                background: #22252f;
                position: absolute;
                display: block;
                content: '';
            }

            .animated-arrow span:before {
                top: -7px;
                width: 23px;
            }

            .animated-arrow span:after {
                bottom: -7px;
                width: 17px;
            }

            .animated-arrow span:before,
            .animated-arrow span:after {
                transition: all 500ms ease-in-out;
            }

    .active .animated-arrow span {
        background-color: transparent;
    }

        .active .animated-arrow span:after {
            width: 23px;
            top: -3px;
        }

        .active .animated-arrow span:before {
            top: -3px;
        }

    .active .animated-arrow.active span:after {
        top: -3px;
    }

    .active .animated-arrow span:before {
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        bottom: 0px;
    }

    .active .animated-arrow span:after {
        transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    /* ================== Mobile Overlay/Drawer CSS ================== */
    .horizontal-overlapbg {
        right: 0;
        width: calc(100% - 240px);
        height: 100vh;
        min-height: 100%;
        position: fixed;
        top: 0;
        opacity: 0;
        visibility: hidden;
        background-color: rgba(0, 0, 0, 0.45);
        cursor: pointer;
    }

    .active .horizontalMenu .horizontal-overlapbg {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 3.5s ease-in-out;
        -moz-transition: opacity 3.5s ease-in-out;
        -ms-transition: opacity 3.5s ease-in-out;
        -o-transition: opacity 3.5s ease-in-out;
    }

    .horizontalMenucontainer {
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    .active .horizontalMenucontainer {
        margin-left: 240px;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    .active .horizontalMenu {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        visibility: visible;
        z-index: 1000;
        top: 0;
        height: 100% !important;
    }

        .active .horizontalMenu > .horizontalMenu-list {
            webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
            margin-left: 0;
        }

    /* ================== Mobile Sub Menu Expander Arrows  ================== */
    .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click {
        height: 49px;
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        cursor: pointer;
        width: 100%;
    }

    .horizontalMenu > .horizontalMenu-list > li .horizontalMenu-click.horizontal-activearrow > i {
        transform: rotate(180deg);
        margin-top: 5px;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontalMenu-click > i {
        display: block;
        height: 23px;
        width: 25px;
        margin-top: 14px;
        margin-right: 10px;
        background-size: 25px;
        font-size: 16px;
        color: #888aaf;
        float: right;
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li .horizontalMenu-click02 {
        height: 41px;
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        cursor: pointer;
        width: 100%;
    }

        .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li .horizontalMenu-click02 > i {
            display: block;
            width: 32px;
            margin: 0px 6px 8px 6px;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.25);
            float: right;
            top: 10px;
            line-height: 38px;
        }

            .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li .horizontalMenu-click02 > i.horizontalMenu-rotate {
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg);
            }

    .horizontalMenu > .horizontalMenu-list > li a span,
    .horizontalMenu > .horizontalMenu-list > li > a .horizontal-icon {
        display: none;
    }

    .mega-menubg {
        background: #fff !important;
        margin: 5px;
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu {
        background-color: #fff;
        box-shadow: none !important;
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
        color: #22252f;
        background-color: #fff;
    }

    .mega-menubg {
        border: 0 !important;
        box-shadow: none !important;
    }

        .mega-menubg.hor-mega-menu ul {
            margin-left: 0;
            padding-left: 0;
        }

    .hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
        background: #fff !important;
        color: #8291af !important;
    }

    .desktop-logo {
        margin-left: 2rem !important;
    }

    /*End Media Query*/
}

/* Extra @Media Query*/
@media only screen and (min-width: 992px) and (max-width: 1162px) {
    .horizontalMenu > .horizontalMenu-list > li > a > .arrow {
        display: none;
    }

    .horizontalMenu > .horizontalMenu-list > li a.menuhomeicon {
        padding-left: 22px;
        padding-right: 22px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .horizontalMenu > .horizontalMenu-list > li > a {
        font-size: 12px;
        padding: 10px 10px 10px 10px;
    }

    .horizontalMenu .badge {
        top: 13px !important;
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu,
    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
        top: 43px;
    }
}

.horizontalMenu-list .sub-menu .sub-menu:before,
.horizontalMenu-list .sub-menu .sub-menu:after {
    display: none;
}

@media (max-width: 991px) {
    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .megamenu-content {
        border: 0;
        box-shadow: none;
    }

    .horizontalMenucontainer .main-header form[role="search"] {
        width: inherit;
    }

    .horizontalMenucontainer .main-header.hor-header {
        position: fixed;
        box-shadow: 0 0 10px rgba(28, 39, 60, 0.2);
        border-bottom: 1px solid #d3dfef;
    }
}

@media (min-width: 550px) {
    .desktop-logo-1 {
        display: none;
    }
}

@media (max-width: 549px) {
    .desktop-logo-1 {
        display: block;
        margin-left: 0;
        height: 2.6rem;
    }

    .horizontalMenucontainer .header-brand {
        margin-left: 3rem;
    }

    .desktop-logo {
        display: none;
    }
}

.horizontalMenu ul li a.btn {
    font-size: 14px !important;
    margin: 5px 0;
}

@media (min-width: 992px) {
    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
        opacity: 0;
        visibility: hidden;
        -o-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -webkit-transform-origin: 0% 0%;
        -o-transition: -o-transform 0.3s, opacity 0.3s;
        -ms-transition: -ms-transform 0.3s, opacity 0.3s;
        -moz-transition: -moz-transform 0.3s, opacity 0.3s;
        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
        transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        transform: rotateX(-75deg);
        -o-transform: rotateX(-75deg);
        -moz-transform: rotateX(-75deg);
        -webkit-transform: rotateX(-75deg);
    }

    .horizontalMenu > .horizontalMenu-list > li:hover > ul.sub-menu,
    .horizontalMenu > .horizontalMenu-list > li:hover > .horizontal-megamenu {
        opacity: 1;
        visibility: visible;
        transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu {
        opacity: 0;
        visibility: hidden;
        transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        transform: rotateX(-75deg);
        -o-transform: rotateX(-75deg);
        -moz-transform: rotateX(-75deg);
        -webkit-transform: rotateX(-75deg);
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li:hover > ul.sub-menu {
        opacity: 1;
        visibility: visible;
        -o-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -webkit-transform-origin: 0% 0%;
        -o-transition: -o-transform 0.4s, opacity 0.4s;
        -ms-transition: -ms-transform 0.4s, opacity 0.4s;
        -moz-transition: -moz-transform 0.4s, opacity 0.4s;
        -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
        transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
        opacity: 0;
        visibility: hidden;
        -o-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -webkit-transform-origin: 0% 0%;
        -o-transition: -o-transform 0.4s, opacity 0.4s;
        -ms-transition: -ms-transform 0.4s, opacity 0.4s;
        -moz-transition: -moz-transform 0.4s, opacity 0.4s;
        -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
        transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        transform: rotateX(-75deg);
        -o-transform: rotateX(-75deg);
        -moz-transform: rotateX(-75deg);
        -webkit-transform: rotateX(-75deg);
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > ul.sub-menu {
        opacity: 1;
        visibility: visible;
        transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
    }

    .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
        opacity: 0;
        visibility: hidden;
        -o-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -webkit-transform-origin: 0% 0%;
        -o-transition: -o-transform 0.3s, opacity 0.3s;
        -ms-transition: -ms-transform 0.3s, opacity 0.3s;
        -moz-transition: -moz-transform 0.3s, opacity 0.3s;
        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
        transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        transform: rotateX(-75deg);
        -o-transform: rotateX(-75deg);
        -moz-transform: rotateX(-75deg);
        -webkit-transform: rotateX(-75deg);
    }

    .header-style1 .horizontalMenu > .horizontalMenu-list > li {
        padding: 0.75rem 0;
    }

    .main-header.hor-header.fixed-header {
        box-shadow: none;
        z-index: 99;
    }

    .horizontal-mainwrapper.container,
    .horizontal-megamenu .container {
        padding: 0;
    }

    .side-badge {
        position: absolute;
        right: 21px;
        top: 11px;
    }
}

.app.sidebar-mini.sidenav-toggled #bg-side-text {
    display: none !important;
}

@media (min-width: 768px) {
    .app.sidebar-mini.sidenav-toggled #bg-side-text {
        display: none !important;
    }
}

.mega-menubg {
    background: #fff;
    padding: 14px 5px;
    box-shadow: 0 8px 16px 0 rgba(230, 233, 239, 0.4);
    border: 1px solid #e7eaf3;
}

.horizontal-main.hor-menu {
    background: #fff;
    border-bottom: 1px solid #d5d8e2;
    border-top: 0;
    z-index: 1;
    margin-top: 0;
    box-shadow: 0 1px 15px 1px #c0c0c7;
}

.hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a {
    background: #fff;
    color: #8291af;
}

.hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li:hover a {
    color: #C9A96E  !important;
}

    .hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li:hover a:before {
        border-color: #C9A96E  !important;
    }

.hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active {
    color: #C9A96E ;
    background: #fff;
    background: transparent;
}

.hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover {
    color: #C9A96E ;
    background: transparent;
}

.hor-menu .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a.active {
    color: #C9A96E ;
}

    .hor-menu .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a.active:before {
        color: #C9A96E ;
    }

.hor-menu .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a.active {
    color: #C9A96E ;
}

    .hor-menu .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a.active:before {
        color: #C9A96E ;
    }

.hor-menu .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover:before {
    color: #C9A96E ;
}

.hor-menu .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a.active {
    color: #C9A96E  !important;
}

.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu .sub-menu-sub:after {
    content: '\e92f';
    font-family: 'feather';
    font-size: 13px;
    position: absolute;
    top: 9px;
    right: 14px;
    color: #121029;
    opacity: 0.4;
}

.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover,
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
    color: #C9A96E ;
}

.horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu .link-list li a:hover {
    color: #C9A96E ;
}

.sub-menu li a:before {
    content: "\e92f";
    font-family: 'feather' !important;
    position: absolute;
    top: 9px;
    left: 12px;
    font-size: 9px;
    color: #8b96af;
    display: block;
}

.mega-menubg li a:before {
    content: '';
    width: 8px;
    height: 8px;
    border-width: 1.5px;
    border-style: solid;
    border-radius: 50px;
    position: absolute;
    left: 6px;
    z-index: 99;
    border-color: #bec5d0;
    top: 15px;
}

.main-content.hor-content {
    /* margin-top:0 !important; */
    padding-top: 0 !important;
}

.sticky.sticky-pin .horizontal-main.hor-menu {
    margin-top: 0;
}

.horizontalMenu > .horizontalMenu-list > li > a i.horizontal-icon {
    margin-right: 0;
    vertical-align: middle;
}

.hor-icon {
    width: 18px;
    height: 18px;
    margin-right: 3px;
}

.hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover .hor-icon,
.hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active .hor-icon {
    fill: #C9A96E  !important;
}

.horizontal-badge {
    position: absolute;
    top: 15px;
    margin-left: 1px;
}

.desktop-logo {
    height: 2rem;
    text-align: center;
    margin: 0 auto;
    justify-content: center;
}

.horizontalMenucontainer .sticky-pin {
    z-index: 99;
}

.horizontalMenucontainer .main-header {
    z-index: 999 !important;
}

    .horizontalMenucontainer .main-header.hor-header {
        position: relative;
        border-bottom: 1px solid #d3dfef;
    }

.horizontalMenucontainer .side-header {
    position: relative;
}

.mega-menubg.hor-mega-menu h3 {
    color: #2c364c;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .5px;
    margin-bottom: 12px;
    height: 15px;
    padding: 0 20px 0 2px;
}

.horizontalMenucontainer .main-header {
    border-bottom: 1px solid #dce7f5;
}

.hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active {
    color: #C9A96E ;
    background: transparent;
}

    .hor-menu .horizontalMenu > .horizontalMenu-list > li > a.active .side-menu__icon {
        fill: #C9A96E ;
    }

.hor-menu .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a.active:focus {
    color: #C9A96E ;
}

.horizontalMenucontainer .side-menu__icon {
    font-size: 23px;
    line-height: 0;
    margin-right: 7px;
    width: 22px;
    height: 22px;
    line-height: 34px;
    border-radius: 3px;
    text-align: center;
    color: #a8b1c7;
    fill: #5b6e88;
}

.hor-menu .horizontalMenu > .horizontalMenu-list > li > a:hover .side-menu__icon {
    fill: #C9A96E ;
}

.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover {
    color: #C9A96E ;
}

@media (max-width: 991px) {
    body.active.menu-open .horizontalMenucontainer .main-header.hor-header {
        box-shadow: none;
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:before {
        left: 62px;
    }
}

/* ###### 6.5 Iconbar  ###### */
@media (max-width: 991.98px) {
    .main-iconbar-show .main-iconbar {
        display: flex;
    }

    .main-iconbar-show .main-iconbar-aside {
        display: block;
    }
}

.main-iconbar {
    width: 64px;
    display: none;
    flex-direction: column;
    align-items: center;
    padding: 20px 0;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #fff;
    z-index: 500;
}

    .main-iconbar .nav {
        flex: 1;
        flex-direction: column;
        align-items: center;
        padding: 5px 0;
    }

    .main-iconbar .nav-link {
        position: relative;
        padding: 0;
        color: #C9A96E;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .main-iconbar .nav-link i {
            font-size: 28px;
        }

            .main-iconbar .nav-link i.typcn {
                line-height: 1;
            }

                .main-iconbar .nav-link i.typcn::before {
                    width: auto;
                }

            .main-iconbar .nav-link i.typcn-device-laptop,
            .main-iconbar .nav-link i.typcn-th-large-outline {
                font-size: 25px;
            }

            .main-iconbar .nav-link i.fa-desktop {
                font-size: 23px;
            }

        .main-iconbar .nav-link:hover,
        .main-iconbar .nav-link:focus {
            color: #4d5875;
        }

        .main-iconbar .nav-link.active {
            color: #C9A96E ;
        }

        .main-iconbar .nav-link + .nav-link {
            margin-top: 10px;
        }

@media (min-width: 992px) {
    .main-iconbar {
        display: flex;
    }
}

.main-iconbar-logo {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    line-height: .9;
    color: #242f48;
    flex-shrink: 0;
    margin-bottom: 20px;
    position: relative;
}

    .main-iconbar-logo::after {
        content: '';
        position: absolute;
        bottom: 6px;
        left: 20px;
        height: 3px;
        width: 24px;
        background-color: #C9A96E ;
        border-radius: 2px;
    }

    .main-iconbar-logo:hover,
    .main-iconbar-logo:focus {
        color: #242f48;
    }

.main-iconbar-bottom {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.main-iconbar-help {
    line-height: 0;
    font-size: 22px;
    color: #737f9e;
    margin-bottom: 20px;
}

    .main-iconbar-help:hover,
    .main-iconbar-help:focus {
        color: #242f48;
    }

.main-iconbar-aside {
    width: 230px;
    height: 100%;
    background-color: #fff;
    border-right: 1px solid #b9c2d8;
    position: fixed;
    top: 0;
    left: 64px;
    overflow-y: auto;
    z-index: 600;
    display: none;
}

@media (min-width: 1200px) {
    .main-iconbar-aside {
        border-right: 0;
        z-index: 500;
    }
}

@media (min-width: 992px) {
    .main-iconbar-aside.show {
        display: block;
    }
}

@media (min-width: 1200px) {
    .main-iconbar-aside.show + .main-content {
        margin-left: 294px;
    }
}

.main-iconbar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    padding-left: 0;
}

    .main-iconbar-header .main-logo {
        line-height: 1;
    }

.main-iconbar-toggle-menu {
    display: block;
    position: relative;
    line-height: 0;
    color: #242f48;
    font-size: 28px;
    opacity: .5;
}

    .main-iconbar-toggle-menu:hover,
    .main-iconbar-toggle-menu:focus {
        opacity: 1;
        color: #242f48;
    }

    .main-iconbar-toggle-menu i:first-child {
        display: none;
    }

@media (min-width: 1200px) {
    .main-iconbar-toggle-menu {
        font-size: 24px;
    }

        .main-iconbar-toggle-menu::before {
            content: '';
            position: absolute;
            top: 3px;
            bottom: 3px;
            left: -1px;
            border-left: 2px solid #242f48;
        }

        .main-iconbar-toggle-menu i:first-child {
            display: block;
        }

        .main-iconbar-toggle-menu i:last-child {
            display: none;
        }
}

.main-iconbar-body {
    padding: 20px;
    padding-left: 0;
    height: calc(100vh - 68px);
}

    .main-iconbar-body .nav {
        flex-direction: column;
        border-left: 2px solid #dde2ef;
        padding-top: 10px;
        padding-left: 20px;
    }

    .main-iconbar-body .nav-item {
        position: relative;
        display: block;
    }

        .main-iconbar-body .nav-item + .nav-item {
            margin-top: -1px;
            border-top: 1px dotted #d0d7e8;
        }

        .main-iconbar-body .nav-item.active .nav-link {
            color: #C9A96E ;
        }

            .main-iconbar-body .nav-item.active .nav-link i {
                color: #C9A96E ;
            }

        .main-iconbar-body .nav-item.show .nav-sub {
            display: block;
        }

    .main-iconbar-body .nav-link {
        position: relative;
        color: #C9A96E;
        font-size: 13px;
        padding: 0;
        display: flex;
        align-items: center;
        height: 38px;
    }

        .main-iconbar-body .nav-link i {
            color: #949eb7;
            font-size: 16px;
            font-weight: 400;
            line-height: 0;
            margin-right: 10px;
        }

            .main-iconbar-body .nav-link i.typcn {
                line-height: .9;
            }

                .main-iconbar-body .nav-link i.typcn::before {
                    width: auto;
                }

        .main-iconbar-body .nav-link:hover,
        .main-iconbar-body .nav-link:focus,
        .main-iconbar-body .nav-link:hover i,
        .main-iconbar-body .nav-link:focus i {
            color: #C9A96E ;
        }

        .main-iconbar-body .nav-link.with-sub {
            justify-content: space-between;
        }

            .main-iconbar-body .nav-link.with-sub::after {
                content: '\f3d0';
                font-family: 'Ionicons';
                font-size: 11px;
                font-weight: 400;
                display: inline-block;
                position: relative;
                margin-left: auto;
                color: #949eb7;
            }

    .main-iconbar-body .nav-sub {
        list-style: none;
        padding: 0;
        margin: 0;
        border-top: 1px dotted #d0d7e8;
        display: none;
    }

        .main-iconbar-body .nav-sub .nav-sub-item {
            position: relative;
            display: block;
            margin-left: 15px;
        }

            .main-iconbar-body .nav-sub .nav-sub-item + .nav-sub-item {
                border-top: 1px dotted #d0d7e8;
            }

            .main-iconbar-body .nav-sub .nav-sub-item.active > .nav-sub-link {
                color: #C9A96E ;
            }

        .main-iconbar-body .nav-sub .nav-sub-link {
            display: flex;
            align-items: center;
            height: 36px;
            color: #C9A96E;
        }

            .main-iconbar-body .nav-sub .nav-sub-link:hover,
            .main-iconbar-body .nav-sub .nav-sub-link:focus {
                color: #C9A96E ;
            }

@media (min-width: 992px) {
    .main-iconbar-body .nav-link.with-sub::after {
        margin-left: 4px;
        font-size: 12px;
    }
}

.main-iconbar-title {
    font-size: 20px;
    font-weight: 700;
    color: #242f48;
    margin-bottom: 10px;
    line-height: 1;
}

.main-iconbar-text {
    display: block;
    font-size: 12px;
    color: #737f9e;
    margin-bottom: 12px;
}

.main-iconbar-pane {
    margin-bottom: 20px;
    display: none;
}

    .main-iconbar-pane.show {
        display: block;
    }

/* ###### 6.1 Content  ###### */
@media (max-width: 575px) {
    .main-content-left-show {
        overflow: hidden;
    }
}

@media (max-width: 991.98px) {
    .main-content-left-show .main-content-left {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        background-color: #fff;
        z-index: 800;
        border-right: 1px solid #e3e8f7;
        box-shadow: 0 0 3px rgba(28, 39, 60, 0.1);
        overflow-y: auto;
    }
}

@media (max-width: 575px) {
    .main-content-left-show .main-content-body {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .main-content-body-show .main-header .main-header-menu-icon {
        display: none;
    }

    .main-content-body-show .main-header .main-header-left .main-header-arrow {
        display: block;
    }

    .main-content-body-show .main-content-left {
        display: none;
    }

    .main-content-body-show .main-content-body {
        display: block;
    }
}

.main-content .container,
.main-content .container-fluid {
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 992px) {
    .main-content .container {
        padding: 0;
    }
}

@media (max-width: 991.98px) {
    .main-content .container {
        max-width: none;
    }

    .browser-stats .sub-text {
        display: none;
    }

    .browser-stats h6 {
        line-height: 2;
    }
}

.main-content-app {
    padding-top: 0;
}

    .main-content-app .container,
    .main-content-app .container-fluid {
        height: 100%;
        padding: 0;
    }

@media (min-width: 992px) {
    .main-content-app {
        padding-top: 0;
    }
}

.main-content-left {
    width: 100%;
    position: relative;
    flex-shrink: 0;
}

@media (min-width: 992px) {
    .main-content-left {
        display: block;
        padding: 0;
    }
}

.main-content-header {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .main-content-header .main-logo {
        flex: 1;
        text-align: center;
    }

@media (min-width: 992px) {
    .main-content-header {
        display: none;
    }
}

.main-content-body {
    flex: 1;
}

.main-content-right {
    padding-left: 25px;
    margin-left: 25px;
    width: 200px;
    display: none;
}

@media (min-width: 992px) {
    .main-content-right {
        display: block;
    }
}

.main-content-title {
    color: #242f48;
    font-weight: 500;
    font-size: 32px;
    text-indent: -1px;
    line-height: 1;
    position: relative;
    margin-bottom: 20px;
}

@media (min-width: 992px) {
    .main-content-title {
        margin-bottom: 40px;
    }
}

.main-content-label,
.card-table-two .card-title,
.card-dashboard-eight .card-title {
    color: #242f48;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 10px;
    letter-spacing: .2px;
}

.main-content-label-sm {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    color: #949eb7;
    letter-spacing: .5px;
}

.main-content-text {
    font-size: 12px;
    line-height: 1.4;
    display: block;
    color: #737f9e;
}

.main-content-1 .main-content-header {
    display: block;
    padding: 20px;
    background-color: transparent;
    border: 0;
}

.main-content .header {
    border-radius: 8px;
    margin: 20px;
}

.main-content.horizontal-content {
    padding-top: 0 !important;
    margin-left: 0;
}

@media (min-width: 992px) {
    .main-content {
        padding-top: 0 !important;
        margin-left: 240px;
    }

    .main-body.main-sidebar-hide .main-content {
        margin-left: 80px !important;
        transition: margin-left 0.3s ease;
    }
}

@media (max-width: 991px) {
    .main-content-body-show .main-header-arrow {
        display: block;
        padding: 10px 20px;
        background: #C9A96E ;
        color: #fff;
    }
}

@media (min-width: 991px) {
    .main-content.horizontal-content {
        padding-top: 0 !important;
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    .main-content-body-show .main-header-arrow {
        display: none;
    }
}

@media (max-width: 635px) {
    .main-content .breadcrumb-header .breadcrumb-right {
        margin-top: 12px !important;
    }
}

@media (max-width: 991.98px) {
    .main-content.horizontal-content {
        margin-top: 0 !important;
    }
}

.main-content-left-components {
    border-right: 1px solid #dde2ef;
    width: 200px;
}

    .main-content-left-components .component-item label {
        display: block;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .5px;
    }

        .main-content-left-components .component-item label ~ label {
            margin-top: 30px;
        }

    .main-content-left-components .component-item .nav-link {
        padding: 0;
        display: block;
        font-size: 13px;
        color: #4d5875;
    }

        .main-content-left-components .component-item .nav-link + .nav-link {
            margin-top: 5px;
        }

        .main-content-left-components .component-item .nav-link:hover {
            color: #C9A96E ;
        }

        .main-content-left-components .component-item .nav-link.active {
            color: #C9A96E ;
            font-weight: 500;
        }

.main-content-choose-demo {
    position: relative;
    z-index: 5;
    background-color: #0f0373;
    color: rgba(255, 255, 255, 0.5);
    padding: 0;
}

    .main-content-choose-demo .container {
        display: block;
        padding: 20px;
    }

    .main-content-choose-demo .title-label {
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 10px;
        color: #C9A96E ;
        margin-bottom: 3px;
    }

    .main-content-choose-demo .title {
        font-size: 20px;
        font-weight: 400;
        color: #fff;
        letter-spacing: -.5px;
        margin-bottom: 10px;
    }

    .main-content-choose-demo .title-text {
        font-weight: 300;
        margin-bottom: 20px;
    }

    .main-content-choose-demo .card {
        border-width: 0;
        margin-bottom: 10px;
        height: 200px;
        overflow: hidden;
        position: relative;
    }

        .main-content-choose-demo .card img {
            transition: all 0.2s ease-in-out;
        }

        .main-content-choose-demo .card figure {
            margin-bottom: 0;
        }

            .main-content-choose-demo .card figure:hover img,
            .main-content-choose-demo .card figure:focus img {
                transform: scale(1.75, 1.75);
            }

            .main-content-choose-demo .card figure:hover figcaption,
            .main-content-choose-demo .card figure:focus figcaption {
                opacity: 1;
            }

        .main-content-choose-demo .card figcaption {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: rgba(25, 4, 190, 0.75);
            opacity: 0;
            transition: all 0.2s ease-in-out;
        }

            .main-content-choose-demo .card figcaption .btn,
            .main-content-choose-demo .card figcaption .sp-container button {
                text-transform: uppercase;
                letter-spacing: 1.5px;
                font-size: 11px;
                font-weight: 500;
                min-height: inherit;
                padding: 10px 20px;
                border-radius: 2px;
            }

@media (min-width: 576px) {
    .main-content-choose-demo .container {
        padding: 40px;
    }
}

@media (min-width: 992px) {
    .main-content-choose-demo .container {
        padding: 100px 40px;
    }
}

@media (min-width: 1200px) {
    .main-content-choose-demo .container {
        padding: 100px 0;
    }
}

@media (min-width: 768px) {
    .main-content-choose-demo .title-label {
        font-size: 11px;
    }
}

@media (min-width: 768px) {
    .main-content-choose-demo .title {
        font-size: 30px;
    }
}

@media (min-width: 576px) {
    .main-content-choose-demo .title-text {
        margin-bottom: 40px;
    }
}

@media (min-width: 768px) {
    .main-content-choose-demo .title-text {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    .main-content-choose-demo .title-text {
        margin-bottom: 60px;
    }
}

@media (min-width: 576px) {
    .main-content-choose-demo .card {
        height: 155px;
    }
}

@media (min-width: 768px) {
    .main-content-choose-demo .card {
        height: 215px;
        margin-bottom: 15px;
    }
}

@media (min-width: 1200px) {
    .main-content-choose-demo .card {
        height: 255px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .main-content-choose-demo .card img {
        transition: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .main-content-choose-demo .card figcaption {
        transition: none;
    }
}

.sp-container .main-content-choose-demo .card figcaption button {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 11px;
    font-weight: 500;
    min-height: inherit;
    padding: 10px 20px;
    border-radius: 2px;
}

.main-content-choose-demo .card.coming-soon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #242f48;
    background-color: #dde2ef;
}

    .main-content-choose-demo .card.coming-soon .typcn {
        line-height: .9;
        font-size: 48px;
        margin-bottom: 10px;
    }

    .main-content-choose-demo .card.coming-soon h6 {
        margin-bottom: 0;
        text-transform: uppercase;
        font-weight: 800;
        letter-spacing: 1px;
    }

.main-content-choose-demo .main-content-label,
.main-content-choose-demo .card-table-two .card-title {
    color: #737f9e;
    margin-bottom: 5px;
    letter-spacing: 1px;
}

.card-table-two .main-content-choose-demo .card-title,
.main-content-choose-demo .card-dashboard-eight .card-title,
.card-dashboard-eight .main-content-choose-demo .card-title {
    color: #737f9e;
    margin-bottom: 5px;
    letter-spacing: 1px;
}

.main-content-choose-demo .main-content-title {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0;
    color: #fff;
}

@media (min-width: 768px) {
    .main-content-choose-demo .main-content-title {
        font-size: 17px;
    }
}

.main-content-left.main-content-left-mail.card-body {
    padding: 1.25rem;
}

.main-header-profile .main-img-user {
    display: inline-block;
    position: relative;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    text-align: center;
}

    .main-header-profile .main-img-user::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 6px;
        width: 6px;
        height: 6px;
        background-color: #17b86a;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95);
        border-radius: 100%;
        bottom: 3px;
        display: block !important;
        top: 35px;
    }

.main-profile-menu .profile-user img {
    width: 37px;
    height: 37px;
    border-radius: 50%;
    margin-left: 0;
    width: 37px;
    height: 37px;
    border-radius: 50%;
}

.main-profile-overview .main-img-user::after {
    display: none !important;
}

/* ###### 7.8 Profile  ###### */
.main-content-profile {
    flex: 1;
}

@media (max-width: 991.98px) {

    .main-content-profile .container,
    .main-content-profile .container-fluid {
        display: block;
    }
}

.main-content-left-profile {
    padding-left: 0;
    padding-right: 0;
    display: block;
    border-bottom: 1px solid #e3e8f7;
    padding-bottom: 25px;
    width: auto;
}

@media (min-width: 992px) {
    .main-content-left-profile {
        width: 270px;
        padding-right: 20px;
        padding-bottom: 0;
        border-right: 1px solid #e3e8f7;
        border-bottom: 0;
    }
}

@media (min-width: 1200px) {
    .main-content-left-profile {
        padding-right: 25px;
    }
}

.main-profile-overview .main-img-user {
    width: 120px;
    height: 120px;
    margin-bottom: 20px;
}

.main-profile-overview .btn-icon-list .btn,
.main-profile-overview .btn-icon-list .sp-container button {
    border-radius: 100%;
}

.sp-container .main-profile-overview .btn-icon-list button {
    border-radius: 100%;
}

.main-profile-name {
    color: #242f48;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 2px;
}

.main-profile-name-text {
    color: #737f9e;
    font-size: 13px;
    margin-bottom: 0;
}

.main-profile-bio {
    font-size: 13px;
    margin-bottom: 20px;
}

.main-profile-social-list .media {
    align-items: center;
}

    .main-profile-social-list .media + .media {
        margin-top: 20px;
    }

.main-profile-social-list .media-icon {
    font-size: 34px;
    width: 30px;
    line-height: 0;
}

.main-profile-social-list .media-body {
    margin-left: 20px;
}

    .main-profile-social-list .media-body span {
        display: block;
        font-size: 12px;
    }

    .main-profile-social-list .media-body a {
        font-size: 13px;
    }

.main-content-body-profile .nav {
    flex-direction: column;
    padding: 20px 20px 20px 0;
    border-bottom: 1px solid #e3e8f7;
    margin-bottom: 1.3rem;
}

.main-content-body-profile .main-nav-line .nav-link {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    color: #364261;
}

    .main-content-body-profile .main-nav-line .nav-link.active {
        font-weight: 700;
        color: #C9A96E ;
    }

        .main-content-body-profile .main-nav-line .nav-link.active::before {
            background-color: #C9A96E ;
        }

@media (min-width: 576px) {
    .main-content-body-profile .nav {
        flex-direction: row;
        align-items: center;
    }
}

@media (min-width: 992px) {
    .main-content-body-profile .nav {
        padding-left: 20px;
    }
}

@media (min-width: 1200px) {
    .main-content-body-profile .nav {
        padding-left: 25px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .main-content-body-profile .main-nav-line .nav-link.active::before {
        width: auto;
        top: auto;
        left: 0;
        right: 0;
        height: 2px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .main-content-body-profile .main-nav-line .nav-link + .nav-link {
        margin-top: 0;
        margin-left: 20px;
    }
}

.main-profile-body {
    padding: 15px 0 0;
}

@media (min-width: 576px) {
    .main-profile-body {
        padding-top: 20px;
    }
}

@media (min-width: 992px) {
    .main-profile-body {
        padding: 25px 0 0 20px;
    }
}

@media (min-width: 1200px) {
    .main-profile-body {
        padding-left: 25px;
    }
}

.main-profile-view-chart {
    position: relative;
    width: calc(100% - 10px);
    height: 200px;
}

@media (min-width: 375px) {
    .main-profile-view-chart {
        width: 100%;
    }
}

@media (min-width: 576px) {
    .main-profile-view-chart {
        height: 250px;
    }
}

.main-profile-view-info {
    position: absolute;
    top: 0;
    left: 0;
}

    .main-profile-view-info h6 {
        font-size: 32px;
        font-weight: 500;
        color: #242f48;
        margin-bottom: 0;
    }

    .main-profile-view-info span {
        font-size: 12px;
        color: #f10075;
        margin-left: 5px;
    }

    .main-profile-view-info p {
        font-size: 13px;
        margin-bottom: 0;
    }

.main-traffic-detail-item > div:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    margin-bottom: 7px;
}

    .main-traffic-detail-item > div:first-child > span:first-child {
        color: #737f9e;
    }

    .main-traffic-detail-item > div:first-child > span:last-child {
        font-size: 11px;
        font-weight: 700;
        color: #242f48;
    }

        .main-traffic-detail-item > div:first-child > span:last-child span {
            color: #737f9e;
            font-weight: 400;
        }

.main-traffic-detail-item + .main-traffic-detail-item {
    margin-top: 25px;
}

.main-traffic-detail-item .progress {
    height: 8px;
}

.main-profile-work-list .media + .media {
    margin-top: 25px;
}

.main-profile-work-list .media-logo {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    color: #fff;
    font-size: 21px;
    position: relative;
    top: 2px;
    border-radius: 100%;
}

.main-profile-work-list .media-body {
    margin-left: 20px;
}

    .main-profile-work-list .media-body h6 {
        color: #242f48;
        font-weight: 500;
        margin-bottom: 2px;
    }

    .main-profile-work-list .media-body span {
        display: block;
        margin-bottom: 5px;
    }

    .main-profile-work-list .media-body p {
        margin-bottom: 0;
        font-size: 12px;
        color: #737f9e;
    }

.main-profile-contact-list .media {
    align-items: center;
}

    .main-profile-contact-list .media + .media {
        margin-top: 25px;
    }

.main-profile-contact-list .media-icon {
    line-height: 0;
    font-size: 36px;
    width: 35px;
    text-align: center;
}

.main-profile-contact-list .media-body {
    margin-left: 25px;
}

    .main-profile-contact-list .media-body span {
        font-size: 12px;
        color: #737f9e;
        display: block;
        line-height: 1.3;
    }

    .main-profile-contact-list .media-body div {
        font-weight: 500;
        color: #242f48;
    }

@media (max-width: 1134px) {
    .main-profile-body .media.profile-footer {
        display: block !important;
    }

        .main-profile-body .media.profile-footer .media-body {
            padding: 3px 0 15px 0;
        }
}

@media (max-width: 578px) {
    .main-profile-menu .profile-user img {
        margin-left: 0;
    }
}

.main-profile-work-list .media-logo,
.main-profile-contact-list .media-icon,
.main-profile-social-list .media-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    color: #fff;
    font-size: 21px;
    position: relative;
    top: 2px;
    border-radius: 100%;
}

.profile-user .profile-edit {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    right: 0;
    background: #d5d4e0;
    margin: 0 auto;
    text-align: center;
}

.main-profile-body .card-header {
    padding-top: 0;
    padding-left: 0;
}

.drop-down-profile {
    position: relative;
}

.profile-footer a {
    width: 34px;
    height: 34px;
    background: #efeff5;
    color: #000;
    margin: 1px auto;
    text-align: center;
    line-height: 34px;
    display: inline-block;
    border-radius: 50%;
    font-size: 12px;
}

.drop-down-profile span.assigned-task {
    position: absolute;
    font-size: 12px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    color: #fff;
    top: 0;
    margin: 0 auto;
    text-align: center;
    border-radius: 50%;
    right: 0;
}

@media (max-width: 575px) {
    .main-content-body-profile .main-nav-line .nav-link.active::before {
        left: 0px;
    }
}

@media (max-width: 767.98px) {
    .main-profile-menu .profile-user img {
        margin-left: 0 !important;
    }
}

.profile-name {
    margin-top: 8px;
}

.profile.navtab-custom {
    padding: 11px 0 10px 0;
}

    .profile.navtab-custom li a {
        padding: 13px;
        color: #000;
        background: transparent;
        margin-right: 7px;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        border: 1px solid #e3e6f0;
        border-bottom: 0;
        font-size: 13px;
    }

    .profile.navtab-custom .active a,
    .profile.navtab-custom a.active {
        background: #ecf0fa;
        border-bottom: 0;
        color: #000;
    }

.ga-border {
    height: 3px;
    width: 40px;
    background-color: #C9A96E ;
    margin: 10px auto 5px auto;
}

/* ###### 6.8 Sidebar  ###### */
@media (max-width: 991.98px) {
    .main-sidebar-show {
        overflow: hidden;
    }

        .main-sidebar-show .main-sidebar {
            display: flex;
            overflow-y: auto;
            transform: translateX(0);
            visibility: visible;
        }

        .main-sidebar-show .main-content {
            transform: translateX(240px);
        }

        .main-sidebar-show .main-navbar-backdrop {
            visibility: visible;
            opacity: 1;
        }
}

.main-body-sidebar {
    display: block;
}

.main-sidebar-body .nav-sub-item {
    margin-left: 55px;
}

@media (min-width: 992px) {
    .main-body-sidebar {
        display: flex;
        flex-direction: row;
    }
}

.main-body-sidebar .main-content {
    flex: 1;
    padding: 0;
    display: flex;
    flex-direction: column;
    transition: margin-left 0.3s ease;
}

.main-body-sidebar .main-content-header {
    height: auto;
    padding: 15px 20px;
    background: #fff;
    margin: 21px;
    border: 1px solid #e3e8f1;
}

.main-body-sidebar .main-footer {
    margin-top: auto;
}

@media (min-width: 992px) {
    .main-body-sidebar .main-header .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.main-sidebar {
    width: 240px;
    flex-direction: column;
    flex-shrink: 0;
    border-right: 0 solid #d8dfea;
    transform: translateX(-240px);
    visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
    .main-sidebar {
        transition: none;
    }
}

@media (max-width: 991.98px) {
    .main-sidebar {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 1000;
        background-color: #fff;
    }
}

@media (min-width: 992px) {
    .main-sidebar {
        position: fixed;
        display: flex;
        transform: none;
        z-index: 99;
        border-right-width: 1px;
        visibility: visible;
        background: #fff;
    }

    .main-sidebar-header {
        width: 240px;
        z-index: 999;
    }

    .main-sidebar-hide .main-sidebar-body .nav-link {
        border-radius: 0;
        margin-right: 0;
    }
}

.main-sidebar-sticky {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
}

    .main-sidebar-sticky .main-sidebar-body {
        height: calc(100vh - 122px);
        position: relative;
    }

@media (min-width: 992px) {
    .main-sidebar-sticky + .main-content {
        margin-left: 220px;
    }
}

@media (min-width: 1200px) {
    .main-sidebar-sticky + .main-content {
        margin-left: 240px;
    }
}

.main-sidebar-header {
    height: 64px;
    padding: 7px 20px;
    width: 240px;
    background: #fff;
    border-bottom: 1px solid #eae8f1;
    position: fixed;
    border-right: 1px solid #eae8f1;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    transition: left 0.3s ease, width 0.3s ease;
}

.main-sidemenu {
    margin-top: 70px;
    height: 90%;
}

.main-sidebar-loggedin {
    padding: 20px 20px;
    display: flex;
    flex-shrink: 0;
    border-bottom: 1px solid #dee4ec;
    margin-top: 64px;
}

.main-sidebar .nav-pills-circle {
    position: relative;
    margin: 0 auto;
    text-align: center;
}

    .main-sidebar .nav-pills-circle.nav .nav-item .dropdown-menu {
        left: -30px;
        min-width: 200px;
    }

        .main-sidebar .nav-pills-circle.nav .nav-item .dropdown-menu .dropdown-item i {
            font-size: 14px;
            margin-right: 3px;
        }

    .main-sidebar .nav-pills-circle .nav-pill {
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid #eaedf1 !important;
        color: #68798b !important;
        border-radius: 5px;
        margin: 0 4px;
        padding: 0.4rem 0.7rem;
    }

.main-sidebar-hide .main-sidebar-loggedin .main-img-user {
    margin: auto;
}

.main-sidebar-loggedin .main-img-user {
    width: 38px;
    height: 38px;
}

.main-sidebar-loggedin .media-body {
    margin-left: 12px;
    transition: left 0.4s ease, width 0.4s ease;
}

    .main-sidebar-loggedin .media-body h6 {
        font-weight: 700;
        font-size: 14px;
        color: #242f48;
        margin-bottom: 2px;
    }

    .main-sidebar-loggedin .media-body span {
        display: block;
        color: #737f9e;
        font-size: 13px;
    }

@media (min-width: 1200px) {
    .main-sidebar-body {
        padding: 0;
    }
}

.main-sidebar-hide .side-badge {
    display: none;
}

.main-sidebar-body .nav {
    flex-direction: column;
}

.main-sidebar-body .nav-item.active .nav-link .nav-badge {
    right: 12px !important;
}

.main-sidebar-body .nav-sub {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.9s ease;
    -o-transition: max-height 0.9s ease;
    transition: max-height 0.9s ease;
    transition: all 0.9s;
    margin-left: 32px;
}

.main-sidebar-body .nav-item + .nav-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 30px;
    right: 0;
    border-top: 1px dotted #e2eaf9;
}

.main-sidebar-body .nav-link {
    height: 45px;
    display: flex;
    align-items: center;
    padding: 0;
    font-weight: 400;
    font-size: 14px;
    color: #242f48;
    padding-bottom: 2px;
}

.main-sidebar-hide .main-sidebar-body .nav-link .leftmenu-icon {
    margin: auto;
}

.main-sidebar-hide .nav-text-badge {
    display: none;
}

.main-sidebar-body .nav-link i.typcn::before {
    width: auto;
}

.nav-link.with-sub .angle {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    position: absolute;
    top: 17px;
    right: 23px;
    font-size: 12px;
}

.nav-link.with-sub .side-badge {
    right: 23px;
    position: absolute;
}

.main-sidebar-body .nav-link .leftmenu-icon .eve-icon {
    fill: #C9A96E;
}

.main-sidebar-body .nav-sub {
    list-style: none;
    padding: 0;
    margin: 0 0 0 7px;
    position: relative;
}

.main-sidebar-body .nav-sub-item .nav-sub {
    padding: 0 0 0 18px;
    border-left-width: 1px;
    margin-left: 0;
}

    .main-sidebar-body .nav-sub-item .nav-sub .nav-sub-link {
        height: auto;
        padding: 7px 0;
    }

.main-sidebar-body .nav-sub-item.active > .nav-sub-link {
    color: #C9A96E ;
    border-radius: 1px;
}

.main-sidebar-body .nav-sub-item.show .nav-sub {
    display: block;
}

.main-sidebar-body .nav-sub-link {
    height: 34px;
    display: flex;
    align-items: center;
    color: #6c7293;
    font-size: 13px;
    webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    .main-sidebar-body .nav-sub-link.with-sub {
        justify-content: space-between;
    }

        .main-sidebar-body .nav-sub-link.with-sub::after {
            content: '\f3d0';
            font-family: 'Ionicons';
            font-size: 12px;
            font-weight: 400;
            display: inline-block;
            position: relative;
            margin-left: auto;
            color: #d0d7e8;
        }

    .main-sidebar-body .nav-sub-link + .nav-sub-link {
        border-top: 1px dotted #d0d7e8;
    }

@media (min-width: 992px) {
    .main-sidebar-body .nav-sub-link.with-sub::after {
        margin-left: 4px;
        font-size: 12px;
    }
}

.main-sidebar-open .main-sidebar {
    width: 240px;
    transition: left 0.3s ease;
}

.main-sidebar {
    background: #C9A96E ;
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.13);
}

.main-sidebar-body .nav-label {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    opacity: 1;
    padding: 20px 29px 10px;
    text-transform: capitalize;
    width: 100%;
    color: rgba(255, 255, 255, 0.4) !important;
    position: relative;
}

.main-sidebar-body .nav-link {
    height: 45px;
    display: flex;
    align-items: center;
    padding: 2px 15px;
    font-size: 15px;
    color: #334151;
}

    .main-sidebar-body .nav-link:hover,
    .main-sidebar-body .nav-link:focus {
        color: #fff;
    }

.main-sidebar-body .nav-sub li .nav-sub-link::after {
    content: "\e92f";
    font-family: 'feather' !important;
    position: absolute;
    top: 7px;
    left: -30px;
    font-size: 12px;
}

.main-sidebar-body .nav-item + .nav-item::before {
    border-top: 0;
}

.main-sidebar-body .nav-link .leftmenu-icon {
    font-size: 18px;
    line-height: 0;
    margin-right: 4px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    border-radius: 3px;
    text-align: center;
}

.main-sidebar-body .nav-label:after {
    content: "--";
    position: absolute;
    left: 13px;
    top: 18px;
}

@media (min-width: 992px) {
    .main-sidebar-hide .main-sidebar-body .nav-link i.typcn {
        line-height: 1.69;
        font-size: 1.125rem;
        margin-right: 0;
    }

    .main-body.main-sidebar-hide .main-sidebar {
        width: 80px;
    }

    .main-body.main-sidebar-hide .main-sidebar-loggedin .media-body,
    .main-body.main-sidebar-hide .sidemenu-label {
        display: none;
    }

    .main-body.main-sidebar-hide .main-sidebar-body .nav-label {
        display: none;
    }

    .main-body.main-sidebar-hide .main-sidebar-body .nav-link .leftmenu-icon {
        margin: 0;
    }

    .main-body.main-sidebar-hide .main-sidebar-body .nav-item {
        margin: 0 auto;
        text-align: center;
    }

    .main-body.main-sidebar-hide .main-sidebar-body .angle {
        display: none;
    }

    .main-body.main-sidebar-hide .sidebar-navs,
    .main-body.main-sidebar-hide .user-info {
        display: none;
    }

    .main-body.main-sidebar-hide .user-pic img {
        width: 40px !important;
        height: 40px;
        font-size: 36px !important;
        border-radius: 4px !important;
    }

    .main-body.main-sidebar-hide .main-sidebar-loggedin {
        padding: 20px;
    }
}

.sidebar-right .main-nav-line .nav-link {
    padding: 10px 18px 10px 21px;
    background: #dde2ef;
}

    .sidebar-right .main-nav-line .nav-link.active::before {
        bottom: 0;
    }

.main-sidebar-body .nav-item.show > .nav-sub {
    max-height: 100vh;
    -webkit-transition: max-height 2s ease;
    -o-transition: max-height 2s ease;
    transition: max-height 2s ease;
    transition: all 2s;
}

.main-sidebar-body .nav-item.active .nav-link {
    color: #fff;
    font-weight: 500;
    border-top: 0;
    background-color: #5e5fe0;
}

.main-sidebar-body .nav-item.active .angle {
    color: #fff !important;
}

.main-sidebar-body .nav-sub-item.active > .nav-sub-link {
    color: #14c6e2;
    border-radius: 1px;
}

.main-sidebar-body .nav-link {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    white-space: nowrap;
    padding: 7px 12px;
    color: #fff;
    -webkit-transition-duration: 0.45s;
    -moz-transition-duration: 0.45s;
    -o-transition-duration: 0.45s;
    transition-duration: 0.45s;
    transition-property: color;
    -webkit-transition-property: color;
    position: relative;
    font-size: 0.875rem;
    line-height: 1;
    vertical-align: middle;
    font-weight: 400;
}

.main-sidebar-body .nav-sub-item {
    margin-left: 0;
    text-align: left;
    padding: 2.2px 25px 2.2px 52px;
}

.main-sidebar-body .nav-item.show > .nav-sub {
    position: relative;
}

.main-sidebar-body .nav-sub li.active .nav-sub-link::after {
    border-color: #C9A96E ;
    color: #14c6e2;
}

.main-sidebar-hide .nav-sub {
    display: none;
}

.main-sidebar-body .nav-sub {
    list-style: none;
    padding: 0;
    margin: 0 !important;
    position: relative;
}

.main-sidebar-body .nav-item {
    position: relative;
}

    .main-sidebar-body .nav-item.active {
        border-top: 0;
    }

.right-page .value {
    color: #161537;
    font-size: 1rem;
    display: block;
    font-weight: 700;
    line-height: 1;
    margin-top: 1px;
}

.right-page .label {
    color: #979a9f;
    font-size: 12px;
    line-height: 1;
}

.main-sidebar-body .nav-sub-link {
    height: 34px;
    display: flex;
    align-items: center;
    color: #fff;
    position: relative;
    font-size: 14px;
    font-weight: 200;
    webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    .main-sidebar-body .nav-sub-link:hover {
        color: #14c6e2;
    }

@media (min-width: 992px) {
    .main-sidebar-hide .main-header-menu-icon {
        margin: 0 auto !important;
        text-align: center;
    }

    .main-sidebar-hide .main-sidebar-body .nav-item {
        border-top: 0;
    }

        .main-sidebar-hide .main-sidebar-body .nav-item.active {
            background: transparent;
        }

    .main-sidebar-hide .main-sidebar-body .nav-link {
        border-radius: 0;
        margin-right: 0;
        width: 38px;
        height: 38px;
        margin: 5px 0;
        border-radius: 5px;
    }

    .main-sidebar-hide .nav-search {
        display: none;
    }

    .main-sidebar-hide .main-sidebar-body .nav-link {
        height: 40px;
        display: flex;
        align-items: center;
        padding: 2px 10px;
    }

    .animated-arrow span {
        transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
    }

        .animated-arrow span:before,
        .animated-arrow span:after,
        .animated-arrow span:before,
        .animated-arrow span:after {
            transition: all 500ms ease-in-out;
        }
}

.app-sidebar__user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #a8a8a8;
    width: 100%;
    display: inline-block;
    background-size: cover;
    background-position: left;
}

.user-info .text-dark {
    color: #C9A96E !important;
    font-weight: 600;
    font-size: 14px;
    margin-top: 13px;
}

.user-info .text-muted {
    color: #f2f5fb !important;
    font-size: 13px;
}

.sidebar-navs .nav-pills-circle .nav-link {
    display: block;
    padding: 0.4rem 0.6rem;
    font-size: 16px;
    border: 1px solid #dde2ef;
    border-radius: 4px;
    line-height: 1;
}

.main-sidebar-loggedin {
    padding: 0 20px;
    display: flex;
    flex-shrink: 0;
    border-bottom: 0;
    margin-top: 0;
    padding: 20px 20px 15px;
    transition: left 0.3s ease;
}

    .main-sidebar-loggedin .media-body h6 {
        font-weight: 500;
        font-size: 15px;
        margin-bottom: 5px;
    }

.nav-search .input-group-text {
    background: transparent;
}

.nav-search .form-control {
    color: #fff;
    background-color: #7878eb;
    border: 1px solid rgba(226, 232, 245, 0.25);
}

.nav-search .input-group-text {
    color: #fff;
    background-color: #7878eb;
    border: 1px solid rgba(226, 232, 245, 0.22);
}

.main-sidebar-loggedin .media-body {
    margin-left: 13px;
    transition: left 0.4s ease, width 0.4s ease;
}

.main-sidebar .nav-pills-circle {
    margin-bottom: 10px !important;
    text-align: center;
    margin: 0 auto;
    justify-content: center;
}

.main-sidebar-body .nav-item.show .nav-link.with-sub .angle {
    transform: rotate(90deg);
}

.main-sidebar {
    width: 240px;
}

@media screen and (min-width: 997px) {
    .main-sidebar-open .main-sidebar {
        width: 240px;
        transition: left 0.3s ease;
    }
}

.main-sidebar-body .nav-item.active:before {
    content: "";
    position: absolute;
    left: 0px;
    display: block;
    height: 45px;
    width: 3px;
    left: 0px;
    z-index: 99;
}

.main-sidebar-body .nav .nav-item .nav-sub:before {
    content: "";
    position: absolute;
    left: 0px;
    display: block;
    height: 10%;
    width: 3px;
    left: 0px;
    z-index: 99;
    height: 100%;
}

@media (min-width: 768px) {
    .sidebar-mini.sidenav-toggled .main-sidebar-header .logo-icon.dark-theme {
        display: none !important;
    }
}

.main-sidebar-hide .nav-badge {
    position: absolute;
    top: 5px;
    display: block !important;
    padding: 3px 5px !important;
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.09), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.main-sidebar-body .nav-sub .nav-sub-item .nav-sub-link:before::hover {
    content: "";
    position: absolute;
    left: 0px;
    display: block;
    height: 10%;
    width: 1px;
    background: #C9A96E ;
    left: -27px;
    z-index: 99;
    height: 34px;
}

.main-sidebar .search {
    position: relative;
    padding: 0 10px;
}

    .main-sidebar .search .form-control {
        display: block;
        width: 214px;
        height: 40px;
        border-radius: 25px;
    }

    .main-sidebar .search .btn {
        position: absolute;
        top: 0;
        right: 0;
        background-color: transparent;
        height: 40px;
        color: #b9c2d8;
        transition: none;
        font-size: 14px;
        padding-right: 31px;
    }

.app-sidebar .slide.active .side-menu__item {
    background: transparent;
}

.app-sidebar__user .user-pro-body {
    display: block;
    padding: 15px 0;
}

    .app-sidebar__user .user-pro-body img {
        display: block;
        margin: 0 auto 0px;
        border: 2px solid #c9d2e8;
        box-shadow: 0px 5px 5px 0px rgba(44, 44, 44, 0.2);
        padding: 3px;
        background: #fff;
    }

    .app-sidebar__user .user-pro-body .u-dropdown {
        color: #97999f;
    }

    .app-sidebar__user .user-pro-body .user-info span.text-gray {
        color: #969696 !important;
    }

.app-sidebar__user .user-info {
    margin: 0 auto;
    text-align: center;
}

    .app-sidebar__user .user-info h4 {
        color: #333334;
        font-size: 15px;
    }

.sidebar {
    position: fixed;
    display: block;
    top: 0px;
    width: 300px;
    bottom: 0;
    z-index: 9999;
    height: 100%;
    background: #fff;
    box-shadow: none;
}

    .sidebar .tab-menu-heading {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1;
        display: flex;
        margin-bottom: 27px;
        background: #ecf0fa;
    }

    .sidebar .tabs-menu-body {
        margin-top: 56px;
    }

    .sidebar .tabs-menu ul li {
        width: 100%;
        display: block;
    }

        .sidebar .tabs-menu ul li .active {
            background: #C9A96E ;
            color: #fff;
            border: 1px solid #C9A96E ;
        }

        .sidebar .tabs-menu ul li a {
            padding: 8px 16px;
            font-size: 14px;
            display: block;
            margin-bottom: 10px;
            border-radius: 3px;
            border: 1px solid #ebeaf1;
            font-weight: 300;
            background: #ecf0fa;
            color: #000;
        }

        .sidebar .tabs-menu ul li:last-child a {
            margin-bottom: 0px;
        }

    .sidebar .nav.panel-tabs {
        padding: 20px;
    }

    .sidebar .avatar-md {
        width: 40px !important;
        height: 40px !important;
        font-size: 15px !important;
    }

    .sidebar .avatar-lg {
        width: 50px !important;
        height: 50px !important;
    }

    .sidebar .card {
        box-shadow: none;
        border: 0 !important;
    }

    .sidebar .list-group-item {
        margin-bottom: -2px;
    }

@media (max-width: 480px) {
    .sidebar .tab-menu-heading .tabs-menu ul li {
        width: auto;
        margin: 0;
    }
}

.sidebar-right .list a {
    color: #081e3c;
}

/* ######## LIB-STYLES ######## */
/* ###### 4.5 Morris ###### */
.morris-hover.morris-default-style {
    border-radius: 0;
}

/* ###### 5.2 Charts  ###### */
.main-donut-chart {
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}

    .main-donut-chart .slice {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .main-donut-chart .chart-center {
        position: absolute;
        border-radius: 50%;
    }

        .main-donut-chart .chart-center span {
            display: block;
            text-align: center;
        }

#ecom-chart {
    height: 200px !important;
}

.legend {
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 0;
    margin-right: 10px;
    margin-top: 6px;
}

.list-unstyled .legend-content {
    display: inline-block;
    vertical-align: top;
}

.list-unstyled li {
    display: flex;
    margin-bottom: 20px;
}

.dot-label {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    animation: ani 1s linear infinite;
    left: 9px;
    bottom: -12px;
    position: relative;
}

#summary-chart {
    height: 204px;
    width: 100%;
}

.summary.chart-legend {
    top: 169px;
}

.morris-wrapper-demo {
    height: 200px;
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
}

@media (min-width: 576px) {
    .morris-wrapper-demo {
        height: 300px;
    }
}

.morris-donut-wrapper-demo {
    height: 200px;
}

@media (min-width: 576px) {
    .morris-donut-wrapper-demo {
        height: 250px;
    }
}

.chartjs-wrapper-demo {
    height: 250px;
}

@media (max-width: 330px) {
    .chartjs-wrapper-demo {
        width: 290px;
    }
}

@media (min-width: 992px) {
    .chartjs-wrapper-demo {
        height: 300px;
    }
}

.chartist-wrapper-demo {
    height: 200px;
}

@media (min-width: 768px) {
    .chartist-wrapper-demo {
        height: 300px;
    }
}

.flTearFluidhart6 {
    width: 100%;
    height: 180px;
}

.chart-icons {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.sales-flot {
    position: relative;
}

    .sales-flot .flot-chart .flot-x-axis > div span:first-child {
        display: block;
        text-transform: uppercase;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-weight: 500;
        font-size: 10px;
        color: #737f9e;
        top: 10px;
        position: relative;
    }

    .sales-flot .flot-chart .flot-x-axis > div span:last-child {
        display: block;
        font-size: 16px;
        font-weight: 700;
        font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        color: #242f48;
        line-height: 1;
        top: 15px;
        position: relative;
    }

.sales-bar-chart {
    position: relative;
    width: auto;
    height: 160px;
}

.chart-legend {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    z-index: 10;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}

    .chart-legend div {
        display: flex;
        align-items: center;
    }

        .chart-legend div + div {
            margin-left: 15px;
        }

    .chart-legend span {
        width: 10px;
        height: 4px;
        display: block;
        margin-right: 5px;
    }

@media (min-width: 576px) {
    .chart-legend div + div {
        margin-left: 30px;
    }
}

@media (min-width: 576px) {
    .chart-legend span {
        width: 40px;
        margin-right: 10px;
    }
}

.chart-wrapper {
    position: relative;
    margin-left: -13px;
    margin-right: -13px;
}

@media (min-width: 576px) {
    .chart-wrapper {
        margin-left: -10px;
        margin-right: -15px;
    }
}

.card-dashboard-twelve .flot-chart {
    width: 100%;
    height: 200px;
    position: relative;
}

    .card-dashboard-twelve .flot-chart .flot-x-axis > div span:first-child {
        display: block;
        text-transform: uppercase;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-weight: 500;
        font-size: 10px;
        color: #7987a1;
    }

    .card-dashboard-twelve .flot-chart .flot-x-axis > div span:last-child {
        display: block;
        font-size: 16px;
        font-weight: 700;
        font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        color: #1c273c;
        line-height: 1;
    }

@media (min-width: 768px) {
    .card-dashboard-twelve .flot-chart {
        height: 250px;
    }
}

@media (min-width: 992px) {
    .card-dashboard-twelve .flot-chart {
        height: 300px;
    }
}

/* ###### 4.1 Datatables ###### */
table.dataTable {
    border: 1px solid #e3e8f7;
}

    table.dataTable thead th,
    table.dataTable thead td {
        border-top-width: 0;
        border-bottom-width: 0;
        padding: 8px 10px;
        font-weight: 700;
        font-size: 12px;
        color: #242f48;
    }

    table.dataTable thead .sorting_asc,
    table.dataTable thead .sorting_desc {
        background-image: none;
        background-color: #ecf0fa;
        position: relative;
    }

        table.dataTable thead .sorting_asc::after,
        table.dataTable thead .sorting_desc::after {
            font-family: 'Ionicons';
            font-size: 11px;
            position: absolute;
            line-height: 0;
            top: 50%;
            right: 10px;
        }

        table.dataTable thead .sorting_asc::after {
            content: '\f3d8';
        }

        table.dataTable thead .sorting_desc::after {
            content: '\f3d0';
        }

    table.dataTable thead .sorting {
        background-image: none;
        position: relative;
    }

        table.dataTable thead .sorting::before,
        table.dataTable thead .sorting::after {
            font-family: 'Ionicons';
            font-size: 11px;
            position: absolute;
            line-height: 0;
            right: 10px;
        }

        table.dataTable thead .sorting::before {
            content: '\f3d8';
            top: 40%;
        }

        table.dataTable thead .sorting::after {
            content: '\f3d0';
            top: 60%;
        }

    table.dataTable tbody td.sorting_1 {
        background-color: #ecf0fa;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before {
        top: 9.5px;
        left: 7px;
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-width: 0;
        box-shadow: none;
        background-color: #d0d7e8;
        font-size: 14px;
        font-weight: 700;
        color: #949eb7;
    }

    table.dataTable > tbody > tr.child ul.dtr-details {
        display: block;
    }

    table.dataTable > tbody > tr.child span.dtr-title {
        font-weight: 500;
    }

.dataTables_wrapper .dataTables_length {
    text-align: left;
}

    .dataTables_wrapper .dataTables_length label {
        display: block;
        margin-bottom: 15px;
    }

    .dataTables_wrapper .dataTables_length .select2-container--default {
        margin-right: 5px;
    }

        .dataTables_wrapper .dataTables_length .select2-container--default .select2-selection--single {
            height: 32px;
            border-color: #d0d7e8;
            border-radius: 3px;
        }

            .dataTables_wrapper .dataTables_length .select2-container--default .select2-selection--single .select2-selection__rendered {
                line-height: 32px;
            }

            .dataTables_wrapper .dataTables_length .select2-container--default .select2-selection--single .select2-selection__arrow {
                height: 30px;
            }

                .dataTables_wrapper .dataTables_length .select2-container--default .select2-selection--single .select2-selection__arrow b {
                    border-top-color: #949eb7;
                }

.dataTables_wrapper .dataTables_filter {
    text-align: left;
}

    .dataTables_wrapper .dataTables_filter label {
        display: block;
        margin-bottom: 15px;
    }

    .dataTables_wrapper .dataTables_filter input {
        margin-left: 0;
        border: 1px solid #e3e8f7;
        padding: 5px 10px;
        line-height: 1.539;
        color: #C9A96E;
        border-radius: 3px;
        width: 100%;
    }

        .dataTables_wrapper .dataTables_filter input::placeholder {
            color: #949eb7;
        }

.dataTables_wrapper .dataTables_info {
    margin-top: 19px !important;
    padding: 0 !important;
    text-align: left;
}

.dataTables_wrapper .dataTables_paginate {
    margin-top: 15px !important;
    padding-top: 0;
    margin-top: 15px;
    text-align: left;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        background-color: transparent;
        padding: 0;
        margin: 0;
        border: 0;
        border-radius: 1px;
        transition: all 0.2s ease-in-out;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button + .paginate_button {
            margin-left: 3px;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
            background-color: transparent;
            color: #d0d7e8 !important;
        }

            .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
            .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:focus {
                background-color: #eceff3;
                color: #d0d7e8 !important;
            }

        .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
            margin-right: 3px;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button.next {
            margin-left: 3px;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
        .dataTables_wrapper .dataTables_paginate .paginate_button:focus {
            border: 0;
            background-image: none;
            background-color: transparent;
            color: #C9A96E !important;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button.current {
            border: 0;
            background-image: none;
            background-color: #C9A96E ;
            color: #fff !important;
        }

            .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
            .dataTables_wrapper .dataTables_paginate .paginate_button.current:focus {
                border: 0;
                background-image: none;
                background-color: #C9A96E ;
                color: #fff !important;
            }

@media (min-width: 576px) {
    .dataTables_wrapper .dataTables_length {
        float: left;
    }
}

@media (min-width: 576px) {
    .dataTables_wrapper .dataTables_filter {
        float: right;
        margin-top: 0;
    }
}

@media (min-width: 576px) {
    .dataTables_wrapper .dataTables_filter input {
        width: auto;
    }
}

@media (min-width: 576px) {
    .dataTables_wrapper .dataTables_info {
        float: left;
    }
}

@media (min-width: 576px) {
    .dataTables_wrapper .dataTables_paginate {
        float: right;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        transition: none;
    }
}

@media (max-width: 575px) {
    div.dataTables_wrapper div.dataTables_filter input {
        margin-left: -12px;
    }
}

.table.dataTable thead .sorting:before {
    display: none;
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    display: none;
}

.dataTables_paginate .pagination .page-link {
    padding: 0.5rem 0.75rem;
    background-color: #ecf0fa;
    border: 1px solid #cdd7ef;
}

.dataTables_paginate .page-item.active .page-link {
    background-color: #C9A96E ;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.focus {
    background: #C9A96E ;
}

.dataTables_wrapper .dataTables_paginate .page-item.disabled .page-link {
    background-color: #e8ecf5;
    width: 80px;
    color: #b1c1d6;
}

.page-item.next a {
    width: 64px;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
    border-top: 1px solid #dde2ef;
}

.table-responsive.hoverable-table {
    position: relative;
}

.hoverable-table .btn-primary {
    position: absolute;
    margin-left: 98px;
    top: 0px;
    padding: 7px 16px;
    z-index: 99;
}

/* ###### 3.2 Datepicker ###### */
.ui-datepicker {
    background-color: #fff;
    border: 1px solid rgba(28, 39, 60, 0.2);
    font-family: inherit;
    font-size: inherit;
    padding: 10px;
    margin: 1px 0 0;
    display: none;
    width: auto !important;
    z-index: 5 !important;
}

    .ui-datepicker .ui-datepicker-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        font-weight: 500;
        font-size: 12px;
        text-transform: uppercase;
        color: #C9A96E;
        padding: 0 0 5px;
        letter-spacing: 1px;
        border: 0;
        background-color: transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
        .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
            text-indent: -99999px;
            color: #737f9e;
            top: 3px;
        }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before,
            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
                font-size: 16px;
                font-family: 'Ionicons';
                position: absolute;
                top: -2px;
                text-indent: 0;
            }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover::before,
            .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus::before {
                color: #364261;
            }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover::before,
            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus::before {
                color: #364261;
            }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
            order: 3;
        }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
                right: 5px;
                content: '\f3d1';
            }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
            left: 5px;
            content: '\f3cf';
        }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover,
        .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
            color: #4d5875;
            cursor: pointer;
            top: 1px;
            border: 0;
            background-color: transparent;
        }

    .ui-datepicker .ui-datepicker-title {
        color: #364261;
        font-weight: 700;
        font-size: 13px;
    }

    .ui-datepicker .ui-datepicker-calendar {
        margin: 0;
        background-color: transparent;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

        .ui-datepicker .ui-datepicker-calendar th {
            text-transform: uppercase;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 1px;
            padding: 6px 9px;
            color: #364261;
        }

/* ###### 4.12 Datetimepicker ###### */
/* Amaze UI Datetimepicker */
.datetimepicker {
    box-shadow: none;
    border-radius: 0;
    border-width: 1px;
    border-color: #d0d7e8;
    min-width: 270px;
    padding: 0 10px 10px;
}

    .datetimepicker::before {
        display: none;
    }

    .datetimepicker table {
        width: 100%;
    }

        .datetimepicker table th.prev,
        .datetimepicker table th.next,
        .datetimepicker table th.switch {
            background-color: #fff;
            color: #C9A96E;
        }

        .datetimepicker table th.prev,
        .datetimepicker table th.next {
            position: relative;
        }

            .datetimepicker table th.prev span,
            .datetimepicker table th.next span {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
            }

                .datetimepicker table th.prev span::before,
                .datetimepicker table th.next span::before {
                    font-family: 'Ionicons';
                    position: absolute;
                    top: 50%;
                    font-size: 16px;
                    color: #242f48;
                    line-height: 0;
                }

            .datetimepicker table th.prev:hover,
            .datetimepicker table th.prev:focus {
                background-color: #fff;
            }

            .datetimepicker table th.next:hover,
            .datetimepicker table th.next:focus {
                background-color: #fff;
            }

            .datetimepicker table th.prev:hover span::before,
            .datetimepicker table th.prev:focus span::before {
                color: #C9A96E ;
            }

            .datetimepicker table th.next:hover span::before,
            .datetimepicker table th.next:focus span::before {
                color: #C9A96E ;
            }

            .datetimepicker table th.prev span::before {
                content: '\f3cf';
                left: 0;
            }

            .datetimepicker table th.next span::before {
                content: '\f3d1';
                right: 0;
            }

        .datetimepicker table th.switch {
            text-transform: uppercase;
            font-weight: 700;
            font-size: 13px;
            letter-spacing: 1px;
            color: #242f48;
        }

            .datetimepicker table th.switch:hover,
            .datetimepicker table th.switch:focus {
                background-color: #fff;
                color: #C9A96E ;
            }

        .datetimepicker table td {
            font-size: 0.875rem;
            text-align: center;
        }

            .datetimepicker table td.old,
            .datetimepicker table td.new {
                color: #949eb7;
            }

            .datetimepicker table td.active {
                background-color: #C9A96E ;
                color: #fff;
            }

                .datetimepicker table td.active:hover,
                .datetimepicker table td.active:focus {
                    background-color: #C9A96E ;
                    color: #fff;
                }

        .datetimepicker table span.active {
            background-color: #C9A96E ;
            color: #fff;
        }

            .datetimepicker table span.active:hover,
            .datetimepicker table span.active:focus {
                background-color: #C9A96E ;
                color: #fff;
            }

    .datetimepicker .datetimepicker-days table thead tr:first-child th {
        height: 38px;
    }

    .datetimepicker .datetimepicker-days table thead tr:last-child th {
        height: 25px;
        text-transform: uppercase;
        color: #4d5875;
        font-weight: 700;
        font-size: 11px;
    }

/* jQuery Simple Datetimepicker */
.main-datetimepicker {
    box-shadow: none;
    border-radius: 0;
    border-color: #d0d7e8;
    margin-top: 2px;
}

    .main-datetimepicker > .datepicker_header {
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .main-datetimepicker > .datepicker_header > .icon-home {
            display: none;
        }

        .main-datetimepicker > .datepicker_header a:nth-child(2),
        .main-datetimepicker > .datepicker_header a:last-child {
            display: block;
            position: relative;
            text-indent: -999999px;
        }

            .main-datetimepicker > .datepicker_header a:nth-child(2)::before,
            .main-datetimepicker > .datepicker_header a:last-child::before {
                font-family: 'Ionicons';
                position: absolute;
                top: 50%;
                line-height: 0;
                text-indent: 0;
                font-size: 13px;
            }

            .main-datetimepicker > .datepicker_header a:nth-child(2)::before {
                content: '\f3cf';
                left: 0;
            }

            .main-datetimepicker > .datepicker_header a:last-child::before {
                content: '\f3d1';
                right: 0;
            }

        .main-datetimepicker > .datepicker_header span {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            text-transform: uppercase;
        }

    .main-datetimepicker > .datepicker_inner_container {
        border-radius: 0;
        box-shadow: none;
        border-width: 0;
        display: flex;
        height: 225px;
        margin: 0;
        background-color: #fff;
    }

        .main-datetimepicker > .datepicker_inner_container::after {
            display: none;
        }

        .main-datetimepicker > .datepicker_inner_container > .datepicker_calendar {
            width: 230px;
            border-width: 0;
            border-radius: 0;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            padding: 5px;
            float: none;
            margin: 0;
        }

            .main-datetimepicker > .datepicker_inner_container > .datepicker_calendar > table {
                width: 100%;
                height: 100%;
            }

            .main-datetimepicker > .datepicker_inner_container > .datepicker_calendar th {
                font-size: 11px;
                text-transform: uppercase;
                color: #242f48;
                font-weight: 700;
                text-align: center;
                padding: 8px 5px;
            }

            .main-datetimepicker > .datepicker_inner_container > .datepicker_calendar td {
                font-size: 0.875rem;
                font-weight: 400;
                text-align: center;
                padding: 5px;
            }

                .main-datetimepicker > .datepicker_inner_container > .datepicker_calendar td.day_another_month {
                    color: #949eb7;
                }

                .main-datetimepicker > .datepicker_inner_container > .datepicker_calendar td.hover {
                    background-color: #dde2ef;
                    cursor: pointer;
                }

                .main-datetimepicker > .datepicker_inner_container > .datepicker_calendar td.active {
                    background-color: #C9A96E ;
                    color: #fff;
                    border-radius: 2px;
                }

        .main-datetimepicker > .datepicker_inner_container > .datepicker_timelist {
            float: none;
            width: 70px;
            height: 100% !important;
            border-left: 1px solid #b9c2d8;
        }

            .main-datetimepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item {
                padding: 5px 8px;
                margin: 0 0 0 1px;
            }

                .main-datetimepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item:hover,
                .main-datetimepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item:focus {
                    background-color: #dde2ef;
                }

                .main-datetimepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.active {
                    background-color: #C9A96E ;
                    color: #fff;
                }

/* Picker JS */
.picker-title {
    font-size: 15px;
    font-weight: 500;
}

.picker-cell__header {
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: .4px;
}

.picker-item {
    font-family: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.picker-picked {
    font-weight: 500;
    color: #C9A96E ;
}

/* ###### 4.3 jQuery Steps ###### */
/***** DEFAULT STYLE WIZARD *****/
.wizard {
    border: 1px solid #dde2ef;
    background-color: #fff;
}

    .wizard > .steps {
        padding: 20px;
    }

        .wizard > .steps > ul {
            padding: 0;
            margin-bottom: 0;
            display: flex;
        }

            .wizard > .steps > ul li {
                float: none;
                display: block;
                width: auto;
            }

                .wizard > .steps > ul li .current-info {
                    display: none;
                }

                .wizard > .steps > ul li .title {
                    margin-left: 5px;
                    white-space: nowrap;
                    transition: all 0.2s ease-in-out;
                }

                .wizard > .steps > ul li + li {
                    margin-left: 5px;
                }

        .wizard > .steps a {
            color: #242f48;
            font-weight: 500;
            font-size: 15px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .wizard > .steps a:hover,
            .wizard > .steps a:active {
                color: #242f48;
                font-weight: 500;
                font-size: 15px;
                display: flex;
                justify-content: center;
                align-items: center;
            }

                .wizard > .steps a .number,
                .wizard > .steps a:hover .number,
                .wizard > .steps a:active .number {
                    flex-shrink: 0;
                    font-weight: 700;
                    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
                    color: #fff;
                    display: block;
                    text-align: center;
                    line-height: 2;
                    width: 30px;
                    height: 30px;
                    background-color: #b9c2d8;
                    border-radius: 100%;
                    transition: all 0.2s ease-in-out;
                }

        .wizard > .steps .disabled {
            display: none;
        }

            .wizard > .steps .disabled a {
                color: #949eb7;
            }

                .wizard > .steps .disabled a:hover,
                .wizard > .steps .disabled a:active {
                    color: #949eb7;
                }

        .wizard > .steps .current a {
            color: #C9A96E ;
        }

            .wizard > .steps .current a:hover,
            .wizard > .steps .current a:active {
                color: #C9A96E ;
            }

                .wizard > .steps .current a .title,
                .wizard > .steps .current a:hover .title,
                .wizard > .steps .current a:active .title {
                    display: inline-block;
                }

                .wizard > .steps .current a .number,
                .wizard > .steps .current a:hover .number,
                .wizard > .steps .current a:active .number {
                    background-color: #C9A96E ;
                }

        .wizard > .steps .done a {
            color: #00cccc;
        }

            .wizard > .steps .done a:hover,
            .wizard > .steps .done a:active {
                color: #00cccc;
            }

                .wizard > .steps .done a .title,
                .wizard > .steps .done a:hover .title,
                .wizard > .steps .done a:active .title {
                    display: none;
                }

                .wizard > .steps .done a .number,
                .wizard > .steps .done a:hover .number,
                .wizard > .steps .done a:active .number {
                    background-color: #00cccc;
                }

    .wizard > .content {
        border-top: 1px solid #dde2ef;
        border-bottom: 1px solid #dde2ef;
        min-height: 150px;
        padding: 20px;
    }

        .wizard > .content > .title {
            font-size: 18px;
            color: #242f48;
            font-weight: 700;
            margin-bottom: 5px;
            display: none;
        }

            .wizard > .content > .title.current {
                display: block;
            }

        .wizard > .content > .body {
            float: none;
            position: static;
            width: auto;
            height: auto;
        }

            .wizard > .content > .body input.parsley-error {
                border-color: #ee335e;
            }

                .wizard > .content > .body input.parsley-error + ul {
                    list-style: none !important;
                }

    .wizard > .actions {
        padding: 20px;
    }

        .wizard > .actions > ul {
            margin: 0;
            padding: 0;
            list-style: none;
            display: flex;
            justify-content: space-between;
        }

            .wizard > .actions > ul > li:last-child a {
                background-color: #00cccc;
            }

        .wizard > .actions a {
            display: block;
            background-color: #C9A96E ;
            padding: 9px 25px;
            line-height: 1.573;
            color: #fff;
            border-radius: 3px;
        }

            .wizard > .actions a:hover,
            .wizard > .actions a:active {
                display: block;
                background-color: #C9A96E ;
                padding: 9px 25px;
                line-height: 1.573;
                color: #fff;
            }

        .wizard > .actions .disabled a {
            background-color: #949eb7;
            border-radius: 3px;
        }

            .wizard > .actions .disabled a:hover,
            .wizard > .actions .disabled a:active {
                background-color: #949eb7;
            }

    .wizard.vertical > .steps {
        padding: 20px;
    }

        .wizard.vertical > .steps ul li + li {
            margin-left: 10px;
        }

        .wizard.vertical > .steps ul li .title {
            display: none;
        }

        .wizard.vertical > .steps .current a .title {
            display: inline-block;
        }

    .wizard.vertical > .content {
        margin: 0;
        padding: 20px;
    }

    .wizard.vertical > .actions {
        padding: 20px;
    }

        .wizard.vertical > .actions ul {
            float: none;
            margin: 0;
            padding: 0;
        }

@media (min-width: 768px) {
    .wizard > .steps {
        padding: 25px;
    }
}

@media (min-width: 992px) {
    .wizard > .steps {
        padding: 30px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wizard > .steps > ul li .title {
        transition: none;
    }
}

@media (min-width: 576px) {
    .wizard > .steps > ul li .title {
        display: none;
        margin-left: 10px;
    }
}

@media (min-width: 768px) {
    .wizard > .steps > ul li .title {
        display: none;
    }
}

@media (min-width: 576px) {
    .wizard > .steps > ul li + li {
        margin-left: 20px;
    }
}

@media (min-width: 992px) {
    .wizard > .steps > ul li + li {
        margin-left: 30px;
    }
}

@media (min-width: 1200px) {
    .wizard > .steps a {
        justify-content: flex-start;
    }

        .wizard > .steps a:hover,
        .wizard > .steps a:active {
            justify-content: flex-start;
        }
}

@media (prefers-reduced-motion: reduce) {

    .wizard > .steps a .number,
    .wizard > .steps a:hover .number,
    .wizard > .steps a:active .number {
        transition: none;
    }
}

@media (min-width: 576px) {

    .wizard > .steps a .number,
    .wizard > .steps a:hover .number,
    .wizard > .steps a:active .number {
        font-size: 18px;
        font-weight: 600;
        line-height: 2.1;
        width: 40px;
        height: 40px;
    }
}

@media (min-width: 576px) {
    .wizard > .steps .disabled {
        display: block;
    }
}

@media (min-width: 768px) {

    .wizard > .steps .done a .title,
    .wizard > .steps .done a:hover .title,
    .wizard > .steps .done a:active .title {
        display: inline-block;
    }
}

@media (min-width: 768px) {
    .wizard > .content {
        padding: 25px;
    }
}

@media (min-width: 992px) {
    .wizard > .content {
        padding: 30px;
    }
}

@media (min-width: 768px) {
    .wizard > .actions {
        padding: 25px;
    }
}

@media (min-width: 992px) {
    .wizard > .actions {
        padding: 30px;
    }
}

@media (min-width: 576px) {
    .wizard.vertical > .steps {
        float: left;
        width: 20%;
    }
}

@media (min-width: 768px) {
    .wizard.vertical > .steps {
        width: 15%;
    }
}

@media (min-width: 992px) {
    .wizard.vertical > .steps {
        padding: 25px;
        width: 30%;
    }
}

@media (min-width: 576px) {
    .wizard.vertical > .steps ul {
        flex-direction: column;
    }
}

@media (min-width: 576px) {
    .wizard.vertical > .steps ul li + li {
        margin-top: 10px;
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .wizard.vertical > .steps ul li + li {
        margin-top: 20px;
    }
}

@media (min-width: 992px) {
    .wizard.vertical > .steps ul li .title {
        display: block;
    }
}

@media (min-width: 992px) {
    .wizard.vertical > .steps a {
        justify-content: flex-start;
    }
}

@media (min-width: 576px) {
    .wizard.vertical > .steps .current a .title {
        display: none;
    }
}

@media (min-width: 992px) {
    .wizard.vertical > .steps .current a .title {
        display: inline-block;
    }
}

@media (min-width: 576px) {
    .wizard.vertical > .content {
        border-top-width: 0;
        border-bottom-width: 0;
        width: 80%;
        float: right;
        border-left: 1px solid #e3e8f7;
    }
}

@media (min-width: 768px) {
    .wizard.vertical > .content {
        width: 85%;
    }
}

@media (min-width: 992px) {
    .wizard.vertical > .content {
        width: 70%;
        padding: 25px;
    }
}

@media (min-width: 576px) {
    .wizard.vertical > .actions {
        width: 80%;
        float: right;
        border-left: 1px solid #e3e8f7;
    }
}

@media (min-width: 768px) {
    .wizard.vertical > .actions {
        width: 85%;
    }
}

@media (min-width: 992px) {
    .wizard.vertical > .actions {
        width: 70%;
        padding: 25px;
    }
}

/****** EQUAL COLUMN WIDTH STEP INDICATOR *****/
.step-equal-width > .steps > ul {
    display: flex;
    display: flex;
}

    .step-equal-width > .steps > ul > li {
        flex: 1;
        width: auto;
        float: none;
        flex: 1;
        width: auto;
        float: none;
    }

/****** EQUAL COLUMN WIDTH STEP INDICATOR *****/
/***** CUSTOM STYLES *****/
.wizard-style-1 > .steps > ul a {
    padding: 0;
    height: 50px;
}

    .wizard-style-1 > .steps > ul a:hover,
    .wizard-style-1 > .steps > ul a:active {
        padding: 0;
        height: 50px;
    }

        .wizard-style-1 > .steps > ul a .number,
        .wizard-style-1 > .steps > ul a:hover .number,
        .wizard-style-1 > .steps > ul a:active .number {
            width: 50px;
            height: 100%;
            border: 0;
            font-size: 18px;
            font-weight: bold;
            color: #737f9e;
            background-color: #d0d7e8;
            border-radius: 0;
        }

        .wizard-style-1 > .steps > ul a .title,
        .wizard-style-1 > .steps > ul a:hover .title,
        .wizard-style-1 > .steps > ul a:active .title {
            margin-right: 20px;
            margin-left: 20px;
        }

.wizard-style-1 > .steps > ul .current a .number,
.wizard-style-1 > .steps > ul .current a:hover .number,
.wizard-style-1 > .steps > ul .current a:active .number {
    background-color: #452efa;
    color: #fff;
}

.wizard-style-1 > .steps > ul .done a .number,
.wizard-style-1 > .steps > ul .done a:hover .number,
.wizard-style-1 > .steps > ul .done a:active .number {
    background-color: #643ab0;
    color: #fff;
}

.wizard-style-2 > .steps > ul a {
    padding: 0;
    height: 50px;
    border-radius: 50px;
}

    .wizard-style-2 > .steps > ul a:hover,
    .wizard-style-2 > .steps > ul a:active {
        padding: 0;
        height: 50px;
        border-radius: 50px;
    }

        .wizard-style-2 > .steps > ul a .number,
        .wizard-style-2 > .steps > ul a:hover .number,
        .wizard-style-2 > .steps > ul a:active .number {
            width: 50px;
            height: 100%;
            border: 2px solid #dde2ef;
            font-size: 18px;
            font-weight: bold;
            color: #737f9e;
            background-color: #fff;
        }

        .wizard-style-2 > .steps > ul a .title,
        .wizard-style-2 > .steps > ul a:hover .title,
        .wizard-style-2 > .steps > ul a:active .title {
            margin-right: 20px;
        }

.wizard-style-2 > .steps > ul .current a .number,
.wizard-style-2 > .steps > ul .current a:hover .number,
.wizard-style-2 > .steps > ul .current a:active .number {
    border-color: #C9A96E ;
    color: #C9A96E ;
}

.wizard-style-2 > .steps > ul .done a .number,
.wizard-style-2 > .steps > ul .done a:hover .number,
.wizard-style-2 > .steps > ul .done a:active .number {
    border-color: #673ab7;
    color: #673ab7;
}

/* ###### 4.4 jQVMap ###### */
.jqvmap-label {
    padding: 2px 8px;
    background-color: rgba(17, 17, 17, 0.9);
    border-radius: 2px;
}

.jqvmap-zoomin {
    font-size: 20px;
    padding: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
}

.jqvmap-zoomout {
    font-size: 20px;
    padding: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    top: 32px;
}

/* Setup basic CSS for Label */
.jqvmap-pin {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    cursor: default;
    pointer-events: none;
}

/* Hide Whichever Labels you want */
#jqvmap1_ri_pin,
#jqvmap1_dc_pin,
#jqvmap1_de_pin,
#jqvmap1_md_pin {
    display: none;
}

/* Reposition Labels that are not quite right ( labels are centered in shape, and sometimes need tweaking ) */
#jqvmap1_ak_pin {
    margin-top: -2%;
}

#jqvmap1_ca_pin {
    margin-left: -2%;
}

#jqvmap1_ct_pin {
    margin-top: -0.25%;
    margin-left: -0.25%;
}

#jqvmap1_fl_pin {
    margin-left: 5%;
}

#jqvmap1_id_pin {
    margin-top: 3%;
    margin-left: -1%;
}

#jqvmap1_ky_pin {
    margin-left: 2%;
}

#jqvmap1_la_pin {
    margin-left: -2%;
}

#jqvmap1_mi_pin {
    margin-top: 4%;
    margin-left: 3%;
}

#jqvmap1_ma_pin {
    margin-top: -0.25%;
}

#jqvmap1_mn_pin {
    margin-top: 2%;
    margin-left: -2%;
}

#jqvmap1_nh_pin {
    margin-top: 1%;
    margin-left: -0.25%;
}

#jqvmap1_nj_pin {
    margin-top: 1%;
}

#jqvmap1_ok_pin,
#jqvmap1_va_pin {
    margin-left: 2%;
}

#jqvmap1_wv_pin {
    margin-left: -1%;
    margin-top: 1%;
}

/* Add responsibe support to resize labels for difference screen sizes */
@media only screen and (min-width: 320px) {
    .jqvmap-pin {
        font-size: 6px;
    }
}

@media only screen and (min-width: 480px) {
    .jqvmap-pin {
        font-size: 8px;
    }
}

@media only screen and (min-width: 640px) {
    .jqvmap-pin {
        font-size: 10px;
    }
}

@media only screen and (min-width: 800px) {
    .jqvmap-pin {
        font-size: 12px;
    }
}

@media only screen and (min-width: 1024px) {
    .jqvmap-pin {
        font-size: 14px;
    }
}

.jqstooltip {
    width: 20px;
}

/* ###### 4.7 Quill ###### */
.ql-wrapper {
    display: flex;
    flex-direction: column;
}

.ql-wrapper-modal .ql-snow.ql-toolbar {
    border-width: 0;
    border-bottom-width: 1px;
}

.ql-wrapper-modal .ql-snow.ql-container {
    border-width: 0;
}

.ql-wrapper-modal .ql-snow .ql-editor {
    padding: 20px;
}

@media (min-width: 576px) {
    .ql-wrapper-modal .ql-snow.ql-toolbar {
        padding: 15px 20px;
    }
}

.ql-bubble.ql-container {
    border: 1px solid #dee4f3;
}

    .ql-bubble.ql-container:not(.ql-disabled) a::before {
        background-color: #242f48;
        border-radius: 2px;
    }

.ql-bubble .ql-tooltip {
    background-color: #242f48;
    border-radius: 2px;
}

    .ql-bubble .ql-tooltix.ql-flip .ql-tooltip-arrow {
        border-top-color: #242f48;
    }

    .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
        border-bottom-color: #242f48;
    }

.ql-bubble .ql-toolbar {
    padding: 0 8px 8px;
}

    .ql-bubble .ql-toolbar button {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #8896af;
        outline: none;
    }

        .ql-bubble .ql-toolbar button i {
            font-size: 24px;
            line-height: 0;
            display: inline-block;
        }

            .ql-bubble .ql-toolbar button i.la-bold,
            .ql-bubble .ql-toolbar button i.la-underline {
                width: 21px;
            }

        .ql-bubble .ql-toolbar button .ql-fill {
            fill: #8896af;
        }

        .ql-bubble .ql-toolbar button .ql-stroke {
            stroke: #8896af;
        }

        .ql-bubble .ql-toolbar button.ql-active {
            color: #fff;
            background-color: rgba(255, 255, 255, 0.08);
        }

    .ql-bubble .ql-toolbar .ql-formats {
        margin: 8px 8px 0 0;
    }

        .ql-bubble .ql-toolbar .ql-formats:first-child {
            margin-left: 0;
        }

@media (min-width: 576px) {
    .ql-bubble .ql-toolbar .ql-formats {
        margin: 8px 0 0;
    }

        .ql-bubble .ql-toolbar .ql-formats:first-child {
            margin-left: 0;
        }
}

.ql-snow.ql-container {
    border-color: #dee4f3;
    border-width: 1px;
}

.ql-snow.ql-toolbar {
    border-color: #dee4f3;
    border-width: 1px;
    border-bottom-width: 1px;
    padding: 5px 10px 10px;
}

    .ql-snow.ql-toolbar .ql-picker-label {
        border-color: #b9c2d8;
    }

        .ql-snow.ql-toolbar .ql-picker-label.ql-active {
            background-color: #dde2ef;
            border-color: transparent;
            color: #242f48;
            font-weight: 500;
        }

            .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke {
                stroke: #C9A96E;
            }

    .ql-snow.ql-toolbar button {
        border: 1px solid transparent;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #C9A96E;
        outline: none;
    }

        .ql-snow.ql-toolbar button svg {
            width: 20px;
            float: none;
        }

        .ql-snow.ql-toolbar button i {
            font-size: 24px;
            line-height: 0;
            display: inline-block;
        }

            .ql-snow.ql-toolbar button i.la-bold,
            .ql-snow.ql-toolbar button i.la-underline {
                width: 21px;
            }

        .ql-snow.ql-toolbar button .ql-stroke {
            stroke-width: 2px;
        }

        .ql-snow.ql-toolbar button:hover,
        .ql-snow.ql-toolbar button:focus {
            border-color: #b9c2d8;
            color: #063598;
        }

            .ql-snow.ql-toolbar button:hover .ql-stroke,
            .ql-snow.ql-toolbar button:focus .ql-stroke {
                stroke: #737f9e;
            }

        .ql-snow.ql-toolbar button.ql-active {
            background-color: #dde2ef;
            color: #364261;
            border-color: transparent;
        }

            .ql-snow.ql-toolbar button.ql-active .ql-fill {
                fill: #364261;
            }

            .ql-snow.ql-toolbar button.ql-active .ql-stroke {
                stroke: #364261;
            }

    .ql-snow.ql-toolbar .ql-formats {
        margin-top: 5px;
        margin-right: 5px;
    }

.ql-snow .ql-formats button + button {
    margin: 0 0 0 2px;
}

.ql-snow .ql-picker {
    display: block;
    border-width: 0;
    height: 32px;
    color: #4d5875;
}

    .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
        right: 3px;
    }

    .ql-snow .ql-picker:hover .ql-picker-label,
    .ql-snow .ql-picker:focus .ql-picker-label {
        color: #242f48;
    }

        .ql-snow .ql-picker:hover .ql-picker-label .ql-stroke,
        .ql-snow .ql-picker:focus .ql-picker-label .ql-stroke {
            stroke: #C9A96E;
        }

    .ql-snow .ql-picker.ql-header {
        width: 120px;
    }

.ql-snow .ql-picker-label {
    display: block;
    padding-left: 10px;
    font-size: 13px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    border: 1px solid #e3e8f7;
    background-color: #fff;
    outline: none;
}

    .ql-snow .ql-picker-label::before {
        line-height: 2.25;
        font-weight: 400;
    }

.ql-snow .ql-stroke {
    stroke: #C9A96E;
    stroke-linecap: square;
    stroke-linejoin: miter;
    stroke-width: 1;
}

.ql-snow .ql-editor {
    padding: 20px;
    color: #364261;
}

@media (min-width: 576px) {
    .ql-snow.ql-toolbar {
        padding: 15px;
    }
}

.ql-wrapper-demo {
    background-color: #fff;
}

    .ql-wrapper-demo .ql-container {
        height: 250px;
    }

    .ql-wrapper-demo .ql-editor {
        height: 100%;
        overflow-y: auto;
    }

@media (min-width: 1200px) {
    .ql-wrapper-demo {
        width: 100%;
    }
}

.ql-scrolling-demo {
    background-color: #fff;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    border: 1px solid #dde2ef;
    position: relative;
}

    .ql-scrolling-demo .ql-container {
        border-width: 0;
        height: auto;
        min-height: 100%;
        padding: 30px;
    }

        .ql-scrolling-demo .ql-container .ql-editor {
            font-size: 16px;
            overflow-y: visible;
            color: #364261;
        }

@media (min-width: 768px) {
    .ql-scrolling-demo {
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .ql-scrolling-demo .ql-container {
        padding: 1rem;
    }
}

/* ###### 4.6 Parsley ###### */
input.parsley-error:focus,
textarea.parsley-error:focus,
input.parsley-success:focus,
textarea.parsley-success:focus {
    box-shadow: none !important;
}

.parsley-checkbox.parsley-error {
    display: inline-block;
    padding: 10px;
    border: 1px solid #ee335e;
}

.parsley-checkbox.parsley-success {
    display: inline-block;
    padding: 10px;
    border: 1px solid #22c03c;
}

.parsley-errors-list {
    color: #ee335e;
    list-style: none;
    font-size: 12px;
    padding: 0;
    margin-bottom: 0;
}

    .parsley-errors-list li {
        margin: 5px 0 0;
    }

/***** CUSTOM STYLED ERROR MESSAGE *****/
.parsley-style-1 .parsley-input.parsley-error .form-control {
    background-color: #fef9f9;
    border-color: #ee335e;
    border-bottom-width: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.parsley-style-1 .parsley-input.parsley-success .form-control {
    border-color: #22c03c;
}

.parsley-style-1 .parsley-checkbox.parsley-error {
    border: 1px solid #ee335e;
    background-color: #fef9f9;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.parsley-style-1 .parsley-select.parsley-error .select2-container--default .select2-selection--single {
    background-color: #fef9f9;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.parsley-style-1 .parsley-errors-list.filled {
    background-color: #ee335e;
    color: #fff;
    padding: 7px 10px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

    .parsley-style-1 .parsley-errors-list.filled li:first-child {
        margin-top: 0;
    }

/* ###### 4.8 RangeSlider ###### */
.irs-min,
.irs-max {
    font-family: "Roboto", sans-serif;
    border-radius: 0;
}

.irs-from,
.irs-to,
.irs-single {
    font-family: "Roboto", sans-serif;
    background-color: #C9A96E ;
    border-radius: 0;
}

.irs-bar {
    background-image: none;
    background-color: #C9A96E ;
}

.irs-bar-edge {
    background-image: none;
    background-color: #C9A96E ;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.irs-line-left {
    background-image: none;
    background-color: #d0d7e8;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.irs-line-mid {
    background-image: none;
    background-color: #d0d7e8;
}

.irs-line-right {
    background-image: none;
    background-color: #d0d7e8;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.irs-from::after,
.irs-to::after,
.irs-single::after {
    border-top-color: #C9A96E ;
}

.irs-slider {
    background-image: none;
}

    .irs-slider:before {
        content: '';
        width: 2px;
        height: 18px;
        position: absolute;
        background-color: #C9A96E ;
        left: 50%;
        margin-left: -1px;
    }

    .irs-slider:hover:before,
    .irs-slider:focus:before {
        background-color: #260bfa;
    }

/* #################### COLOR VARIANT SKINS #################### */
.irs-primary .irs-bar,
.irs-primary .irs-bar-edge,
.irs-primary .irs-slider::before,
.irs-primary .irs-from,
.irs-primary .irs-to,
.irs-primary .irs-single {
    background-color: #C9A96E ;
}

    .irs-primary .irs-from::after,
    .irs-primary .irs-to::after,
    .irs-primary .irs-single::after {
        border-top-color: #C9A96E ;
    }

.irs-success .irs-bar,
.irs-success .irs-bar-edge,
.irs-success .irs-slider::before,
.irs-success .irs-from,
.irs-success .irs-to,
.irs-success .irs-single {
    background-color: #22c03c;
}

    .irs-success .irs-from::after,
    .irs-success .irs-to::after,
    .irs-success .irs-single::after {
        border-top-color: #22c03c;
    }

.irs-dark .irs-bar,
.irs-dark .irs-bar-edge,
.irs-dark .irs-slider::before,
.irs-dark .irs-from,
.irs-dark .irs-to,
.irs-dark .irs-single {
    background-color: #364261;
}

    .irs-dark .irs-from::after,
    .irs-dark .irs-to::after,
    .irs-dark .irs-single::after {
        border-top-color: #364261;
    }

/* #################### MODERN SKIN #################### */
.irs-modern .irs-line-left,
.irs-modern .irs-line-mid,
.irs-modern .irs-line-right {
    height: 6px;
    box-shadow: inset -2px 2px 2px 0 rgba(34, 34, 34, 0.1);
}

.irs-modern .irs-bar,
.irs-modern .irs-bar-edge {
    height: 6px;
    box-shadow: inset 0 1px 1px 0 rgba(34, 34, 34, 0.1);
}

.irs-modern .irs-slider {
    top: 19px;
    background-color: #fff;
    border: 1px solid #C9A96E ;
    border-radius: 0;
}

    .irs-modern .irs-slider::before {
        width: 4px;
        height: 9px;
        background-color: #fff;
        border-left: 1px solid #C9A96E ;
        border-right: 1px solid #C9A96E ;
        margin-left: -2px;
        top: 3px;
    }

.irs-modern.irs-primary .irs-slider {
    border-color: #C9A96E ;
}

    .irs-modern.irs-primary .irs-slider::before {
        border-color: #C9A96E ;
    }

.irs-modern.irs-success .irs-slider {
    border-color: #22c03c;
}

    .irs-modern.irs-success .irs-slider::before {
        border-color: #22c03c;
    }

.irs-modern.irs-dark .irs-slider {
    border-color: #242f48;
}

    .irs-modern.irs-dark .irs-slider::before {
        border-color: #242f48;
    }

/* #################### OUTLINE SKIN #################### */
.irs-outline .irs-line {
    border: 1px solid #C9A96E ;
    height: 10px;
    border-radius: 5px;
}

.irs-outline .irs-line-left,
.irs-outline .irs-line-mid,
.irs-outline .irs-line-right {
    height: 10px;
    background-color: transparent;
}

.irs-outline .irs-bar {
    height: 10px;
}

.irs-outline .irs-bar-edge {
    height: 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.irs-outline .irs-slider {
    top: 21px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #C9A96E ;
    border-radius: 100%;
}

    .irs-outline .irs-slider::before {
        margin-left: -4px;
        top: 4px;
        width: 8px;
        height: 8px;
        border-radius: 100%;
    }

    .irs-outline .irs-slider:hover::before,
    .irs-outline .irs-slider:focus::before {
        background-color: #452efa;
    }

.irs-outline.irs-primary .irs-line,
.irs-outline.irs-primary .irs-slider {
    border-color: #C9A96E ;
}

    .irs-outline.irs-primary .irs-line:hover::before,
    .irs-outline.irs-primary .irs-line:focus::before {
        background-color: #1a53ff;
    }

    .irs-outline.irs-primary .irs-slider:hover::before,
    .irs-outline.irs-primary .irs-slider:focus::before {
        background-color: #1a53ff;
    }

.irs-outline.irs-success .irs-line,
.irs-outline.irs-success .irs-slider {
    border-color: #22c03c;
}

    .irs-outline.irs-success .irs-line:hover::before,
    .irs-outline.irs-success .irs-line:focus::before {
        background-color: #339701;
    }

    .irs-outline.irs-success .irs-slider:hover::before,
    .irs-outline.irs-success .irs-slider:focus::before {
        background-color: #339701;
    }

.irs-outline.irs-dark .irs-line,
.irs-outline.irs-dark .irs-slider {
    border-color: #364261;
}

    .irs-outline.irs-dark .irs-line:hover::before,
    .irs-outline.irs-dark .irs-line:focus::before {
        background-color: #313c53;
    }

    .irs-outline.irs-dark .irs-slider:hover::before,
    .irs-outline.irs-dark .irs-slider:focus::before {
        background-color: #313c53;
    }

/* ###### 4.10 Select2 ###### */
.select2-results__option {
    border-radius: 0;
    margin-bottom: 1px;
    font-size: 13px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border-color: #e1e5ef;
    border-radius: 3px;
    height: 38px;
    outline: none;
    border-radius: 3px;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #4d5875;
        line-height: calc(1.5em + 0.75rem + 2px) -0.1rem;
        padding-left: 0.75rem;
        height: 100%;
        display: flex;
        align-items: center;
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #737f9e;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        width: 30px;
        height: 38px;
        line-height: calc(1.5em + 0.75rem + 2px);
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            margin-top: -3px;
        }

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border-color: #d0d7e8;
    border-radius: 0;
    min-height: 38px;
    outline: none;
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        padding: 0 4px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        position: relative;
        margin-top: 5px;
        margin-right: 4px;
        padding: 3px 10px 3px 20px;
        border-color: transparent;
        border-radius: 0;
        background-color: #C9A96E ;
        color: #fff;
        line-height: 1.45;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #fff;
        opacity: .5;
        font-size: 12px;
        display: inline-block;
        position: absolute;
        top: 4px;
        left: 7px;
    }

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #d0d7e8;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #d0d7e8;
    border-radius: 0;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: white;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #C9A96E ;
}

.select2-container--default .select2-results > .select2-results__options {
    margin: 4px;
}

.select2-container--default .select2-search--inline .select2-search__field {
    margin-top: 7px;
    line-height: 26px;
    padding-left: 7px;
    opacity: 1;
}

.select2-container--default.select2-container--disabled .select2-selection__choice {
    padding-left: 10px;
    background-color: #949eb7;
}

    .select2-container--default.select2-container--disabled .select2-selection__choice .select2-selection__choice__remove {
        display: none;
    }

.select2-container--open .select2-selection--single,
.select2-container--open .select2-selection--multiple {
    background-color: #fff;
    border-color: #d0d7e8;
}

.select2-container--open .select2-dropdown--above {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    top: 0;
}

.select2-dropdown {
    border-color: #d0d7e8;
    z-index: 200;
}

.select2-search--dropdown {
    padding-bottom: 0;
}

.select2-results__option {
    padding: 6px 10px;
    font-size: 0.875rem;
}

.has-success .select2-container--default .select2-selection--single,
.parsley-select.parsley-success .select2-container--default .select2-selection--single {
    border-color: #22c03c;
}

.has-warning .select2-container--default .select2-selection--single {
    border-color: #fbbc0b;
}

.has-danger .select2-container--default .select2-selection--single,
.parsley-select.parsley-error .select2-container--default .select2-selection--single {
    border-color: #ee335e;
}

.select2-xs + .select2-container,
.select2-dropdown-xs .select2-results__option {
    font-size: 12px;
}

.select2-sm + .select2-container,
.select2-dropdown-sm .select2-results__option {
    font-size: 14px;
}

.select2-bd-0 + .select2-container--default .select2-selection--single {
    border-width: 0;
}

.select2-dropdown {
    z-index: 9;
}

/* ###### 4.11 Spectrum ###### */
.sp-container {
    background-color: #fff;
    border-color: #d0d7e8;
    z-index: 200;
}

    .sp-container button {
        border: 0;
        padding: 8px 15px;
        background-image: none;
        background-color: #d0d7e8;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 12px;
        text-shadow: none;
        text-transform: capitalize;
        border-radius: 2px;
    }

        .sp-container button:hover,
        .sp-container button:focus {
            border: 0;
            background-image: none;
            background-color: #949eb7;
            text-shadow: none;
        }

.sp-button-container .sp-cancel {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 12px;
    text-transform: capitalize;
    color: #737f9e !important;
}

    .sp-button-container .sp-cancel:hover,
    .sp-button-container .sp-cancel:focus {
        color: #364261 !important;
        text-decoration: none;
    }

.sp-picker-container {
    border-left: 0;
}

.sp-replacer {
    border-color: #d0d7e8;
    background-color: #fff;
}

    .sp-replacer:hover,
    .sp-replacer:focus {
        border-color: #b9c2d8;
    }

    .sp-replacer.sp-active {
        border-color: #737f9e;
    }

.sp-dd {
    text-indent: -99999px;
    position: relative;
    width: 10px;
}

    .sp-dd::before {
        content: '\f280';
        font-family: 'Ionicons';
        font-size: 15px;
        color: #949eb7;
        position: absolute;
        text-indent: 0;
        left: 0;
        z-index: 10;
    }

.sp-preview {
    border: 0;
}

.sp-dragger {
    background-color: transparent;
}

.sp-choose {
    background-color: #d0d7e8;
}

.sp-palette .sp-thumb-el:hover,
.sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: #364261;
}

/* ######## TEMP-STYLES ######## */
.card--calendar .card-title {
    color: #333334;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.card--calendar .card-body {
    padding: 0;
}

.card--calendar .ui-datepicker-inline {
    border-width: 0;
    max-width: none;
    padding: 0;
    margin: 0;
}

.card--calendar .ui-datepicker .ui-datepicker-header {
    border-bottom: 1px solid #e3e3e3;
    padding: 10px;
    margin-bottom: 5px;
}

    .card--calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before,
    .card--calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
        top: 8px;
    }

.card--calendar .ui-datepicker .ui-datepicker-month {
    color: #134cf7;
}

.card--calendar .ui-datepicker .ui-datepicker-calendar {
    width: calc(100% - 20px);
}

    .card--calendar .ui-datepicker .ui-datepicker-calendar th {
        font-size: 10px;
        text-align: center;
    }

    .card--calendar .ui-datepicker .ui-datepicker-calendar td {
        text-align: center;
    }

        .card--calendar .ui-datepicker .ui-datepicker-calendar td a {
            display: block;
            width: 34px;
            height: 34px;
            font-size: 12px;
            font-family: 'Archivo', sans-serif;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto;
            text-align: center;
        }

    .card--calendar .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
        background-color: transparent;
        border: 1px solid #134cf7;
        color: #fff;
        background: #134cf7;
        font-weight: 700;
    }

.card--calendar .card--events .list-group-item {
    padding: 13px 20px 13px 40px;
}

@media (min-width: 576px) {

    .card--calendar .ui-datepicker .ui-datepicker-calendar,
    .card--twelve .flot-chart {
        width: 100%;
    }
}

.card--events {
    border-color: #e3e3e3;
    box-shadow: 5px 7px 26px -5px #d5d4e0;
}

    .card--events .card-header {
        padding: 20px;
        background-color: transparent;
    }

.card--calendar .card--events {
    margin-left: -20px;
    margin-right: -20px;
}

    .card--calendar .card--events .list-group-item {
        padding: 13px 20px 13px 40px;
    }

.card--events .card-title {
    color: #a5a0b1;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
}

.card--events .card-subtitle {
    color: #333334;
    font-weight: 400;
    font-size: 18px;
}

.card--events .card-body {
    padding: 0;
}

.card--events .list-group-item {
    padding: 15px 20px 15px 40px;
    border-left-width: 0;
    border-right-width: 0;
    position: relative;
}

    .card--events .list-group-item:first-child,
    .card--events .list-group-item:last-child {
        border-radius: 0;
    }

    .card--events .list-group-item label {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 10px;
        color: #37326d;
        margin-bottom: 8px;
        letter-spacing: .5px;
    }

        .card--events .list-group-item label span {
            color: #a5a0b1;
            font-weight: 500;
        }

    .card--events .list-group-item h6 {
        font-size: 14px;
        font-weight: 700;
        color: #333334;
        margin-bottom: 5px;
        display: flex;
        align-items: center;
    }

    .card--events .list-group-item p {
        margin-bottom: 5px;
    }

        .card--events .list-group-item p strong {
            font-weight: 500;
        }

    .card--events .list-group-item small {
        font-size: 11px;
    }

        .card--events .list-group-item small span {
            font-weight: 700;
            text-transform: uppercase;
        }

.card--events .event-indicator {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 21px;
    left: 20px;
    border-radius: 100%;
}

.card--events .event-user {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

    .card--events .event-user .main-img-user {
        width: 28px;
        height: 28px;
    }

        .card--events .event-user .main-img-user::after {
            display: none;
        }

        .card--events .event-user .main-img-user + .main-img-user {
            margin-left: -6px;
        }

    .card--events .event-user a:last-child {
        margin-left: 10px;
        color: #a5a0b1;
        font-weight: 500;
        font-size: 11px;
    }

        .card--events .event-user a:last-child:hover,
        .card--events .event-user a:last-child:focus {
            color: #37326d;
        }

@media (max-width: 320px) {
    .ui-datepicker .ui-datepicker-calendar th {
        padding: 4px 0;
        letter-spacing: normal;
    }
}

.ui-datepicker .ui-datepicker-calendar td {
    border: 1px solid #fff;
    padding: 0;
    background-color: #fff;
    text-align: right;
}

    .ui-datepicker .ui-datepicker-calendar td:last-child {
        border-right: 0;
    }

    .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default {
        color: #ccc;
    }

    .ui-datepicker .ui-datepicker-calendar td span {
        transition: all 0.2s ease-in-out;
        padding: 5px;
        color: #C9A96E;
        padding: 6px 10px;
        display: block;
        font-weight: 400;
        font-size: 12px;
        border: 0;
        border-radius: 1px;
    }

    .ui-datepicker .ui-datepicker-calendar td a {
        transition: all 0.2s ease-in-out;
        padding: 5px;
        color: #C9A96E;
        padding: 6px 10px;
        display: block;
        font-weight: 400;
        font-size: 12px;
        border: 0;
        border-radius: 1px;
    }

        .ui-datepicker .ui-datepicker-calendar td a:hover {
            background-color: #fff;
            color: #C9A96E;
        }

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
    background-color: #C9A96E ;
    color: #fff;
}

    .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:hover,
    .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:focus {
        background-color: #C9A96E ;
        color: #fff;
    }

@media (prefers-reduced-motion: reduce) {

    .ui-datepicker .ui-datepicker-calendar td span,
    .ui-datepicker .ui-datepicker-calendar td a {
        transition: none;
    }
}

.ui-datepicker-multi .ui-datepicker-group {
    padding-right: 15px;
    width: auto;
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-title {
        margin: auto;
    }

    .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-prev::before {
        left: 10px;
    }

    .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-next::before {
        right: 10px;
    }

    .ui-datepicker-multi .ui-datepicker-group table {
        margin: 0;
    }

.ui-datepicker-multi .ui-datepicker-group-last {
    padding-right: 0;
}

.ui-datepicker-inline {
    border-color: #e4e8f3;
}

@media (min-width: 576px) {
    .ui-datepicker-inline {
        max-width: 270px;
    }
}

/* ###### 7.2 Calendar  ###### */
@media (min-width: 992px) {
    .main-content-calendar {
        padding: 25px 0;
    }
}

.main-content-calendar .container,
.main-content-calendar .container-fluid {
    padding: 20px 0 0;
}

@media (min-width: 992px) {

    .main-content-calendar .container,
    .main-content-calendar .container-fluid {
        padding-top: 0;
    }
}

@media (min-width: 576px) {
    .main-content-left-calendar {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .main-content-left-calendar {
        width: 230px;
    }
}

.main-datepicker .ui-datepicker-inline {
    margin-top: 0;
}

.main-datepicker .ui-datepicker .ui-datepicker-title {
    color: #C9A96E ;
    letter-spacing: -.2px;
}

.main-datepicker .ui-datepicker .ui-datepicker-calendar {
    width: 100%;
}

    .main-datepicker .ui-datepicker .ui-datepicker-calendar th {
        padding: 5px;
        font-size: 10px;
        color: #242f48;
        text-align: center;
    }

    .main-datepicker .ui-datepicker .ui-datepicker-calendar td {
        text-align: center;
    }

    .main-datepicker .ui-datepicker .ui-datepicker-calendar th.ui-datepicker-week-end:first-child:not(.ui-datepicker-other-month) a {
        color: #ee335e;
    }

    .main-datepicker .ui-datepicker .ui-datepicker-calendar td {
        padding: 0 1px;
    }

        .main-datepicker .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end:first-child:not(.ui-datepicker-other-month) a {
            color: #ee335e;
        }

        .main-datepicker .ui-datepicker .ui-datepicker-calendar td span,
        .main-datepicker .ui-datepicker .ui-datepicker-calendar td a {
            padding: 4px 5px;
            font-family: Verdana, sans-serif;
            font-size: 11px;
            color: #4d5875;
        }

    .main-datepicker .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
        background-color: #C9A96E ;
        color: #fff;
        border-radius: 2px;
    }

.main-nav-calendar-event .nav-link {
    font-size: 13px;
    position: relative;
}

    .main-nav-calendar-event .nav-link i {
        font-size: 21px;
        position: relative;
        margin-right: 10px;
        top: -.5px;
    }

    .main-nav-calendar-event .nav-link.exclude {
        color: #737f9e;
    }

        .main-nav-calendar-event .nav-link.exclude i {
            color: #737f9e;
        }

        .main-nav-calendar-event .nav-link.exclude::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            border-top: 1px solid #737f9e;
        }

@media (min-width: 992px) {
    .main-content-body-calendar {
        padding-left: 25px;
    }
}

.main-calendar {
    border-color: #e4e8f3;
}

    .main-calendar .fc-content,
    .main-calendar .fc-divider,
    .main-calendar .fc-list-heading td,
    .main-calendar .fc-list-view,
    .main-calendar .fc-popover,
    .main-calendar .fc-row,
    .main-calendar tbody,
    .main-calendar td,
    .main-calendar th,
    .main-calendar thead {
        border-color: #e4e8f3;
    }

    .main-calendar .fc-header-toolbar {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
        padding: 0 20px;
    }

        .main-calendar .fc-header-toolbar h2 {
            margin-bottom: 0;
            color: #242f48;
            font-size: 20px;
            font-weight: 700;
        }

        .main-calendar .fc-header-toolbar .fc-right {
            order: 3;
        }

        .main-calendar .fc-header-toolbar .fc-clear {
            display: none;
        }

        .main-calendar .fc-header-toolbar button {
            height: 38px;
            background-color: #fff;
            background-image: none;
            border: 1px solid #e3e8f7;
            box-shadow: none;
            padding: 0 15px;
            display: flex;
            align-items: center;
            color: #242f48;
            font-size: 13px;
            text-transform: capitalize;
            outline: none;
            text-shadow: none;
            border-radius: 0;
        }

            .main-calendar .fc-header-toolbar button:hover,
            .main-calendar .fc-header-toolbar button:focus {
                background-color: #dde2ef;
            }

            .main-calendar .fc-header-toolbar button.fc-prev-button,
            .main-calendar .fc-header-toolbar button.fc-next-button {
                padding: 0;
                width: 38px;
                justify-content: center;
            }

                .main-calendar .fc-header-toolbar button.fc-prev-button span,
                .main-calendar .fc-header-toolbar button.fc-next-button span {
                    margin: 0;
                }

            .main-calendar .fc-header-toolbar button.fc-state-active {
                background-color: #dde2ef;
            }

            .main-calendar .fc-header-toolbar button.fc-today-button {
                color: #fff;
                background-color: #C9A96E ;
                border-color: #1a53ff;
            }

                .main-calendar .fc-header-toolbar button.fc-today-button.fc-state-disabled {
                    border-color: #e4e8f3;
                    background-color: #ecf0fa;
                    color: #949eb7;
                    cursor: default;
                }

    .main-calendar .fc-icon-left-single-arrow,
    .main-calendar .fc-icon-right-single-arrow {
        top: 0;
    }

        .main-calendar .fc-icon-left-single-arrow::after,
        .main-calendar .fc-icon-right-single-arrow::after {
            font-family: 'Ionicons';
            font-size: 18px;
            font-weight: 400;
            line-height: 1;
        }

        .main-calendar .fc-icon-left-single-arrow::after {
            content: '\f3cf';
        }

        .main-calendar .fc-icon-right-single-arrow::after {
            content: '\f3d1';
        }

    .main-calendar .fc-head-container .fc-day-header {
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 14px 0;
        color: #242f48;
    }

    .main-calendar .fc-view > table {
        background-color: #fff;
    }

        .main-calendar .fc-view > table > thead th,
        .main-calendar .fc-view > table > thead td {
            border-color: #e4e8f3;
        }

        .main-calendar .fc-view > table > tbody > tr > td {
            border-color: #e4e8f3;
        }

    .main-calendar .fc-view .fc-other-month {
        background-color: #eff3fd;
    }

    .main-calendar .fc-view .fc-day-number {
        font-size: 14px;
        font-weight: 400;
        font-family: Arial, sans-serif;
        color: #4d5875;
        display: inline-block;
        padding: 5px 8px;
        position: relative;
        transition: all 0.2s ease-in-out;
        margin: 2px 2px 0 0;
        min-width: 20px;
        text-align: center;
    }

        .main-calendar .fc-view .fc-day-number:hover,
        .main-calendar .fc-view .fc-day-number:focus {
            color: #242f48;
            background-color: #ecf0fa;
        }

    .main-calendar .fc-view .fc-scroller {
        height: auto !important;
        overflow: visible !important;
    }

    .main-calendar .fc-view.fc-agenda-view .fc-day-header > a > span {
        display: block;
    }

        .main-calendar .fc-view.fc-agenda-view .fc-day-header > a > span:first-child {
            color: #737f9e;
            font-size: 8px;
            font-weight: 400;
            line-height: 1.2;
        }

        .main-calendar .fc-view.fc-agenda-view .fc-day-header > a > span:last-child {
            font-weight: 700;
            font-size: 14px;
            font-family: Helvetica, Arial, sans-serif;
            line-height: 1;
        }

    .main-calendar .fc-view.fc-agenda-view .fc-day-header.fc-today > a {
        color: #C9A96E ;
    }

    .main-calendar .fc-view.fc-listMonth-view,
    .main-calendar .fc-view.fc-listWeek-view {
        border-width: 0;
    }

        .main-calendar .fc-view.fc-listMonth-view .fc-scroller,
        .main-calendar .fc-view.fc-listWeek-view .fc-scroller {
            padding: 0 20px 20px;
        }

        .main-calendar .fc-view.fc-listMonth-view .fc-list-table,
        .main-calendar .fc-view.fc-listWeek-view .fc-list-table {
            border-collapse: separate;
            display: block;
        }

            .main-calendar .fc-view.fc-listMonth-view .fc-list-table > tbody,
            .main-calendar .fc-view.fc-listWeek-view .fc-list-table > tbody {
                display: flex;
                flex-wrap: wrap;
            }

        .main-calendar .fc-view.fc-listMonth-view .fc-list-heading,
        .main-calendar .fc-view.fc-listWeek-view .fc-list-heading {
            flex: 0 0 20%;
            max-width: 20%;
            margin-top: 15px;
        }

            .main-calendar .fc-view.fc-listMonth-view .fc-list-heading:first-child,
            .main-calendar .fc-view.fc-listWeek-view .fc-list-heading:first-child,
            .main-calendar .fc-view.fc-listMonth-view .fc-list-heading:first-child + .fc-list-item,
            .main-calendar .fc-view.fc-listWeek-view .fc-list-heading:first-child + .fc-list-item {
                margin-top: 0;
            }

            .main-calendar .fc-view.fc-listMonth-view .fc-list-heading td,
            .main-calendar .fc-view.fc-listWeek-view .fc-list-heading td {
                background-color: transparent;
                border-width: 0;
                padding: 0;
            }

        .main-calendar .fc-view.fc-listMonth-view .fc-list-heading-main,
        .main-calendar .fc-view.fc-listWeek-view .fc-list-heading-main {
            display: block;
            font-size: 11px;
            text-transform: uppercase;
            color: #737f9e;
            font-weight: 600;
            padding: 5px;
            text-align: center;
        }

            .main-calendar .fc-view.fc-listMonth-view .fc-list-heading-main span:last-child,
            .main-calendar .fc-view.fc-listWeek-view .fc-list-heading-main span:last-child {
                display: block;
                font-size: 30px;
                font-weight: 700;
                font-family: Helvetica, Arial, sans-serif;
                letter-spacing: -1px;
                color: #242f48;
                line-height: 1;
            }

            .main-calendar .fc-view.fc-listMonth-view .fc-list-heading-main.now,
            .main-calendar .fc-view.fc-listWeek-view .fc-list-heading-main.now,
            .main-calendar .fc-view.fc-listMonth-view .fc-list-heading-main.now span:last-child,
            .main-calendar .fc-view.fc-listWeek-view .fc-list-heading-main.now span:last-child {
                color: #C9A96E ;
            }

        .main-calendar .fc-view.fc-listMonth-view .fc-list-item,
        .main-calendar .fc-view.fc-listWeek-view .fc-list-item {
            flex: 0 0 calc(80% - 5px);
            max-width: calc(80% - 5px);
            dispLay: flex;
            flex-direction: column;
            border-left: 4px solid transparent;
            background-color: #fff;
            margin-top: 15px;
        }

            .main-calendar .fc-view.fc-listMonth-view .fc-list-item:hover,
            .main-calendar .fc-view.fc-listMonth-view .fc-list-item:focus {
                cursor: pointer;
            }

            .main-calendar .fc-view.fc-listWeek-view .fc-list-item:hover,
            .main-calendar .fc-view.fc-listWeek-view .fc-list-item:focus {
                cursor: pointer;
            }

            .main-calendar .fc-view.fc-listMonth-view .fc-list-item:hover td,
            .main-calendar .fc-view.fc-listMonth-view .fc-list-item:focus td {
                background-color: transparent;
            }

            .main-calendar .fc-view.fc-listWeek-view .fc-list-item:hover td,
            .main-calendar .fc-view.fc-listWeek-view .fc-list-item:focus td {
                background-color: transparent;
            }

            .main-calendar .fc-view.fc-listMonth-view .fc-list-item > td,
            .main-calendar .fc-view.fc-listWeek-view .fc-list-item > td {
                border-width: 0;
            }

                .main-calendar .fc-view.fc-listMonth-view .fc-list-item > td.fc-list-item-time,
                .main-calendar .fc-view.fc-listWeek-view .fc-list-item > td.fc-list-item-time {
                    border-top: 1px solid #dde2ef;
                    border-right: 1px solid #dde2ef;
                    box-sizing: border-box;
                }

                .main-calendar .fc-view.fc-listMonth-view .fc-list-item > td.fc-list-item-title,
                .main-calendar .fc-view.fc-listWeek-view .fc-list-item > td.fc-list-item-title {
                    border-bottom: 1px solid #dde2ef;
                    border-right: 1px solid #dde2ef;
                    box-sizing: border-box;
                }

            .main-calendar .fc-view.fc-listMonth-view .fc-list-item + .fc-list-item,
            .main-calendar .fc-view.fc-listWeek-view .fc-list-item + .fc-list-item {
                margin-left: 20%;
            }

        .main-calendar .fc-view.fc-listMonth-view .fc-list-item-marker,
        .main-calendar .fc-view.fc-listWeek-view .fc-list-item-marker {
            display: none;
        }

        .main-calendar .fc-view.fc-listMonth-view .fc-list-item-time,
        .main-calendar .fc-view.fc-listWeek-view .fc-list-item-time {
            padding: 12px 15px 2px;
            font-size: 13px;
            text-transform: capitalize;
            width: 100%;
        }

        .main-calendar .fc-view.fc-listMonth-view .fc-list-item-title,
        .main-calendar .fc-view.fc-listWeek-view .fc-list-item-title {
            padding: 0 15px 12px;
        }

            .main-calendar .fc-view.fc-listMonth-view .fc-list-item-title a,
            .main-calendar .fc-view.fc-listWeek-view .fc-list-item-title a {
                display: block;
                font-weight: 700;
                font-size: 15px;
                margin-bottom: 5px;
                color: #242f48;
            }

            .main-calendar .fc-view.fc-listMonth-view .fc-list-item-title .fc-desc,
            .main-calendar .fc-view.fc-listWeek-view .fc-list-item-title .fc-desc {
                font-size: 13px;
                line-height: 1.375;
                display: block;
            }

    .main-calendar td.fc-today {
        background-color: #C9A96E ;
    }

        .main-calendar td.fc-today .fc-day-number {
            background-color: #C9A96E ;
            color: #fff;
            border-radius: 1px;
        }

            .main-calendar td.fc-today .fc-day-number:hover,
            .main-calendar td.fc-today .fc-day-number:focus {
                background-color: #C9A96E ;
                color: #fff;
                border-radius: 1px;
            }

    .main-calendar .fc-axis {
        font-size: 11px;
    }

    .main-calendar .fc-event {
        border-width: 0;
        border-top-width: 5px;
        border-radius: 0;
    }

        .main-calendar .fc-event.fc-day-grid-event > div {
            display: none;
        }

            .main-calendar .fc-event.fc-day-grid-event > div .fc-time {
                font-weight: 500;
            }

            .main-calendar .fc-event.fc-day-grid-event > div .fc-desc {
                display: none;
            }

    .main-calendar .fc-time-grid-event {
        padding: 5px;
        border-left-width: 0;
        border-top-width: 2px;
    }

        .main-calendar .fc-time-grid-event .fc-time {
            font-size: 12px;
        }

        .main-calendar .fc-time-grid-event .fc-title {
            font-size: 14px;
            font-weight: 700;
            color: #242f48;
            margin-bottom: 10px;
        }

        .main-calendar .fc-time-grid-event .fc-desc {
            font-size: 13px;
            line-height: 1.3;
            color: rgba(28, 39, 60, 0.8);
        }

    .main-calendar .fc-agendaWeek-view .fc-time-grid-event > div {
        display: none;
    }

        .main-calendar .fc-agendaWeek-view .fc-time-grid-event > div .fc-time {
            font-size: 11px;
        }

        .main-calendar .fc-agendaWeek-view .fc-time-grid-event > div .fc-title {
            font-size: 13px;
        }

        .main-calendar .fc-agendaWeek-view .fc-time-grid-event > div .fc-desc {
            display: none;
        }

    .main-calendar .fc-list-empty {
        padding: 20px 0;
        background-color: #fff;
        border: 1px solid #e3e8f7;
    }

@media (min-width: 992px) {
    .main-calendar .fc-header-toolbar {
        padding: 0;
        margin-bottom: 24px;
    }
}

@media (min-width: 576px) {
    .main-calendar .fc-header-toolbar h2 {
        font-size: 22px;
    }
}

@media (max-width: 767.98px) {
    .main-calendar .fc-header-toolbar .fc-center {
        order: 1;
        flex: 0 0 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    .main-calendar .fc-header-toolbar .fc-left {
        order: 2;
        flex: 0 0 50%;
    }

    .main-calendar .fc-header-toolbar .fc-right {
        flex: 0 0 50%;
        display: flex;
        justify-content: flex-end;
    }
}

@media (max-width: 991px) {
    .main-calendar .fc-header-toolbar .fc-center {
        order: 1;
        flex: 0 0 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    .main-calendar .fc-header-toolbar .fc-left {
        order: 2;
        flex: 0 0 50%;
    }

    .main-calendar .fc-header-toolbar .fc-right {
        flex: 0 0 50%;
        display: flex;
        justify-content: flex-end;
    }

    .main-calendar .fc-header-toolbar button {
        padding: 0 8px;
    }
}

@media (max-width: 575px) {

    .main-calendar .fc-header-toolbar button.fc-prev-button,
    .main-calendar .fc-header-toolbar button.fc-next-button {
        width: 32px;
        height: 32px;
    }

    .main-calendar .fc-header-toolbar button.fc-today-button {
        height: 32px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 11px;
    }

    .main-calendar .fc-header-toolbar button.fc-month-button,
    .main-calendar .fc-header-toolbar button.fc-agendaWeek-button,
    .main-calendar .fc-header-toolbar button.fc-agendaDay-button,
    .main-calendar .fc-header-toolbar button.fc-listWeek-button,
    .main-calendar .fc-header-toolbar button.fc-listMonth-button {
        text-indent: -9999px;
        width: 32px;
        height: 32px;
        position: relative;
        color: transparent;
    }

        .main-calendar .fc-header-toolbar button.fc-month-button::before,
        .main-calendar .fc-header-toolbar button.fc-agendaWeek-button::before,
        .main-calendar .fc-header-toolbar button.fc-agendaDay-button::before,
        .main-calendar .fc-header-toolbar button.fc-listWeek-button::before,
        .main-calendar .fc-header-toolbar button.fc-listMonth-button::before {
            position: absolute;
            top: 6px;
            left: 10px;
            z-index: 100;
            display: inline-block;
            text-indent: 0;
            font-size: 12px;
            font-weight: 700;
            color: #C9A96E;
        }

        .main-calendar .fc-header-toolbar button.fc-month-button::before {
            content: 'M';
        }

        .main-calendar .fc-header-toolbar button.fc-agendaWeek-button::before {
            content: 'W';
        }

        .main-calendar .fc-header-toolbar button.fc-agendaDay-button::before {
            content: 'D';
        }

        .main-calendar .fc-header-toolbar button.fc-listWeek-button::before,
        .main-calendar .fc-header-toolbar button.fc-listMonth-button::before {
            content: 'L';
            left: 11px;
        }
}

@media (min-width: 992px) {

    .main-calendar .fc-icon-left-single-arrow::after,
    .main-calendar .fc-icon-right-single-arrow::after {
        line-height: .75;
    }
}

@media (min-width: 576px) {
    .main-calendar .fc-head-container .fc-day-header {
        font-size: 12px;
    }
}

@media (max-width: 991.98px) {

    .main-calendar .fc-view > table > thead th:first-child,
    .main-calendar .fc-view > table > thead td:first-child {
        border-left-width: 0;
    }

    .main-calendar .fc-view > table > thead th:last-child,
    .main-calendar .fc-view > table > thead td:last-child {
        border-right-width: 0;
    }
}

@media (max-width: 991.98px) {
    .main-calendar .fc-view > table > tbody > tr > td:first-child {
        border-left-width: 0;
    }

    .main-calendar .fc-view > table > tbody > tr > td:last-child {
        border-right-width: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .main-calendar .fc-view .fc-day-number {
        transition: none;
    }
}

@media (min-width: 576px) {
    .main-calendar .fc-view.fc-agenda-view .fc-day-header > a > span:first-child {
        font-size: 11px;
        font-weight: 600;
    }
}

@media (min-width: 576px) {
    .main-calendar .fc-view.fc-agenda-view .fc-day-header > a > span:last-child {
        font-size: 25px;
    }
}

@media (min-width: 992px) {

    .main-calendar .fc-view.fc-listMonth-view .fc-scroller,
    .main-calendar .fc-view.fc-listWeek-view .fc-scroller {
        padding: 0;
    }
}

@media (min-width: 576px) {

    .main-calendar .fc-view.fc-listMonth-view .fc-list-heading,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-heading {
        flex: 0 0 15%;
        max-width: 15%;
    }
}

@media (min-width: 768px) {

    .main-calendar .fc-view.fc-listMonth-view .fc-list-heading,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-heading {
        flex: 0 0 12%;
        max-width: 12%;
    }
}

@media (min-width: 992px) {

    .main-calendar .fc-view.fc-listMonth-view .fc-list-heading,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-heading {
        flex: 0 0 10%;
        max-width: 10%;
    }
}

@media (min-width: 1200px) {

    .main-calendar .fc-view.fc-listMonth-view .fc-list-heading,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-heading {
        flex: 0 0 8%;
        max-width: 8%;
    }
}

@media (min-width: 576px) {

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item {
        flex: 0 0 calc(85% - 5px);
        max-width: calc(85% - 5px);
    }
}

@media (min-width: 768px) {

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item {
        flex: 0 0 calc(88% - 5px);
        max-width: calc(88% - 5px);
    }
}

@media (min-width: 992px) {

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item {
        flex: 0 0 calc(90% - 5px);
        max-width: calc(90% - 5px);
    }
}

@media (min-width: 1200px) {

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item {
        flex: 0 0 calc(92% - 5px);
        max-width: calc(92% - 5px);
    }
}

@media (min-width: 576px) {

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item + .fc-list-item,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item + .fc-list-item {
        margin-left: 15%;
    }
}

@media (min-width: 768px) {

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item + .fc-list-item,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item + .fc-list-item {
        margin-left: 12%;
    }
}

@media (min-width: 992px) {

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item + .fc-list-item,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item + .fc-list-item {
        margin-left: 10%;
    }
}

@media (min-width: 1200px) {

    .main-calendar .fc-view.fc-listMonth-view .fc-list-item + .fc-list-item,
    .main-calendar .fc-view.fc-listWeek-view .fc-list-item + .fc-list-item {
        margin-left: 8%;
    }
}

@media (min-width: 576px) {
    .main-calendar .fc-axis {
        font-size: 13px;
    }
}

@media (min-width: 576px) {
    .main-calendar .fc-event {
        border-top-width: 0;
        border-left-width: 2px;
        padding: 3px 4px;
    }
}

@media (min-width: 576px) {
    .main-calendar .fc-event.fc-day-grid-event > div {
        display: block;
    }
}

@media (min-width: 576px) {
    .main-calendar .fc-agendaWeek-view .fc-time-grid-event > div {
        display: block;
    }
}

@media (min-width: 992px) {
    .main-calendar .fc-agendaWeek-view .fc-time-grid-event > div .fc-desc {
        display: block;
    }
}

.main-modal-calendar-schedule .modal-content {
    border-width: 0;
    position: relative;
}

    .main-modal-calendar-schedule .modal-content > .close {
        position: absolute;
        top: 20px;
        right: 25px;
        font-size: 28px;
        font-weight: 700;
        color: #737f9e;
        text-shadow: none;
    }

.main-modal-calendar-schedule .modal-header {
    padding: 20px 25px;
}

.main-modal-calendar-schedule .modal-body {
    padding: 30px 25px;
}

.main-modal-calendar-schedule .form-group-date {
    display: flex;
    align-items: center;
    border: 1px solid #e3e8f7;
    background-color: #ecf0fa;
    padding: 10px 5px;
    color: #242f48;
    font-size: 13px;
    font-weight: 600;
}

    .main-modal-calendar-schedule .form-group-date > i {
        font-size: 32px;
        line-height: 0;
        margin-right: 10px;
        opacity: .5;
    }

.main-modal-calendar-schedule .select2-container {
    width: 100% !important;
}

.main-modal-calendar-event .modal-content {
    border-width: 0;
    position: relative;
    background-color: transparent;
}

    .main-modal-calendar-event .modal-content > .close {
        font-size: 18px;
        text-shadow: none;
    }

.main-modal-calendar-event .modal-header {
    position: relative;
    padding: 20px;
    border-bottom-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.main-modal-calendar-event .nav-modal-event {
    align-items: center;
}

    .main-modal-calendar-event .nav-modal-event .nav-link {
        padding: 0;
        color: rgba(255, 255, 255, 0.75);
        font-size: 21px;
        line-height: 0;
        position: relative;
        transition: all 0.2s ease-in-out;
    }

        .main-modal-calendar-event .nav-modal-event .nav-link:hover,
        .main-modal-calendar-event .nav-modal-event .nav-link:focus {
            color: #fff;
        }

        .main-modal-calendar-event .nav-modal-event .nav-link + .nav-link {
            margin-left: 15px;
        }

        .main-modal-calendar-event .nav-modal-event .nav-link:last-child {
            font-size: 24px;
        }

.main-modal-calendar-event .event-title {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 1;
}

.main-modal-calendar-event .modal-body {
    padding: 20px;
    background-color: #fff;
}

.main-modal-calendar-event .event-start-date,
.main-modal-calendar-event .event-end-date {
    color: #242f48;
    font-weight: 500;
}

.main-modal-calendar-event .event-desc {
    margin-top: 5px;
}

    .main-modal-calendar-event .event-desc:empty {
        margin-bottom: 5px;
    }

@media (min-width: 576px) {
    .main-modal-calendar-event .modal-header {
        padding: 20px 25px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .main-modal-calendar-event .nav-modal-event .nav-link {
        transition: none;
    }
}

@media (min-width: 576px) {
    .main-modal-calendar-event .modal-body {
        padding: 30px;
    }
}

@media (max-width: 605px) {
    .main-calendar .fc-header-toolbar {
        padding: 0;
    }

    .fc-view {
        border: 1px solid #e3e8f7;
    }

        .fc-view > table {
            border: 1px solid #e3e8f7;
        }

    .card--calendar .ui-datepicker .ui-datepicker-calendar td a {
        width: 28px;
        height: 28px;
    }

    .main-content-body.main-content-body-calendar.card.p-4 {
        padding: 1rem !important;
    }
}

@media (max-width: 320px) {
    .main-calendar .fc-header-toolbar .fc-right {
        flex: 0 0 100%;
        display: flex;
        justify-content: left;
        margin-top: 20px;
    }

    .main-calendar .fc-header-toolbar .fc-left {
        flex: 0 0 100%;
        display: flex;
        justify-content: left;
    }
}

.fc-datepicker.main-datepicker.hasDatepicker {
    border: 1px solid #e3e8f7;
}

@media (min-width: 320px) and (max-width: 568px) {
    .ui-datepicker-calendar {
        width: 100%;
    }

    .ui-datepicker .ui-datepicker-calendar td,
    .ui-datepicker .ui-datepicker-calendar th {
        text-align: center;
    }
}

/* ###### 7.3 Chat  ###### */
@media (max-width: 991.98px) {
    .main-content-body-show .main-header-menu-icon {
        display: none;
    }

    .main-content-body-show .main-header-left .main-header-arrow {
        display: block;
    }

    .main-content-body-show .main-content-left-chat {
        display: none;
    }

    .main-content-body-show .main-content-body-chat {
        display: flex;
    }
}

.main-content-left-chat {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0;
}

.main-nav-line-chat {
    border-bottom: 1px solid #e3e8f7;
    padding-bottom: 5px;
    flex-shrink: 0;
    flex-direction: row;
    padding-left: 20px;
}

    .main-nav-line-chat .nav-link {
        font-size: 13px;
        font-weight: 500;
        color: #364261;
        text-transform: uppercase;
    }

        .main-nav-line-chat .nav-link:hover,
        .main-nav-line-chat .nav-link:focus,
        .main-nav-line-chat .nav-link:active {
            outline: none;
        }

        .main-nav-line-chat .nav-link + .nav-link {
            margin-top: 0;
            margin-left: 30px;
        }

        .main-nav-line-chat .nav-link.active {
            color: #C9A96E ;
        }

            .main-nav-line-chat .nav-link.active::before {
                top: 34px;
                left: 0;
                right: 0;
                width: auto;
                bottom: -6px;
                background-color: #C9A96E ;
            }

@media (min-width: 992px) {
    .main-nav-line-chat {
        padding-left: 0;
        flex-shrink: 0;
        height: 55px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 20px;
        border-bottom: 1px solid #e3e8f7;
    }
}

.main-chat-contacts-wrapper .main-img-user::after,
.main-chat-list .main-img-user::after,
.main-chat-header .main-img-user::after,
.main-chat-body .main-img-user::after {
    right: 1px;
    bottom: 3px;
}

.main-chat-contacts-wrapper {
    padding: 10px 20px;
    flex-shrink: 0;
    border-bottom: 1px solid #e3e8f7;
    overflow: hidden;
}

    .main-chat-contacts-wrapper .main-content-label,
    .main-chat-contacts-wrapper .card-table-two .card-title {
        margin-bottom: 15px;
        line-height: 1;
        padding-left: 20px;
    }

.card-table-two {
    padding: 20px;
}

    .card-table-two .card-title {
        font-size: 13px;
    }

@media (min-width: 992px) {
    .main-chat-contacts-wrapper {
        padding: 10px 15px 10px 0;
    }
}

.card-table-two .main-chat-contacts-wrapper .card-title,
.main-chat-contacts-wrapper .card-dashboard-eight .card-title,
.card-dashboard-eight .main-chat-contacts-wrapper .card-title {
    margin-bottom: 15px;
    line-height: 1;
    padding-left: 20px;
}

.main-chat-contacts-wrapper .lSSlideOuter,
.main-chat-contacts-wrapper .lSSlideWrapper {
    overflow: visible;
}

.main-chat-contacts {
    padding-left: 20px;
    display: flex;
}

    .main-chat-contacts .lslide {
        display: flex;
        flex-direction: column;
        align-items: center;
        float: none;
    }

    .main-chat-contacts small {
        font-size: 11px;
        width: 36px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        margin-top: 3px;
        text-align: center;
    }

.main-chat-contacts-more {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: #C9A96E ;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
}

@media (min-width: 992px) {
    .main-chat-list {
        max-height: 490px;
        position: relative;
    }
}

.main-chat-list .media {
    padding: 12px 20px;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #e3e8f7;
    position: relative;
}

    .main-chat-list .media .main-img-user {
        flex-shrink: 0;
        top: 3px;
    }

    .main-chat-list .media::after {
        content: '';
        position: absolute;
        top: -1px;
        bottom: -1px;
        left: -1px;
        width: 1px;
        background-color: #C9A96E ;
        display: none;
    }

    .main-chat-list .media + .media::before {
        content: '';
        position: absolute;
        top: -1px;
        left: 65px;
        right: 0;
    }

    .main-chat-list .media.new {
        background-color: #fff;
    }

        .main-chat-list .media.new .main-img-user span {
            display: flex;
        }

        .main-chat-list .media.new .media-contact-name span:first-child {
            font-weight: 700;
            color: #242f48;
        }

        .main-chat-list .media.new .media-body p {
            color: #C9A96E;
        }

    .main-chat-list .media:hover,
    .main-chat-list .media:focus {
        cursor: pointer;
        background-color: #fafcff;
        border-top-color: #dde2ef;
        border-bottom-color: #dde2ef;
        z-index: 1;
    }

        .main-chat-list .media:hover:first-child,
        .main-chat-list .media:focus:first-child {
            border-top-color: transparent;
        }

    .main-chat-list .media.selected {
        background-color: #ecf0fa;
        border-top-color: #dde2ef;
        border-bottom-color: #dde2ef;
        border-left: 1px solid #C9A96E ;
        z-index: 2;
    }

        .main-chat-list .media.selected:first-child {
            border-top-color: transparent;
        }

        .main-chat-list .media.selected::after {
            display: block;
        }

        .main-chat-list .media.selected .media-contact-name span:first-child {
            color: #242f48;
        }

        .main-chat-list .media.selected .media-body p {
            color: #C9A96E;
        }

.main-chat-list .main-img-user span {
    position: absolute;
    top: 0;
    left: -2px;
    width: 14px;
    height: 14px;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 9px;
    font-weight: 500;
    color: #fff;
    background-color: #ee335e;
    box-shadow: 0 0 0 2px #fff;
}

.main-chat-list .media-body {
    margin-left: 15px;
}

    .main-chat-list .media-body p {
        font-size: 13px;
        margin-bottom: 0;
        color: #737f9e;
        line-height: 1.35;
    }

.main-chat-list .media-contact-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2px;
}

    .main-chat-list .media-contact-name span:first-child {
        display: block;
        font-size: 14px;
        font-weight: 500;
        color: #242f48;
    }

    .main-chat-list .media-contact-name span:last-child {
        display: block;
        font-size: 11px;
        color: #949eb7;
    }

@media (min-width: 992px) {
    .main-chat-list .media {
        padding: 12px 15px;
    }
}

.main-content-body-chat {
    flex-direction: column;
    display: none;
}

@media (min-width: 992px) {
    .main-content-body-chat {
        display: flex;
    }
}

.main-chat-header {
    flex-shrink: 0;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px;
    border-bottom: 1px solid #e3e8f7;
}

    .main-chat-header .nav {
        margin-left: auto;
        align-items: center;
    }

    .main-chat-header .nav-link {
        padding: 0;
        color: #b8c2d8;
        font-size: 20px;
        display: none;
    }

        .main-chat-header .nav-link:first-child {
            display: block;
        }

        .main-chat-header .nav-link i {
            line-height: 0;
        }

        .main-chat-header .nav-link .typcn {
            line-height: .9;
        }

            .main-chat-header .nav-link .typcn::before {
                width: auto;
            }

        .main-chat-header .nav-link:hover,
        .main-chat-header .nav-link:focus {
            color: #C9A96E ;
        }

        .main-chat-header .nav-link + .nav-link {
            margin-left: 15px;
        }

@media (min-width: 576px) {
    .main-chat-header .nav-link {
        display: block;
    }

        .main-chat-header .nav-link:first-child {
            display: none;
        }
}

.main-chat-msg-name {
    margin-left: 15px;
}

    .main-chat-msg-name h6 {
        margin-bottom: 2px;
        font-size: 15px;
        font-weight: 700;
        color: #242f48;
    }

    .main-chat-msg-name small {
        font-size: 12px;
        color: #737f9e;
    }

.main-chat-body {
    position: relative;
    padding-bottom: 50px;
}

    .main-chat-body .content-inner {
        padding: 20px;
    }

    .main-chat-body .media + .media {
        margin-top: 20px;
    }

    .main-chat-body .media.flex-row-reverse .media-body {
        margin-left: 0;
        margin-right: 20px;
        align-items: flex-end;
    }

    .main-chat-body .media.flex-row-reverse .main-msg-wrapper {
        background-color: #C9A96E ;
        color: #fff;
    }

    .main-chat-body .media-body {
        margin-left: 20px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

        .main-chat-body .media-body > div:last-child {
            font-size: 11px;
            color: #737f9e;
            display: flex;
            align-items: center;
        }

@media (min-width: 992px) {
    .main-chat-body {
        padding-bottom: 0;
        max-height: 535px;
        overflow: hidden;
    }
}

@media (min-width: 576px) {
    .main-chat-body .media.flex-row-reverse .media-body {
        margin-left: 55px;
    }
}

@media (min-width: 576px) {
    .main-chat-body .media-body {
        margin-right: 55px;
    }
}

.main-chat-time {
    display: block;
    position: relative;
    text-align: center;
    margin: 20px 0;
}

    .main-chat-time:first-of-type {
        margin-top: 0;
    }

    .main-chat-time span {
        font-size: 10px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

.main-msg-wrapper {
    padding: 10px 15px;
    background-color: #ecf0fa;
    font-size: 13px;
    margin-bottom: 5px;
    border-radius: 2px;
    display: inline-block;
}

.main-chat-footer {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 20px;
    border-top: 1px solid #e3e8f7;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

    .main-chat-footer .nav {
        align-items: center;
    }

    .main-chat-footer .nav-link {
        padding: 0;
        color: #949eb7;
        font-size: 16px;
        display: none;
    }

        .main-chat-footer .nav-link + .nav-link {
            margin-left: 10px;
        }

        .main-chat-footer .nav-link:last-child {
            display: block;
            margin-left: 0;
        }

    .main-chat-footer .form-control {
        flex: 1;
        margin: 0 10px;
        padding-left: 0;
        padding-right: 0;
        border-width: 0;
    }

        .main-chat-footer .form-control:hover,
        .main-chat-footer .form-control:focus {
            box-shadow: none;
        }

@media (min-width: 992px) {
    .main-chat-footer {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
    }
}

@media (min-width: 576px) {
    .main-chat-footer .nav-link {
        display: block;
    }

        .main-chat-footer .nav-link:last-child {
            display: none;
        }
}

@media (min-width: 576px) {
    .main-chat-footer .form-control {
        margin-left: 20px;
    }
}

@media (min-width: 768px) {
    .main-chat-footer .form-control {
        margin: 0 20px;
    }
}

.main-msg-send {
    font-size: 20px;
    color: #C9A96E ;
}

@media (max-width: 991px) and (min-width: 768px) {
    .app.sidebar-mini .main-chat-footer {
        margin-left: 249px;
    }

    .app.sidebar-mini.sidenav-toggled .main-chat-footer {
        margin-left: 0;
    }
}

@media (max-width: 380px) and (min-width: 305px) {
    .main-nav-line-chat .nav-link + .nav-link {
        margin: 0;
    }
}

/*--chat--*/
.chat {
    margin-bottom: auto;
}

    .chat .card {
        height: 600px;
    }

    .chat .card-header {
        padding: 1rem;
    }

.contacts_body {
    white-space: nowrap;
}

.msg_card_body {
    overflow-y: auto;
}

.contacts_body .contacts {
    list-style: none;
    padding: 0;
}

    .contacts_body .contacts li {
        width: 100% !important;
        padding: 15px;
        border-bottom: 1px solid #ebeaf1;
    }

.contacts_body .active {
    background-color: #f5f6fb;
}

#action_menu_btn {
    position: absolute;
    right: 36px;
    top: 21px;
    color: white;
    cursor: pointer;
    font-size: 20px;
}

.action_menu {
    z-index: 1;
    position: absolute;
    padding: 15px 0;
    background-color: #fff;
    color: #646367;
    top: 40px;
    right: 15px;
    display: none;
}

    .action_menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

.action-header {
    position: relative;
    background: #C9A96E ;
    padding: 15px 13px 15px 17px;
}

.ah-actions {
    z-index: 3;
    float: right !important;
    margin-top: 7px;
    position: relative;
}

.actions {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .actions > li {
        display: inline-block;
    }

    .actions:not(.a-alt) > li > a > i {
        color: #a7a8c6;
    }

    .actions > li > a {
        display: block;
        /* padding: 10px; */
        width: 50px;
        height: 50px;
        border-radius: 50%;
        margin: 0 auto;
        line-height: 50px;
        text-align: center;
    }

        .actions > li > a > i {
            font-size: 20px;
        }

        .actions > li > a:hover {
            background: rgba(0, 0, 0, 0.1);
        }

.dash-5 {
    text-align: center;
}

    .dash-5 h3 {
        font-size: 2rem;
        margin-bottom: 0.5rem;
    }

.well {
    color: #5e629c;
}

.icon.icon-shape i {
    height: 3rem;
    width: 3rem;
    background: #000;
    border-radius: 50%;
    line-height: 3rem;
    background: rgba(9, 22, 49, 0.2);
    color: #fff;
}

.user-img-circle {
    box-shadow: 0 0 0 rgba(81, 15, 167, 0.4);
    animation: pulse 2s infinite;
    height: 90px;
}

.chat .action-header {
    position: relative;
    padding: 15px 13px 15px 17px;
    box-shadow: 0 1px 15px 1px rgba(58, 58, 62, 0.5);
}

.chat .dropdown-menu.dropdown-menu-right.show {
    width: 100%;
    margin-bottom: 5px;
    position: absolute;
    transform: translate3d(-176px, 22px, 0px);
    top: 10px !important;
    left: 0px;
    will-change: transform;
}

.chat .msb-reply textarea {
    width: 100%;
    font-size: 13px;
    padding: 12px 47px;
    resize: none;
    height: 44px;
    border: 1px solid #ebeaf1;
    background: #FAF9FF;
    margin-left: -42px;
}

.chat .dropdown-menu li {
    padding: 7px;
    color: #5e629c;
}

    .chat .dropdown-menu li:hover {
        background: #FAF9FF;
    }

    .chat .dropdown-menu li i {
        padding: 7px;
    }

.action_menu ul li:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.2);
}

.chat .actions > li {
    display: inline-block;
}

.chat .actions:not(.a-alt) > li > a > i {
    color: #fff;
    line-height: unset;
}

.chat .justify-content-start,
.chat .justify-content-end {
    margin-bottom: 25px;
}

.chatbox .user_img {
    height: 50px;
    width: 50px;
    border: 1.5px solid #f5f6fa;
}

.chatbox .user_img_msg {
    height: 40px;
    width: 40px;
    border: 1.5px solid #f5f6fa;
}

.chatbox .img_cont {
    position: relative;
    height: 50px;
    width: 50px;
}

.chatbox .img_cont_msg {
    height: 40px;
    width: 40px;
    display: contents;
}

.chat-box-single-line {
    height: 12px;
    margin: 7px 0 30px;
    position: relative;
    text-align: center;
}

.chat abbr.timestamp {
    padding: 4px 14px;
    border-radius: 4px;
    color: #000;
}

.chatbox .user_info {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 15px;
}

    .chatbox .user_info span {
        color: #464444;
    }

.chatbox .action-header small {
    font-size: 10px;
}

.chat .video_cam {
    margin-left: 50px;
    margin-top: 5px;
}

    .chat .video_cam span {
        color: white;
        font-size: 20px;
        cursor: pointer;
        margin-right: 20px;
    }

.chat .msg_cotainer {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 10px;
    background-color: rgba(76, 175, 80, 0.15);
    padding: 10px;
    position: relative;
}

.chat .msg_cotainer_send {
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 10px;
    background-color: #e4edf9;
    padding: 10px;
    position: relative;
}

.chat .msg_time {
    position: absolute;
    left: 0;
    bottom: -18px;
    color: #3a374e;
    font-size: 10px;
}

.chat .msg_time_send {
    position: absolute;
    right: 0;
    bottom: -18px;
    color: #3a374e;
    font-size: 10px;
}

.chat .msg_head {
    position: relative;
    background: #60529f;
    box-shadow: 0 1px 15px 1px rgba(58, 58, 62, 0.4);
}

@media (max-width: 449px) {
    .actions {
        float: left !important;
    }
}

/* ###### 7.4 Contacts  ###### */
@media (min-width: 768px) and (max-width: 991.98px) {
    .main-content-body-show .main-header-contacts .main-header-menu-icon {
        display: flex;
    }

    .main-content-body-show .main-content-left-contacts {
        display: block;
    }
}

.main-content-left-contacts {
    width: 100%;
    display: block;
    padding: 0;
}

    .main-content-left-contacts .main-content-breadcrumb,
    .main-content-left-contacts .main-content-title {
        padding-left: 20px;
    }

@media (min-width: 768px) {
    .main-content-left-contacts {
        border-right: 1px solid #e3e8f7;
    }
}

@media (min-width: 992px) {

    .main-content-left-contacts .main-content-breadcrumb,
    .main-content-left-contacts .main-content-title {
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .main-contacts-list {
        height: 730px;
        position: relative;
    }
}

.main-contact-label {
    padding-top: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-weight: 500;
    font-size: 12px;
    color: #949eb7;
    position: relative;
}

    .main-contact-label::after {
        content: '';
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        border-bottom: 1px solid #e3e8f7;
        z-index: 5;
    }

@media (min-width: 992px) {
    .main-contact-label {
        padding-left: 30px;
    }
}

.main-contact-item {
    padding: 10px 20px;
    border: 1px solid transparent;
    border-right-width: 0;
    display: flex;
    position: relative;
    cursor: pointer;
}

    .main-contact-item + .main-contact-item {
        margin-top: -1px;
        border-top-color: #dde2ef;
    }

        .main-contact-item + .main-contact-item::before {
            content: '';
            position: absolute;
            top: -1px;
            left: 65px;
            right: 0;
            border-top: 1px solid #dde2ef;
        }

    .main-contact-item:hover,
    .main-contact-item:focus {
        background-color: #ecf0fa;
        border-top-color: #dde2ef;
        border-bottom-color: #dde2ef;
    }

    .main-contact-item.selected {
        z-index: 1;
        border-left-color: #C9A96E ;
        border-top-color: #dde2ef;
        border-bottom-color: #dde2ef;
        background-color: #ecf0fa;
    }

@media (min-width: 992px) {
    .main-contact-item {
        padding: 10px 15px;
    }
}

.main-contact-body {
    flex: 1;
    margin-left: 15px;
}

    .main-contact-body h6 {
        color: #242f48;
        font-weight: 500;
        margin-bottom: 2px;
    }

    .main-contact-body span {
        font-size: 13px;
        color: #737f9e;
    }

.main-contact-star {
    font-size: 16px;
    color: #949eb7;
}

    .main-contact-star:hover,
    .main-contact-star:focus {
        color: #737f9e;
    }

    .main-contact-star.active {
        color: #fbbc0b;
    }

.main-content-body-contacts {
    display: none;
}

@media (min-width: 768px) {
    .main-content-body-contacts {
        display: block;
        overflow-y: auto;
    }
}

@media (min-width: 992px) {
    .main-content-body-contacts {
        overflow: visible;
    }
}

.main-contact-info-header {
    padding-top: 40px;
    padding-left: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e3e8f7;
    position: relative;
}

    .main-contact-info-header .media {
        display: block;
    }

    .main-contact-info-header .main-img-user {
        width: 100px;
        height: 100px;
    }

        .main-contact-info-header .main-img-user a {
            position: absolute;
            bottom: 0;
            right: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            background-color: #737f9e;
            color: #fff;
            font-size: 18px;
            line-height: .9;
            box-shadow: 0 0 0 2px #fff;
            border-radius: 100%;
        }

            .main-contact-info-header .main-img-user a:hover,
            .main-contact-info-header .main-img-user a:focus {
                background-color: #C9A96E ;
            }

    .main-contact-info-header .media-body {
        margin-top: 30px;
    }

        .main-contact-info-header .media-body h4 {
            color: #242f48;
            font-size: 26px;
            font-weight: 500;
            margin-bottom: 8px;
            line-height: 1;
        }

        .main-contact-info-header .media-body p {
            color: #C9A96E;
            margin-bottom: 15px;
        }

        .main-contact-info-header .media-body .nav-link {
            padding: 0;
            display: flex;
            align-items: center;
            color: #737f9e;
            font-size: 13px;
        }

            .main-contact-info-header .media-body .nav-link i {
                font-size: 0.875rem;
                line-height: 0;
                margin-right: 5px;
            }

                .main-contact-info-header .media-body .nav-link i.typcn {
                    line-height: .9;
                }

                    .main-contact-info-header .media-body .nav-link i.typcn::before {
                        width: auto;
                    }

            .main-contact-info-header .media-body .nav-link:hover,
            .main-contact-info-header .media-body .nav-link:focus {
                color: #C9A96E ;
            }

            .main-contact-info-header .media-body .nav-link + .nav-link {
                margin-left: 10px;
            }

@media (min-width: 576px) {
    .main-contact-info-header {
        padding-top: 20px;
    }
}

@media (min-width: 992px) {
    .main-contact-info-header {
        padding-left: 30px;
        padding-bottom: 25px;
    }
}

@media (min-width: 992px) {
    .main-contact-info-header .media {
        display: flex;
        align-items: center;
    }
}

@media (min-width: 992px) {
    .main-contact-info-header .media-body {
        margin-top: 0;
        margin-left: 30px;
    }
}

@media (min-width: 576px) {
    .main-contact-info-header .media-body .nav-link {
        font-size: 0.875rem;
    }
}

@media (min-width: 576px) {
    .main-contact-info-header .media-body .nav-link i {
        margin-right: 7px;
    }
}

@media (min-width: 576px) {
    .main-contact-info-header .media-body .nav-link + .nav-link {
        margin-left: 25px;
    }
}

.main-contact-action {
    position: absolute;
    top: 24px;
    right: 20px;
    display: flex;
}

    .main-contact-action a {
        display: flex;
        align-items: center;
        color: #737f9e;
        font-size: 12px;
    }

        .main-contact-action a:hover,
        .main-contact-action a:focus {
            color: #C9A96E ;
        }

        .main-contact-action a i {
            font-size: 21px;
            line-height: .5;
        }

        .main-contact-action a + a {
            margin-left: 15px;
        }

@media (min-width: 992px) {
    .main-contact-action {
        right: 20px;
    }
}

.main-contact-info-body {
    padding-left: 20px;
}

    .main-contact-info-body .media-list {
        padding: 20px 0;
    }

    .main-contact-info-body .media {
        align-items: center;
        position: relative;
    }

        .main-contact-info-body .media + .media {
            margin-top: 30px;
        }

            .main-contact-info-body .media + .media::before {
                content: '';
                position: absolute;
                top: -15px;
                left: -19px;
                right: 0;
                border-top: 1px dotted #d0d7e8;
            }

        .main-contact-info-body .media:last-child {
            margin-bottom: 15px;
        }

    .main-contact-info-body .media-icon {
        font-size: 32px;
        color: #949eb7;
        line-height: 1;
        width: 40px;
        text-align: center;
    }

    .main-contact-info-body .media-body {
        margin-left: 0;
    }

        .main-contact-info-body .media-body > div + div {
            margin-top: 15px;
        }

        .main-contact-info-body .media-body label {
            color: #737f9e;
            margin-bottom: 0;
            display: block;
            font-size: 13px;
        }

        .main-contact-info-body .media-body span {
            display: block;
            color: #242f48;
            font-weight: 500;
        }

@media (min-width: 992px) {
    .main-contact-info-body {
        height: calc(100% - 126px);
        position: relative;
    }
}

@media (min-width: 992px) {
    .main-contact-info-body .media-list {
        padding: 25px 0;
    }
}

@media (min-width: 992px) {
    .main-contact-info-body .media-icon {
        width: 100px;
    }
}

@media (min-width: 992px) {
    .main-contact-info-body .media-body {
        display: flex;
    }
}

@media (min-width: 992px) {
    .main-contact-info-body .media-body > div {
        flex: 1;
    }
}

@media (min-width: 992px) {
    .main-contact-info-body .media-body > div + div {
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    .main-contact-info-body {
        height: calc(100% - 126px);
        position: relative;
    }
}

.main-contact-info-header .main-img-user img {
    width: 100px !important;
    height: 100px !important;
}

.contact-icon {
    display: inline-flex;
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 1rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

@media (min-width: 769px) and (max-width: 991px) {
    .main-contacts-list {
        height: 627px;
        position: relative;
    }
}

@media (max-width: 768px) {
    .main-contacts-list {
        height: 600px;
        position: relative;
    }
}

.main-contact-item .main-img-user::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 6px;
    height: 6px;
    background-color: #17b86a;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95);
    border-radius: 100%;
    bottom: 3px;
    display: block !important;
}

.main-content-body-contacts .main-contact-info-header .main-img-user::after {
    display: none !important;
}

.contact-icon {
    display: inline-flex;
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 1rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

/* ###### 7.11 Error  ###### */
.main-error-wrapper {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
    text-align: center;
}

    .main-error-wrapper h1 {
        line-height: 1;
        font-size: 150px;
        font-weight: 700;
        color: #242f48;
    }

    .main-error-wrapper h2 {
        font-weight: 500;
        color: #364261;
        letter-spacing: -.5px;
        margin-bottom: 15px;
    }

    .main-error-wrapper h6 {
        margin-bottom: 40px;
        font-size: 14px;
    }

    .main-error-wrapper .btn,
    .main-error-wrapper .sp-container button {
        border-width: 2px;
        font-weight: 700;
    }

.sp-container .main-error-wrapper button {
    border-width: 2px;
    font-weight: 700;
}

/* ###### 7.9 Signin  ###### */
.main-signin-wrapper {
    flex: 1;
    display: flex;
    justify-content: center;
    padding: 20px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-card-signin {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    position: relative;
}

.main-card-signup {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    background-color: rgba(255, 255, 255, 0.5);
    position: relative;
}

@media (max-width: 767px) {
    .main-card-signin {
        display: block !important;
        padding: 0;
    }

    .page-signin-style:before {
        display: none;
    }

    .app-sidebar {
        z-index: 1029 !important;
        top: 0 !important;
    }

    .main-nav-line-chat {
        padding: 5px 20px !important;
    }
}

@media (min-width: 480px) {
    .main-card-signin {
        padding: 0;
        max-width: 750px;
    }

        .main-card-signin.construction {
            max-width: 1000px;
        }

    .main-card-signup {
        border: 1px solid #e3e3e3;
        padding: 0;
        max-width: 850px;
    }

    .sign-up-body {
        padding: 2.6rem !important;
    }
}

.main-signin-header h2 {
    font-weight: 500;
    color: #C9A96E ;
    letter-spacing: -1px;
}

.main-signin-header h4 {
    font-weight: 500;
    color: #333334;
    margin-bottom: 25px;
    font-size: 16px;
}

.main-signin-header label {
    color: #364261;
}

.main-signin-header .form-control {
    color: #333334;
    font-weight: 500;
    border-width: 2px;
    border-color: #e3e3e3;
}

    .main-signin-header .form-control:focus {
        border-color: #b9c2d8;
        box-shadow: none;
    }

    .main-signin-header .form-control::placeholder {
        font-weight: 400;
        color: #a5a0b1;
    }

.page-signin-style:before {
    content: '';
    background: rgba(109, 110, 243, 0.92);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
}

.authentication-pages {
    position: relative;
    z-index: 99;
}

.main-card-signin {
    box-shadow: none;
}

.main-signin-header .btn,
.main-signin-header .sp-container button {
    margin-top: 25px;
}

.sp-container .main-signin-header button {
    margin-top: 25px;
}

.main-signin-footer p {
    color: #a5a0b1;
}

    .main-signin-footer p:first-child {
        margin-bottom: 5px;
    }

    .main-signin-footer p:last-child {
        margin-bottom: 0;
    }

.main-signin-footer a {
    color: #333334;
    font-weight: 700;
}

    .main-signin-footer a:hover,
    .main-signin-footer a:focus {
        color: #C9A96E ;
    }

/* ###### 7.10 Signup  ###### */
.main-signup-wrapper {
    flex: 1;
    display: flex;
    justify-content: center;
    background-color: rgba(244, 245, 248, 0.2);
}

@media (min-width: 992px) {
    .main-signup-wrapper {
        justify-content: flex-end;
    }

    .page-signin-style {
        height: auto !important;
        height: auto !important;
    }
}

.page-signin-style {
    width: 100%;
    height: 100%;
    background: url(img/media/4.jpg);
    left: 0;
    top: 0;
    bottom: 0;
    position: relative;
}

.main-column-signup-left {
    flex: 1;
    padding: 30px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: none;
}

    .main-column-signup-left > div {
        max-width: 500px;
    }

    .main-column-signup-left .typcn {
        font-size: 80px;
        margin-bottom: 50px;
    }

        .main-column-signup-left .typcn::before {
            width: auto;
        }

    .main-column-signup-left .main-logo {
        font-size: 40px;
        line-height: 1;
    }

    .main-column-signup-left h5 {
        color: #333334;
        font-weight: 500;
        font-size: 18px;
        margin-bottom: 25px;
    }

    .main-column-signup-left p {
        line-height: 1.7;
        margin-bottom: 25px;
    }

    .main-column-signup-left .btn,
    .main-column-signup-left .sp-container button {
        border-width: 2px;
        padding-left: 25px;
        padding-right: 25px;
        font-weight: 700;
        text-transform: uppercase;
        height: 38px;
    }

@media (min-width: 576px) {
    .main-column-signup-left {
        padding: 40px;
    }
}

@media (min-width: 992px) {
    .main-column-signup-left {
        display: flex;
    }
}

.sp-container .main-column-signup-left button {
    border-width: 2px;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 700;
    text-transform: uppercase;
    height: 38px;
}

.main-column-signup {
    background-color: #fff;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (min-width: 576px) {
    .main-column-signup {
        padding: 40px;
        width: 500px;
    }
}

@media (min-width: 992px) {
    .main-column-signup {
        border-left: 1px solid #e3e3e3;
    }
}

.main-signup-header h2 {
    font-weight: 500;
    color: #C9A96E ;
    letter-spacing: -1px;
}

.main-signup-header h4 {
    font-size: 20px;
    font-weight: 400;
    color: #333334;
    margin-bottom: 25px;
}

.main-signup-header label {
    color: #a5a0b1;
}

.main-signup-header .form-control {
    color: #333334;
    font-weight: 500;
    border-width: 2px;
    border-color: #e3e3e3;
}

    .main-signup-header .form-control:focus {
        border-color: #b9c2d8;
        box-shadow: none;
    }

    .main-signup-header .form-control::placeholder {
        font-weight: 400;
        color: #a5a0b1;
    }

.main-signup-header > .btn {
    margin-top: 25px;
}

.sp-container .main-signup-header > button {
    margin-top: 25px;
}

.main-signup-header .row {
    margin-top: 20px;
}

    .main-signup-header .row > div .btn i,
    .main-signup-header .row > div .sp-container button i {
        font-size: 15px;
        line-height: 0;
        margin-right: 5px;
    }

.sp-container .main-signup-header .row > div button i {
    font-size: 15px;
    line-height: 0;
    margin-right: 5px;
}

.main-signup-header .row > div:first-child .btn,
.main-signup-header .row > div:first-child .sp-container button {
    background-color: #4267b2;
    color: #fff;
}

.sp-container .main-signup-header .row > div:first-child button {
    background-color: #4267b2;
    color: #fff;
}

.main-signup-header .row > div:first-child .btn:hover,
.main-signup-header .row > div:first-child .sp-container button:hover {
    background-color: #375694;
    color: #fff;
}

.sp-container .main-signup-header .row > div:first-child button:hover {
    background-color: #375694;
    color: #fff;
}

.main-signup-header .row > div:first-child .btn:focus,
.main-signup-header .row > div:first-child .sp-container button:focus {
    background-color: #375694;
    color: #fff;
}

.sp-container .main-signup-header .row > div:first-child button:focus {
    background-color: #375694;
    color: #fff;
}

.main-signup-footer p {
    color: #a5a0b1;
    margin-bottom: 0;
}

.main-signup-footer a {
    color: #333334;
    font-weight: 700;
}

    .main-signup-footer a:hover,
    .main-signup-footer a:focus {
        color: #C9A96E ;
    }

.construction .form-control {
    height: 39px;
    padding: 0.375rem 1rem;
}

.construction .btn.btn-icon {
    border: 0;
    text-align: center;
    padding: 0;
    background: 0 0;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.9);
    margin: 0 5px;
    border-radius: 3px;
}

.login,
.image {
    min-height: 100vh;
}

.construction .form-control {
    border-radius: 4px;
    width: 100%;
}

.construction .input-group-prepend,
.construction .input-group-append {
    position: absolute;
    right: 0;
}

.construction .input-group > .input-group-append > .btn {
    border-radius: 0 4px 4px 0;
    margin: 0;
    padding: 0 25px;
    height: 38px;
    line-height: 39px;
    float: right;
    border: 0;
    font-size: 14px;
    color: #fff;
    box-shadow: none;
    position: relative;
    overflow: hidden;
    z-index: 99;
}

.construction .input-group > .form-control:not(:last-child),
.construction .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

@media (max-width: 767px) {

    .main-signup-header,
    .main-card-signin {
        padding: 1.5rem;
        border: 1px solid #e1e5ef;
        border-radius: 6px;
    }

    .error-page {
        height: 70%;
        width: 70%;
    }
}

@media (min-width: 768px) {
    .main-card-signin {
        border: 0 !important;
        box-shadow: none !important;
    }

    .main-signin-header {
        box-shadow: none !important;
    }

    .error-page {
        height: 30%;
        width: 30%;
    }
}

/* ###### 7.5 Invoice  ###### */
.main-content-left-invoice {
    display: block;
    padding: 0;
}

    .main-content-left-invoice .main-content-breadcrumb,
    .main-content-left-invoice .main-content-title {
        padding-left: 20px;
    }

@media (max-width: 991.98px) {
    .main-content-left-invoice {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .main-content-left-invoice {
        border-right: 1px solid #e3e8f7;
    }
}

@media (min-width: 992px) {

    .main-content-left-invoice .main-content-breadcrumb,
    .main-content-left-invoice .main-content-title {
        padding-left: 0;
    }
}

.main-invoice-list {
    position: relative;
    border-top: 1px solid #e3e8f7;
}

    .main-invoice-list .media {
        align-items: center;
        border: 1px solid transparent;
        border-right-width: 0;
        padding: 10px 20px;
        position: relative;
    }

        .main-invoice-list .media:hover,
        .main-invoice-list .media:focus {
            cursor: pointer;
            background-color: #ecf0fa;
        }

        .main-invoice-list .media + .media {
            margin-top: -1px;
        }

            .main-invoice-list .media + .media::before {
                content: '';
                position: absolute;
                top: -1px;
                left: 55px;
                right: 0;
                border-top: 1px dotted #d0d7e8;
            }

    .main-invoice-list .media-icon {
        width: 24px;
        text-align: center;
        font-size: 32px;
        color: #949eb7;
    }

    .main-invoice-list .media-body {
        margin-left: 15px;
    }

        .main-invoice-list .media-body h6 {
            font-weight: 500;
            color: #242f48;
            margin-bottom: 3px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .main-invoice-list .media-body h6 span:last-child {
                color: #C9A96E ;
            }

        .main-invoice-list .media-body div {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .main-invoice-list .media-body p {
            margin-bottom: 0;
            font-size: 11px;
            font-family: Arial, sans-serif;
            color: #364261;
        }

            .main-invoice-list .media-body p span {
                color: #737f9e;
            }

    .main-invoice-list .selected {
        background-color: #ecf0fa;
        border-top-color: #e3e8f7;
        border-bottom-color: #e3e8f7;
        border-left-color: #C9A96E ;
    }

        .main-invoice-list .selected:first-child {
            border-top-color: transparent;
        }

.card-invoice hr {
    border-top: 0 !important;
}

@media (min-width: 992px) {
    .main-invoice-list {
        height: calc(100% - 65px);
    }
}

@media (min-width: 992px) {
    .main-invoice-list .media {
        padding: 10px 15px;
    }
}

.main-content-body-invoice {
    position: relative;
}

@media (min-width: 992px) {
    .main-content-body-invoice {
        display: block;
    }
}

.card-invoice {
    background-color: transparent;
    border-width: 0;
}

    .card-invoice .card-body {
        padding: 20px;
    }

@media (min-width: 768px) {
    .invoice-header {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
}

.invoice-title {
    margin-bottom: 0;
    text-transform: uppercase;
    color: #d0d7e8;
    font-weight: 700;
}

.billed-from {
    margin-top: 25px;
    margin-bottom: 25px;
}

    .billed-from h6 {
        color: #242f48;
        font-size: 14px;
        font-weight: 700;
    }

    .billed-from p {
        font-size: 13px;
        margin-bottom: 0;
    }

@media (min-width: 768px) {
    .billed-from {
        margin-top: 0;
    }
}

.billed-to h6 {
    color: #242f48;
    font-size: 14px;
    font-weight: 700;
}

.billed-to p {
    font-size: 13px;
    margin-bottom: 0;
}

.invoice-info-row {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    margin-bottom: 0;
    font-size: 13px;
}

    .invoice-info-row + .invoice-info-row {
        border-top: 1px dotted #d0d7e8;
    }

    .invoice-info-row span:first-child {
        color: #4d5875;
    }

.table-invoice thead > tr > th,
.table-invoice thead > tr > td {
    font-size: 11px;
    font-weight: 700;
    color: #737f9e;
}

.table-invoice tbody > tr > th:first-child,
.table-invoice tbody > tr > td:first-child {
    color: #242f48;
    font-weight: 500;
}

    .table-invoice tbody > tr > th:first-child .invoice-notes,
    .table-invoice tbody > tr > td:first-child .invoice-notes {
        margin-right: 20px;
    }

        .table-invoice tbody > tr > th:first-child .invoice-notes .section-label-sm,
        .table-invoice tbody > tr > td:first-child .invoice-notes .section-label-sm {
            font-weight: 600;
        }

        .table-invoice tbody > tr > th:first-child .invoice-notes p,
        .table-invoice tbody > tr > td:first-child .invoice-notes p {
            font-size: 13px;
            font-weight: 400;
            color: #C9A96E;
        }

.table-invoice.table thead th,
.table-invoice.table thead td {
    padding: 9px 15px;
}

/* ###### 7.6 Mail  ###### */
.main-content-mail .container,
.main-content-mail .container-fluid {
    padding: 20px 0 0;
}

@media (min-width: 992px) {

    .main-content-mail .container,
    .main-content-mail .container-fluid {
        padding: 0;
    }
}

@media (min-width: 992px) {
    .main-content-left-mail {
        display: block;
    }
}

.main-content-left-mail .btn-compose {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    padding: 0 20px;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
}

@media (min-width: 992px) {
    .main-content-left-mail .btn-compose {
        margin-right: 0;
    }
}

.main-mail-menu {
    position: relative;
    padding-right: 0;
}

    .main-mail-menu .nav-link {
        height: 38px;
    }

        .main-mail-menu .nav-link i {
            font-size: 22px;
        }

@media (min-width: 992px) {
    .main-mail-menu {
        padding-right: 0;
    }
}

@media (min-width: 992px) {
    .main-mail-menu .nav-link {
        font-size: 13px;
    }
}

.main-mail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 0 20px;
}

    .main-mail-header > div:first-child p {
        font-size: 13px;
        margin-bottom: 0;
    }

    .main-mail-header > div:last-child {
        display: none;
    }

        .main-mail-header > div:last-child > span {
            font-size: 12px;
            margin-right: 10px;
        }

    .main-mail-header .btn-group .btn,
    .main-mail-header .btn-group .sp-container button {
        font-size: 21px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        line-height: 0;
        padding: 0;
        position: relative;
        z-index: 1;
        border-color: #d0d7e8;
        background-color: #fff;
    }

@media (min-width: 992px) {
    .main-mail-header {
        padding: 0 0 0 25px;
        margin-bottom: 25px;
    }
}

@media (min-width: 768px) {
    .main-mail-header > div:last-child {
        display: flex;
        align-items: center;
    }
}

.sp-container .main-mail-header .btn-group button {
    font-size: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    line-height: 0;
    padding: 0;
    position: relative;
    z-index: 1;
    border-color: #d0d7e8;
    background-color: #fff;
}

.main-mail-header .btn-group .btn:hover,
.main-mail-header .btn-group .sp-container button:hover {
    color: #242f48;
    background-color: #ecf0fa;
}

.sp-container .main-mail-header .btn-group button:hover {
    color: #242f48;
    background-color: #ecf0fa;
}

.main-mail-header .btn-group .btn:focus,
.main-mail-header .btn-group .sp-container button:focus {
    color: #242f48;
    background-color: #ecf0fa;
}

.sp-container .main-mail-header .btn-group button:focus {
    color: #242f48;
    background-color: #ecf0fa;
}

.main-mail-header .btn-group .btn.disabled,
.main-mail-header .btn-group .sp-container button.disabled {
    background-color: #fff;
    color: #d0d7e8;
    border-color: #d0d7e8;
    z-index: 0;
}

.sp-container .main-mail-header .btn-group button.disabled {
    background-color: #fff;
    color: #d0d7e8;
    border-color: #d0d7e8;
    z-index: 0;
}

.main-mail-header .btn-group .btn.disabled:focus,
.main-mail-header .btn-group .sp-container button.disabled:focus {
    box-shadow: none;
}

.sp-container .main-mail-header .btn-group button.disabled:focus {
    box-shadow: none;
}

.main-mail-header .btn-group .btn.disabled:active,
.main-mail-header .btn-group .sp-container button.disabled:active {
    box-shadow: none;
}

.sp-container .main-mail-header .btn-group button.disabled:active {
    box-shadow: none;
}

.main-mail-header .btn-group .btn + .btn,
.main-mail-header .btn-group .sp-container button + .btn {
    margin-left: -2px;
}

.sp-container .main-mail-header .btn-group button + .btn,
.main-mail-header .btn-group .sp-container .btn + button,
.sp-container .main-mail-header .btn-group .btn + button,
.main-mail-header .btn-group .sp-container button + button,
.sp-container .main-mail-header .btn-group button + button {
    margin-left: -2px;
}

.main-mail-options {
    padding: 5px 10px 5px 20px;
    border: 1px solid #e3e8f7;
    display: none;
    align-items: center;
    justify-content: flex-end;
}

    .main-mail-options .btn,
    .main-mail-options .sp-container button {
        font-size: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        background-color: transparent;
    }

@media (min-width: 992px) {
    .main-mail-options {
        padding-left: 25px;
        display: flex;
        justify-content: space-between;
    }
}

.sp-container .main-mail-options button {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: transparent;
}

.main-mail-options .btn:hover,
.main-mail-options .sp-container button:hover {
    background-color: #dde2ef;
}

.sp-container .main-mail-options button:hover {
    background-color: #dde2ef;
}

.main-mail-options .btn:focus,
.main-mail-options .sp-container button:focus {
    background-color: #dde2ef;
}

.sp-container .main-mail-options button:focus {
    background-color: #dde2ef;
}

.main-mail-options .btn i,
.main-mail-options .sp-container button i {
    line-height: 0;
}

.sp-container .main-mail-options button i {
    line-height: 0;
}

.main-mail-options .btn i.typcn,
.main-mail-options .sp-container button i.typcn {
    line-height: .75;
}

.sp-container .main-mail-options button i.typcn {
    line-height: .75;
}

.main-mail-options .btn.disabled,
.main-mail-options .sp-container button.disabled {
    background-color: transparent;
    color: #737f9e;
}

.sp-container .main-mail-options button.disabled {
    background-color: transparent;
    color: #737f9e;
}

.main-mail-list {
    border: 1px solid #dde2ef;
}

@media (min-width: 992px) {
    .main-mail-list {
        border-top-width: 0;
    }
}

.main-mail-item {
    padding: 10px 15px;
    border-top: 1px solid #dde2ef;
    border-bottom: 1px solid #dde2ef;
    background-color: #fafcff;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

    .main-mail-item + .main-mail-item {
        margin-top: -1px;
    }

    .main-mail-item:first-child {
        border-top-width: 0;
    }

    .main-mail-item .main-img-user,
    .main-mail-item .main-avatar {
        flex-shrink: 0;
        margin-right: 15px;
    }

    .main-mail-item:hover,
    .main-mail-item:focus {
        background-color: #ecf0fa;
    }

    .main-mail-item.unread {
        background-color: #fff;
    }

    .main-mail-item.selected {
        background-color: white;
    }

@media (min-width: 576px) {
    .main-mail-item {
        padding: 10px 20px;
    }
}

@media (min-width: 992px) {
    .main-mail-item {
        width: auto;
        padding: 10px 25px;
    }
}

.main-mail-checkbox {
    margin-right: 15px;
    display: none;
}

@media (min-width: 992px) {
    .main-mail-checkbox {
        display: block;
    }
}

.main-mail-star {
    margin-right: 15px;
    font-size: 18px;
    line-height: .9;
    color: #d0d7e8;
    position: absolute;
    bottom: 10px;
    right: 0;
}

    .main-mail-star.active {
        color: #fbbc0b;
    }

@media (min-width: 992px) {
    .main-mail-star {
        position: relative;
        bottom: auto;
        top: 2px;
    }
}

.main-mail-body {
    width: calc(100% - 80px);
    cursor: pointer;
}

@media (min-width: 992px) {
    .main-mail-body {
        max-width: 460px;
        margin-right: 15px;
        flex: 1;
    }
}

@media (min-width: 1200px) {
    .main-mail-body {
        max-width: 640px;
    }
}

.main-mail-from {
    font-size: 13px;
}

@media (min-width: 576px) {
    .main-mail-subject {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%;
    }
}

.main-mail-subject strong {
    font-weight: 700;
    font-size: 14px;
    color: #242f48;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.main-mail-subject span {
    font-size: 13px;
    color: #737f9e;
    display: none;
}

@media (min-width: 576px) {
    .main-mail-subject strong {
        display: inline;
        width: auto;
        white-space: normal;
        text-overflow: inherit;
        overflow: visible;
    }
}

@media (min-width: 576px) {
    .main-mail-subject span {
        display: inline;
    }
}

.main-mail-attachment {
    margin-right: 15px;
    font-size: 21px;
    line-height: .9;
    display: none;
}

@media (min-width: 992px) {
    .main-mail-attachment {
        display: block;
        position: absolute;
        right: 63px;
        top: 8px;
    }
}

.main-mail-date {
    font-size: 11px;
    position: absolute;
    top: 12px;
    right: 15px;
    color: #949eb7;
    margin-left: auto;
}

@media (min-width: 992px) {
    .main-mail-date {
        position: absolute;
        font-size: 13px;
        top: 8px;
    }
}

.main-mail-compose {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(28, 39, 60, 0.5);
    z-index: 1000;
    display: none;
}

    .main-mail-compose > div {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

@media (min-width: 992px) {
    .main-mail-compose .container {
        padding: 0;
    }
}

.main-mail-compose-box {
    box-shadow: 0 0 30px rgba(28, 39, 60, 0.2);
    border-radius: 3px;
}

.main-mail-compose-header {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #242f48;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .main-mail-compose-header .nav-link {
        color: rgba(255, 255, 255, 0.3);
        font-size: 14px;
        line-height: 1;
        padding: 0;
        transition: all 0.2s ease-in-out;
    }

        .main-mail-compose-header .nav-link:hover,
        .main-mail-compose-header .nav-link:focus {
            color: #fff;
        }

        .main-mail-compose-header .nav-link + .nav-link {
            margin-left: 15px;
        }

        .main-mail-compose-header .nav-link:nth-child(2) {
            display: none;
        }

@media (min-width: 992px) {
    .main-mail-compose-header {
        padding: 20px 25px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .main-mail-compose-header .nav-link {
        transition: none;
    }
}

@media (min-width: 768px) {
    .main-mail-compose-header .nav-link:nth-child(2) {
        display: block;
    }
}

.main-mail-compose-body {
    background-color: #fff;
    padding: 20px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

    .main-mail-compose-body .form-group {
        display: flex;
        align-items: center;
    }

        .main-mail-compose-body .form-group > div {
            flex: 1;
            margin-left: 10px;
        }

        .main-mail-compose-body .form-group .form-label {
            margin: 0;
            color: #242f48;
        }

        .main-mail-compose-body .form-group .form-control {
            border-width: 0;
            border-radius: 0;
            background-color: #ecf0fa;
        }

            .main-mail-compose-body .form-group .form-control:focus {
                box-shadow: none !important;
            }

        .main-mail-compose-body .form-group + .form-group {
            border-top: 1px dotted #d0d7e8;
            padding-top: 1rem;
        }

        .main-mail-compose-body .form-group:last-child {
            display: block;
        }

            .main-mail-compose-body .form-group:last-child .btn,
            .main-mail-compose-body .form-group:last-child .sp-container button {
                width: 100%;
                margin-top: 15px;
                padding-left: 20px;
                padding-right: 20px;
            }

@media (min-width: 992px) {
    .main-mail-compose-body {
        padding: 25px;
    }
}

@media (min-width: 576px) {
    .main-mail-compose-body .form-group:last-child {
        display: flex;
        justify-content: space-between;
    }
}

.sp-container .main-mail-compose-body .form-group:last-child button {
    width: 100%;
    margin-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 576px) {

    .main-mail-compose-body .form-group:last-child .btn,
    .main-mail-compose-body .form-group:last-child .sp-container button {
        width: auto;
        margin-top: 0;
    }

    .sp-container .main-mail-compose-body .form-group:last-child button {
        width: auto;
        margin-top: 0;
    }
}

.main-mail-compose-body .form-group .nav-link {
    padding: 0;
    font-size: 18px;
    line-height: 0;
    color: #C9A96E;
    position: relative;
    transition: all 0.2s ease-in-out;
}

    .main-mail-compose-body .form-group .nav-link:hover,
    .main-mail-compose-body .form-group .nav-link:focus {
        color: #242f48;
    }

    .main-mail-compose-body .form-group .nav-link + .nav-link {
        margin-left: 15px;
    }

@media (prefers-reduced-motion: reduce) {
    .main-mail-compose-body .form-group .nav-link {
        transition: none;
    }
}

.main-mail-compose-compress,
.main-mail-compose-minimize {
    top: auto;
    left: auto;
    bottom: 0;
    right: 30px;
    width: 560px;
    height: auto;
    background-color: transparent;
}

    .main-mail-compose-compress .container {
        max-width: none;
        padding: 0;
    }

    .main-mail-compose-minimize .container {
        max-width: none;
        padding: 0;
    }

    .main-mail-compose-minimize .main-mail-compose-body {
        display: none;
    }

/* ###### 7.7 Mail Two  ###### */
.main-mail-two .main-content {
    display: flex;
    flex-direction: column;
}

.main-mail-two .main-header {
    width: 100%;
    border-bottom: 1px solid #e3e8f7;
}

.main-mail-two .main-footer {
    width: 100%;
}

.main-mail-two .main-header-menu-icon {
    margin-right: 0;
}

.main-mail-two .main-content-body {
    display: flex;
    padding: 0;
}

.main-mail-left {
    background-color: #f9f9f9;
    width: 240px;
    border-right: 1px solid #b9c2d8;
    padding: 20px;
    display: none;
}

    .main-mail-left .btn-compose {
        display: block;
        margin-bottom: 20px;
    }

    .main-mail-left .main-mail-menu {
        padding-right: 0;
    }

@media (min-width: 1200px) {
    .main-mail-left {
        display: block;
    }
}

.main-mail-content {
    background-color: #fafcff;
    flex: 1;
    max-width: 100vw -480px;
}

    .main-mail-content .main-mail-header {
        margin-bottom: 0;
        padding: 20px;
    }

    .main-mail-content .main-mail-body {
        max-width: 590px;
    }

/* ######## UTILITIES-STYLES ######## */
.bg-primary {
    background-color: #C9A96E  !important;
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #0040ff !important;
}

button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #0040ff !important;
}

.bg-secondary {
    background-color: #737f9e !important;
}

a.bg-secondary:hover,
a.bg-secondary:focus {
    background-color: #5f6d88 !important;
}

button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #5f6d88 !important;
}

.bg-success {
    background-color: #22c03c !important;
}

a.bg-success:hover,
a.bg-success:focus {
    background-color: #2a7d01 !important;
}

button.bg-success:hover,
button.bg-success:focus {
    background-color: #2a7d01 !important;
}

.bg-info {
    background-color: #00b9ff !important;
}

a.bg-info:hover,
a.bg-info:focus {
    background-color: #00b9ff !important;
}

button.bg-info:hover,
button.bg-info:focus {
    background-color: #00b9ff !important;
}

.bg-warning {
    background-color: #fbbc0b !important;
}

a.bg-warning:hover,
a.bg-warning:focus {
    background-color: #d39e00 !important;
}

button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #d39e00 !important;
}

.bg-danger {
    background-color: #ee335e !important;
}

a.bg-danger:hover,
a.bg-danger:focus {
    background-color: #bd2130 !important;
}

button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #bd2130 !important;
}

.bg-purple {
    background-color: #673ab7 !important;
}

a.bg-purple:hover,
a.bg-purple:focus {
    background-color: #5930a2 !important;
}

button.bg-purple:hover,
button.bg-purple:focus {
    background-color: #5930a2 !important;
}

.bg-light {
    background-color: #ecf0fa !important;
}

a.bg-light:hover,
a.bg-light:focus {
    background-color: #d5d9e4 !important;
}

button.bg-light:hover,
button.bg-light:focus {
    background-color: #d5d9e4 !important;
}

.bg-dark {
    background-color: #364261 !important;
}

a.bg-dark:hover,
a.bg-dark:focus {
    background-color: #283143 !important;
}

button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #283143 !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.bg-gray + .select2-container--default .select2-selection--single {
    background-color: #455473;
}

    .bg-gray + .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #d0d7e8;
    }

/* ###### 9.1 Background  ###### */
.bg-transparent {
    background-color: transparent;
}

.bg-gray-100 {
    background-color: #ecf0fa;
}

.bg-gray-200 {
    background-color: #dde2ef;
}

.bg-gray-300 {
    background-color: #d0d7e8;
}

.bg-gray-400 {
    background-color: #b9c2d8;
}

.bg-gray-500 {
    background-color: #949eb7;
}

.bg-gray-600 {
    background-color: #737f9e;
}

.bg-gray-700 {
    background-color: #4d5875;
}

.bg-gray-800 {
    background-color: #364261;
}

.bg-gray-900 {
    background-color: #242f48;
}

.bg-white-1 {
    background-color: rgba(255, 255, 255, 0.1);
}

.bg-white-2 {
    background-color: rgba(255, 255, 255, 0.2);
}

.bg-white-3 {
    background-color: rgba(255, 255, 255, 0.3);
}

.bg-white-4 {
    background-color: rgba(255, 255, 255, 0.4);
}

.bg-white-5 {
    background-color: rgba(255, 255, 255, 0.5);
}

.bg-white-6 {
    background-color: rgba(255, 255, 255, 0.6);
}

.bg-white-7 {
    background-color: rgba(255, 255, 255, 0.7);
}

.bg-white-8 {
    background-color: rgba(255, 255, 255, 0.8);
}

.bg-white-9 {
    background-color: rgba(255, 255, 255, 0.9);
}

.bg-black-1 {
    background-color: rgba(0, 0, 0, 0.1);
}

.bg-black-2 {
    background-color: rgba(0, 0, 0, 0.2);
}

.bg-black-3 {
    background-color: rgba(0, 0, 0, 0.3);
}

.bg-black-4 {
    background-color: rgba(0, 0, 0, 0.4);
}

.bg-black-5 {
    background-color: rgba(0, 0, 0, 0.5);
}

.bg-black-6 {
    background-color: rgba(0, 0, 0, 0.6);
}

.bg-black-7 {
    background-color: rgba(0, 0, 0, 0.7);
}

.bg-black-8 {
    background-color: rgba(0, 0, 0, 0.8);
}

.bg-black-9 {
    background: rgba(0, 0, 0, 0.9);
}

.bg-indigo {
    background: #C9A96E ;
}

.bg-purple {
    background: #673ab7;
}

.bg-pink {
    background: #f10075 !important;
}

.bg-orange {
    background: #fd7e14;
}

.bg-teal {
    background: #00cccc !important;
}

.bg-purple-dark {
    background: #59339d;
}

.bg-transparent {
    background: transparent;
}

/* ###### 4.8 transparent colors ###### */
.bg-success-transparent {
    background-color: #def6e2 !important;
}

.bg-danger-transparent {
    background-color: #fce1e7 !important;
}

.bg-primary-transparent {
    background-color: #d9e8fc;
}

.bg-secondary-transparent {
    background-color: rgba(250, 92, 124, 0.13) !important;
}

.bg-warning-transparent {
    background-color: #fdf6de !important;
}

.bg-pink-transparent {
    background-color: #fee5f1 !important;
}

.bg-purple-transparent {
    background-color: #e1defe !important;
}

.bg-teal-transparent {
    background-color: #d2f5f5 !important;
}

.bg-info-transparent {
    background-color: rgba(57, 175, 209, 0.13) !important;
}

.bg-orange-transparent {
    background-color: rgba(253, 126, 20, 0.2);
}

.bg-gradient-blue {
    background-image: linear-gradient(to right, #1976d2 0, #64b5f6 100%);
}

.bg-primary {
    background-color: #C9A96E  !important;
}

.bg-primary-gradient {
    background-image: linear-gradient(to left, #0db2de 0%, #005bea 100%) !important;
}

.bg-danger-gradient {
    background-image: linear-gradient(45deg, #f93a5a, #f7778c) !important;
}

.bg-success-gradient {
    background-image: linear-gradient(to left, #48d6a8 0%, #029666 100%) !important;
}

.bg-warning-gradient {
    background-image: linear-gradient(to left, #efa65f, #f76a2d) !important;
}

.bg-purple-gradient {
    background-image: linear-gradient(to right, #673ab7 0%, #ba7bfb 100%) !important;
}

.bg-info-gradient {
    background-image: linear-gradient(to right, #0296ce 0%, #38c6f7 100%) !important;
}

.bg-secondary-gradient {
    background-image: linear-gradient(to right, #636f8e 0%, #acb8da 100%) !important;
}

.bg-pink-gradient {
    background-image: linear-gradient(to right, #f10075 0%, #f36eae 100%) !important;
}

.bg-purple-gradient {
    background-image: linear-gradient(to right, #673ab7 0%, #884af1 100%) !important;
}

.bg-teal-gradient {
    background-image: linear-gradient(to right, #00cccc 0%, #96e8e8 100%) !important;
}

.border {
    border: 1px solid #e3e8f7 !important;
}

.border-top {
    border-top: 1px solid #e3e8f7 !important;
}

.border-right {
    border-right: 1px solid #e3e8f7 !important;
}

.border-bottom {
    border-bottom: 1px solid #e3e8f7 !important;
}

.border-start {
    border-left: 1px solid #e3e8f7 !important;
}

.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-start-0 {
    border-left: 0 !important;
}

.border-primary {
    border-color: #C9A96E  !important;
}

.border-secondary {
    border-color: #737f9e !important;
}

.border-success {
    border-color: #22c03c !important;
}

.border-info {
    border-color: #00b9ff !important;
}

.border-warning {
    border-color: #fbbc0b !important;
}

.border-danger {
    border-color: #ee335e !important;
}

.border-light {
    border-color: #ecf0fa !important;
}

.border-dark {
    border-color: #364261 !important;
}

.border-white {
    border-color: #fff !important;
}

.rounded-sm {
    border-radius: 0.2rem !important;
}

.rounded {
    border-radius: 3px !important;
}

.rounded-top {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
}

.rounded-right {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

.rounded-bottom {
    border-bottom-right-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}

.rounded-left {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}

.rounded-lg {
    border-radius: 0.3rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

/* ###### 9.2 Border   ###### */
.bd-transparent {
    border-color: transparent;
}

.bd {
    border: 1px solid #cdd5ec;
}

.bd-t {
    border-top: 1px solid #cdd5ec;
}

.bd-r {
    border-right: 1px solid #cdd5ec;
}

.bd-b {
    border-bottom: 1px solid #cdd5ec;
}

.bd-l {
    border-left: 1px solid #cdd5ec;
}

.bd-y {
    border-top: 1px solid #cdd5ec;
    border-bottom: 1px solid #cdd5ec;
}

.bd-x {
    border-left: 1px solid #cdd5ec;
    border-right: 1px solid #cdd5ec;
}

.bd-0 {
    border-width: 0;
}

.bd-1 {
    border-width: 1px;
}

.bd-2 {
    border-width: 2px;
}

.bd-3 {
    border-width: 3px;
}

.bd-4 {
    border-width: 4px;
}

.bd-5 {
    border-width: 5px;
}

.bd-t-0 {
    border-top: 0;
}

.bd-r-0 {
    border-right: 0;
}

.bd-b-0 {
    border-bottom: 0;
}

.bd-l-0 {
    border-left: 0;
}

.bd-t-0-f {
    border-top: 0 !important;
}

.bd-r-0-f {
    border-right: 0 !important;
}

.bd-b-0-f {
    border-bottom: 0 !important;
}

.bd-l-0-f {
    border-left: 0 !important;
}

.bd-y-0 {
    border-top-width: 0;
    border-bottom-width: 0;
}

.bd-y-1 {
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.bd-x-0 {
    border-left-width: 0;
    border-right-width: 0;
}

.bd-x-1 {
    border-left-width: 1px;
    border-right-width: 1px;
}

.bd-primary {
    border-color: #C9A96E  !important;
}

.bd-success {
    border-color: #22c03c !important;
}

.bd-warning {
    border-color: #fbbc0b !important;
}

.bd-danger {
    border-color: #ee335e !important;
}

.bd-info {
    border-color: #00b9ff !important;
}

.bd-white {
    border-color: #fff !important;
}

.bd-gray-100 {
    border-color: #ecf0fa;
}

.bd-gray-200 {
    border-color: #dde2ef;
}

.bd-gray-300 {
    border-color: #d0d7e8;
}

.bd-gray-400 {
    border-color: #b9c2d8;
}

.bd-gray-500 {
    border-color: #949eb7;
}

.bd-gray-600 {
    border-color: #737f9e;
}

.bd-gray-700 {
    border-color: #4d5875;
}

.bd-gray-800 {
    border-color: #364261;
}

.bd-gray-900 {
    border-color: #242f48;
}

.bd-white-1 {
    border-color: rgba(255, 255, 255, 0.1);
}

.bd-white-2 {
    border-color: rgba(255, 255, 255, 0.2);
}

.bd-white-3 {
    border-color: rgba(255, 255, 255, 0.3);
}

.bd-white-4 {
    border-color: rgba(255, 255, 255, 0.4);
}

.bd-white-5 {
    border-color: rgba(255, 255, 255, 0.5);
}

.bd-white-6 {
    border-color: rgba(255, 255, 255, 0.6);
}

.bd-white-7 {
    border-color: rgba(255, 255, 255, 0.7);
}

.bd-white-8 {
    border-color: rgba(255, 255, 255, 0.8);
}

.rounded-5 {
    border-radius: 5px;
}

.rounded-10 {
    border-radius: 10px;
}

.rounded-20 {
    border-radius: 20px;
}

.rounded-30 {
    border-radius: 30px;
}

.rounded-40 {
    border-radius: 40px;
}

.rounded-50 {
    border-radius: 50px;
}

.bd-dashed {
    border-style: dashed;
}

.bd-dotted {
    border-style: dotted;
}

@media (min-width: 480px) {
    .bd-xs {
        border: 1px solid #e3e8f7;
    }

    .bd-xs-t {
        border-top: 1px solid #e3e8f7;
    }

    .bd-xs-r {
        border-right: 1px solid #e3e8f7;
    }

    .bd-xs-b {
        border-bottom: 1px solid #e3e8f7;
    }

    .bd-xs-l {
        border-left: 1px solid #e3e8f7;
    }

    .bd-xs-y {
        border-top: 1px solid #e3e8f7;
        border-bottom: 1px solid #e3e8f7;
    }

    .bd-xs-x {
        border-left: 1px solid #e3e8f7;
        border-right: 1px solid #e3e8f7;
    }
}

@media (min-width: 576px) {
    .bd-sm {
        border: 1px solid #e3e8f7;
    }

    .bd-sm-t {
        border-top: 1px solid #e3e8f7;
    }

    .bd-sm-r {
        border-right: 1px solid #e3e8f7;
    }

    .bd-sm-b {
        border-bottom: 1px solid #e3e8f7;
    }

    .bd-sm-l {
        border-left: 1px solid #e3e8f7;
    }

    .bd-sm-y {
        border-top: 1px solid #e3e8f7;
        border-bottom: 1px solid #e3e8f7;
    }

    .bd-sm-x {
        border-left: 1px solid #e3e8f7;
        border-right: 1px solid #e3e8f7;
    }
}

@media (min-width: 768px) {
    .bd-md {
        border: 1px solid #e3e8f7;
    }

    .bd-md-t {
        border-top: 1px solid #e3e8f7;
    }

    .bd-md-r {
        border-right: 1px solid #e3e8f7;
    }

    .bd-md-b {
        border-bottom: 1px solid #e3e8f7;
    }

    .bd-md-l {
        border-left: 1px solid #e3e8f7;
    }

    .bd-md-y {
        border-top: 1px solid #e3e8f7;
        border-bottom: 1px solid #e3e8f7;
    }

    .bd-md-x {
        border-left: 1px solid #e3e8f7;
        border-right: 1px solid #e3e8f7;
    }
}

@media (min-width: 992px) {
    .bd-lg {
        border: 1px solid #e3e8f7;
    }

    .bd-lg-t {
        border-top: 1px solid #e3e8f7;
    }

    .bd-lg-r {
        border-right: 1px solid #e3e8f7;
    }

    .bd-lg-b {
        border-bottom: 1px solid #e3e8f7;
    }

    .bd-lg-l {
        border-left: 1px solid #e3e8f7;
    }

    .bd-lg-y {
        border-top: 1px solid #e3e8f7;
        border-bottom: 1px solid #e3e8f7;
    }

    .bd-lg-x {
        border-left: 1px solid #e3e8f7;
        border-right: 1px solid #e3e8f7;
    }
}

@media (min-width: 1200px) {
    .bd-xl {
        border: 1px solid #e3e8f7;
    }

    .bd-xl-t {
        border-top: 1px solid #e3e8f7;
    }

    .bd-xl-r {
        border-right: 1px solid #e3e8f7;
    }

    .bd-xl-b {
        border-bottom: 1px solid #e3e8f7;
    }

    .bd-xl-l {
        border-left: 1px solid #e3e8f7;
    }

    .bd-xl-y {
        border-top: 1px solid #e3e8f7;
        border-bottom: 1px solid #e3e8f7;
    }

    .bd-xl-x {
        border-left: 1px solid #e3e8f7;
        border-right: 1px solid #e3e8f7;
    }
}

.br-tl-0 {
    border-top-left-radius: 0 !important;
}

.br-bl-0 {
    border-bottom-left-radius: 0 !important;
}

.br-tr-0 {
    border-top-right-radius: 0 !important;
}

.br-br-0 {
    border-bottom-right-radius: 0 !important;
}

.border-start-primary {
    border-left-color: #C9A96E  !important;
}

.border-start-success {
    border-left-color: #22c03c !important;
}

.border-start-warning {
    border-left-color: #fbbc0b !important;
}

.border-primary-light {
    border: 1px solid #d4d4f7;
}

.border-pink-light {
    border: 1px solid #f3a7cc;
}

.border-secondary-light {
    border: 1px solid #f1cbd3;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.vw-100 {
    width: 100vw !important;
}

.vh-100 {
    height: 100vh !important;
}

/* ###### 9.3 Height   ###### */
.ht-5 {
    height: 5px;
}

.ht-5p {
    height: 5%;
}

.mx-ht-5p {
    max-height: 5%;
}

.mn-ht-5p {
    min-height: 5%;
}

.ht-5-f {
    height: 5px !important;
}

.ht-5p-f {
    height: 5% !important;
}

.ht-10 {
    height: 10px;
}

.ht-10p {
    height: 10%;
}

.mx-ht-10p {
    max-height: 10%;
}

.mn-ht-10p {
    min-height: 10%;
}

.ht-10-f {
    height: 10px !important;
}

.ht-10p-f {
    height: 10% !important;
}

.ht-15 {
    height: 15px;
}

.ht-15p {
    height: 15%;
}

.mx-ht-15p {
    max-height: 15%;
}

.mn-ht-15p {
    min-height: 15%;
}

.ht-15-f {
    height: 15px !important;
}

.ht-15p-f {
    height: 15% !important;
}

.ht-20 {
    height: 20px;
}

.ht-20p {
    height: 20%;
}

.mx-ht-20p {
    max-height: 20%;
}

.mn-ht-20p {
    min-height: 20%;
}

.ht-20-f {
    height: 20px !important;
}

.ht-20p-f {
    height: 20% !important;
}

.ht-25 {
    height: 25px;
}

.ht-25p {
    height: 25%;
}

.mx-ht-25p {
    max-height: 25%;
}

.mn-ht-25p {
    min-height: 25%;
}

.ht-25-f {
    height: 25px !important;
}

.ht-25p-f {
    height: 25% !important;
}

.ht-30 {
    height: 30px;
}

.ht-30p {
    height: 30%;
}

.mx-ht-30p {
    max-height: 30%;
}

.mn-ht-30p {
    min-height: 30%;
}

.ht-30-f {
    height: 30px !important;
}

.ht-30p-f {
    height: 30% !important;
}

.ht-35 {
    height: 35px;
}

.ht-35p {
    height: 35%;
}

.mx-ht-35p {
    max-height: 35%;
}

.mn-ht-35p {
    min-height: 35%;
}

.ht-35-f {
    height: 35px !important;
}

.ht-35p-f {
    height: 35% !important;
}

.ht-40 {
    height: 40px;
}

.ht-40p {
    height: 40%;
}

.mx-ht-40p {
    max-height: 40%;
}

.mn-ht-40p {
    min-height: 40%;
}

.ht-40-f {
    height: 40px !important;
}

.ht-40p-f {
    height: 40% !important;
}

.ht-45 {
    height: 45px;
}

.ht-45p {
    height: 45%;
}

.mx-ht-45p {
    max-height: 45%;
}

.mn-ht-45p {
    min-height: 45%;
}

.ht-45-f {
    height: 45px !important;
}

.ht-45p-f {
    height: 45% !important;
}

.ht-50 {
    height: 50px;
}

.ht-50p {
    height: 50%;
}

.mx-ht-50p {
    max-height: 50%;
}

.mn-ht-50p {
    min-height: 50%;
}

.ht-50-f {
    height: 50px !important;
}

.ht-50p-f {
    height: 50% !important;
}

.ht-55 {
    height: 55px;
}

.ht-55p {
    height: 55%;
}

.mx-ht-55p {
    max-height: 55%;
}

.mn-ht-55p {
    min-height: 55%;
}

.ht-55-f {
    height: 55px !important;
}

.ht-55p-f {
    height: 55% !important;
}

.ht-60 {
    height: 60px;
}

.ht-60p {
    height: 60%;
}

.mx-ht-60p {
    max-height: 60%;
}

.mn-ht-60p {
    min-height: 60%;
}

.ht-60-f {
    height: 60px !important;
}

.ht-60p-f {
    height: 60% !important;
}

.ht-65 {
    height: 65px;
}

.ht-65p {
    height: 65%;
}

.mx-ht-65p {
    max-height: 65%;
}

.mn-ht-65p {
    min-height: 65%;
}

.ht-65-f {
    height: 65px !important;
}

.ht-65p-f {
    height: 65% !important;
}

.ht-70 {
    height: 70px;
}

.ht-70p {
    height: 70%;
}

.mx-ht-70p {
    max-height: 70%;
}

.mn-ht-70p {
    min-height: 70%;
}

.ht-70-f {
    height: 70px !important;
}

.ht-70p-f {
    height: 70% !important;
}

.ht-75 {
    height: 75px;
}

.ht-75p {
    height: 75%;
}

.mx-ht-75p {
    max-height: 75%;
}

.mn-ht-75p {
    min-height: 75%;
}

.ht-75-f {
    height: 75px !important;
}

.ht-75p-f {
    height: 75% !important;
}

.ht-80 {
    height: 80px;
}

.ht-80p {
    height: 80%;
}

.mx-ht-80p {
    max-height: 80%;
}

.mn-ht-80p {
    min-height: 80%;
}

.ht-80-f {
    height: 80px !important;
}

.ht-80p-f {
    height: 80% !important;
}

.ht-85 {
    height: 85px;
}

.ht-85p {
    height: 85%;
}

.mx-ht-85p {
    max-height: 85%;
}

.mn-ht-85p {
    min-height: 85%;
}

.ht-85-f {
    height: 85px !important;
}

.ht-85p-f {
    height: 85% !important;
}

.ht-90 {
    height: 90px;
}

.ht-90p {
    height: 90%;
}

.mx-ht-90p {
    max-height: 90%;
}

.mn-ht-90p {
    min-height: 90%;
}

.ht-90-f {
    height: 90px !important;
}

.ht-90p-f {
    height: 90% !important;
}

.ht-95 {
    height: 95px;
}

.ht-95p {
    height: 95%;
}

.mx-ht-95p {
    max-height: 95%;
}

.mn-ht-95p {
    min-height: 95%;
}

.ht-95-f {
    height: 95px !important;
}

.ht-95p-f {
    height: 95% !important;
}

.ht-100 {
    height: 100px !important;
}

.ht-100p {
    height: 100%;
}

.mx-ht-100p {
    max-height: 100%;
}

.mn-ht-100p {
    min-height: 100%;
}

.ht-100-f {
    height: 100px !important;
}

.ht-100p-f {
    height: 100% !important;
}

.ht-136 {
    height: 136px;
}

.ht-150 {
    height: 150px;
}

.ht-175 {
    height: 175px;
}

.ht-180 {
    height: 180px;
}

.ht-200 {
    height: 200px;
}

.ht-210 {
    height: 210px;
}

.ht-220 {
    height: 220px;
}

.ht-226 {
    height: 226px;
}

.ht-230 {
    height: 230px !important;
}

.ht-238 {
    height: 238px !important;
}

.wd-230 {
    width: 230px !important;
}

.ht-250 {
    height: 250px;
}

.ht-270 {
    height: 270px;
}

.ht-300 {
    height: 300px;
}

.ht-350 {
    height: 350px;
}

.ht-400 {
    height: 400px;
}

.ht-450 {
    height: 450px;
}

.ht-500 {
    height: 500px;
}

.ht-550 {
    height: 550px;
}

.ht-600 {
    height: 600px;
}

.ht-650 {
    height: 650px;
}

.ht-700 {
    height: 700px;
}

.ht-750 {
    height: 750px;
}

.ht-800 {
    height: 800px;
}

.ht-100v {
    height: 100vh;
}

.ht-1 {
    height: 1px;
}

.ht-2 {
    height: 2px;
}

.ht-3 {
    height: 3px;
}

.ht-4 {
    height: 4px;
}

.ht-6 {
    height: 6px;
}

.ht-7 {
    height: 7px;
}

.ht-8 {
    height: 8px;
}

.ht-9 {
    height: 9px;
}

.ht-auto {
    height: auto;
}

.ht-16 {
    height: 16px;
}

.ht-32 {
    height: 32px;
}

.ht-36 {
    height: 36px;
}

.ht-48 {
    height: 48px;
}

.ht-64 {
    height: 64px;
}

.ht-72 {
    height: 72px;
}

.ht-115 {
    height: 115px;
}

.ht-120 {
    height: 120px;
}

.ht-160 {
    height: 160px;
}

@media (min-width: 480px) {
    .ht-xs-5 {
        height: 5px;
    }

    .ht-xs-5p {
        height: 5%;
    }

    .mx-ht-xs-5p {
        max-height: 5%;
    }

    .mn-ht-xs-5p {
        min-height: 5%;
    }

    .ht-xs-5-f {
        height: 5px !important;
    }

    .ht-xs-5p-f {
        height: 5% !important;
    }

    .ht-xs-10 {
        height: 10px;
    }

    .ht-xs-10p {
        height: 10%;
    }

    .mx-ht-xs-10p {
        max-height: 10%;
    }

    .mn-ht-xs-10p {
        min-height: 10%;
    }

    .ht-xs-10-f {
        height: 10px !important;
    }

    .ht-xs-10p-f {
        height: 10% !important;
    }

    .ht-xs-15 {
        height: 15px;
    }

    .ht-xs-15p {
        height: 15%;
    }

    .mx-ht-xs-15p {
        max-height: 15%;
    }

    .mn-ht-xs-15p {
        min-height: 15%;
    }

    .ht-xs-15-f {
        height: 15px !important;
    }

    .ht-xs-15p-f {
        height: 15% !important;
    }

    .ht-xs-20 {
        height: 20px;
    }

    .ht-xs-20p {
        height: 20%;
    }

    .mx-ht-xs-20p {
        max-height: 20%;
    }

    .mn-ht-xs-20p {
        min-height: 20%;
    }

    .ht-xs-20-f {
        height: 20px !important;
    }

    .ht-xs-20p-f {
        height: 20% !important;
    }

    .ht-xs-25 {
        height: 25px;
    }

    .ht-xs-25p {
        height: 25%;
    }

    .mx-ht-xs-25p {
        max-height: 25%;
    }

    .mn-ht-xs-25p {
        min-height: 25%;
    }

    .ht-xs-25-f {
        height: 25px !important;
    }

    .ht-xs-25p-f {
        height: 25% !important;
    }

    .ht-xs-30 {
        height: 30px;
    }

    .ht-xs-30p {
        height: 30%;
    }

    .mx-ht-xs-30p {
        max-height: 30%;
    }

    .mn-ht-xs-30p {
        min-height: 30%;
    }

    .ht-xs-30-f {
        height: 30px !important;
    }

    .ht-xs-30p-f {
        height: 30% !important;
    }

    .ht-xs-35 {
        height: 35px;
    }

    .ht-xs-35p {
        height: 35%;
    }

    .mx-ht-xs-35p {
        max-height: 35%;
    }

    .mn-ht-xs-35p {
        min-height: 35%;
    }

    .ht-xs-35-f {
        height: 35px !important;
    }

    .ht-xs-35p-f {
        height: 35% !important;
    }

    .ht-xs-40 {
        height: 40px;
    }

    .ht-xs-40p {
        height: 40%;
    }

    .mx-ht-xs-40p {
        max-height: 40%;
    }

    .mn-ht-xs-40p {
        min-height: 40%;
    }

    .ht-xs-40-f {
        height: 40px !important;
    }

    .ht-xs-40p-f {
        height: 40% !important;
    }

    .ht-xs-45 {
        height: 45px;
    }

    .ht-xs-45p {
        height: 45%;
    }

    .mx-ht-xs-45p {
        max-height: 45%;
    }

    .mn-ht-xs-45p {
        min-height: 45%;
    }

    .ht-xs-45-f {
        height: 45px !important;
    }

    .ht-xs-45p-f {
        height: 45% !important;
    }

    .ht-xs-50 {
        height: 50px;
    }

    .ht-xs-50p {
        height: 50%;
    }

    .mx-ht-xs-50p {
        max-height: 50%;
    }

    .mn-ht-xs-50p {
        min-height: 50%;
    }

    .ht-xs-50-f {
        height: 50px !important;
    }

    .ht-xs-50p-f {
        height: 50% !important;
    }

    .ht-xs-55 {
        height: 55px;
    }

    .ht-xs-55p {
        height: 55%;
    }

    .mx-ht-xs-55p {
        max-height: 55%;
    }

    .mn-ht-xs-55p {
        min-height: 55%;
    }

    .ht-xs-55-f {
        height: 55px !important;
    }

    .ht-xs-55p-f {
        height: 55% !important;
    }

    .ht-xs-60 {
        height: 60px;
    }

    .ht-xs-60p {
        height: 60%;
    }

    .mx-ht-xs-60p {
        max-height: 60%;
    }

    .mn-ht-xs-60p {
        min-height: 60%;
    }

    .ht-xs-60-f {
        height: 60px !important;
    }

    .ht-xs-60p-f {
        height: 60% !important;
    }

    .ht-xs-65 {
        height: 65px;
    }

    .ht-xs-65p {
        height: 65%;
    }

    .mx-ht-xs-65p {
        max-height: 65%;
    }

    .mn-ht-xs-65p {
        min-height: 65%;
    }

    .ht-xs-65-f {
        height: 65px !important;
    }

    .ht-xs-65p-f {
        height: 65% !important;
    }

    .ht-xs-70 {
        height: 70px;
    }

    .ht-xs-70p {
        height: 70%;
    }

    .mx-ht-xs-70p {
        max-height: 70%;
    }

    .mn-ht-xs-70p {
        min-height: 70%;
    }

    .ht-xs-70-f {
        height: 70px !important;
    }

    .ht-xs-70p-f {
        height: 70% !important;
    }

    .ht-xs-75 {
        height: 75px;
    }

    .ht-xs-75p {
        height: 75%;
    }

    .mx-ht-xs-75p {
        max-height: 75%;
    }

    .mn-ht-xs-75p {
        min-height: 75%;
    }

    .ht-xs-75-f {
        height: 75px !important;
    }

    .ht-xs-75p-f {
        height: 75% !important;
    }

    .ht-xs-80 {
        height: 80px;
    }

    .ht-xs-80p {
        height: 80%;
    }

    .mx-ht-xs-80p {
        max-height: 80%;
    }

    .mn-ht-xs-80p {
        min-height: 80%;
    }

    .ht-xs-80-f {
        height: 80px !important;
    }

    .ht-xs-80p-f {
        height: 80% !important;
    }

    .ht-xs-85 {
        height: 85px;
    }

    .ht-xs-85p {
        height: 85%;
    }

    .mx-ht-xs-85p {
        max-height: 85%;
    }

    .mn-ht-xs-85p {
        min-height: 85%;
    }

    .ht-xs-85-f {
        height: 85px !important;
    }

    .ht-xs-85p-f {
        height: 85% !important;
    }

    .ht-xs-90 {
        height: 90px;
    }

    .ht-xs-90p {
        height: 90%;
    }

    .mx-ht-xs-90p {
        max-height: 90%;
    }

    .mn-ht-xs-90p {
        min-height: 90%;
    }

    .ht-xs-90-f {
        height: 90px !important;
    }

    .ht-xs-90p-f {
        height: 90% !important;
    }

    .ht-xs-95 {
        height: 95px;
    }

    .ht-xs-95p {
        height: 95%;
    }

    .mx-ht-xs-95p {
        max-height: 95%;
    }

    .mn-ht-xs-95p {
        min-height: 95%;
    }

    .ht-xs-95-f {
        height: 95px !important;
    }

    .ht-xs-95p-f {
        height: 95% !important;
    }

    .ht-xs-100 {
        height: 100px;
    }

    .ht-xs-100p {
        height: 100%;
    }

    .mx-ht-xs-100p {
        max-height: 100%;
    }

    .mn-ht-xs-100p {
        min-height: 100%;
    }

    .ht-xs-100-f {
        height: 100px !important;
    }

    .ht-xs-100p-f {
        height: 100% !important;
    }

    .ht-xs-150 {
        height: 150px;
    }

    .ht-xs-150p {
        height: 150%;
    }

    .mx-ht-xs-150p {
        max-height: 150%;
    }

    .mn-ht-xs-150p {
        min-height: 150%;
    }

    .ht-xs-150-f {
        height: 150px !important;
    }

    .ht-xs-150p-f {
        height: 150% !important;
    }

    .ht-xs-200 {
        height: 200px;
    }

    .ht-xs-200p {
        height: 200%;
    }

    .mx-ht-xs-200p {
        max-height: 200%;
    }

    .mn-ht-xs-200p {
        min-height: 200%;
    }

    .ht-xs-200-f {
        height: 200px !important;
    }

    .ht-xs-200p-f {
        height: 200% !important;
    }

    .ht-xs-250 {
        height: 250px;
    }

    .ht-xs-250p {
        height: 250%;
    }

    .mx-ht-xs-250p {
        max-height: 250%;
    }

    .mn-ht-xs-250p {
        min-height: 250%;
    }

    .ht-xs-250-f {
        height: 250px !important;
    }

    .ht-xs-250p-f {
        height: 250% !important;
    }

    .ht-xs-300 {
        height: 300px;
    }

    .ht-xs-300p {
        height: 300%;
    }

    .mx-ht-xs-300p {
        max-height: 300%;
    }

    .mn-ht-xs-300p {
        min-height: 300%;
    }

    .ht-xs-300-f {
        height: 300px !important;
    }

    .ht-xs-300p-f {
        height: 300% !important;
    }

    .ht-xs-350 {
        height: 350px;
    }

    .ht-xs-350p {
        height: 350%;
    }

    .mx-ht-xs-350p {
        max-height: 350%;
    }

    .mn-ht-xs-350p {
        min-height: 350%;
    }

    .ht-xs-350-f {
        height: 350px !important;
    }

    .ht-xs-350p-f {
        height: 350% !important;
    }

    .ht-xs-400 {
        height: 400px;
    }

    .ht-xs-400p {
        height: 400%;
    }

    .mx-ht-xs-400p {
        max-height: 400%;
    }

    .mn-ht-xs-400p {
        min-height: 400%;
    }

    .ht-xs-400-f {
        height: 400px !important;
    }

    .ht-xs-400p-f {
        height: 400% !important;
    }

    .ht-xs-450 {
        height: 450px;
    }

    .ht-xs-450p {
        height: 450%;
    }

    .mx-ht-xs-450p {
        max-height: 450%;
    }

    .mn-ht-xs-450p {
        min-height: 450%;
    }

    .ht-xs-450-f {
        height: 450px !important;
    }

    .ht-xs-450p-f {
        height: 450% !important;
    }

    .ht-xs-500 {
        height: 500px;
    }

    .ht-xs-500p {
        height: 500%;
    }

    .mx-ht-xs-500p {
        max-height: 500%;
    }

    .mn-ht-xs-500p {
        min-height: 500%;
    }

    .ht-xs-500-f {
        height: 500px !important;
    }

    .ht-xs-500p-f {
        height: 500% !important;
    }

    .ht-xs-550 {
        height: 550px;
    }

    .ht-xs-550p {
        height: 550%;
    }

    .mx-ht-xs-550p {
        max-height: 550%;
    }

    .mn-ht-xs-550p {
        min-height: 550%;
    }

    .ht-xs-550-f {
        height: 550px !important;
    }

    .ht-xs-550p-f {
        height: 550% !important;
    }

    .ht-xs-600 {
        height: 600px;
    }

    .ht-xs-600p {
        height: 600%;
    }

    .mx-ht-xs-600p {
        max-height: 600%;
    }

    .mn-ht-xs-600p {
        min-height: 600%;
    }

    .ht-xs-600-f {
        height: 600px !important;
    }

    .ht-xs-600p-f {
        height: 600% !important;
    }

    .ht-xs-650 {
        height: 650px;
    }

    .ht-xs-650p {
        height: 650%;
    }

    .mx-ht-xs-650p {
        max-height: 650%;
    }

    .mn-ht-xs-650p {
        min-height: 650%;
    }

    .ht-xs-650-f {
        height: 650px !important;
    }

    .ht-xs-650p-f {
        height: 650% !important;
    }

    .ht-xs-700 {
        height: 700px;
    }

    .ht-xs-700p {
        height: 700%;
    }

    .mx-ht-xs-700p {
        max-height: 700%;
    }

    .mn-ht-xs-700p {
        min-height: 700%;
    }

    .ht-xs-700-f {
        height: 700px !important;
    }

    .ht-xs-700p-f {
        height: 700% !important;
    }

    .ht-xs-750 {
        height: 750px;
    }

    .ht-xs-750p {
        height: 750%;
    }

    .mx-ht-xs-750p {
        max-height: 750%;
    }

    .mn-ht-xs-750p {
        min-height: 750%;
    }

    .ht-xs-750-f {
        height: 750px !important;
    }

    .ht-xs-750p-f {
        height: 750% !important;
    }

    .ht-xs-800 {
        height: 800px;
    }

    .ht-xs-800p {
        height: 800%;
    }

    .mx-ht-xs-800p {
        max-height: 800%;
    }

    .mn-ht-xs-800p {
        min-height: 800%;
    }

    .ht-xs-800-f {
        height: 800px !important;
    }

    .ht-xs-800p-f {
        height: 800% !important;
    }

    .ht-xs-850 {
        height: 850px;
    }

    .ht-xs-850p {
        height: 850%;
    }

    .mx-ht-xs-850p {
        max-height: 850%;
    }

    .mn-ht-xs-850p {
        min-height: 850%;
    }

    .ht-xs-850-f {
        height: 850px !important;
    }

    .ht-xs-850p-f {
        height: 850% !important;
    }

    .ht-xs-100v {
        height: 100vh;
    }
}

@media (min-width: 576px) {
    .ht-sm-5 {
        height: 5px;
    }

    .ht-sm-5p {
        height: 5%;
    }

    .mx-ht-sm-5p {
        max-height: 5%;
    }

    .mn-ht-sm-5p {
        min-height: 5%;
    }

    .ht-sm-5-f {
        height: 5px !important;
    }

    .ht-sm-5p-f {
        height: 5% !important;
    }

    .ht-sm-10 {
        height: 10px;
    }

    .ht-sm-10p {
        height: 10%;
    }

    .mx-ht-sm-10p {
        max-height: 10%;
    }

    .mn-ht-sm-10p {
        min-height: 10%;
    }

    .ht-sm-10-f {
        height: 10px !important;
    }

    .ht-sm-10p-f {
        height: 10% !important;
    }

    .ht-sm-15 {
        height: 15px;
    }

    .ht-sm-15p {
        height: 15%;
    }

    .mx-ht-sm-15p {
        max-height: 15%;
    }

    .mn-ht-sm-15p {
        min-height: 15%;
    }

    .ht-sm-15-f {
        height: 15px !important;
    }

    .ht-sm-15p-f {
        height: 15% !important;
    }

    .ht-sm-20 {
        height: 20px;
    }

    .ht-sm-20p {
        height: 20%;
    }

    .mx-ht-sm-20p {
        max-height: 20%;
    }

    .mn-ht-sm-20p {
        min-height: 20%;
    }

    .ht-sm-20-f {
        height: 20px !important;
    }

    .ht-sm-20p-f {
        height: 20% !important;
    }

    .ht-sm-25 {
        height: 25px;
    }

    .ht-sm-25p {
        height: 25%;
    }

    .mx-ht-sm-25p {
        max-height: 25%;
    }

    .mn-ht-sm-25p {
        min-height: 25%;
    }

    .ht-sm-25-f {
        height: 25px !important;
    }

    .ht-sm-25p-f {
        height: 25% !important;
    }

    .ht-sm-30 {
        height: 30px;
    }

    .ht-sm-30p {
        height: 30%;
    }

    .mx-ht-sm-30p {
        max-height: 30%;
    }

    .mn-ht-sm-30p {
        min-height: 30%;
    }

    .ht-sm-30-f {
        height: 30px !important;
    }

    .ht-sm-30p-f {
        height: 30% !important;
    }

    .ht-sm-35 {
        height: 35px;
    }

    .ht-sm-35p {
        height: 35%;
    }

    .mx-ht-sm-35p {
        max-height: 35%;
    }

    .mn-ht-sm-35p {
        min-height: 35%;
    }

    .ht-sm-35-f {
        height: 35px !important;
    }

    .ht-sm-35p-f {
        height: 35% !important;
    }

    .ht-sm-40 {
        height: 40px;
    }

    .ht-sm-40p {
        height: 40%;
    }

    .mx-ht-sm-40p {
        max-height: 40%;
    }

    .mn-ht-sm-40p {
        min-height: 40%;
    }

    .ht-sm-40-f {
        height: 40px !important;
    }

    .ht-sm-40p-f {
        height: 40% !important;
    }

    .ht-sm-45 {
        height: 45px;
    }

    .ht-sm-45p {
        height: 45%;
    }

    .mx-ht-sm-45p {
        max-height: 45%;
    }

    .mn-ht-sm-45p {
        min-height: 45%;
    }

    .ht-sm-45-f {
        height: 45px !important;
    }

    .ht-sm-45p-f {
        height: 45% !important;
    }

    .ht-sm-50 {
        height: 50px;
    }

    .ht-sm-50p {
        height: 50%;
    }

    .mx-ht-sm-50p {
        max-height: 50%;
    }

    .mn-ht-sm-50p {
        min-height: 50%;
    }

    .ht-sm-50-f {
        height: 50px !important;
    }

    .ht-sm-50p-f {
        height: 50% !important;
    }

    .ht-sm-55 {
        height: 55px;
    }

    .ht-sm-55p {
        height: 55%;
    }

    .mx-ht-sm-55p {
        max-height: 55%;
    }

    .mn-ht-sm-55p {
        min-height: 55%;
    }

    .ht-sm-55-f {
        height: 55px !important;
    }

    .ht-sm-55p-f {
        height: 55% !important;
    }

    .ht-sm-60 {
        height: 60px;
    }

    .ht-sm-60p {
        height: 60%;
    }

    .mx-ht-sm-60p {
        max-height: 60%;
    }

    .mn-ht-sm-60p {
        min-height: 60%;
    }

    .ht-sm-60-f {
        height: 60px !important;
    }

    .ht-sm-60p-f {
        height: 60% !important;
    }

    .ht-sm-65 {
        height: 65px;
    }

    .ht-sm-65p {
        height: 65%;
    }

    .mx-ht-sm-65p {
        max-height: 65%;
    }

    .mn-ht-sm-65p {
        min-height: 65%;
    }

    .ht-sm-65-f {
        height: 65px !important;
    }

    .ht-sm-65p-f {
        height: 65% !important;
    }

    .ht-sm-70 {
        height: 70px;
    }

    .ht-sm-70p {
        height: 70%;
    }

    .mx-ht-sm-70p {
        max-height: 70%;
    }

    .mn-ht-sm-70p {
        min-height: 70%;
    }

    .ht-sm-70-f {
        height: 70px !important;
    }

    .ht-sm-70p-f {
        height: 70% !important;
    }

    .ht-sm-75 {
        height: 75px;
    }

    .ht-sm-75p {
        height: 75%;
    }

    .mx-ht-sm-75p {
        max-height: 75%;
    }

    .mn-ht-sm-75p {
        min-height: 75%;
    }

    .ht-sm-75-f {
        height: 75px !important;
    }

    .ht-sm-75p-f {
        height: 75% !important;
    }

    .ht-sm-80 {
        height: 80px;
    }

    .ht-sm-80p {
        height: 80%;
    }

    .mx-ht-sm-80p {
        max-height: 80%;
    }

    .mn-ht-sm-80p {
        min-height: 80%;
    }

    .ht-sm-80-f {
        height: 80px !important;
    }

    .ht-sm-80p-f {
        height: 80% !important;
    }

    .ht-sm-85 {
        height: 85px;
    }

    .ht-sm-85p {
        height: 85%;
    }

    .mx-ht-sm-85p {
        max-height: 85%;
    }

    .mn-ht-sm-85p {
        min-height: 85%;
    }

    .ht-sm-85-f {
        height: 85px !important;
    }

    .ht-sm-85p-f {
        height: 85% !important;
    }

    .ht-sm-90 {
        height: 90px;
    }

    .ht-sm-90p {
        height: 90%;
    }

    .mx-ht-sm-90p {
        max-height: 90%;
    }

    .mn-ht-sm-90p {
        min-height: 90%;
    }

    .ht-sm-90-f {
        height: 90px !important;
    }

    .ht-sm-90p-f {
        height: 90% !important;
    }

    .ht-sm-95 {
        height: 95px;
    }

    .ht-sm-95p {
        height: 95%;
    }

    .mx-ht-sm-95p {
        max-height: 95%;
    }

    .mn-ht-sm-95p {
        min-height: 95%;
    }

    .ht-sm-95-f {
        height: 95px !important;
    }

    .ht-sm-95p-f {
        height: 95% !important;
    }

    .ht-sm-100 {
        height: 100px;
    }

    .ht-sm-100p {
        height: 100%;
    }

    .mx-ht-sm-100p {
        max-height: 100%;
    }

    .mn-ht-sm-100p {
        min-height: 100%;
    }

    .ht-sm-100-f {
        height: 100px !important;
    }

    .ht-sm-100p-f {
        height: 100% !important;
    }

    .ht-sm-150 {
        height: 150px;
    }

    .ht-sm-150p {
        height: 150%;
    }

    .mx-ht-sm-150p {
        max-height: 150%;
    }

    .mn-ht-sm-150p {
        min-height: 150%;
    }

    .ht-sm-150-f {
        height: 150px !important;
    }

    .ht-sm-150p-f {
        height: 150% !important;
    }

    .ht-sm-200 {
        height: 200px;
    }

    .ht-sm-200p {
        height: 200%;
    }

    .mx-ht-sm-200p {
        max-height: 200%;
    }

    .mn-ht-sm-200p {
        min-height: 200%;
    }

    .ht-sm-200-f {
        height: 200px !important;
    }

    .ht-sm-200p-f {
        height: 200% !important;
    }

    .ht-sm-250 {
        height: 250px;
    }

    .ht-sm-250p {
        height: 250%;
    }

    .mx-ht-sm-250p {
        max-height: 250%;
    }

    .mn-ht-sm-250p {
        min-height: 250%;
    }

    .ht-sm-250-f {
        height: 250px !important;
    }

    .ht-sm-250p-f {
        height: 250% !important;
    }

    .ht-sm-300 {
        height: 300px;
    }

    .ht-sm-300p {
        height: 300%;
    }

    .mx-ht-sm-300p {
        max-height: 300%;
    }

    .mn-ht-sm-300p {
        min-height: 300%;
    }

    .ht-sm-300-f {
        height: 300px !important;
    }

    .ht-sm-300p-f {
        height: 300% !important;
    }

    .ht-sm-350 {
        height: 350px;
    }

    .ht-sm-350p {
        height: 350%;
    }

    .mx-ht-sm-350p {
        max-height: 350%;
    }

    .mn-ht-sm-350p {
        min-height: 350%;
    }

    .ht-sm-350-f {
        height: 350px !important;
    }

    .ht-sm-350p-f {
        height: 350% !important;
    }

    .ht-sm-400 {
        height: 400px;
    }

    .ht-sm-400p {
        height: 400%;
    }

    .mx-ht-sm-400p {
        max-height: 400%;
    }

    .mn-ht-sm-400p {
        min-height: 400%;
    }

    .ht-sm-400-f {
        height: 400px !important;
    }

    .ht-sm-400p-f {
        height: 400% !important;
    }

    .ht-sm-450 {
        height: 450px;
    }

    .ht-sm-450p {
        height: 450%;
    }

    .mx-ht-sm-450p {
        max-height: 450%;
    }

    .mn-ht-sm-450p {
        min-height: 450%;
    }

    .ht-sm-450-f {
        height: 450px !important;
    }

    .ht-sm-450p-f {
        height: 450% !important;
    }

    .ht-sm-500 {
        height: 500px;
    }

    .ht-sm-500p {
        height: 500%;
    }

    .mx-ht-sm-500p {
        max-height: 500%;
    }

    .mn-ht-sm-500p {
        min-height: 500%;
    }

    .ht-sm-500-f {
        height: 500px !important;
    }

    .ht-sm-500p-f {
        height: 500% !important;
    }

    .ht-sm-550 {
        height: 550px;
    }

    .ht-sm-550p {
        height: 550%;
    }

    .mx-ht-sm-550p {
        max-height: 550%;
    }

    .mn-ht-sm-550p {
        min-height: 550%;
    }

    .ht-sm-550-f {
        height: 550px !important;
    }

    .ht-sm-550p-f {
        height: 550% !important;
    }

    .ht-sm-600 {
        height: 600px;
    }

    .ht-sm-600p {
        height: 600%;
    }

    .mx-ht-sm-600p {
        max-height: 600%;
    }

    .mn-ht-sm-600p {
        min-height: 600%;
    }

    .ht-sm-600-f {
        height: 600px !important;
    }

    .ht-sm-600p-f {
        height: 600% !important;
    }

    .ht-sm-650 {
        height: 650px;
    }

    .ht-sm-650p {
        height: 650%;
    }

    .mx-ht-sm-650p {
        max-height: 650%;
    }

    .mn-ht-sm-650p {
        min-height: 650%;
    }

    .ht-sm-650-f {
        height: 650px !important;
    }

    .ht-sm-650p-f {
        height: 650% !important;
    }

    .ht-sm-700 {
        height: 700px;
    }

    .ht-sm-700p {
        height: 700%;
    }

    .mx-ht-sm-700p {
        max-height: 700%;
    }

    .mn-ht-sm-700p {
        min-height: 700%;
    }

    .ht-sm-700-f {
        height: 700px !important;
    }

    .ht-sm-700p-f {
        height: 700% !important;
    }

    .ht-sm-750 {
        height: 750px;
    }

    .ht-sm-750p {
        height: 750%;
    }

    .mx-ht-sm-750p {
        max-height: 750%;
    }

    .mn-ht-sm-750p {
        min-height: 750%;
    }

    .ht-sm-750-f {
        height: 750px !important;
    }

    .ht-sm-750p-f {
        height: 750% !important;
    }

    .ht-sm-800 {
        height: 800px;
    }

    .ht-sm-800p {
        height: 800%;
    }

    .mx-ht-sm-800p {
        max-height: 800%;
    }

    .mn-ht-sm-800p {
        min-height: 800%;
    }

    .ht-sm-800-f {
        height: 800px !important;
    }

    .ht-sm-800p-f {
        height: 800% !important;
    }

    .ht-sm-850 {
        height: 850px;
    }

    .ht-sm-850p {
        height: 850%;
    }

    .mx-ht-sm-850p {
        max-height: 850%;
    }

    .mn-ht-sm-850p {
        min-height: 850%;
    }

    .ht-sm-850-f {
        height: 850px !important;
    }

    .ht-sm-850p-f {
        height: 850% !important;
    }

    .ht-sm-100v {
        height: 100vh;
    }
}

@media (min-width: 768px) {
    .ht-md-5 {
        height: 5px;
    }

    .ht-md-5p {
        height: 5%;
    }

    .mx-ht-md-5p {
        max-height: 5%;
    }

    .mn-ht-md-5p {
        min-height: 5%;
    }

    .ht-md-5-f {
        height: 5px !important;
    }

    .ht-md-5p-f {
        height: 5% !important;
    }

    .ht-md-10 {
        height: 10px;
    }

    .ht-md-10p {
        height: 10%;
    }

    .mx-ht-md-10p {
        max-height: 10%;
    }

    .mn-ht-md-10p {
        min-height: 10%;
    }

    .ht-md-10-f {
        height: 10px !important;
    }

    .ht-md-10p-f {
        height: 10% !important;
    }

    .ht-md-15 {
        height: 15px;
    }

    .ht-md-15p {
        height: 15%;
    }

    .mx-ht-md-15p {
        max-height: 15%;
    }

    .mn-ht-md-15p {
        min-height: 15%;
    }

    .ht-md-15-f {
        height: 15px !important;
    }

    .ht-md-15p-f {
        height: 15% !important;
    }

    .ht-md-20 {
        height: 20px;
    }

    .ht-md-20p {
        height: 20%;
    }

    .mx-ht-md-20p {
        max-height: 20%;
    }

    .mn-ht-md-20p {
        min-height: 20%;
    }

    .ht-md-20-f {
        height: 20px !important;
    }

    .ht-md-20p-f {
        height: 20% !important;
    }

    .ht-md-25 {
        height: 25px;
    }

    .ht-md-25p {
        height: 25%;
    }

    .mx-ht-md-25p {
        max-height: 25%;
    }

    .mn-ht-md-25p {
        min-height: 25%;
    }

    .ht-md-25-f {
        height: 25px !important;
    }

    .ht-md-25p-f {
        height: 25% !important;
    }

    .ht-md-30 {
        height: 30px;
    }

    .ht-md-30p {
        height: 30%;
    }

    .mx-ht-md-30p {
        max-height: 30%;
    }

    .mn-ht-md-30p {
        min-height: 30%;
    }

    .ht-md-30-f {
        height: 30px !important;
    }

    .ht-md-30p-f {
        height: 30% !important;
    }

    .ht-md-35 {
        height: 35px;
    }

    .ht-md-35p {
        height: 35%;
    }

    .mx-ht-md-35p {
        max-height: 35%;
    }

    .mn-ht-md-35p {
        min-height: 35%;
    }

    .ht-md-35-f {
        height: 35px !important;
    }

    .ht-md-35p-f {
        height: 35% !important;
    }

    .ht-md-40 {
        height: 40px;
    }

    .ht-md-40p {
        height: 40%;
    }

    .mx-ht-md-40p {
        max-height: 40%;
    }

    .mn-ht-md-40p {
        min-height: 40%;
    }

    .ht-md-40-f {
        height: 40px !important;
    }

    .ht-md-40p-f {
        height: 40% !important;
    }

    .ht-md-45 {
        height: 45px;
    }

    .ht-md-45p {
        height: 45%;
    }

    .mx-ht-md-45p {
        max-height: 45%;
    }

    .mn-ht-md-45p {
        min-height: 45%;
    }

    .ht-md-45-f {
        height: 45px !important;
    }

    .ht-md-45p-f {
        height: 45% !important;
    }

    .ht-md-50 {
        height: 50px;
    }

    .ht-md-50p {
        height: 50%;
    }

    .mx-ht-md-50p {
        max-height: 50%;
    }

    .mn-ht-md-50p {
        min-height: 50%;
    }

    .ht-md-50-f {
        height: 50px !important;
    }

    .ht-md-50p-f {
        height: 50% !important;
    }

    .ht-md-55 {
        height: 55px;
    }

    .ht-md-55p {
        height: 55%;
    }

    .mx-ht-md-55p {
        max-height: 55%;
    }

    .mn-ht-md-55p {
        min-height: 55%;
    }

    .ht-md-55-f {
        height: 55px !important;
    }

    .ht-md-55p-f {
        height: 55% !important;
    }

    .ht-md-60 {
        height: 60px;
    }

    .ht-md-60p {
        height: 60%;
    }

    .mx-ht-md-60p {
        max-height: 60%;
    }

    .mn-ht-md-60p {
        min-height: 60%;
    }

    .ht-md-60-f {
        height: 60px !important;
    }

    .ht-md-60p-f {
        height: 60% !important;
    }

    .ht-md-65 {
        height: 65px;
    }

    .ht-md-65p {
        height: 65%;
    }

    .mx-ht-md-65p {
        max-height: 65%;
    }

    .mn-ht-md-65p {
        min-height: 65%;
    }

    .ht-md-65-f {
        height: 65px !important;
    }

    .ht-md-65p-f {
        height: 65% !important;
    }

    .ht-md-70 {
        height: 70px;
    }

    .ht-md-70p {
        height: 70%;
    }

    .mx-ht-md-70p {
        max-height: 70%;
    }

    .mn-ht-md-70p {
        min-height: 70%;
    }

    .ht-md-70-f {
        height: 70px !important;
    }

    .ht-md-70p-f {
        height: 70% !important;
    }

    .ht-md-75 {
        height: 75px;
    }

    .ht-md-75p {
        height: 75%;
    }

    .mx-ht-md-75p {
        max-height: 75%;
    }

    .mn-ht-md-75p {
        min-height: 75%;
    }

    .ht-md-75-f {
        height: 75px !important;
    }

    .ht-md-75p-f {
        height: 75% !important;
    }

    .ht-md-80 {
        height: 80px;
    }

    .ht-md-80p {
        height: 80%;
    }

    .mx-ht-md-80p {
        max-height: 80%;
    }

    .mn-ht-md-80p {
        min-height: 80%;
    }

    .ht-md-80-f {
        height: 80px !important;
    }

    .ht-md-80p-f {
        height: 80% !important;
    }

    .ht-md-85 {
        height: 85px;
    }

    .ht-md-85p {
        height: 85%;
    }

    .mx-ht-md-85p {
        max-height: 85%;
    }

    .mn-ht-md-85p {
        min-height: 85%;
    }

    .ht-md-85-f {
        height: 85px !important;
    }

    .ht-md-85p-f {
        height: 85% !important;
    }

    .ht-md-90 {
        height: 90px;
    }

    .ht-md-90p {
        height: 90%;
    }

    .mx-ht-md-90p {
        max-height: 90%;
    }

    .mn-ht-md-90p {
        min-height: 90%;
    }

    .ht-md-90-f {
        height: 90px !important;
    }

    .ht-md-90p-f {
        height: 90% !important;
    }

    .ht-md-95 {
        height: 95px;
    }

    .ht-md-95p {
        height: 95%;
    }

    .mx-ht-md-95p {
        max-height: 95%;
    }

    .mn-ht-md-95p {
        min-height: 95%;
    }

    .ht-md-95-f {
        height: 95px !important;
    }

    .ht-md-95p-f {
        height: 95% !important;
    }

    .ht-md-100 {
        height: 100px;
    }

    .ht-md-100p {
        height: 100%;
    }

    .mx-ht-md-100p {
        max-height: 100%;
    }

    .mn-ht-md-100p {
        min-height: 100%;
    }

    .ht-md-100-f {
        height: 100px !important;
    }

    .ht-md-100p-f {
        height: 100% !important;
    }

    .ht-md-150 {
        height: 150px;
    }

    .ht-md-150p {
        height: 150%;
    }

    .mx-ht-md-150p {
        max-height: 150%;
    }

    .mn-ht-md-150p {
        min-height: 150%;
    }

    .ht-md-150-f {
        height: 150px !important;
    }

    .ht-md-150p-f {
        height: 150% !important;
    }

    .ht-md-200 {
        height: 200px;
    }

    .ht-md-200p {
        height: 200%;
    }

    .mx-ht-md-200p {
        max-height: 200%;
    }

    .mn-ht-md-200p {
        min-height: 200%;
    }

    .ht-md-200-f {
        height: 200px !important;
    }

    .ht-md-200p-f {
        height: 200% !important;
    }

    .ht-md-250 {
        height: 250px;
    }

    .ht-md-250p {
        height: 250%;
    }

    .mx-ht-md-250p {
        max-height: 250%;
    }

    .mn-ht-md-250p {
        min-height: 250%;
    }

    .ht-md-250-f {
        height: 250px !important;
    }

    .ht-md-250p-f {
        height: 250% !important;
    }

    .ht-md-300 {
        height: 300px;
    }

    .ht-md-300p {
        height: 300%;
    }

    .mx-ht-md-300p {
        max-height: 300%;
    }

    .mn-ht-md-300p {
        min-height: 300%;
    }

    .ht-md-300-f {
        height: 300px !important;
    }

    .ht-md-300p-f {
        height: 300% !important;
    }

    .ht-md-350 {
        height: 350px;
    }

    .ht-md-350p {
        height: 350%;
    }

    .mx-ht-md-350p {
        max-height: 350%;
    }

    .mn-ht-md-350p {
        min-height: 350%;
    }

    .ht-md-350-f {
        height: 350px !important;
    }

    .ht-md-350p-f {
        height: 350% !important;
    }

    .ht-md-400 {
        height: 400px;
    }

    .ht-md-400p {
        height: 400%;
    }

    .mx-ht-md-400p {
        max-height: 400%;
    }

    .mn-ht-md-400p {
        min-height: 400%;
    }

    .ht-md-400-f {
        height: 400px !important;
    }

    .ht-md-400p-f {
        height: 400% !important;
    }

    .ht-md-450 {
        height: 450px;
    }

    .ht-md-450p {
        height: 450%;
    }

    .mx-ht-md-450p {
        max-height: 450%;
    }

    .mn-ht-md-450p {
        min-height: 450%;
    }

    .ht-md-450-f {
        height: 450px !important;
    }

    .ht-md-450p-f {
        height: 450% !important;
    }

    .ht-md-500 {
        height: 500px;
    }

    .ht-md-500p {
        height: 500%;
    }

    .mx-ht-md-500p {
        max-height: 500%;
    }

    .mn-ht-md-500p {
        min-height: 500%;
    }

    .ht-md-500-f {
        height: 500px !important;
    }

    .ht-md-500p-f {
        height: 500% !important;
    }

    .ht-md-550 {
        height: 550px;
    }

    .ht-md-550p {
        height: 550%;
    }

    .mx-ht-md-550p {
        max-height: 550%;
    }

    .mn-ht-md-550p {
        min-height: 550%;
    }

    .ht-md-550-f {
        height: 550px !important;
    }

    .ht-md-550p-f {
        height: 550% !important;
    }

    .ht-md-600 {
        height: 600px;
    }

    .ht-md-600p {
        height: 600%;
    }

    .mx-ht-md-600p {
        max-height: 600%;
    }

    .mn-ht-md-600p {
        min-height: 600%;
    }

    .ht-md-600-f {
        height: 600px !important;
    }

    .ht-md-600p-f {
        height: 600% !important;
    }

    .ht-md-650 {
        height: 650px;
    }

    .ht-md-650p {
        height: 650%;
    }

    .mx-ht-md-650p {
        max-height: 650%;
    }

    .mn-ht-md-650p {
        min-height: 650%;
    }

    .ht-md-650-f {
        height: 650px !important;
    }

    .ht-md-650p-f {
        height: 650% !important;
    }

    .ht-md-700 {
        height: 700px;
    }

    .ht-md-700p {
        height: 700%;
    }

    .mx-ht-md-700p {
        max-height: 700%;
    }

    .mn-ht-md-700p {
        min-height: 700%;
    }

    .ht-md-700-f {
        height: 700px !important;
    }

    .ht-md-700p-f {
        height: 700% !important;
    }

    .ht-md-750 {
        height: 750px;
    }

    .ht-md-750p {
        height: 750%;
    }

    .mx-ht-md-750p {
        max-height: 750%;
    }

    .mn-ht-md-750p {
        min-height: 750%;
    }

    .ht-md-750-f {
        height: 750px !important;
    }

    .ht-md-750p-f {
        height: 750% !important;
    }

    .ht-md-800 {
        height: 800px;
    }

    .ht-md-800p {
        height: 800%;
    }

    .mx-ht-md-800p {
        max-height: 800%;
    }

    .mn-ht-md-800p {
        min-height: 800%;
    }

    .ht-md-800-f {
        height: 800px !important;
    }

    .ht-md-800p-f {
        height: 800% !important;
    }

    .ht-md-850 {
        height: 850px;
    }

    .ht-md-850p {
        height: 850%;
    }

    .mx-ht-md-850p {
        max-height: 850%;
    }

    .mn-ht-md-850p {
        min-height: 850%;
    }

    .ht-md-850-f {
        height: 850px !important;
    }

    .ht-md-850p-f {
        height: 850% !important;
    }

    .ht-md-100v {
        height: 100vh;
    }
}

@media (min-width: 992px) {
    .ht-lg-5 {
        height: 5px;
    }

    .ht-lg-5p {
        height: 5%;
    }

    .mx-ht-lg-5p {
        max-height: 5%;
    }

    .mn-ht-lg-5p {
        min-height: 5%;
    }

    .ht-lg-5-f {
        height: 5px !important;
    }

    .ht-lg-5p-f {
        height: 5% !important;
    }

    .ht-lg-10 {
        height: 10px;
    }

    .ht-lg-10p {
        height: 10%;
    }

    .mx-ht-lg-10p {
        max-height: 10%;
    }

    .mn-ht-lg-10p {
        min-height: 10%;
    }

    .ht-lg-10-f {
        height: 10px !important;
    }

    .ht-lg-10p-f {
        height: 10% !important;
    }

    .ht-lg-15 {
        height: 15px;
    }

    .ht-lg-15p {
        height: 15%;
    }

    .mx-ht-lg-15p {
        max-height: 15%;
    }

    .mn-ht-lg-15p {
        min-height: 15%;
    }

    .ht-lg-15-f {
        height: 15px !important;
    }

    .ht-lg-15p-f {
        height: 15% !important;
    }

    .ht-lg-20 {
        height: 20px;
    }

    .ht-lg-20p {
        height: 20%;
    }

    .mx-ht-lg-20p {
        max-height: 20%;
    }

    .mn-ht-lg-20p {
        min-height: 20%;
    }

    .ht-lg-20-f {
        height: 20px !important;
    }

    .ht-lg-20p-f {
        height: 20% !important;
    }

    .ht-lg-25 {
        height: 25px;
    }

    .ht-lg-25p {
        height: 25%;
    }

    .mx-ht-lg-25p {
        max-height: 25%;
    }

    .mn-ht-lg-25p {
        min-height: 25%;
    }

    .ht-lg-25-f {
        height: 25px !important;
    }

    .ht-lg-25p-f {
        height: 25% !important;
    }

    .ht-lg-30 {
        height: 30px;
    }

    .ht-lg-30p {
        height: 30%;
    }

    .mx-ht-lg-30p {
        max-height: 30%;
    }

    .mn-ht-lg-30p {
        min-height: 30%;
    }

    .ht-lg-30-f {
        height: 30px !important;
    }

    .ht-lg-30p-f {
        height: 30% !important;
    }

    .ht-lg-35 {
        height: 35px;
    }

    .ht-lg-35p {
        height: 35%;
    }

    .mx-ht-lg-35p {
        max-height: 35%;
    }

    .mn-ht-lg-35p {
        min-height: 35%;
    }

    .ht-lg-35-f {
        height: 35px !important;
    }

    .ht-lg-35p-f {
        height: 35% !important;
    }

    .ht-lg-40 {
        height: 40px;
    }

    .ht-lg-40p {
        height: 40%;
    }

    .mx-ht-lg-40p {
        max-height: 40%;
    }

    .mn-ht-lg-40p {
        min-height: 40%;
    }

    .ht-lg-40-f {
        height: 40px !important;
    }

    .ht-lg-40p-f {
        height: 40% !important;
    }

    .ht-lg-45 {
        height: 45px;
    }

    .ht-lg-45p {
        height: 45%;
    }

    .mx-ht-lg-45p {
        max-height: 45%;
    }

    .mn-ht-lg-45p {
        min-height: 45%;
    }

    .ht-lg-45-f {
        height: 45px !important;
    }

    .ht-lg-45p-f {
        height: 45% !important;
    }

    .ht-lg-50 {
        height: 50px;
    }

    .ht-lg-50p {
        height: 50%;
    }

    .mx-ht-lg-50p {
        max-height: 50%;
    }

    .mn-ht-lg-50p {
        min-height: 50%;
    }

    .ht-lg-50-f {
        height: 50px !important;
    }

    .ht-lg-50p-f {
        height: 50% !important;
    }

    .ht-lg-55 {
        height: 55px;
    }

    .ht-lg-55p {
        height: 55%;
    }

    .mx-ht-lg-55p {
        max-height: 55%;
    }

    .mn-ht-lg-55p {
        min-height: 55%;
    }

    .ht-lg-55-f {
        height: 55px !important;
    }

    .ht-lg-55p-f {
        height: 55% !important;
    }

    .ht-lg-60 {
        height: 60px;
    }

    .ht-lg-60p {
        height: 60%;
    }

    .mx-ht-lg-60p {
        max-height: 60%;
    }

    .mn-ht-lg-60p {
        min-height: 60%;
    }

    .ht-lg-60-f {
        height: 60px !important;
    }

    .ht-lg-60p-f {
        height: 60% !important;
    }

    .ht-lg-65 {
        height: 65px;
    }

    .ht-lg-65p {
        height: 65%;
    }

    .mx-ht-lg-65p {
        max-height: 65%;
    }

    .mn-ht-lg-65p {
        min-height: 65%;
    }

    .ht-lg-65-f {
        height: 65px !important;
    }

    .ht-lg-65p-f {
        height: 65% !important;
    }

    .ht-lg-70 {
        height: 70px;
    }

    .ht-lg-70p {
        height: 70%;
    }

    .mx-ht-lg-70p {
        max-height: 70%;
    }

    .mn-ht-lg-70p {
        min-height: 70%;
    }

    .ht-lg-70-f {
        height: 70px !important;
    }

    .ht-lg-70p-f {
        height: 70% !important;
    }

    .ht-lg-75 {
        height: 75px;
    }

    .ht-lg-75p {
        height: 75%;
    }

    .mx-ht-lg-75p {
        max-height: 75%;
    }

    .mn-ht-lg-75p {
        min-height: 75%;
    }

    .ht-lg-75-f {
        height: 75px !important;
    }

    .ht-lg-75p-f {
        height: 75% !important;
    }

    .ht-lg-80 {
        height: 80px;
    }

    .ht-lg-80p {
        height: 80%;
    }

    .mx-ht-lg-80p {
        max-height: 80%;
    }

    .mn-ht-lg-80p {
        min-height: 80%;
    }

    .ht-lg-80-f {
        height: 80px !important;
    }

    .ht-lg-80p-f {
        height: 80% !important;
    }

    .ht-lg-85 {
        height: 85px;
    }

    .ht-lg-85p {
        height: 85%;
    }

    .mx-ht-lg-85p {
        max-height: 85%;
    }

    .mn-ht-lg-85p {
        min-height: 85%;
    }

    .ht-lg-85-f {
        height: 85px !important;
    }

    .ht-lg-85p-f {
        height: 85% !important;
    }

    .ht-lg-90 {
        height: 90px;
    }

    .ht-lg-90p {
        height: 90%;
    }

    .mx-ht-lg-90p {
        max-height: 90%;
    }

    .mn-ht-lg-90p {
        min-height: 90%;
    }

    .ht-lg-90-f {
        height: 90px !important;
    }

    .ht-lg-90p-f {
        height: 90% !important;
    }

    .ht-lg-95 {
        height: 95px;
    }

    .ht-lg-95p {
        height: 95%;
    }

    .mx-ht-lg-95p {
        max-height: 95%;
    }

    .mn-ht-lg-95p {
        min-height: 95%;
    }

    .ht-lg-95-f {
        height: 95px !important;
    }

    .ht-lg-95p-f {
        height: 95% !important;
    }

    .ht-lg-100 {
        height: 100px;
    }

    .ht-lg-100p {
        height: 100%;
    }

    .mx-ht-lg-100p {
        max-height: 100%;
    }

    .mn-ht-lg-100p {
        min-height: 100%;
    }

    .ht-lg-100-f {
        height: 100px !important;
    }

    .ht-lg-100p-f {
        height: 100% !important;
    }

    .ht-lg-150 {
        height: 150px;
    }

    .ht-lg-150p {
        height: 150%;
    }

    .mx-ht-lg-150p {
        max-height: 150%;
    }

    .mn-ht-lg-150p {
        min-height: 150%;
    }

    .ht-lg-150-f {
        height: 150px !important;
    }

    .ht-lg-150p-f {
        height: 150% !important;
    }

    .ht-lg-200 {
        height: 200px;
    }

    .ht-lg-200p {
        height: 200%;
    }

    .mx-ht-lg-200p {
        max-height: 200%;
    }

    .mn-ht-lg-200p {
        min-height: 200%;
    }

    .ht-lg-200-f {
        height: 200px !important;
    }

    .ht-lg-200p-f {
        height: 200% !important;
    }

    .ht-lg-250 {
        height: 250px;
    }

    .ht-lg-250p {
        height: 250%;
    }

    .mx-ht-lg-250p {
        max-height: 250%;
    }

    .mn-ht-lg-250p {
        min-height: 250%;
    }

    .ht-lg-250-f {
        height: 250px !important;
    }

    .ht-lg-250p-f {
        height: 250% !important;
    }

    .ht-lg-300 {
        height: 300px;
    }

    .ht-lg-300p {
        height: 300%;
    }

    .mx-ht-lg-300p {
        max-height: 300%;
    }

    .mn-ht-lg-300p {
        min-height: 300%;
    }

    .ht-lg-300-f {
        height: 300px !important;
    }

    .ht-lg-300p-f {
        height: 300% !important;
    }

    .ht-lg-350 {
        height: 350px;
    }

    .ht-lg-350p {
        height: 350%;
    }

    .mx-ht-lg-350p {
        max-height: 350%;
    }

    .mn-ht-lg-350p {
        min-height: 350%;
    }

    .ht-lg-350-f {
        height: 350px !important;
    }

    .ht-lg-350p-f {
        height: 350% !important;
    }

    .ht-lg-400 {
        height: 400px;
    }

    .ht-lg-400p {
        height: 400%;
    }

    .mx-ht-lg-400p {
        max-height: 400%;
    }

    .mn-ht-lg-400p {
        min-height: 400%;
    }

    .ht-lg-400-f {
        height: 400px !important;
    }

    .ht-lg-400p-f {
        height: 400% !important;
    }

    .ht-lg-450 {
        height: 450px;
    }

    .ht-lg-450p {
        height: 450%;
    }

    .mx-ht-lg-450p {
        max-height: 450%;
    }

    .mn-ht-lg-450p {
        min-height: 450%;
    }

    .ht-lg-450-f {
        height: 450px !important;
    }

    .ht-lg-450p-f {
        height: 450% !important;
    }

    .ht-lg-500 {
        height: 500px;
    }

    .ht-lg-500p {
        height: 500%;
    }

    .mx-ht-lg-500p {
        max-height: 500%;
    }

    .mn-ht-lg-500p {
        min-height: 500%;
    }

    .ht-lg-500-f {
        height: 500px !important;
    }

    .ht-lg-500p-f {
        height: 500% !important;
    }

    .ht-lg-550 {
        height: 550px;
    }

    .ht-lg-550p {
        height: 550%;
    }

    .mx-ht-lg-550p {
        max-height: 550%;
    }

    .mn-ht-lg-550p {
        min-height: 550%;
    }

    .ht-lg-550-f {
        height: 550px !important;
    }

    .ht-lg-550p-f {
        height: 550% !important;
    }

    .ht-lg-600 {
        height: 600px;
    }

    .ht-lg-600p {
        height: 600%;
    }

    .mx-ht-lg-600p {
        max-height: 600%;
    }

    .mn-ht-lg-600p {
        min-height: 600%;
    }

    .ht-lg-600-f {
        height: 600px !important;
    }

    .ht-lg-600p-f {
        height: 600% !important;
    }

    .ht-lg-650 {
        height: 650px;
    }

    .ht-lg-650p {
        height: 650%;
    }

    .mx-ht-lg-650p {
        max-height: 650%;
    }

    .mn-ht-lg-650p {
        min-height: 650%;
    }

    .ht-lg-650-f {
        height: 650px !important;
    }

    .ht-lg-650p-f {
        height: 650% !important;
    }

    .ht-lg-700 {
        height: 700px;
    }

    .ht-lg-700p {
        height: 700%;
    }

    .mx-ht-lg-700p {
        max-height: 700%;
    }

    .mn-ht-lg-700p {
        min-height: 700%;
    }

    .ht-lg-700-f {
        height: 700px !important;
    }

    .ht-lg-700p-f {
        height: 700% !important;
    }

    .ht-lg-750 {
        height: 750px;
    }

    .ht-lg-750p {
        height: 750%;
    }

    .mx-ht-lg-750p {
        max-height: 750%;
    }

    .mn-ht-lg-750p {
        min-height: 750%;
    }

    .ht-lg-750-f {
        height: 750px !important;
    }

    .ht-lg-750p-f {
        height: 750% !important;
    }

    .ht-lg-800 {
        height: 800px;
    }

    .ht-lg-800p {
        height: 800%;
    }

    .mx-ht-lg-800p {
        max-height: 800%;
    }

    .mn-ht-lg-800p {
        min-height: 800%;
    }

    .ht-lg-800-f {
        height: 800px !important;
    }

    .ht-lg-800p-f {
        height: 800% !important;
    }

    .ht-lg-850 {
        height: 850px;
    }

    .ht-lg-850p {
        height: 850%;
    }

    .mx-ht-lg-850p {
        max-height: 850%;
    }

    .mn-ht-lg-850p {
        min-height: 850%;
    }

    .ht-lg-850-f {
        height: 850px !important;
    }

    .ht-lg-850p-f {
        height: 850% !important;
    }

    .ht-lg-100v {
        height: 100vh;
    }
}

@media (min-width: 1200px) {
    .ht-xl-5 {
        height: 5px;
    }

    .ht-xl-5p {
        height: 5%;
    }

    .mx-ht-xl-5p {
        max-height: 5%;
    }

    .mn-ht-xl-5p {
        min-height: 5%;
    }

    .ht-xl-5-f {
        height: 5px !important;
    }

    .ht-xl-5p-f {
        height: 5% !important;
    }

    .ht-xl-10 {
        height: 10px;
    }

    .ht-xl-10p {
        height: 10%;
    }

    .mx-ht-xl-10p {
        max-height: 10%;
    }

    .mn-ht-xl-10p {
        min-height: 10%;
    }

    .ht-xl-10-f {
        height: 10px !important;
    }

    .ht-xl-10p-f {
        height: 10% !important;
    }

    .ht-xl-15 {
        height: 15px;
    }

    .ht-xl-15p {
        height: 15%;
    }

    .mx-ht-xl-15p {
        max-height: 15%;
    }

    .mn-ht-xl-15p {
        min-height: 15%;
    }

    .ht-xl-15-f {
        height: 15px !important;
    }

    .ht-xl-15p-f {
        height: 15% !important;
    }

    .ht-xl-20 {
        height: 20px;
    }

    .ht-xl-20p {
        height: 20%;
    }

    .mx-ht-xl-20p {
        max-height: 20%;
    }

    .mn-ht-xl-20p {
        min-height: 20%;
    }

    .ht-xl-20-f {
        height: 20px !important;
    }

    .ht-xl-20p-f {
        height: 20% !important;
    }

    .ht-xl-25 {
        height: 25px;
    }

    .ht-xl-25p {
        height: 25%;
    }

    .mx-ht-xl-25p {
        max-height: 25%;
    }

    .mn-ht-xl-25p {
        min-height: 25%;
    }

    .ht-xl-25-f {
        height: 25px !important;
    }

    .ht-xl-25p-f {
        height: 25% !important;
    }

    .ht-xl-30 {
        height: 30px;
    }

    .ht-xl-30p {
        height: 30%;
    }

    .mx-ht-xl-30p {
        max-height: 30%;
    }

    .mn-ht-xl-30p {
        min-height: 30%;
    }

    .ht-xl-30-f {
        height: 30px !important;
    }

    .ht-xl-30p-f {
        height: 30% !important;
    }

    .ht-xl-35 {
        height: 35px;
    }

    .ht-xl-35p {
        height: 35%;
    }

    .mx-ht-xl-35p {
        max-height: 35%;
    }

    .mn-ht-xl-35p {
        min-height: 35%;
    }

    .ht-xl-35-f {
        height: 35px !important;
    }

    .ht-xl-35p-f {
        height: 35% !important;
    }

    .ht-xl-40 {
        height: 40px;
    }

    .ht-xl-40p {
        height: 40%;
    }

    .mx-ht-xl-40p {
        max-height: 40%;
    }

    .mn-ht-xl-40p {
        min-height: 40%;
    }

    .ht-xl-40-f {
        height: 40px !important;
    }

    .ht-xl-40p-f {
        height: 40% !important;
    }

    .ht-xl-45 {
        height: 45px;
    }

    .ht-xl-45p {
        height: 45%;
    }

    .mx-ht-xl-45p {
        max-height: 45%;
    }

    .mn-ht-xl-45p {
        min-height: 45%;
    }

    .ht-xl-45-f {
        height: 45px !important;
    }

    .ht-xl-45p-f {
        height: 45% !important;
    }

    .ht-xl-50 {
        height: 50px;
    }

    .ht-xl-50p {
        height: 50%;
    }

    .mx-ht-xl-50p {
        max-height: 50%;
    }

    .mn-ht-xl-50p {
        min-height: 50%;
    }

    .ht-xl-50-f {
        height: 50px !important;
    }

    .ht-xl-50p-f {
        height: 50% !important;
    }

    .ht-xl-55 {
        height: 55px;
    }

    .ht-xl-55p {
        height: 55%;
    }

    .mx-ht-xl-55p {
        max-height: 55%;
    }

    .mn-ht-xl-55p {
        min-height: 55%;
    }

    .ht-xl-55-f {
        height: 55px !important;
    }

    .ht-xl-55p-f {
        height: 55% !important;
    }

    .ht-xl-60 {
        height: 60px;
    }

    .ht-xl-60p {
        height: 60%;
    }

    .mx-ht-xl-60p {
        max-height: 60%;
    }

    .mn-ht-xl-60p {
        min-height: 60%;
    }

    .ht-xl-60-f {
        height: 60px !important;
    }

    .ht-xl-60p-f {
        height: 60% !important;
    }

    .ht-xl-65 {
        height: 65px;
    }

    .ht-xl-65p {
        height: 65%;
    }

    .mx-ht-xl-65p {
        max-height: 65%;
    }

    .mn-ht-xl-65p {
        min-height: 65%;
    }

    .ht-xl-65-f {
        height: 65px !important;
    }

    .ht-xl-65p-f {
        height: 65% !important;
    }

    .ht-xl-70 {
        height: 70px;
    }

    .ht-xl-70p {
        height: 70%;
    }

    .mx-ht-xl-70p {
        max-height: 70%;
    }

    .mn-ht-xl-70p {
        min-height: 70%;
    }

    .ht-xl-70-f {
        height: 70px !important;
    }

    .ht-xl-70p-f {
        height: 70% !important;
    }

    .ht-xl-75 {
        height: 75px;
    }

    .ht-xl-75p {
        height: 75%;
    }

    .mx-ht-xl-75p {
        max-height: 75%;
    }

    .mn-ht-xl-75p {
        min-height: 75%;
    }

    .ht-xl-75-f {
        height: 75px !important;
    }

    .ht-xl-75p-f {
        height: 75% !important;
    }

    .ht-xl-80 {
        height: 80px;
    }

    .ht-xl-80p {
        height: 80%;
    }

    .mx-ht-xl-80p {
        max-height: 80%;
    }

    .mn-ht-xl-80p {
        min-height: 80%;
    }

    .ht-xl-80-f {
        height: 80px !important;
    }

    .ht-xl-80p-f {
        height: 80% !important;
    }

    .ht-xl-85 {
        height: 85px;
    }

    .ht-xl-85p {
        height: 85%;
    }

    .mx-ht-xl-85p {
        max-height: 85%;
    }

    .mn-ht-xl-85p {
        min-height: 85%;
    }

    .ht-xl-85-f {
        height: 85px !important;
    }

    .ht-xl-85p-f {
        height: 85% !important;
    }

    .ht-xl-90 {
        height: 90px;
    }

    .ht-xl-90p {
        height: 90%;
    }

    .mx-ht-xl-90p {
        max-height: 90%;
    }

    .mn-ht-xl-90p {
        min-height: 90%;
    }

    .ht-xl-90-f {
        height: 90px !important;
    }

    .ht-xl-90p-f {
        height: 90% !important;
    }

    .ht-xl-95 {
        height: 95px;
    }

    .ht-xl-95p {
        height: 95%;
    }

    .mx-ht-xl-95p {
        max-height: 95%;
    }

    .mn-ht-xl-95p {
        min-height: 95%;
    }

    .ht-xl-95-f {
        height: 95px !important;
    }

    .ht-xl-95p-f {
        height: 95% !important;
    }

    .ht-xl-100 {
        height: 100px;
    }

    .ht-xl-100p {
        height: 100%;
    }

    .mx-ht-xl-100p {
        max-height: 100%;
    }

    .mn-ht-xl-100p {
        min-height: 100%;
    }

    .ht-xl-100-f {
        height: 100px !important;
    }

    .ht-xl-100p-f {
        height: 100% !important;
    }

    .ht-xl-150 {
        height: 150px;
    }

    .ht-xl-150p {
        height: 150%;
    }

    .mx-ht-xl-150p {
        max-height: 150%;
    }

    .mn-ht-xl-150p {
        min-height: 150%;
    }

    .ht-xl-150-f {
        height: 150px !important;
    }

    .ht-xl-150p-f {
        height: 150% !important;
    }

    .ht-xl-200 {
        height: 200px;
    }

    .ht-xl-200p {
        height: 200%;
    }

    .mx-ht-xl-200p {
        max-height: 200%;
    }

    .mn-ht-xl-200p {
        min-height: 200%;
    }

    .ht-xl-200-f {
        height: 200px !important;
    }

    .ht-xl-200p-f {
        height: 200% !important;
    }

    .ht-xl-250 {
        height: 250px;
    }

    .ht-xl-250p {
        height: 250%;
    }

    .mx-ht-xl-250p {
        max-height: 250%;
    }

    .mn-ht-xl-250p {
        min-height: 250%;
    }

    .ht-xl-250-f {
        height: 250px !important;
    }

    .ht-xl-250p-f {
        height: 250% !important;
    }

    .ht-xl-300 {
        height: 300px;
    }

    .ht-xl-300p {
        height: 300%;
    }

    .mx-ht-xl-300p {
        max-height: 300%;
    }

    .mn-ht-xl-300p {
        min-height: 300%;
    }

    .ht-xl-300-f {
        height: 300px !important;
    }

    .ht-xl-300p-f {
        height: 300% !important;
    }

    .ht-xl-350 {
        height: 350px;
    }

    .ht-xl-350p {
        height: 350%;
    }

    .mx-ht-xl-350p {
        max-height: 350%;
    }

    .mn-ht-xl-350p {
        min-height: 350%;
    }

    .ht-xl-350-f {
        height: 350px !important;
    }

    .ht-xl-350p-f {
        height: 350% !important;
    }

    .ht-xl-400 {
        height: 400px;
    }

    .ht-xl-400p {
        height: 400%;
    }

    .mx-ht-xl-400p {
        max-height: 400%;
    }

    .mn-ht-xl-400p {
        min-height: 400%;
    }

    .ht-xl-400-f {
        height: 400px !important;
    }

    .ht-xl-400p-f {
        height: 400% !important;
    }

    .ht-xl-450 {
        height: 450px;
    }

    .ht-xl-450p {
        height: 450%;
    }

    .mx-ht-xl-450p {
        max-height: 450%;
    }

    .mn-ht-xl-450p {
        min-height: 450%;
    }

    .ht-xl-450-f {
        height: 450px !important;
    }

    .ht-xl-450p-f {
        height: 450% !important;
    }

    .ht-xl-500 {
        height: 500px;
    }

    .ht-xl-500p {
        height: 500%;
    }

    .mx-ht-xl-500p {
        max-height: 500%;
    }

    .mn-ht-xl-500p {
        min-height: 500%;
    }

    .ht-xl-500-f {
        height: 500px !important;
    }

    .ht-xl-500p-f {
        height: 500% !important;
    }

    .ht-xl-550 {
        height: 550px;
    }

    .ht-xl-550p {
        height: 550%;
    }

    .mx-ht-xl-550p {
        max-height: 550%;
    }

    .mn-ht-xl-550p {
        min-height: 550%;
    }

    .ht-xl-550-f {
        height: 550px !important;
    }

    .ht-xl-550p-f {
        height: 550% !important;
    }

    .ht-xl-600 {
        height: 600px;
    }

    .ht-xl-600p {
        height: 600%;
    }

    .mx-ht-xl-600p {
        max-height: 600%;
    }

    .mn-ht-xl-600p {
        min-height: 600%;
    }

    .ht-xl-600-f {
        height: 600px !important;
    }

    .ht-xl-600p-f {
        height: 600% !important;
    }

    .ht-xl-650 {
        height: 650px;
    }

    .ht-xl-650p {
        height: 650%;
    }

    .mx-ht-xl-650p {
        max-height: 650%;
    }

    .mn-ht-xl-650p {
        min-height: 650%;
    }

    .ht-xl-650-f {
        height: 650px !important;
    }

    .ht-xl-650p-f {
        height: 650% !important;
    }

    .ht-xl-700 {
        height: 700px;
    }

    .ht-xl-700p {
        height: 700%;
    }

    .mx-ht-xl-700p {
        max-height: 700%;
    }

    .mn-ht-xl-700p {
        min-height: 700%;
    }

    .ht-xl-700-f {
        height: 700px !important;
    }

    .ht-xl-700p-f {
        height: 700% !important;
    }

    .ht-xl-750 {
        height: 750px;
    }

    .ht-xl-750p {
        height: 750%;
    }

    .mx-ht-xl-750p {
        max-height: 750%;
    }

    .mn-ht-xl-750p {
        min-height: 750%;
    }

    .ht-xl-750-f {
        height: 750px !important;
    }

    .ht-xl-750p-f {
        height: 750% !important;
    }

    .ht-xl-800 {
        height: 800px;
    }

    .ht-xl-800p {
        height: 800%;
    }

    .mx-ht-xl-800p {
        max-height: 800%;
    }

    .mn-ht-xl-800p {
        min-height: 800%;
    }

    .ht-xl-800-f {
        height: 800px !important;
    }

    .ht-xl-800p-f {
        height: 800% !important;
    }

    .ht-xl-850 {
        height: 850px;
    }

    .ht-xl-850p {
        height: 850%;
    }

    .mx-ht-xl-850p {
        max-height: 850%;
    }

    .mn-ht-xl-850p {
        min-height: 850%;
    }

    .ht-xl-850-f {
        height: 850px !important;
    }

    .ht-xl-850p-f {
        height: 850% !important;
    }

    .ht-xl-100v {
        height: 100vh;
    }
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.me-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ms-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.me-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ms-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.me-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ms-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.me-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ms-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.me-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ms-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.me-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ms-5,
.mx-5 {
    margin-left: 3rem !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.me-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ms-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.me-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ms-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.me-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ms-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.me-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ms-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.me-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ms-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.me-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ms-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }

    .me-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }

    .ms-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }

    .me-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ms-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }

    .me-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ms-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }

    .me-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ms-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }

    .me-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ms-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }

    .me-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }

    .ms-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }

    .m-sm-n1 {
        margin: -0.25rem !important;
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }

    .me-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ms-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }

    .m-sm-n2 {
        margin: -0.5rem !important;
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }

    .me-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ms-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important;
    }

    .m-sm-n3 {
        margin: -1rem !important;
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }

    .me-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }

    .ms-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important;
    }

    .m-sm-n4 {
        margin: -1.5rem !important;
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important;
    }

    .me-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ms-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }

    .m-sm-n5 {
        margin: -3rem !important;
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }

    .me-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }

    .ms-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }

    .me-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }

    .ms-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }

    .me-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }

    .ms-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }

    .me-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ms-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }

    .me-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ms-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }

    .me-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }

    .ms-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }

    .me-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ms-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }

    .me-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }

    .ms-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }

    .m-md-n1 {
        margin: -0.25rem !important;
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important;
    }

    .me-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ms-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important;
    }

    .m-md-n2 {
        margin: -0.5rem !important;
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important;
    }

    .me-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ms-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important;
    }

    .m-md-n3 {
        margin: -1rem !important;
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important;
    }

    .me-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important;
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important;
    }

    .ms-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important;
    }

    .m-md-n4 {
        margin: -1.5rem !important;
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important;
    }

    .me-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ms-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important;
    }

    .m-md-n5 {
        margin: -3rem !important;
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important;
    }

    .me-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important;
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important;
    }

    .ms-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }

    .me-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }

    .ms-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }

    .me-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }

    .ms-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }

    .me-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ms-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }

    .me-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ms-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }

    .me-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ms-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }

    .me-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ms-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }

    .me-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ms-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }

    .m-lg-n1 {
        margin: -0.25rem !important;
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important;
    }

    .me-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ms-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }

    .m-lg-n2 {
        margin: -0.5rem !important;
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important;
    }

    .me-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ms-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important;
    }

    .m-lg-n3 {
        margin: -1rem !important;
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important;
    }

    .me-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important;
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important;
    }

    .ms-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important;
    }

    .m-lg-n4 {
        margin: -1.5rem !important;
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important;
    }

    .me-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ms-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important;
    }

    .m-lg-n5 {
        margin: -3rem !important;
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important;
    }

    .me-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important;
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important;
    }

    .ms-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }

    .me-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }

    .ms-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }

    .me-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }

    .ms-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }

    .me-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ms-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }

    .me-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ms-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }

    .me-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ms-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }

    .me-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ms-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }

    .me-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }

    .ms-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }

    .m-xl-n1 {
        margin: -0.25rem !important;
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important;
    }

    .me-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ms-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }

    .m-xl-n2 {
        margin: -0.5rem !important;
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important;
    }

    .me-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ms-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important;
    }

    .m-xl-n3 {
        margin: -1rem !important;
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important;
    }

    .me-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important;
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important;
    }

    .ms-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important;
    }

    .m-xl-n4 {
        margin: -1.5rem !important;
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important;
    }

    .me-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ms-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important;
    }

    .m-xl-n5 {
        margin: -3rem !important;
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important;
    }

    .me-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important;
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important;
    }

    .ms-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }

    .me-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }

    .ms-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}

/* ###### 9.4 Margin   ###### */
.mg-0 {
    margin: 0px;
}

.mg-0-f {
    margin: 0px !important;
}

.mg-y-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.mg-y-0-f {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.mg-x-0 {
    margin-left: 0px;
    margin-right: 0px;
}

.mg-x-0-f {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.mg-t-0 {
    margin-top: 0px;
}

.mg-r-0 {
    margin-right: 0px;
}

.mg-b-0 {
    margin-bottom: 0px;
}

.mg-l-0 {
    margin-left: 0px;
}

.mg-t-0-f {
    margin-top: 0px !important;
}

.mg-r-0-f {
    margin-right: 0px !important;
}

.mg-b-0-f {
    margin-bottom: 0px !important;
}

.mg-l-0-f {
    margin-left: 0px !important;
}

.mg-1 {
    margin: 1px;
}

.mg-1-f {
    margin: 1px !important;
}

.mg-y-1 {
    margin-top: 1px;
    margin-bottom: 1px;
}

.mg-y-1-f {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

.mg-x-1 {
    margin-left: 1px;
    margin-right: 1px;
}

.mg-x-1-f {
    margin-left: 1px !important;
    margin-right: 1px !important;
}

.mg-t-1 {
    margin-top: 1px;
}

.mg-r-1 {
    margin-right: 1px;
}

.mg-b-1 {
    margin-bottom: 1px;
}

.mg-l-1 {
    margin-left: 1px;
}

.mg-t-1-f {
    margin-top: 1px !important;
}

.mg-r-1-f {
    margin-right: 1px !important;
}

.mg-b-1-f {
    margin-bottom: 1px !important;
}

.mg-l-1-f {
    margin-left: 1px !important;
}

.mg-2 {
    margin: 2px;
}

.mg-2-f {
    margin: 2px !important;
}

.mg-y-2 {
    margin-top: 2px;
    margin-bottom: 2px;
}

.mg-y-2-f {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.mg-x-2 {
    margin-left: 2px;
    margin-right: 2px;
}

.mg-x-2-f {
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.mg-t-2 {
    margin-top: 2px;
}

.mg-r-2 {
    margin-right: 2px;
}

.mg-b-2 {
    margin-bottom: 2px;
}

.mg-l-2 {
    margin-left: 2px;
}

.mg-t-2-f {
    margin-top: 2px !important;
}

.mg-r-2-f {
    margin-right: 2px !important;
}

.mg-b-2-f {
    margin-bottom: 2px !important;
}

.mg-l-2-f {
    margin-left: 2px !important;
}

.mg-3 {
    margin: 3px;
}

.mg-3-f {
    margin: 3px !important;
}

.mg-y-3 {
    margin-top: 3px;
    margin-bottom: 3px;
}

.mg-y-3-f {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.mg-x-3 {
    margin-left: 3px;
    margin-right: 3px;
}

.mg-x-3-f {
    margin-left: 3px !important;
    margin-right: 3px !important;
}

.mg-t-3 {
    margin-top: 3px;
}

.mg-r-3 {
    margin-right: 3px;
}

.mg-b-3 {
    margin-bottom: 3px;
}

.mg-l-3 {
    margin-left: 3px;
}

.mg-t-3-f {
    margin-top: 3px !important;
}

.mg-r-3-f {
    margin-right: 3px !important;
}

.mg-b-3-f {
    margin-bottom: 3px !important;
}

.mg-l-3-f {
    margin-left: 3px !important;
}

.mg-4 {
    margin: 4px;
}

.mg-4-f {
    margin: 4px !important;
}

.mg-y-4 {
    margin-top: 4px;
    margin-bottom: 4px;
}

.mg-y-4-f {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

.mg-x-4 {
    margin-left: 4px;
    margin-right: 4px;
}

.mg-x-4-f {
    margin-left: 4px !important;
    margin-right: 4px !important;
}

.mg-t-4 {
    margin-top: 4px;
}

.mg-r-4 {
    margin-right: 4px;
}

.mg-b-4 {
    margin-bottom: 4px;
}

.mg-l-4 {
    margin-left: 4px;
}

.mg-t-4-f {
    margin-top: 4px !important;
}

.mg-r-4-f {
    margin-right: 4px !important;
}

.mg-b-4-f {
    margin-bottom: 4px !important;
}

.mg-l-4-f {
    margin-left: 4px !important;
}

.mg-5 {
    margin: 5px;
}

.mg-5-f {
    margin: 5px !important;
}

.mg-y-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mg-y-5-f {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.mg-x-5 {
    margin-left: 5px;
    margin-right: 5px;
}

.mg-x-5-f {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.mg-t-5 {
    margin-top: 5px;
}

.mg-r-5 {
    margin-right: 5px;
}

.mg-b-5 {
    margin-bottom: 5px;
}

.mg-l-5 {
    margin-left: 5px;
}

.mg-t-5-f {
    margin-top: 5px !important;
}

.mg-r-5-f {
    margin-right: 5px !important;
}

.mg-b-5-f {
    margin-bottom: 5px !important;
}

.mg-l-5-f {
    margin-left: 5px !important;
}

.mg-6 {
    margin: 6px;
}

.mg-6-f {
    margin: 6px !important;
}

.mg-y-6 {
    margin-top: 6px;
    margin-bottom: 6px;
}

.mg-y-6-f {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

.mg-x-6 {
    margin-left: 6px;
    margin-right: 6px;
}

.mg-x-6-f {
    margin-left: 6px !important;
    margin-right: 6px !important;
}

.mg-t-6 {
    margin-top: 6px;
}

.mg-r-6 {
    margin-right: 6px;
}

.mg-b-6 {
    margin-bottom: 6px;
}

.mg-l-6 {
    margin-left: 6px;
}

.mg-t-6-f {
    margin-top: 6px !important;
}

.mg-r-6-f {
    margin-right: 6px !important;
}

.mg-b-6-f {
    margin-bottom: 6px !important;
}

.mg-l-6-f {
    margin-left: 6px !important;
}

.mg-7 {
    margin: 7px;
}

.mg-7-f {
    margin: 7px !important;
}

.mg-y-7 {
    margin-top: 7px;
    margin-bottom: 7px;
}

.mg-y-7-f {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
}

.mg-x-7 {
    margin-left: 7px;
    margin-right: 7px;
}

.mg-x-7-f {
    margin-left: 7px !important;
    margin-right: 7px !important;
}

.mg-t-7 {
    margin-top: 7px;
}

.mg-r-7 {
    margin-right: 7px;
}

.mg-b-7 {
    margin-bottom: 7px;
}

.mg-l-7 {
    margin-left: 7px;
}

.mg-t-7-f {
    margin-top: 7px !important;
}

.mg-r-7-f {
    margin-right: 7px !important;
}

.mg-b-7-f {
    margin-bottom: 7px !important;
}

.mg-l-7-f {
    margin-left: 7px !important;
}

.mg-8 {
    margin: 8px;
}

.mg-8-f {
    margin: 8px !important;
}

.mg-y-8 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.mg-y-8-f {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.mg-x-8 {
    margin-left: 8px;
    margin-right: 8px;
}

.mg-x-8-f {
    margin-left: 8px !important;
    margin-right: 8px !important;
}

.mg-t-8 {
    margin-top: 8px;
}

.mg-r-8 {
    margin-right: 8px;
}

.mg-b-8 {
    margin-bottom: 8px;
}

.mg-l-8 {
    margin-left: 8px;
}

.mg-t-8-f {
    margin-top: 8px !important;
}

.mg-r-8-f {
    margin-right: 8px !important;
}

.mg-b-8-f {
    margin-bottom: 8px !important;
}

.mg-l-8-f {
    margin-left: 8px !important;
}

.mg-9 {
    margin: 9px;
}

.mg-9-f {
    margin: 9px !important;
}

.mg-y-9 {
    margin-top: 9px;
    margin-bottom: 9px;
}

.mg-y-9-f {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
}

.mg-x-9 {
    margin-left: 9px;
    margin-right: 9px;
}

.mg-x-9-f {
    margin-left: 9px !important;
    margin-right: 9px !important;
}

.mg-t-9 {
    margin-top: 9px;
}

.mg-r-9 {
    margin-right: 9px;
}

.mg-b-9 {
    margin-bottom: 9px;
}

.mg-l-9 {
    margin-left: 9px;
}

.mg-t-9-f {
    margin-top: 9px !important;
}

.mg-r-9-f {
    margin-right: 9px !important;
}

.mg-b-9-f {
    margin-bottom: 9px !important;
}

.mg-l-9-f {
    margin-left: 9px !important;
}

.mg-10 {
    margin: 10px;
}

.mg-10-f {
    margin: 10px !important;
}

.mg-y-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mg-y-10-f {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mg-x-10 {
    margin-left: 10px;
    margin-right: 10px;
}

.mg-x-10-f {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.mg-t-10 {
    margin-top: 10px;
}

.mg-r-10 {
    margin-right: 10px;
}

.mg-b-10 {
    margin-bottom: 10px;
}

.mg-l-10 {
    margin-left: 10px;
}

.mg-t-10-f {
    margin-top: 10px !important;
}

.mg-r-10-f {
    margin-right: 10px !important;
}

.mg-b-10-f {
    margin-bottom: 10px !important;
}

.mg-l-10-f {
    margin-left: 10px !important;
}

.mg-15 {
    margin: 15px;
}

.mg-15-f {
    margin: 15px !important;
}

.mg-y-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mg-y-15-f {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.mg-x-15 {
    margin-left: 15px;
    margin-right: 15px;
}

.mg-x-15-f {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.mg-t-15 {
    margin-top: 15px;
}

.mg-r-15 {
    margin-right: 15px;
}

.mg-b-15 {
    margin-bottom: 15px;
}

.mg-l-15 {
    margin-left: 15px;
}

.mg-t-15-f {
    margin-top: 15px !important;
}

.mg-r-15-f {
    margin-right: 15px !important;
}

.mg-b-15-f {
    margin-bottom: 15px !important;
}

.mg-l-15-f {
    margin-left: 15px !important;
}

.mg-20 {
    margin: 20px;
}

.mg-20-f {
    margin: 20px !important;
}

.mg-y-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mg-y-20-f {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.mg-x-20 {
    margin-left: 20px;
    margin-right: 20px;
}

.mg-x-20-f {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.mg-t-20 {
    margin-top: 20px;
}

.mg-r-20 {
    margin-right: 20px;
}

.mg-b-20 {
    margin-bottom: 20px;
}

.mg-l-20 {
    margin-left: 20px;
}

.mg-t-20-f {
    margin-top: 20px !important;
}

.mg-r-20-f {
    margin-right: 20px !important;
}

.mg-b-20-f {
    margin-bottom: 20px !important;
}

.mg-l-20-f {
    margin-left: 20px !important;
}

.mg-25 {
    margin: 25px;
}

.mg-25-f {
    margin: 25px !important;
}

.mg-y-25 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.mg-y-25-f {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.mg-x-25 {
    margin-left: 25px;
    margin-right: 25px;
}

.mg-x-25-f {
    margin-left: 25px !important;
    margin-right: 25px !important;
}

.mg-t-25 {
    margin-top: 25px;
}

.mg-r-25 {
    margin-right: 25px;
}

.mg-b-25 {
    margin-bottom: 25px;
}

.mg-l-25 {
    margin-left: 25px;
}

.mg-t-25-f {
    margin-top: 25px !important;
}

.mg-r-25-f {
    margin-right: 25px !important;
}

.mg-b-25-f {
    margin-bottom: 25px !important;
}

.mg-l-25-f {
    margin-left: 25px !important;
}

.mg-30 {
    margin: 30px;
}

.mg-30-f {
    margin: 30px !important;
}

.mg-y-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.mg-y-30-f {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.mg-x-30 {
    margin-left: 30px;
    margin-right: 30px;
}

.mg-x-30-f {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.mg-t-30 {
    margin-top: 30px;
}

.mg-r-30 {
    margin-right: 30px;
}

.mg-b-30 {
    margin-bottom: 30px;
}

.mg-l-30 {
    margin-left: 30px;
}

.mg-t-30-f {
    margin-top: 30px !important;
}

.mg-r-30-f {
    margin-right: 30px !important;
}

.mg-b-30-f {
    margin-bottom: 30px !important;
}

.mg-l-30-f {
    margin-left: 30px !important;
}

.mg-35 {
    margin: 35px;
}

.mg-35-f {
    margin: 35px !important;
}

.mg-y-35 {
    margin-top: 35px;
    margin-bottom: 35px;
}

.mg-y-35-f {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}

.mg-x-35 {
    margin-left: 35px;
    margin-right: 35px;
}

.mg-x-35-f {
    margin-left: 35px !important;
    margin-right: 35px !important;
}

.mg-t-35 {
    margin-top: 35px;
}

.mg-r-35 {
    margin-right: 35px;
}

.mg-b-35 {
    margin-bottom: 35px;
}

.mg-l-35 {
    margin-left: 35px;
}

.mg-t-35-f {
    margin-top: 35px !important;
}

.mg-r-35-f {
    margin-right: 35px !important;
}

.mg-b-35-f {
    margin-bottom: 35px !important;
}

.mg-l-35-f {
    margin-left: 35px !important;
}

.mg-40 {
    margin: 40px;
}

.mg-40-f {
    margin: 40px !important;
}

.mg-y-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.mg-y-40-f {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.mg-x-40 {
    margin-left: 40px;
    margin-right: 40px;
}

.mg-x-40-f {
    margin-left: 40px !important;
    margin-right: 40px !important;
}

.mg-t-40 {
    margin-top: 40px;
}

.mg-r-40 {
    margin-right: 40px;
}

.mg-b-40 {
    margin-bottom: 40px;
}

.mg-l-40 {
    margin-left: 40px;
}

.mg-t-40-f {
    margin-top: 40px !important;
}

.mg-r-40-f {
    margin-right: 40px !important;
}

.mg-b-40-f {
    margin-bottom: 40px !important;
}

.mg-l-40-f {
    margin-left: 40px !important;
}

.mg-45 {
    margin: 45px;
}

.mg-45-f {
    margin: 45px !important;
}

.mg-y-45 {
    margin-top: 45px;
    margin-bottom: 45px;
}

.mg-y-45-f {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}

.mg-x-45 {
    margin-left: 45px;
    margin-right: 45px;
}

.mg-x-45-f {
    margin-left: 45px !important;
    margin-right: 45px !important;
}

.mg-t-45 {
    margin-top: 45px;
}

.mg-r-45 {
    margin-right: 45px;
}

.mg-b-45 {
    margin-bottom: 45px;
}

.mg-l-45 {
    margin-left: 45px;
}

.mg-t-45-f {
    margin-top: 45px !important;
}

.mg-r-45-f {
    margin-right: 45px !important;
}

.mg-b-45-f {
    margin-bottom: 45px !important;
}

.mg-l-45-f {
    margin-left: 45px !important;
}

.mg-50 {
    margin: 50px;
}

.mg-50-f {
    margin: 50px !important;
}

.mg-y-50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.mg-y-50-f {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.mg-x-50 {
    margin-left: 50px;
    margin-right: 50px;
}

.mg-x-50-f {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

.mg-t-50 {
    margin-top: 50px;
}

.mg-r-50 {
    margin-right: 50px;
}

.mg-b-50 {
    margin-bottom: 50px;
}

.mg-l-50 {
    margin-left: 50px;
}

.mg-t-50-f {
    margin-top: 50px !important;
}

.mg-r-50-f {
    margin-right: 50px !important;
}

.mg-b-50-f {
    margin-bottom: 50px !important;
}

.mg-l-50-f {
    margin-left: 50px !important;
}

.mg-55 {
    margin: 55px;
}

.mg-55-f {
    margin: 55px !important;
}

.mg-y-55 {
    margin-top: 55px;
    margin-bottom: 55px;
}

.mg-y-55-f {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
}

.mg-x-55 {
    margin-left: 55px;
    margin-right: 55px;
}

.mg-x-55-f {
    margin-left: 55px !important;
    margin-right: 55px !important;
}

.mg-t-55 {
    margin-top: 55px;
}

.mg-r-55 {
    margin-right: 55px;
}

.mg-b-55 {
    margin-bottom: 55px;
}

.mg-l-55 {
    margin-left: 55px;
}

.mg-t-55-f {
    margin-top: 55px !important;
}

.mg-r-55-f {
    margin-right: 55px !important;
}

.mg-b-55-f {
    margin-bottom: 55px !important;
}

.mg-l-55-f {
    margin-left: 55px !important;
}

.mg-60 {
    margin: 60px;
}

.mg-60-f {
    margin: 60px !important;
}

.mg-y-60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.mg-y-60-f {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.mg-x-60 {
    margin-left: 60px;
    margin-right: 60px;
}

.mg-x-60-f {
    margin-left: 60px !important;
    margin-right: 60px !important;
}

.mg-t-60 {
    margin-top: 60px;
}

.mg-r-60 {
    margin-right: 60px;
}

.mg-b-60 {
    margin-bottom: 60px;
}

.mg-l-60 {
    margin-left: 60px;
}

.mg-t-60-f {
    margin-top: 60px !important;
}

.mg-r-60-f {
    margin-right: 60px !important;
}

.mg-b-60-f {
    margin-bottom: 60px !important;
}

.mg-l-60-f {
    margin-left: 60px !important;
}

.mg-65 {
    margin: 65px;
}

.mg-65-f {
    margin: 65px !important;
}

.mg-y-65 {
    margin-top: 65px;
    margin-bottom: 65px;
}

.mg-y-65-f {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
}

.mg-x-65 {
    margin-left: 65px;
    margin-right: 65px;
}

.mg-x-65-f {
    margin-left: 65px !important;
    margin-right: 65px !important;
}

.mg-t-65 {
    margin-top: 65px;
}

.mg-r-65 {
    margin-right: 65px;
}

.mg-b-65 {
    margin-bottom: 65px;
}

.mg-l-65 {
    margin-left: 65px;
}

.mg-t-65-f {
    margin-top: 65px !important;
}

.mg-r-65-f {
    margin-right: 65px !important;
}

.mg-b-65-f {
    margin-bottom: 65px !important;
}

.mg-l-65-f {
    margin-left: 65px !important;
}

.mg-70 {
    margin: 70px;
}

.mg-70-f {
    margin: 70px !important;
}

.mg-y-70 {
    margin-top: 70px;
    margin-bottom: 70px;
}

.mg-y-70-f {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}

.mg-x-70 {
    margin-left: 70px;
    margin-right: 70px;
}

.mg-x-70-f {
    margin-left: 70px !important;
    margin-right: 70px !important;
}

.mg-t-70 {
    margin-top: 70px;
}

.mg-r-70 {
    margin-right: 70px;
}

.mg-b-70 {
    margin-bottom: 70px;
}

.mg-l-70 {
    margin-left: 70px;
}

.mg-t-70-f {
    margin-top: 70px !important;
}

.mg-r-70-f {
    margin-right: 70px !important;
}

.mg-b-70-f {
    margin-bottom: 70px !important;
}

.mg-l-70-f {
    margin-left: 70px !important;
}

.mg-75 {
    margin: 75px;
}

.mg-75-f {
    margin: 75px !important;
}

.mg-y-75 {
    margin-top: 75px;
    margin-bottom: 75px;
}

.mg-y-75-f {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
}

.mg-x-75 {
    margin-left: 75px;
    margin-right: 75px;
}

.mg-x-75-f {
    margin-left: 75px !important;
    margin-right: 75px !important;
}

.mg-t-75 {
    margin-top: 75px;
}

.mg-r-75 {
    margin-right: 75px;
}

.mg-b-75 {
    margin-bottom: 75px;
}

.mg-l-75 {
    margin-left: 75px;
}

.mg-t-75-f {
    margin-top: 75px !important;
}

.mg-r-75-f {
    margin-right: 75px !important;
}

.mg-b-75-f {
    margin-bottom: 75px !important;
}

.mg-l-75-f {
    margin-left: 75px !important;
}

.mg-80 {
    margin: 80px;
}

.mg-80-f {
    margin: 80px !important;
}

.mg-y-80 {
    margin-top: 80px;
    margin-bottom: 80px;
}

.mg-y-80-f {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

.mg-x-80 {
    margin-left: 80px;
    margin-right: 80px;
}

.mg-x-80-f {
    margin-left: 80px !important;
    margin-right: 80px !important;
}

.mg-t-80 {
    margin-top: 80px;
}

.mg-r-80 {
    margin-right: 80px;
}

.mg-b-80 {
    margin-bottom: 80px;
}

.mg-l-80 {
    margin-left: 80px;
}

.mg-t-80-f {
    margin-top: 80px !important;
}

.mg-r-80-f {
    margin-right: 80px !important;
}

.mg-b-80-f {
    margin-bottom: 80px !important;
}

.mg-l-80-f {
    margin-left: 80px !important;
}

.mg-85 {
    margin: 85px;
}

.mg-85-f {
    margin: 85px !important;
}

.mg-y-85 {
    margin-top: 85px;
    margin-bottom: 85px;
}

.mg-y-85-f {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
}

.mg-x-85 {
    margin-left: 85px;
    margin-right: 85px;
}

.mg-x-85-f {
    margin-left: 85px !important;
    margin-right: 85px !important;
}

.mg-t-85 {
    margin-top: 85px;
}

.mg-r-85 {
    margin-right: 85px;
}

.mg-b-85 {
    margin-bottom: 85px;
}

.mg-l-85 {
    margin-left: 85px;
}

.mg-t-85-f {
    margin-top: 85px !important;
}

.mg-r-85-f {
    margin-right: 85px !important;
}

.mg-b-85-f {
    margin-bottom: 85px !important;
}

.mg-l-85-f {
    margin-left: 85px !important;
}

.mg-90 {
    margin: 90px;
}

.mg-90-f {
    margin: 90px !important;
}

.mg-y-90 {
    margin-top: 90px;
    margin-bottom: 90px;
}

.mg-y-90-f {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
}

.mg-x-90 {
    margin-left: 90px;
    margin-right: 90px;
}

.mg-x-90-f {
    margin-left: 90px !important;
    margin-right: 90px !important;
}

.mg-t-90 {
    margin-top: 90px;
}

.mg-r-90 {
    margin-right: 90px;
}

.mg-b-90 {
    margin-bottom: 90px;
}

.mg-l-90 {
    margin-left: 90px;
}

.mg-t-90-f {
    margin-top: 90px !important;
}

.mg-r-90-f {
    margin-right: 90px !important;
}

.mg-b-90-f {
    margin-bottom: 90px !important;
}

.mg-l-90-f {
    margin-left: 90px !important;
}

.mg-95 {
    margin: 95px;
}

.mg-95-f {
    margin: 95px !important;
}

.mg-y-95 {
    margin-top: 95px;
    margin-bottom: 95px;
}

.mg-y-95-f {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
}

.mg-x-95 {
    margin-left: 95px;
    margin-right: 95px;
}

.mg-x-95-f {
    margin-left: 95px !important;
    margin-right: 95px !important;
}

.mg-t-95 {
    margin-top: 95px;
}

.mg-r-95 {
    margin-right: 95px;
}

.mg-b-95 {
    margin-bottom: 95px;
}

.mg-l-95 {
    margin-left: 95px;
}

.mg-t-95-f {
    margin-top: 95px !important;
}

.mg-r-95-f {
    margin-right: 95px !important;
}

.mg-b-95-f {
    margin-bottom: 95px !important;
}

.mg-l-95-f {
    margin-left: 95px !important;
}

.mg-100 {
    margin: 100px;
}

.mg-100-f {
    margin: 100px !important;
}

.mg-y-100 {
    margin-top: 100px;
    margin-bottom: 100px;
}

.mg-y-100-f {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}

.mg-x-100 {
    margin-left: 100px;
    margin-right: 100px;
}

.mg-x-100-f {
    margin-left: 100px !important;
    margin-right: 100px !important;
}

.mg-t-100 {
    margin-top: 100px;
}

.mg-r-100 {
    margin-right: 100px;
}

.mg-b-100 {
    margin-bottom: 100px;
}

.mg-l-100 {
    margin-left: 100px;
}

.mg-t-100-f {
    margin-top: 100px !important;
}

.mg-r-100-f {
    margin-right: 100px !important;
}

.mg-b-100-f {
    margin-bottom: 100px !important;
}

.mg-l-100-f {
    margin-left: 100px !important;
}

.mg-105 {
    margin: 105px;
}

.mg-105-f {
    margin: 105px !important;
}

.mg-y-105 {
    margin-top: 105px;
    margin-bottom: 105px;
}

.mg-y-105-f {
    margin-top: 105px !important;
    margin-bottom: 105px !important;
}

.mg-x-105 {
    margin-left: 105px;
    margin-right: 105px;
}

.mg-x-105-f {
    margin-left: 105px !important;
    margin-right: 105px !important;
}

.mg-t-105 {
    margin-top: 105px;
}

.mg-r-105 {
    margin-right: 105px;
}

.mg-b-105 {
    margin-bottom: 105px;
}

.mg-l-105 {
    margin-left: 105px;
}

.mg-t-105-f {
    margin-top: 105px !important;
}

.mg-r-105-f {
    margin-right: 105px !important;
}

.mg-b-105-f {
    margin-bottom: 105px !important;
}

.mg-l-105-f {
    margin-left: 105px !important;
}

.mg-110 {
    margin: 110px;
}

.mg-110-f {
    margin: 110px !important;
}

.mg-y-110 {
    margin-top: 110px;
    margin-bottom: 110px;
}

.mg-y-110-f {
    margin-top: 110px !important;
    margin-bottom: 110px !important;
}

.mg-x-110 {
    margin-left: 110px;
    margin-right: 110px;
}

.mg-x-110-f {
    margin-left: 110px !important;
    margin-right: 110px !important;
}

.mg-t-110 {
    margin-top: 110px;
}

.mg-r-110 {
    margin-right: 110px;
}

.mg-b-110 {
    margin-bottom: 110px;
}

.mg-l-110 {
    margin-left: 110px;
}

.mg-t-110-f {
    margin-top: 110px !important;
}

.mg-r-110-f {
    margin-right: 110px !important;
}

.mg-b-110-f {
    margin-bottom: 110px !important;
}

.mg-l-110-f {
    margin-left: 110px !important;
}

.mg-115 {
    margin: 115px;
}

.mg-115-f {
    margin: 115px !important;
}

.mg-y-115 {
    margin-top: 115px;
    margin-bottom: 115px;
}

.mg-y-115-f {
    margin-top: 115px !important;
    margin-bottom: 115px !important;
}

.mg-x-115 {
    margin-left: 115px;
    margin-right: 115px;
}

.mg-x-115-f {
    margin-left: 115px !important;
    margin-right: 115px !important;
}

.mg-t-115 {
    margin-top: 115px;
}

.mg-r-115 {
    margin-right: 115px;
}

.mg-b-115 {
    margin-bottom: 115px;
}

.mg-l-115 {
    margin-left: 115px;
}

.mg-t-115-f {
    margin-top: 115px !important;
}

.mg-r-115-f {
    margin-right: 115px !important;
}

.mg-b-115-f {
    margin-bottom: 115px !important;
}

.mg-l-115-f {
    margin-left: 115px !important;
}

.mg-120 {
    margin: 120px;
}

.mg-120-f {
    margin: 120px !important;
}

.mg-y-120 {
    margin-top: 120px;
    margin-bottom: 120px;
}

.mg-y-120-f {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
}

.mg-x-120 {
    margin-left: 120px;
    margin-right: 120px;
}

.mg-x-120-f {
    margin-left: 120px !important;
    margin-right: 120px !important;
}

.mg-t-120 {
    margin-top: 120px;
}

.mg-r-120 {
    margin-right: 120px;
}

.mg-b-120 {
    margin-bottom: 120px;
}

.mg-l-120 {
    margin-left: 120px;
}

.mg-t-120-f {
    margin-top: 120px !important;
}

.mg-r-120-f {
    margin-right: 120px !important;
}

.mg-b-120-f {
    margin-bottom: 120px !important;
}

.mg-l-120-f {
    margin-left: 120px !important;
}

.mg-t-auto {
    margin-top: auto;
}

.mg-r-auto {
    margin-right: auto;
}

.mg-b-auto {
    margin-bottom: auto;
}

.mg-l-auto {
    margin-left: auto;
}

.mg-x-auto {
    margin: auto;
}

@media (min-width: 480px) {
    .mg-xs-0 {
        margin: 0px;
    }

    .mg-xs-0-f {
        margin: 0px !important;
    }

    .mg-xs-y-0 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .mg-xs-y-0-f {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .mg-xs-x-0 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .mg-xs-x-0-f {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .mg-xs-t-0 {
        margin-top: 0px;
    }

    .mg-xs-r-0 {
        margin-right: 0px;
    }

    .mg-xs-b-0 {
        margin-bottom: 0px;
    }

    .mg-xs-l-0 {
        margin-left: 0px;
    }

    .mg-xs-t-0-f {
        margin-top: 0px !important;
    }

    .mg-xs-r-0-f {
        margin-right: 0px !important;
    }

    .mg-xs-b-0-f {
        margin-bottom: 0px !important;
    }

    .mg-xs-l-0-f {
        margin-left: 0px !important;
    }

    .mg-xs-1 {
        margin: 1px;
    }

    .mg-xs-1-f {
        margin: 1px !important;
    }

    .mg-xs-y-1 {
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .mg-xs-y-1-f {
        margin-top: 1px !important;
        margin-bottom: 1px !important;
    }

    .mg-xs-x-1 {
        margin-left: 1px;
        margin-right: 1px;
    }

    .mg-xs-x-1-f {
        margin-left: 1px !important;
        margin-right: 1px !important;
    }

    .mg-xs-t-1 {
        margin-top: 1px;
    }

    .mg-xs-r-1 {
        margin-right: 1px;
    }

    .mg-xs-b-1 {
        margin-bottom: 1px;
    }

    .mg-xs-l-1 {
        margin-left: 1px;
    }

    .mg-xs-t-1-f {
        margin-top: 1px !important;
    }

    .mg-xs-r-1-f {
        margin-right: 1px !important;
    }

    .mg-xs-b-1-f {
        margin-bottom: 1px !important;
    }

    .mg-xs-l-1-f {
        margin-left: 1px !important;
    }

    .mg-xs-2 {
        margin: 2px;
    }

    .mg-xs-2-f {
        margin: 2px !important;
    }

    .mg-xs-y-2 {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .mg-xs-y-2-f {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }

    .mg-xs-x-2 {
        margin-left: 2px;
        margin-right: 2px;
    }

    .mg-xs-x-2-f {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }

    .mg-xs-t-2 {
        margin-top: 2px;
    }

    .mg-xs-r-2 {
        margin-right: 2px;
    }

    .mg-xs-b-2 {
        margin-bottom: 2px;
    }

    .mg-xs-l-2 {
        margin-left: 2px;
    }

    .mg-xs-t-2-f {
        margin-top: 2px !important;
    }

    .mg-xs-r-2-f {
        margin-right: 2px !important;
    }

    .mg-xs-b-2-f {
        margin-bottom: 2px !important;
    }

    .mg-xs-l-2-f {
        margin-left: 2px !important;
    }

    .mg-xs-3 {
        margin: 3px;
    }

    .mg-xs-3-f {
        margin: 3px !important;
    }

    .mg-xs-y-3 {
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .mg-xs-y-3-f {
        margin-top: 3px !important;
        margin-bottom: 3px !important;
    }

    .mg-xs-x-3 {
        margin-left: 3px;
        margin-right: 3px;
    }

    .mg-xs-x-3-f {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }

    .mg-xs-t-3 {
        margin-top: 3px;
    }

    .mg-xs-r-3 {
        margin-right: 3px;
    }

    .mg-xs-b-3 {
        margin-bottom: 3px;
    }

    .mg-xs-l-3 {
        margin-left: 3px;
    }

    .mg-xs-t-3-f {
        margin-top: 3px !important;
    }

    .mg-xs-r-3-f {
        margin-right: 3px !important;
    }

    .mg-xs-b-3-f {
        margin-bottom: 3px !important;
    }

    .mg-xs-l-3-f {
        margin-left: 3px !important;
    }

    .mg-xs-4 {
        margin: 4px;
    }

    .mg-xs-4-f {
        margin: 4px !important;
    }

    .mg-xs-y-4 {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .mg-xs-y-4-f {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }

    .mg-xs-x-4 {
        margin-left: 4px;
        margin-right: 4px;
    }

    .mg-xs-x-4-f {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }

    .mg-xs-t-4 {
        margin-top: 4px;
    }

    .mg-xs-r-4 {
        margin-right: 4px;
    }

    .mg-xs-b-4 {
        margin-bottom: 4px;
    }

    .mg-xs-l-4 {
        margin-left: 4px;
    }

    .mg-xs-t-4-f {
        margin-top: 4px !important;
    }

    .mg-xs-r-4-f {
        margin-right: 4px !important;
    }

    .mg-xs-b-4-f {
        margin-bottom: 4px !important;
    }

    .mg-xs-l-4-f {
        margin-left: 4px !important;
    }

    .mg-xs-5 {
        margin: 5px;
    }

    .mg-xs-5-f {
        margin: 5px !important;
    }

    .mg-xs-y-5 {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .mg-xs-y-5-f {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .mg-xs-x-5 {
        margin-left: 5px;
        margin-right: 5px;
    }

    .mg-xs-x-5-f {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .mg-xs-t-5 {
        margin-top: 5px;
    }

    .mg-xs-r-5 {
        margin-right: 5px;
    }

    .mg-xs-b-5 {
        margin-bottom: 5px;
    }

    .mg-xs-l-5 {
        margin-left: 5px;
    }

    .mg-xs-t-5-f {
        margin-top: 5px !important;
    }

    .mg-xs-r-5-f {
        margin-right: 5px !important;
    }

    .mg-xs-b-5-f {
        margin-bottom: 5px !important;
    }

    .mg-xs-l-5-f {
        margin-left: 5px !important;
    }

    .mg-xs-6 {
        margin: 6px;
    }

    .mg-xs-6-f {
        margin: 6px !important;
    }

    .mg-xs-y-6 {
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .mg-xs-y-6-f {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }

    .mg-xs-x-6 {
        margin-left: 6px;
        margin-right: 6px;
    }

    .mg-xs-x-6-f {
        margin-left: 6px !important;
        margin-right: 6px !important;
    }

    .mg-xs-t-6 {
        margin-top: 6px;
    }

    .mg-xs-r-6 {
        margin-right: 6px;
    }

    .mg-xs-b-6 {
        margin-bottom: 6px;
    }

    .mg-xs-l-6 {
        margin-left: 6px;
    }

    .mg-xs-t-6-f {
        margin-top: 6px !important;
    }

    .mg-xs-r-6-f {
        margin-right: 6px !important;
    }

    .mg-xs-b-6-f {
        margin-bottom: 6px !important;
    }

    .mg-xs-l-6-f {
        margin-left: 6px !important;
    }

    .mg-xs-7 {
        margin: 7px;
    }

    .mg-xs-7-f {
        margin: 7px !important;
    }

    .mg-xs-y-7 {
        margin-top: 7px;
        margin-bottom: 7px;
    }

    .mg-xs-y-7-f {
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }

    .mg-xs-x-7 {
        margin-left: 7px;
        margin-right: 7px;
    }

    .mg-xs-x-7-f {
        margin-left: 7px !important;
        margin-right: 7px !important;
    }

    .mg-xs-t-7 {
        margin-top: 7px;
    }

    .mg-xs-r-7 {
        margin-right: 7px;
    }

    .mg-xs-b-7 {
        margin-bottom: 7px;
    }

    .mg-xs-l-7 {
        margin-left: 7px;
    }

    .mg-xs-t-7-f {
        margin-top: 7px !important;
    }

    .mg-xs-r-7-f {
        margin-right: 7px !important;
    }

    .mg-xs-b-7-f {
        margin-bottom: 7px !important;
    }

    .mg-xs-l-7-f {
        margin-left: 7px !important;
    }

    .mg-xs-8 {
        margin: 8px;
    }

    .mg-xs-8-f {
        margin: 8px !important;
    }

    .mg-xs-y-8 {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .mg-xs-y-8-f {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

    .mg-xs-x-8 {
        margin-left: 8px;
        margin-right: 8px;
    }

    .mg-xs-x-8-f {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }

    .mg-xs-t-8 {
        margin-top: 8px;
    }

    .mg-xs-r-8 {
        margin-right: 8px;
    }

    .mg-xs-b-8 {
        margin-bottom: 8px;
    }

    .mg-xs-l-8 {
        margin-left: 8px;
    }

    .mg-xs-t-8-f {
        margin-top: 8px !important;
    }

    .mg-xs-r-8-f {
        margin-right: 8px !important;
    }

    .mg-xs-b-8-f {
        margin-bottom: 8px !important;
    }

    .mg-xs-l-8-f {
        margin-left: 8px !important;
    }

    .mg-xs-9 {
        margin: 9px;
    }

    .mg-xs-9-f {
        margin: 9px !important;
    }

    .mg-xs-y-9 {
        margin-top: 9px;
        margin-bottom: 9px;
    }

    .mg-xs-y-9-f {
        margin-top: 9px !important;
        margin-bottom: 9px !important;
    }

    .mg-xs-x-9 {
        margin-left: 9px;
        margin-right: 9px;
    }

    .mg-xs-x-9-f {
        margin-left: 9px !important;
        margin-right: 9px !important;
    }

    .mg-xs-t-9 {
        margin-top: 9px;
    }

    .mg-xs-r-9 {
        margin-right: 9px;
    }

    .mg-xs-b-9 {
        margin-bottom: 9px;
    }

    .mg-xs-l-9 {
        margin-left: 9px;
    }

    .mg-xs-t-9-f {
        margin-top: 9px !important;
    }

    .mg-xs-r-9-f {
        margin-right: 9px !important;
    }

    .mg-xs-b-9-f {
        margin-bottom: 9px !important;
    }

    .mg-xs-l-9-f {
        margin-left: 9px !important;
    }

    .mg-xs-10 {
        margin: 10px;
    }

    .mg-xs-10-f {
        margin: 10px !important;
    }

    .mg-xs-y-10 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mg-xs-y-10-f {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .mg-xs-x-10 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .mg-xs-x-10-f {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .mg-xs-t-10 {
        margin-top: 10px;
    }

    .mg-xs-r-10 {
        margin-right: 10px;
    }

    .mg-xs-b-10 {
        margin-bottom: 10px;
    }

    .mg-xs-l-10 {
        margin-left: 10px;
    }

    .mg-xs-t-10-f {
        margin-top: 10px !important;
    }

    .mg-xs-r-10-f {
        margin-right: 10px !important;
    }

    .mg-xs-b-10-f {
        margin-bottom: 10px !important;
    }

    .mg-xs-l-10-f {
        margin-left: 10px !important;
    }

    .mg-xs-15 {
        margin: 15px;
    }

    .mg-xs-15-f {
        margin: 15px !important;
    }

    .mg-xs-y-15 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .mg-xs-y-15-f {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    .mg-xs-x-15 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .mg-xs-x-15-f {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .mg-xs-t-15 {
        margin-top: 15px;
    }

    .mg-xs-r-15 {
        margin-right: 15px;
    }

    .mg-xs-b-15 {
        margin-bottom: 15px;
    }

    .mg-xs-l-15 {
        margin-left: 15px;
    }

    .mg-xs-t-15-f {
        margin-top: 15px !important;
    }

    .mg-xs-r-15-f {
        margin-right: 15px !important;
    }

    .mg-xs-b-15-f {
        margin-bottom: 15px !important;
    }

    .mg-xs-l-15-f {
        margin-left: 15px !important;
    }

    .mg-xs-20 {
        margin: 20px;
    }

    .mg-xs-20-f {
        margin: 20px !important;
    }

    .mg-xs-y-20 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .mg-xs-y-20-f {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .mg-xs-x-20 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .mg-xs-x-20-f {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .mg-xs-t-20 {
        margin-top: 20px;
    }

    .mg-xs-r-20 {
        margin-right: 20px;
    }

    .mg-xs-b-20 {
        margin-bottom: 20px;
    }

    .mg-xs-l-20 {
        margin-left: 20px;
    }

    .mg-xs-t-20-f {
        margin-top: 20px !important;
    }

    .mg-xs-r-20-f {
        margin-right: 20px !important;
    }

    .mg-xs-b-20-f {
        margin-bottom: 20px !important;
    }

    .mg-xs-l-20-f {
        margin-left: 20px !important;
    }

    .mg-xs-25 {
        margin: 25px;
    }

    .mg-xs-25-f {
        margin: 25px !important;
    }

    .mg-xs-y-25 {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .mg-xs-y-25-f {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }

    .mg-xs-x-25 {
        margin-left: 25px;
        margin-right: 25px;
    }

    .mg-xs-x-25-f {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }

    .mg-xs-t-25 {
        margin-top: 25px;
    }

    .mg-xs-r-25 {
        margin-right: 25px;
    }

    .mg-xs-b-25 {
        margin-bottom: 25px;
    }

    .mg-xs-l-25 {
        margin-left: 25px;
    }

    .mg-xs-t-25-f {
        margin-top: 25px !important;
    }

    .mg-xs-r-25-f {
        margin-right: 25px !important;
    }

    .mg-xs-b-25-f {
        margin-bottom: 25px !important;
    }

    .mg-xs-l-25-f {
        margin-left: 25px !important;
    }

    .mg-xs-30 {
        margin: 30px;
    }

    .mg-xs-30-f {
        margin: 30px !important;
    }

    .mg-xs-y-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .mg-xs-y-30-f {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .mg-xs-x-30 {
        margin-left: 30px;
        margin-right: 30px;
    }

    .mg-xs-x-30-f {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .mg-xs-t-30 {
        margin-top: 30px;
    }

    .mg-xs-r-30 {
        margin-right: 30px;
    }

    .mg-xs-b-30 {
        margin-bottom: 30px;
    }

    .mg-xs-l-30 {
        margin-left: 30px;
    }

    .mg-xs-t-30-f {
        margin-top: 30px !important;
    }

    .mg-xs-r-30-f {
        margin-right: 30px !important;
    }

    .mg-xs-b-30-f {
        margin-bottom: 30px !important;
    }

    .mg-xs-l-30-f {
        margin-left: 30px !important;
    }

    .mg-xs-35 {
        margin: 35px;
    }

    .mg-xs-35-f {
        margin: 35px !important;
    }

    .mg-xs-y-35 {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .mg-xs-y-35-f {
        margin-top: 35px !important;
        margin-bottom: 35px !important;
    }

    .mg-xs-x-35 {
        margin-left: 35px;
        margin-right: 35px;
    }

    .mg-xs-x-35-f {
        margin-left: 35px !important;
        margin-right: 35px !important;
    }

    .mg-xs-t-35 {
        margin-top: 35px;
    }

    .mg-xs-r-35 {
        margin-right: 35px;
    }

    .mg-xs-b-35 {
        margin-bottom: 35px;
    }

    .mg-xs-l-35 {
        margin-left: 35px;
    }

    .mg-xs-t-35-f {
        margin-top: 35px !important;
    }

    .mg-xs-r-35-f {
        margin-right: 35px !important;
    }

    .mg-xs-b-35-f {
        margin-bottom: 35px !important;
    }

    .mg-xs-l-35-f {
        margin-left: 35px !important;
    }

    .mg-xs-40 {
        margin: 40px;
    }

    .mg-xs-40-f {
        margin: 40px !important;
    }

    .mg-xs-y-40 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .mg-xs-y-40-f {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .mg-xs-x-40 {
        margin-left: 40px;
        margin-right: 40px;
    }

    .mg-xs-x-40-f {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }

    .mg-xs-t-40 {
        margin-top: 40px;
    }

    .mg-xs-r-40 {
        margin-right: 40px;
    }

    .mg-xs-b-40 {
        margin-bottom: 40px;
    }

    .mg-xs-l-40 {
        margin-left: 40px;
    }

    .mg-xs-t-40-f {
        margin-top: 40px !important;
    }

    .mg-xs-r-40-f {
        margin-right: 40px !important;
    }

    .mg-xs-b-40-f {
        margin-bottom: 40px !important;
    }

    .mg-xs-l-40-f {
        margin-left: 40px !important;
    }

    .mg-xs-45 {
        margin: 45px;
    }

    .mg-xs-45-f {
        margin: 45px !important;
    }

    .mg-xs-y-45 {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .mg-xs-y-45-f {
        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }

    .mg-xs-x-45 {
        margin-left: 45px;
        margin-right: 45px;
    }

    .mg-xs-x-45-f {
        margin-left: 45px !important;
        margin-right: 45px !important;
    }

    .mg-xs-t-45 {
        margin-top: 45px;
    }

    .mg-xs-r-45 {
        margin-right: 45px;
    }

    .mg-xs-b-45 {
        margin-bottom: 45px;
    }

    .mg-xs-l-45 {
        margin-left: 45px;
    }

    .mg-xs-t-45-f {
        margin-top: 45px !important;
    }

    .mg-xs-r-45-f {
        margin-right: 45px !important;
    }

    .mg-xs-b-45-f {
        margin-bottom: 45px !important;
    }

    .mg-xs-l-45-f {
        margin-left: 45px !important;
    }

    .mg-xs-50 {
        margin: 50px;
    }

    .mg-xs-50-f {
        margin: 50px !important;
    }

    .mg-xs-y-50 {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .mg-xs-y-50-f {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    .mg-xs-x-50 {
        margin-left: 50px;
        margin-right: 50px;
    }

    .mg-xs-x-50-f {
        margin-left: 50px !important;
        margin-right: 50px !important;
    }

    .mg-xs-t-50 {
        margin-top: 50px;
    }

    .mg-xs-r-50 {
        margin-right: 50px;
    }

    .mg-xs-b-50 {
        margin-bottom: 50px;
    }

    .mg-xs-l-50 {
        margin-left: 50px;
    }

    .mg-xs-t-50-f {
        margin-top: 50px !important;
    }

    .mg-xs-r-50-f {
        margin-right: 50px !important;
    }

    .mg-xs-b-50-f {
        margin-bottom: 50px !important;
    }

    .mg-xs-l-50-f {
        margin-left: 50px !important;
    }

    .mg-xs-55 {
        margin: 55px;
    }

    .mg-xs-55-f {
        margin: 55px !important;
    }

    .mg-xs-y-55 {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .mg-xs-y-55-f {
        margin-top: 55px !important;
        margin-bottom: 55px !important;
    }

    .mg-xs-x-55 {
        margin-left: 55px;
        margin-right: 55px;
    }

    .mg-xs-x-55-f {
        margin-left: 55px !important;
        margin-right: 55px !important;
    }

    .mg-xs-t-55 {
        margin-top: 55px;
    }

    .mg-xs-r-55 {
        margin-right: 55px;
    }

    .mg-xs-b-55 {
        margin-bottom: 55px;
    }

    .mg-xs-l-55 {
        margin-left: 55px;
    }

    .mg-xs-t-55-f {
        margin-top: 55px !important;
    }

    .mg-xs-r-55-f {
        margin-right: 55px !important;
    }

    .mg-xs-b-55-f {
        margin-bottom: 55px !important;
    }

    .mg-xs-l-55-f {
        margin-left: 55px !important;
    }

    .mg-xs-60 {
        margin: 60px;
    }

    .mg-xs-60-f {
        margin: 60px !important;
    }

    .mg-xs-y-60 {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .mg-xs-y-60-f {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }

    .mg-xs-x-60 {
        margin-left: 60px;
        margin-right: 60px;
    }

    .mg-xs-x-60-f {
        margin-left: 60px !important;
        margin-right: 60px !important;
    }

    .mg-xs-t-60 {
        margin-top: 60px;
    }

    .mg-xs-r-60 {
        margin-right: 60px;
    }

    .mg-xs-b-60 {
        margin-bottom: 60px;
    }

    .mg-xs-l-60 {
        margin-left: 60px;
    }

    .mg-xs-t-60-f {
        margin-top: 60px !important;
    }

    .mg-xs-r-60-f {
        margin-right: 60px !important;
    }

    .mg-xs-b-60-f {
        margin-bottom: 60px !important;
    }

    .mg-xs-l-60-f {
        margin-left: 60px !important;
    }

    .mg-xs-65 {
        margin: 65px;
    }

    .mg-xs-65-f {
        margin: 65px !important;
    }

    .mg-xs-y-65 {
        margin-top: 65px;
        margin-bottom: 65px;
    }

    .mg-xs-y-65-f {
        margin-top: 65px !important;
        margin-bottom: 65px !important;
    }

    .mg-xs-x-65 {
        margin-left: 65px;
        margin-right: 65px;
    }

    .mg-xs-x-65-f {
        margin-left: 65px !important;
        margin-right: 65px !important;
    }

    .mg-xs-t-65 {
        margin-top: 65px;
    }

    .mg-xs-r-65 {
        margin-right: 65px;
    }

    .mg-xs-b-65 {
        margin-bottom: 65px;
    }

    .mg-xs-l-65 {
        margin-left: 65px;
    }

    .mg-xs-t-65-f {
        margin-top: 65px !important;
    }

    .mg-xs-r-65-f {
        margin-right: 65px !important;
    }

    .mg-xs-b-65-f {
        margin-bottom: 65px !important;
    }

    .mg-xs-l-65-f {
        margin-left: 65px !important;
    }

    .mg-xs-70 {
        margin: 70px;
    }

    .mg-xs-70-f {
        margin: 70px !important;
    }

    .mg-xs-y-70 {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .mg-xs-y-70-f {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }

    .mg-xs-x-70 {
        margin-left: 70px;
        margin-right: 70px;
    }

    .mg-xs-x-70-f {
        margin-left: 70px !important;
        margin-right: 70px !important;
    }

    .mg-xs-t-70 {
        margin-top: 70px;
    }

    .mg-xs-r-70 {
        margin-right: 70px;
    }

    .mg-xs-b-70 {
        margin-bottom: 70px;
    }

    .mg-xs-l-70 {
        margin-left: 70px;
    }

    .mg-xs-t-70-f {
        margin-top: 70px !important;
    }

    .mg-xs-r-70-f {
        margin-right: 70px !important;
    }

    .mg-xs-b-70-f {
        margin-bottom: 70px !important;
    }

    .mg-xs-l-70-f {
        margin-left: 70px !important;
    }

    .mg-xs-75 {
        margin: 75px;
    }

    .mg-xs-75-f {
        margin: 75px !important;
    }

    .mg-xs-y-75 {
        margin-top: 75px;
        margin-bottom: 75px;
    }

    .mg-xs-y-75-f {
        margin-top: 75px !important;
        margin-bottom: 75px !important;
    }

    .mg-xs-x-75 {
        margin-left: 75px;
        margin-right: 75px;
    }

    .mg-xs-x-75-f {
        margin-left: 75px !important;
        margin-right: 75px !important;
    }

    .mg-xs-t-75 {
        margin-top: 75px;
    }

    .mg-xs-r-75 {
        margin-right: 75px;
    }

    .mg-xs-b-75 {
        margin-bottom: 75px;
    }

    .mg-xs-l-75 {
        margin-left: 75px;
    }

    .mg-xs-t-75-f {
        margin-top: 75px !important;
    }

    .mg-xs-r-75-f {
        margin-right: 75px !important;
    }

    .mg-xs-b-75-f {
        margin-bottom: 75px !important;
    }

    .mg-xs-l-75-f {
        margin-left: 75px !important;
    }

    .mg-xs-80 {
        margin: 80px;
    }

    .mg-xs-80-f {
        margin: 80px !important;
    }

    .mg-xs-y-80 {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .mg-xs-y-80-f {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }

    .mg-xs-x-80 {
        margin-left: 80px;
        margin-right: 80px;
    }

    .mg-xs-x-80-f {
        margin-left: 80px !important;
        margin-right: 80px !important;
    }

    .mg-xs-t-80 {
        margin-top: 80px;
    }

    .mg-xs-r-80 {
        margin-right: 80px;
    }

    .mg-xs-b-80 {
        margin-bottom: 80px;
    }

    .mg-xs-l-80 {
        margin-left: 80px;
    }

    .mg-xs-t-80-f {
        margin-top: 80px !important;
    }

    .mg-xs-r-80-f {
        margin-right: 80px !important;
    }

    .mg-xs-b-80-f {
        margin-bottom: 80px !important;
    }

    .mg-xs-l-80-f {
        margin-left: 80px !important;
    }

    .mg-xs-85 {
        margin: 85px;
    }

    .mg-xs-85-f {
        margin: 85px !important;
    }

    .mg-xs-y-85 {
        margin-top: 85px;
        margin-bottom: 85px;
    }

    .mg-xs-y-85-f {
        margin-top: 85px !important;
        margin-bottom: 85px !important;
    }

    .mg-xs-x-85 {
        margin-left: 85px;
        margin-right: 85px;
    }

    .mg-xs-x-85-f {
        margin-left: 85px !important;
        margin-right: 85px !important;
    }

    .mg-xs-t-85 {
        margin-top: 85px;
    }

    .mg-xs-r-85 {
        margin-right: 85px;
    }

    .mg-xs-b-85 {
        margin-bottom: 85px;
    }

    .mg-xs-l-85 {
        margin-left: 85px;
    }

    .mg-xs-t-85-f {
        margin-top: 85px !important;
    }

    .mg-xs-r-85-f {
        margin-right: 85px !important;
    }

    .mg-xs-b-85-f {
        margin-bottom: 85px !important;
    }

    .mg-xs-l-85-f {
        margin-left: 85px !important;
    }

    .mg-xs-90 {
        margin: 90px;
    }

    .mg-xs-90-f {
        margin: 90px !important;
    }

    .mg-xs-y-90 {
        margin-top: 90px;
        margin-bottom: 90px;
    }

    .mg-xs-y-90-f {
        margin-top: 90px !important;
        margin-bottom: 90px !important;
    }

    .mg-xs-x-90 {
        margin-left: 90px;
        margin-right: 90px;
    }

    .mg-xs-x-90-f {
        margin-left: 90px !important;
        margin-right: 90px !important;
    }

    .mg-xs-t-90 {
        margin-top: 90px;
    }

    .mg-xs-r-90 {
        margin-right: 90px;
    }

    .mg-xs-b-90 {
        margin-bottom: 90px;
    }

    .mg-xs-l-90 {
        margin-left: 90px;
    }

    .mg-xs-t-90-f {
        margin-top: 90px !important;
    }

    .mg-xs-r-90-f {
        margin-right: 90px !important;
    }

    .mg-xs-b-90-f {
        margin-bottom: 90px !important;
    }

    .mg-xs-l-90-f {
        margin-left: 90px !important;
    }

    .mg-xs-95 {
        margin: 95px;
    }

    .mg-xs-95-f {
        margin: 95px !important;
    }

    .mg-xs-y-95 {
        margin-top: 95px;
        margin-bottom: 95px;
    }

    .mg-xs-y-95-f {
        margin-top: 95px !important;
        margin-bottom: 95px !important;
    }

    .mg-xs-x-95 {
        margin-left: 95px;
        margin-right: 95px;
    }

    .mg-xs-x-95-f {
        margin-left: 95px !important;
        margin-right: 95px !important;
    }

    .mg-xs-t-95 {
        margin-top: 95px;
    }

    .mg-xs-r-95 {
        margin-right: 95px;
    }

    .mg-xs-b-95 {
        margin-bottom: 95px;
    }

    .mg-xs-l-95 {
        margin-left: 95px;
    }

    .mg-xs-t-95-f {
        margin-top: 95px !important;
    }

    .mg-xs-r-95-f {
        margin-right: 95px !important;
    }

    .mg-xs-b-95-f {
        margin-bottom: 95px !important;
    }

    .mg-xs-l-95-f {
        margin-left: 95px !important;
    }

    .mg-xs-100 {
        margin: 100px;
    }

    .mg-xs-100-f {
        margin: 100px !important;
    }

    .mg-xs-y-100 {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .mg-xs-y-100-f {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }

    .mg-xs-x-100 {
        margin-left: 100px;
        margin-right: 100px;
    }

    .mg-xs-x-100-f {
        margin-left: 100px !important;
        margin-right: 100px !important;
    }

    .mg-xs-t-100 {
        margin-top: 100px;
    }

    .mg-xs-r-100 {
        margin-right: 100px;
    }

    .mg-xs-b-100 {
        margin-bottom: 100px;
    }

    .mg-xs-l-100 {
        margin-left: 100px;
    }

    .mg-xs-t-100-f {
        margin-top: 100px !important;
    }

    .mg-xs-r-100-f {
        margin-right: 100px !important;
    }

    .mg-xs-b-100-f {
        margin-bottom: 100px !important;
    }

    .mg-xs-l-100-f {
        margin-left: 100px !important;
    }

    .mg-xs-t-auto {
        margin-top: auto;
    }

    .mg-xs-r-auto {
        margin-right: auto;
    }

    .mg-xs-b-auto {
        margin-bottom: auto;
    }

    .mg-xs-l-auto {
        margin-left: auto;
    }

    .mg-xs-auto {
        margin: auto;
    }

    .mg-xs-x-auto {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 576px) {
    .mg-sm-0 {
        margin: 0px;
    }

    .mg-sm-0-f {
        margin: 0px !important;
    }

    .mg-sm-y-0 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .mg-sm-y-0-f {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .mg-sm-x-0 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .mg-sm-x-0-f {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .mg-sm-t-0 {
        margin-top: 0px;
    }

    .mg-sm-r-0 {
        margin-right: 0px;
    }

    .mg-sm-b-0 {
        margin-bottom: 0px;
    }

    .mg-sm-l-0 {
        margin-left: 0px;
    }

    .mg-sm-t-0-f {
        margin-top: 0px !important;
    }

    .mg-sm-r-0-f {
        margin-right: 0px !important;
    }

    .mg-sm-b-0-f {
        margin-bottom: 0px !important;
    }

    .mg-sm-l-0-f {
        margin-left: 0px !important;
    }

    .mg-sm-1 {
        margin: 1px;
    }

    .mg-sm-1-f {
        margin: 1px !important;
    }

    .mg-sm-y-1 {
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .mg-sm-y-1-f {
        margin-top: 1px !important;
        margin-bottom: 1px !important;
    }

    .mg-sm-x-1 {
        margin-left: 1px;
        margin-right: 1px;
    }

    .mg-sm-x-1-f {
        margin-left: 1px !important;
        margin-right: 1px !important;
    }

    .mg-sm-t-1 {
        margin-top: 1px;
    }

    .mg-sm-r-1 {
        margin-right: 1px;
    }

    .mg-sm-b-1 {
        margin-bottom: 1px;
    }

    .mg-sm-l-1 {
        margin-left: 1px;
    }

    .mg-sm-t-1-f {
        margin-top: 1px !important;
    }

    .mg-sm-r-1-f {
        margin-right: 1px !important;
    }

    .mg-sm-b-1-f {
        margin-bottom: 1px !important;
    }

    .mg-sm-l-1-f {
        margin-left: 1px !important;
    }

    .mg-sm-2 {
        margin: 2px;
    }

    .mg-sm-2-f {
        margin: 2px !important;
    }

    .mg-sm-y-2 {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .mg-sm-y-2-f {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }

    .mg-sm-x-2 {
        margin-left: 2px;
        margin-right: 2px;
    }

    .mg-sm-x-2-f {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }

    .mg-sm-t-2 {
        margin-top: 2px;
    }

    .mg-sm-r-2 {
        margin-right: 2px;
    }

    .mg-sm-b-2 {
        margin-bottom: 2px;
    }

    .mg-sm-l-2 {
        margin-left: 2px;
    }

    .mg-sm-t-2-f {
        margin-top: 2px !important;
    }

    .mg-sm-r-2-f {
        margin-right: 2px !important;
    }

    .mg-sm-b-2-f {
        margin-bottom: 2px !important;
    }

    .mg-sm-l-2-f {
        margin-left: 2px !important;
    }

    .mg-sm-3 {
        margin: 3px;
    }

    .mg-sm-3-f {
        margin: 3px !important;
    }

    .mg-sm-y-3 {
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .mg-sm-y-3-f {
        margin-top: 3px !important;
        margin-bottom: 3px !important;
    }

    .mg-sm-x-3 {
        margin-left: 3px;
        margin-right: 3px;
    }

    .mg-sm-x-3-f {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }

    .mg-sm-t-3 {
        margin-top: 3px;
    }

    .mg-sm-r-3 {
        margin-right: 3px;
    }

    .mg-sm-b-3 {
        margin-bottom: 3px;
    }

    .mg-sm-l-3 {
        margin-left: 3px;
    }

    .mg-sm-t-3-f {
        margin-top: 3px !important;
    }

    .mg-sm-r-3-f {
        margin-right: 3px !important;
    }

    .mg-sm-b-3-f {
        margin-bottom: 3px !important;
    }

    .mg-sm-l-3-f {
        margin-left: 3px !important;
    }

    .mg-sm-4 {
        margin: 4px;
    }

    .mg-sm-4-f {
        margin: 4px !important;
    }

    .mg-sm-y-4 {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .mg-sm-y-4-f {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }

    .mg-sm-x-4 {
        margin-left: 4px;
        margin-right: 4px;
    }

    .mg-sm-x-4-f {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }

    .mg-sm-t-4 {
        margin-top: 4px;
    }

    .mg-sm-r-4 {
        margin-right: 4px;
    }

    .mg-sm-b-4 {
        margin-bottom: 4px;
    }

    .mg-sm-l-4 {
        margin-left: 4px;
    }

    .mg-sm-t-4-f {
        margin-top: 4px !important;
    }

    .mg-sm-r-4-f {
        margin-right: 4px !important;
    }

    .mg-sm-b-4-f {
        margin-bottom: 4px !important;
    }

    .mg-sm-l-4-f {
        margin-left: 4px !important;
    }

    .mg-sm-5 {
        margin: 5px;
    }

    .mg-sm-5-f {
        margin: 5px !important;
    }

    .mg-sm-y-5 {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .mg-sm-y-5-f {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .mg-sm-x-5 {
        margin-left: 5px;
        margin-right: 5px;
    }

    .mg-sm-x-5-f {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .mg-sm-t-5 {
        margin-top: 5px;
    }

    .mg-sm-r-5 {
        margin-right: 5px;
    }

    .mg-sm-b-5 {
        margin-bottom: 5px;
    }

    .mg-sm-l-5 {
        margin-left: 5px;
    }

    .mg-sm-t-5-f {
        margin-top: 5px !important;
    }

    .mg-sm-r-5-f {
        margin-right: 5px !important;
    }

    .mg-sm-b-5-f {
        margin-bottom: 5px !important;
    }

    .mg-sm-l-5-f {
        margin-left: 5px !important;
    }

    .mg-sm-6 {
        margin: 6px;
    }

    .mg-sm-6-f {
        margin: 6px !important;
    }

    .mg-sm-y-6 {
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .mg-sm-y-6-f {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }

    .mg-sm-x-6 {
        margin-left: 6px;
        margin-right: 6px;
    }

    .mg-sm-x-6-f {
        margin-left: 6px !important;
        margin-right: 6px !important;
    }

    .mg-sm-t-6 {
        margin-top: 6px;
    }

    .mg-sm-r-6 {
        margin-right: 6px;
    }

    .mg-sm-b-6 {
        margin-bottom: 6px;
    }

    .mg-sm-l-6 {
        margin-left: 6px;
    }

    .mg-sm-t-6-f {
        margin-top: 6px !important;
    }

    .mg-sm-r-6-f {
        margin-right: 6px !important;
    }

    .mg-sm-b-6-f {
        margin-bottom: 6px !important;
    }

    .mg-sm-l-6-f {
        margin-left: 6px !important;
    }

    .mg-sm-7 {
        margin: 7px;
    }

    .mg-sm-7-f {
        margin: 7px !important;
    }

    .mg-sm-y-7 {
        margin-top: 7px;
        margin-bottom: 7px;
    }

    .mg-sm-y-7-f {
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }

    .mg-sm-x-7 {
        margin-left: 7px;
        margin-right: 7px;
    }

    .mg-sm-x-7-f {
        margin-left: 7px !important;
        margin-right: 7px !important;
    }

    .mg-sm-t-7 {
        margin-top: 7px;
    }

    .mg-sm-r-7 {
        margin-right: 7px;
    }

    .mg-sm-b-7 {
        margin-bottom: 7px;
    }

    .mg-sm-l-7 {
        margin-left: 7px;
    }

    .mg-sm-t-7-f {
        margin-top: 7px !important;
    }

    .mg-sm-r-7-f {
        margin-right: 7px !important;
    }

    .mg-sm-b-7-f {
        margin-bottom: 7px !important;
    }

    .mg-sm-l-7-f {
        margin-left: 7px !important;
    }

    .mg-sm-8 {
        margin: 8px;
    }

    .mg-sm-8-f {
        margin: 8px !important;
    }

    .mg-sm-y-8 {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .mg-sm-y-8-f {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

    .mg-sm-x-8 {
        margin-left: 8px;
        margin-right: 8px;
    }

    .mg-sm-x-8-f {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }

    .mg-sm-t-8 {
        margin-top: 8px;
    }

    .mg-sm-r-8 {
        margin-right: 8px;
    }

    .mg-sm-b-8 {
        margin-bottom: 8px;
    }

    .mg-sm-l-8 {
        margin-left: 8px;
    }

    .mg-sm-t-8-f {
        margin-top: 8px !important;
    }

    .mg-sm-r-8-f {
        margin-right: 8px !important;
    }

    .mg-sm-b-8-f {
        margin-bottom: 8px !important;
    }

    .mg-sm-l-8-f {
        margin-left: 8px !important;
    }

    .mg-sm-9 {
        margin: 9px;
    }

    .mg-sm-9-f {
        margin: 9px !important;
    }

    .mg-sm-y-9 {
        margin-top: 9px;
        margin-bottom: 9px;
    }

    .mg-sm-y-9-f {
        margin-top: 9px !important;
        margin-bottom: 9px !important;
    }

    .mg-sm-x-9 {
        margin-left: 9px;
        margin-right: 9px;
    }

    .mg-sm-x-9-f {
        margin-left: 9px !important;
        margin-right: 9px !important;
    }

    .mg-sm-t-9 {
        margin-top: 9px;
    }

    .mg-sm-r-9 {
        margin-right: 9px;
    }

    .mg-sm-b-9 {
        margin-bottom: 9px;
    }

    .mg-sm-l-9 {
        margin-left: 9px;
    }

    .mg-sm-t-9-f {
        margin-top: 9px !important;
    }

    .mg-sm-r-9-f {
        margin-right: 9px !important;
    }

    .mg-sm-b-9-f {
        margin-bottom: 9px !important;
    }

    .mg-sm-l-9-f {
        margin-left: 9px !important;
    }

    .mg-sm-10 {
        margin: 10px;
    }

    .mg-sm-10-f {
        margin: 10px !important;
    }

    .mg-sm-y-10 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mg-sm-y-10-f {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .mg-sm-x-10 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .mg-sm-x-10-f {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .mg-sm-t-10 {
        margin-top: 10px;
    }

    .mg-sm-r-10 {
        margin-right: 10px;
    }

    .mg-sm-b-10 {
        margin-bottom: 10px;
    }

    .mg-sm-l-10 {
        margin-left: 10px;
    }

    .mg-sm-t-10-f {
        margin-top: 10px !important;
    }

    .mg-sm-r-10-f {
        margin-right: 10px !important;
    }

    .mg-sm-b-10-f {
        margin-bottom: 10px !important;
    }

    .mg-sm-l-10-f {
        margin-left: 10px !important;
    }

    .mg-sm-15 {
        margin: 15px;
    }

    .mg-sm-15-f {
        margin: 15px !important;
    }

    .mg-sm-y-15 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .mg-sm-y-15-f {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    .mg-sm-x-15 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .mg-sm-x-15-f {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .mg-sm-t-15 {
        margin-top: 15px;
    }

    .mg-sm-r-15 {
        margin-right: 15px;
    }

    .mg-sm-b-15 {
        margin-bottom: 15px;
    }

    .mg-sm-l-15 {
        margin-left: 15px;
    }

    .mg-sm-t-15-f {
        margin-top: 15px !important;
    }

    .mg-sm-r-15-f {
        margin-right: 15px !important;
    }

    .mg-sm-b-15-f {
        margin-bottom: 15px !important;
    }

    .mg-sm-l-15-f {
        margin-left: 15px !important;
    }

    .mg-sm-20 {
        margin: 20px;
    }

    .mg-sm-20-f {
        margin: 20px !important;
    }

    .mg-sm-y-20 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .mg-sm-y-20-f {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .mg-sm-x-20 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .mg-sm-x-20-f {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .mg-sm-t-20 {
        margin-top: 20px;
    }

    .mg-sm-r-20 {
        margin-right: 20px;
    }

    .mg-sm-b-20 {
        margin-bottom: 20px;
    }

    .mg-sm-l-20 {
        margin-left: 20px;
    }

    .mg-sm-t-20-f {
        margin-top: 20px !important;
    }

    .mg-sm-r-20-f {
        margin-right: 20px !important;
    }

    .mg-sm-b-20-f {
        margin-bottom: 20px !important;
    }

    .mg-sm-l-20-f {
        margin-left: 20px !important;
    }

    .mg-sm-25 {
        margin: 25px;
    }

    .mg-sm-25-f {
        margin: 25px !important;
    }

    .mg-sm-y-25 {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .mg-sm-y-25-f {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }

    .mg-sm-x-25 {
        margin-left: 25px;
        margin-right: 25px;
    }

    .mg-sm-x-25-f {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }

    .mg-sm-t-25 {
        margin-top: 25px;
    }

    .mg-sm-r-25 {
        margin-right: 25px;
    }

    .mg-sm-b-25 {
        margin-bottom: 25px;
    }

    .mg-sm-l-25 {
        margin-left: 25px;
    }

    .mg-sm-t-25-f {
        margin-top: 25px !important;
    }

    .mg-sm-r-25-f {
        margin-right: 25px !important;
    }

    .mg-sm-b-25-f {
        margin-bottom: 25px !important;
    }

    .mg-sm-l-25-f {
        margin-left: 25px !important;
    }

    .mg-sm-30 {
        margin: 30px;
    }

    .mg-sm-30-f {
        margin: 30px !important;
    }

    .mg-sm-y-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .mg-sm-y-30-f {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .mg-sm-x-30 {
        margin-left: 30px;
        margin-right: 30px;
    }

    .mg-sm-x-30-f {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .mg-sm-t-30 {
        margin-top: 30px;
    }

    .mg-sm-r-30 {
        margin-right: 30px;
    }

    .mg-sm-b-30 {
        margin-bottom: 30px;
    }

    .mg-sm-l-30 {
        margin-left: 30px;
    }

    .mg-sm-t-30-f {
        margin-top: 30px !important;
    }

    .mg-sm-r-30-f {
        margin-right: 30px !important;
    }

    .mg-sm-b-30-f {
        margin-bottom: 30px !important;
    }

    .mg-sm-l-30-f {
        margin-left: 30px !important;
    }

    .mg-sm-35 {
        margin: 35px;
    }

    .mg-sm-35-f {
        margin: 35px !important;
    }

    .mg-sm-y-35 {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .mg-sm-y-35-f {
        margin-top: 35px !important;
        margin-bottom: 35px !important;
    }

    .mg-sm-x-35 {
        margin-left: 35px;
        margin-right: 35px;
    }

    .mg-sm-x-35-f {
        margin-left: 35px !important;
        margin-right: 35px !important;
    }

    .mg-sm-t-35 {
        margin-top: 35px;
    }

    .mg-sm-r-35 {
        margin-right: 35px;
    }

    .mg-sm-b-35 {
        margin-bottom: 35px;
    }

    .mg-sm-l-35 {
        margin-left: 35px;
    }

    .mg-sm-t-35-f {
        margin-top: 35px !important;
    }

    .mg-sm-r-35-f {
        margin-right: 35px !important;
    }

    .mg-sm-b-35-f {
        margin-bottom: 35px !important;
    }

    .mg-sm-l-35-f {
        margin-left: 35px !important;
    }

    .mg-sm-40 {
        margin: 40px;
    }

    .mg-sm-40-f {
        margin: 40px !important;
    }

    .mg-sm-y-40 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .mg-sm-y-40-f {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .mg-sm-x-40 {
        margin-left: 40px;
        margin-right: 40px;
    }

    .mg-sm-x-40-f {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }

    .mg-sm-t-40 {
        margin-top: 40px;
    }

    .mg-sm-r-40 {
        margin-right: 40px;
    }

    .mg-sm-b-40 {
        margin-bottom: 40px;
    }

    .mg-sm-l-40 {
        margin-left: 40px;
    }

    .mg-sm-t-40-f {
        margin-top: 40px !important;
    }

    .mg-sm-r-40-f {
        margin-right: 40px !important;
    }

    .mg-sm-b-40-f {
        margin-bottom: 40px !important;
    }

    .mg-sm-l-40-f {
        margin-left: 40px !important;
    }

    .mg-sm-45 {
        margin: 45px;
    }

    .mg-sm-45-f {
        margin: 45px !important;
    }

    .mg-sm-y-45 {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .mg-sm-y-45-f {
        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }

    .mg-sm-x-45 {
        margin-left: 45px;
        margin-right: 45px;
    }

    .mg-sm-x-45-f {
        margin-left: 45px !important;
        margin-right: 45px !important;
    }

    .mg-sm-t-45 {
        margin-top: 45px;
    }

    .mg-sm-r-45 {
        margin-right: 45px;
    }

    .mg-sm-b-45 {
        margin-bottom: 45px;
    }

    .mg-sm-l-45 {
        margin-left: 45px;
    }

    .mg-sm-t-45-f {
        margin-top: 45px !important;
    }

    .mg-sm-r-45-f {
        margin-right: 45px !important;
    }

    .mg-sm-b-45-f {
        margin-bottom: 45px !important;
    }

    .mg-sm-l-45-f {
        margin-left: 45px !important;
    }

    .mg-sm-50 {
        margin: 50px;
    }

    .mg-sm-50-f {
        margin: 50px !important;
    }

    .mg-sm-y-50 {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .mg-sm-y-50-f {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    .mg-sm-x-50 {
        margin-left: 50px;
        margin-right: 50px;
    }

    .mg-sm-x-50-f {
        margin-left: 50px !important;
        margin-right: 50px !important;
    }

    .mg-sm-t-50 {
        margin-top: 50px;
    }

    .mg-sm-r-50 {
        margin-right: 50px;
    }

    .mg-sm-b-50 {
        margin-bottom: 50px;
    }

    .mg-sm-l-50 {
        margin-left: 50px;
    }

    .mg-sm-t-50-f {
        margin-top: 50px !important;
    }

    .mg-sm-r-50-f {
        margin-right: 50px !important;
    }

    .mg-sm-b-50-f {
        margin-bottom: 50px !important;
    }

    .mg-sm-l-50-f {
        margin-left: 50px !important;
    }

    .mg-sm-55 {
        margin: 55px;
    }

    .mg-sm-55-f {
        margin: 55px !important;
    }

    .mg-sm-y-55 {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .mg-sm-y-55-f {
        margin-top: 55px !important;
        margin-bottom: 55px !important;
    }

    .mg-sm-x-55 {
        margin-left: 55px;
        margin-right: 55px;
    }

    .mg-sm-x-55-f {
        margin-left: 55px !important;
        margin-right: 55px !important;
    }

    .mg-sm-t-55 {
        margin-top: 55px;
    }

    .mg-sm-r-55 {
        margin-right: 55px;
    }

    .mg-sm-b-55 {
        margin-bottom: 55px;
    }

    .mg-sm-l-55 {
        margin-left: 55px;
    }

    .mg-sm-t-55-f {
        margin-top: 55px !important;
    }

    .mg-sm-r-55-f {
        margin-right: 55px !important;
    }

    .mg-sm-b-55-f {
        margin-bottom: 55px !important;
    }

    .mg-sm-l-55-f {
        margin-left: 55px !important;
    }

    .mg-sm-60 {
        margin: 60px;
    }

    .mg-sm-60-f {
        margin: 60px !important;
    }

    .mg-sm-y-60 {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .mg-sm-y-60-f {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }

    .mg-sm-x-60 {
        margin-left: 60px;
        margin-right: 60px;
    }

    .mg-sm-x-60-f {
        margin-left: 60px !important;
        margin-right: 60px !important;
    }

    .mg-sm-t-60 {
        margin-top: 60px;
    }

    .mg-sm-r-60 {
        margin-right: 60px;
    }

    .mg-sm-b-60 {
        margin-bottom: 60px;
    }

    .mg-sm-l-60 {
        margin-left: 60px;
    }

    .mg-sm-t-60-f {
        margin-top: 60px !important;
    }

    .mg-sm-r-60-f {
        margin-right: 60px !important;
    }

    .mg-sm-b-60-f {
        margin-bottom: 60px !important;
    }

    .mg-sm-l-60-f {
        margin-left: 60px !important;
    }

    .mg-sm-65 {
        margin: 65px;
    }

    .mg-sm-65-f {
        margin: 65px !important;
    }

    .mg-sm-y-65 {
        margin-top: 65px;
        margin-bottom: 65px;
    }

    .mg-sm-y-65-f {
        margin-top: 65px !important;
        margin-bottom: 65px !important;
    }

    .mg-sm-x-65 {
        margin-left: 65px;
        margin-right: 65px;
    }

    .mg-sm-x-65-f {
        margin-left: 65px !important;
        margin-right: 65px !important;
    }

    .mg-sm-t-65 {
        margin-top: 65px;
    }

    .mg-sm-r-65 {
        margin-right: 65px;
    }

    .mg-sm-b-65 {
        margin-bottom: 65px;
    }

    .mg-sm-l-65 {
        margin-left: 65px;
    }

    .mg-sm-t-65-f {
        margin-top: 65px !important;
    }

    .mg-sm-r-65-f {
        margin-right: 65px !important;
    }

    .mg-sm-b-65-f {
        margin-bottom: 65px !important;
    }

    .mg-sm-l-65-f {
        margin-left: 65px !important;
    }

    .mg-sm-70 {
        margin: 70px;
    }

    .mg-sm-70-f {
        margin: 70px !important;
    }

    .mg-sm-y-70 {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .mg-sm-y-70-f {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }

    .mg-sm-x-70 {
        margin-left: 70px;
        margin-right: 70px;
    }

    .mg-sm-x-70-f {
        margin-left: 70px !important;
        margin-right: 70px !important;
    }

    .mg-sm-t-70 {
        margin-top: 70px;
    }

    .mg-sm-r-70 {
        margin-right: 70px;
    }

    .mg-sm-b-70 {
        margin-bottom: 70px;
    }

    .mg-sm-l-70 {
        margin-left: 70px;
    }

    .mg-sm-t-70-f {
        margin-top: 70px !important;
    }

    .mg-sm-r-70-f {
        margin-right: 70px !important;
    }

    .mg-sm-b-70-f {
        margin-bottom: 70px !important;
    }

    .mg-sm-l-70-f {
        margin-left: 70px !important;
    }

    .mg-sm-75 {
        margin: 75px;
    }

    .mg-sm-75-f {
        margin: 75px !important;
    }

    .mg-sm-y-75 {
        margin-top: 75px;
        margin-bottom: 75px;
    }

    .mg-sm-y-75-f {
        margin-top: 75px !important;
        margin-bottom: 75px !important;
    }

    .mg-sm-x-75 {
        margin-left: 75px;
        margin-right: 75px;
    }

    .mg-sm-x-75-f {
        margin-left: 75px !important;
        margin-right: 75px !important;
    }

    .mg-sm-t-75 {
        margin-top: 75px;
    }

    .mg-sm-r-75 {
        margin-right: 75px;
    }

    .mg-sm-b-75 {
        margin-bottom: 75px;
    }

    .mg-sm-l-75 {
        margin-left: 75px;
    }

    .mg-sm-t-75-f {
        margin-top: 75px !important;
    }

    .mg-sm-r-75-f {
        margin-right: 75px !important;
    }

    .mg-sm-b-75-f {
        margin-bottom: 75px !important;
    }

    .mg-sm-l-75-f {
        margin-left: 75px !important;
    }

    .mg-sm-80 {
        margin: 80px;
    }

    .mg-sm-80-f {
        margin: 80px !important;
    }

    .mg-sm-y-80 {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .mg-sm-y-80-f {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }

    .mg-sm-x-80 {
        margin-left: 80px;
        margin-right: 80px;
    }

    .mg-sm-x-80-f {
        margin-left: 80px !important;
        margin-right: 80px !important;
    }

    .mg-sm-t-80 {
        margin-top: 80px;
    }

    .mg-sm-r-80 {
        margin-right: 80px;
    }

    .mg-sm-b-80 {
        margin-bottom: 80px;
    }

    .mg-sm-l-80 {
        margin-left: 80px;
    }

    .mg-sm-t-80-f {
        margin-top: 80px !important;
    }

    .mg-sm-r-80-f {
        margin-right: 80px !important;
    }

    .mg-sm-b-80-f {
        margin-bottom: 80px !important;
    }

    .mg-sm-l-80-f {
        margin-left: 80px !important;
    }

    .mg-sm-85 {
        margin: 85px;
    }

    .mg-sm-85-f {
        margin: 85px !important;
    }

    .mg-sm-y-85 {
        margin-top: 85px;
        margin-bottom: 85px;
    }

    .mg-sm-y-85-f {
        margin-top: 85px !important;
        margin-bottom: 85px !important;
    }

    .mg-sm-x-85 {
        margin-left: 85px;
        margin-right: 85px;
    }

    .mg-sm-x-85-f {
        margin-left: 85px !important;
        margin-right: 85px !important;
    }

    .mg-sm-t-85 {
        margin-top: 85px;
    }

    .mg-sm-r-85 {
        margin-right: 85px;
    }

    .mg-sm-b-85 {
        margin-bottom: 85px;
    }

    .mg-sm-l-85 {
        margin-left: 85px;
    }

    .mg-sm-t-85-f {
        margin-top: 85px !important;
    }

    .mg-sm-r-85-f {
        margin-right: 85px !important;
    }

    .mg-sm-b-85-f {
        margin-bottom: 85px !important;
    }

    .mg-sm-l-85-f {
        margin-left: 85px !important;
    }

    .mg-sm-90 {
        margin: 90px;
    }

    .mg-sm-90-f {
        margin: 90px !important;
    }

    .mg-sm-y-90 {
        margin-top: 90px;
        margin-bottom: 90px;
    }

    .mg-sm-y-90-f {
        margin-top: 90px !important;
        margin-bottom: 90px !important;
    }

    .mg-sm-x-90 {
        margin-left: 90px;
        margin-right: 90px;
    }

    .mg-sm-x-90-f {
        margin-left: 90px !important;
        margin-right: 90px !important;
    }

    .mg-sm-t-90 {
        margin-top: 90px;
    }

    .mg-sm-r-90 {
        margin-right: 90px;
    }

    .mg-sm-b-90 {
        margin-bottom: 90px;
    }

    .mg-sm-l-90 {
        margin-left: 90px;
    }

    .mg-sm-t-90-f {
        margin-top: 90px !important;
    }

    .mg-sm-r-90-f {
        margin-right: 90px !important;
    }

    .mg-sm-b-90-f {
        margin-bottom: 90px !important;
    }

    .mg-sm-l-90-f {
        margin-left: 90px !important;
    }

    .mg-sm-95 {
        margin: 95px;
    }

    .mg-sm-95-f {
        margin: 95px !important;
    }

    .mg-sm-y-95 {
        margin-top: 95px;
        margin-bottom: 95px;
    }

    .mg-sm-y-95-f {
        margin-top: 95px !important;
        margin-bottom: 95px !important;
    }

    .mg-sm-x-95 {
        margin-left: 95px;
        margin-right: 95px;
    }

    .mg-sm-x-95-f {
        margin-left: 95px !important;
        margin-right: 95px !important;
    }

    .mg-sm-t-95 {
        margin-top: 95px;
    }

    .mg-sm-r-95 {
        margin-right: 95px;
    }

    .mg-sm-b-95 {
        margin-bottom: 95px;
    }

    .mg-sm-l-95 {
        margin-left: 95px;
    }

    .mg-sm-t-95-f {
        margin-top: 95px !important;
    }

    .mg-sm-r-95-f {
        margin-right: 95px !important;
    }

    .mg-sm-b-95-f {
        margin-bottom: 95px !important;
    }

    .mg-sm-l-95-f {
        margin-left: 95px !important;
    }

    .mg-sm-100 {
        margin: 100px;
    }

    .mg-sm-100-f {
        margin: 100px !important;
    }

    .mg-sm-y-100 {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .mg-sm-y-100-f {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }

    .mg-sm-x-100 {
        margin-left: 100px;
        margin-right: 100px;
    }

    .mg-sm-x-100-f {
        margin-left: 100px !important;
        margin-right: 100px !important;
    }

    .mg-sm-t-100 {
        margin-top: 100px;
    }

    .mg-sm-r-100 {
        margin-right: 100px;
    }

    .mg-sm-b-100 {
        margin-bottom: 100px;
    }

    .mg-sm-l-100 {
        margin-left: 100px;
    }

    .mg-sm-t-100-f {
        margin-top: 100px !important;
    }

    .mg-sm-r-100-f {
        margin-right: 100px !important;
    }

    .mg-sm-b-100-f {
        margin-bottom: 100px !important;
    }

    .mg-sm-l-100-f {
        margin-left: 100px !important;
    }

    .mg-sm-t-auto {
        margin-top: auto;
    }

    .mg-sm-r-auto {
        margin-right: auto;
    }

    .mg-sm-b-auto {
        margin-bottom: auto;
    }

    .mg-sm-l-auto {
        margin-left: auto;
    }

    .mg-sm-auto {
        margin: auto;
    }

    .mg-sm-x-auto {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 768px) {
    .mg-md-0 {
        margin: 0px;
    }

    .mg-md-0-f {
        margin: 0px !important;
    }

    .mg-md-y-0 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .mg-md-y-0-f {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .mg-md-x-0 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .mg-md-x-0-f {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .mg-md-t-0 {
        margin-top: 0px;
    }

    .mg-md-r-0 {
        margin-right: 0px;
    }

    .mg-md-b-0 {
        margin-bottom: 0px;
    }

    .mg-md-l-0 {
        margin-left: 0px;
    }

    .mg-md-t-0-f {
        margin-top: 0px !important;
    }

    .mg-md-r-0-f {
        margin-right: 0px !important;
    }

    .mg-md-b-0-f {
        margin-bottom: 0px !important;
    }

    .mg-md-l-0-f {
        margin-left: 0px !important;
    }

    .mg-md-1 {
        margin: 1px;
    }

    .mg-md-1-f {
        margin: 1px !important;
    }

    .mg-md-y-1 {
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .mg-md-y-1-f {
        margin-top: 1px !important;
        margin-bottom: 1px !important;
    }

    .mg-md-x-1 {
        margin-left: 1px;
        margin-right: 1px;
    }

    .mg-md-x-1-f {
        margin-left: 1px !important;
        margin-right: 1px !important;
    }

    .mg-md-t-1 {
        margin-top: 1px;
    }

    .mg-md-r-1 {
        margin-right: 1px;
    }

    .mg-md-b-1 {
        margin-bottom: 1px;
    }

    .mg-md-l-1 {
        margin-left: 1px;
    }

    .mg-md-t-1-f {
        margin-top: 1px !important;
    }

    .mg-md-r-1-f {
        margin-right: 1px !important;
    }

    .mg-md-b-1-f {
        margin-bottom: 1px !important;
    }

    .mg-md-l-1-f {
        margin-left: 1px !important;
    }

    .mg-md-2 {
        margin: 2px;
    }

    .mg-md-2-f {
        margin: 2px !important;
    }

    .mg-md-y-2 {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .mg-md-y-2-f {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }

    .mg-md-x-2 {
        margin-left: 2px;
        margin-right: 2px;
    }

    .mg-md-x-2-f {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }

    .mg-md-t-2 {
        margin-top: 2px;
    }

    .mg-md-r-2 {
        margin-right: 2px;
    }

    .mg-md-b-2 {
        margin-bottom: 2px;
    }

    .mg-md-l-2 {
        margin-left: 2px;
    }

    .mg-md-t-2-f {
        margin-top: 2px !important;
    }

    .mg-md-r-2-f {
        margin-right: 2px !important;
    }

    .mg-md-b-2-f {
        margin-bottom: 2px !important;
    }

    .mg-md-l-2-f {
        margin-left: 2px !important;
    }

    .mg-md-3 {
        margin: 3px;
    }

    .mg-md-3-f {
        margin: 3px !important;
    }

    .mg-md-y-3 {
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .mg-md-y-3-f {
        margin-top: 3px !important;
        margin-bottom: 3px !important;
    }

    .mg-md-x-3 {
        margin-left: 3px;
        margin-right: 3px;
    }

    .mg-md-x-3-f {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }

    .mg-md-t-3 {
        margin-top: 3px;
    }

    .mg-md-r-3 {
        margin-right: 3px;
    }

    .mg-md-b-3 {
        margin-bottom: 3px;
    }

    .mg-md-l-3 {
        margin-left: 3px;
    }

    .mg-md-t-3-f {
        margin-top: 3px !important;
    }

    .mg-md-r-3-f {
        margin-right: 3px !important;
    }

    .mg-md-b-3-f {
        margin-bottom: 3px !important;
    }

    .mg-md-l-3-f {
        margin-left: 3px !important;
    }

    .mg-md-4 {
        margin: 4px;
    }

    .mg-md-4-f {
        margin: 4px !important;
    }

    .mg-md-y-4 {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .mg-md-y-4-f {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }

    .mg-md-x-4 {
        margin-left: 4px;
        margin-right: 4px;
    }

    .mg-md-x-4-f {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }

    .mg-md-t-4 {
        margin-top: 4px;
    }

    .mg-md-r-4 {
        margin-right: 4px;
    }

    .mg-md-b-4 {
        margin-bottom: 4px;
    }

    .mg-md-l-4 {
        margin-left: 4px;
    }

    .mg-md-t-4-f {
        margin-top: 4px !important;
    }

    .mg-md-r-4-f {
        margin-right: 4px !important;
    }

    .mg-md-b-4-f {
        margin-bottom: 4px !important;
    }

    .mg-md-l-4-f {
        margin-left: 4px !important;
    }

    .mg-md-5 {
        margin: 5px;
    }

    .mg-md-5-f {
        margin: 5px !important;
    }

    .mg-md-y-5 {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .mg-md-y-5-f {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .mg-md-x-5 {
        margin-left: 5px;
        margin-right: 5px;
    }

    .mg-md-x-5-f {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .mg-md-t-5 {
        margin-top: 5px;
    }

    .mg-md-r-5 {
        margin-right: 5px;
    }

    .mg-md-b-5 {
        margin-bottom: 5px;
    }

    .mg-md-l-5 {
        margin-left: 5px;
    }

    .mg-md-t-5-f {
        margin-top: 5px !important;
    }

    .mg-md-r-5-f {
        margin-right: 5px !important;
    }

    .mg-md-b-5-f {
        margin-bottom: 5px !important;
    }

    .mg-md-l-5-f {
        margin-left: 5px !important;
    }

    .mg-md-6 {
        margin: 6px;
    }

    .mg-md-6-f {
        margin: 6px !important;
    }

    .mg-md-y-6 {
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .mg-md-y-6-f {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }

    .mg-md-x-6 {
        margin-left: 6px;
        margin-right: 6px;
    }

    .mg-md-x-6-f {
        margin-left: 6px !important;
        margin-right: 6px !important;
    }

    .mg-md-t-6 {
        margin-top: 6px;
    }

    .mg-md-r-6 {
        margin-right: 6px;
    }

    .mg-md-b-6 {
        margin-bottom: 6px;
    }

    .mg-md-l-6 {
        margin-left: 6px;
    }

    .mg-md-t-6-f {
        margin-top: 6px !important;
    }

    .mg-md-r-6-f {
        margin-right: 6px !important;
    }

    .mg-md-b-6-f {
        margin-bottom: 6px !important;
    }

    .mg-md-l-6-f {
        margin-left: 6px !important;
    }

    .mg-md-7 {
        margin: 7px;
    }

    .mg-md-7-f {
        margin: 7px !important;
    }

    .mg-md-y-7 {
        margin-top: 7px;
        margin-bottom: 7px;
    }

    .mg-md-y-7-f {
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }

    .mg-md-x-7 {
        margin-left: 7px;
        margin-right: 7px;
    }

    .mg-md-x-7-f {
        margin-left: 7px !important;
        margin-right: 7px !important;
    }

    .mg-md-t-7 {
        margin-top: 7px;
    }

    .mg-md-r-7 {
        margin-right: 7px;
    }

    .mg-md-b-7 {
        margin-bottom: 7px;
    }

    .mg-md-l-7 {
        margin-left: 7px;
    }

    .mg-md-t-7-f {
        margin-top: 7px !important;
    }

    .mg-md-r-7-f {
        margin-right: 7px !important;
    }

    .mg-md-b-7-f {
        margin-bottom: 7px !important;
    }

    .mg-md-l-7-f {
        margin-left: 7px !important;
    }

    .mg-md-8 {
        margin: 8px;
    }

    .mg-md-8-f {
        margin: 8px !important;
    }

    .mg-md-y-8 {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .mg-md-y-8-f {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

    .mg-md-x-8 {
        margin-left: 8px;
        margin-right: 8px;
    }

    .mg-md-x-8-f {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }

    .mg-md-t-8 {
        margin-top: 8px;
    }

    .mg-md-r-8 {
        margin-right: 8px;
    }

    .mg-md-b-8 {
        margin-bottom: 8px;
    }

    .mg-md-l-8 {
        margin-left: 8px;
    }

    .mg-md-t-8-f {
        margin-top: 8px !important;
    }

    .mg-md-r-8-f {
        margin-right: 8px !important;
    }

    .mg-md-b-8-f {
        margin-bottom: 8px !important;
    }

    .mg-md-l-8-f {
        margin-left: 8px !important;
    }

    .mg-md-9 {
        margin: 9px;
    }

    .mg-md-9-f {
        margin: 9px !important;
    }

    .mg-md-y-9 {
        margin-top: 9px;
        margin-bottom: 9px;
    }

    .mg-md-y-9-f {
        margin-top: 9px !important;
        margin-bottom: 9px !important;
    }

    .mg-md-x-9 {
        margin-left: 9px;
        margin-right: 9px;
    }

    .mg-md-x-9-f {
        margin-left: 9px !important;
        margin-right: 9px !important;
    }

    .mg-md-t-9 {
        margin-top: 9px;
    }

    .mg-md-r-9 {
        margin-right: 9px;
    }

    .mg-md-b-9 {
        margin-bottom: 9px;
    }

    .mg-md-l-9 {
        margin-left: 9px;
    }

    .mg-md-t-9-f {
        margin-top: 9px !important;
    }

    .mg-md-r-9-f {
        margin-right: 9px !important;
    }

    .mg-md-b-9-f {
        margin-bottom: 9px !important;
    }

    .mg-md-l-9-f {
        margin-left: 9px !important;
    }

    .mg-md-10 {
        margin: 10px;
    }

    .mg-md-10-f {
        margin: 10px !important;
    }

    .mg-md-y-10 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mg-md-y-10-f {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .mg-md-x-10 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .mg-md-x-10-f {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .mg-md-t-10 {
        margin-top: 10px;
    }

    .mg-md-r-10 {
        margin-right: 10px;
    }

    .mg-md-b-10 {
        margin-bottom: 10px;
    }

    .mg-md-l-10 {
        margin-left: 10px;
    }

    .mg-md-t-10-f {
        margin-top: 10px !important;
    }

    .mg-md-r-10-f {
        margin-right: 10px !important;
    }

    .mg-md-b-10-f {
        margin-bottom: 10px !important;
    }

    .mg-md-l-10-f {
        margin-left: 10px !important;
    }

    .mg-md-15 {
        margin: 15px;
    }

    .mg-md-15-f {
        margin: 15px !important;
    }

    .mg-md-y-15 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .mg-md-y-15-f {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    .mg-md-x-15 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .mg-md-x-15-f {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .mg-md-t-15 {
        margin-top: 15px;
    }

    .mg-md-r-15 {
        margin-right: 15px;
    }

    .mg-md-b-15 {
        margin-bottom: 15px;
    }

    .mg-md-l-15 {
        margin-left: 15px;
    }

    .mg-md-t-15-f {
        margin-top: 15px !important;
    }

    .mg-md-r-15-f {
        margin-right: 15px !important;
    }

    .mg-md-b-15-f {
        margin-bottom: 15px !important;
    }

    .mg-md-l-15-f {
        margin-left: 15px !important;
    }

    .mg-md-20 {
        margin: 20px;
    }

    .mg-md-20-f {
        margin: 20px !important;
    }

    .mg-md-y-20 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .mg-md-y-20-f {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .mg-md-x-20 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .mg-md-x-20-f {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .mg-md-t-20 {
        margin-top: 20px;
    }

    .mg-md-r-20 {
        margin-right: 20px;
    }

    .mg-md-b-20 {
        margin-bottom: 20px;
    }

    .mg-md-l-20 {
        margin-left: 20px;
    }

    .mg-md-t-20-f {
        margin-top: 20px !important;
    }

    .mg-md-r-20-f {
        margin-right: 20px !important;
    }

    .mg-md-b-20-f {
        margin-bottom: 20px !important;
    }

    .mg-md-l-20-f {
        margin-left: 20px !important;
    }

    .mg-md-25 {
        margin: 25px;
    }

    .mg-md-25-f {
        margin: 25px !important;
    }

    .mg-md-y-25 {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .mg-md-y-25-f {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }

    .mg-md-x-25 {
        margin-left: 25px;
        margin-right: 25px;
    }

    .mg-md-x-25-f {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }

    .mg-md-t-25 {
        margin-top: 25px;
    }

    .mg-md-r-25 {
        margin-right: 25px;
    }

    .mg-md-b-25 {
        margin-bottom: 25px;
    }

    .mg-md-l-25 {
        margin-left: 25px;
    }

    .mg-md-t-25-f {
        margin-top: 25px !important;
    }

    .mg-md-r-25-f {
        margin-right: 25px !important;
    }

    .mg-md-b-25-f {
        margin-bottom: 25px !important;
    }

    .mg-md-l-25-f {
        margin-left: 25px !important;
    }

    .mg-md-30 {
        margin: 30px;
    }

    .mg-md-30-f {
        margin: 30px !important;
    }

    .mg-md-y-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .mg-md-y-30-f {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .mg-md-x-30 {
        margin-left: 30px;
        margin-right: 30px;
    }

    .mg-md-x-30-f {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .mg-md-t-30 {
        margin-top: 30px;
    }

    .mg-md-r-30 {
        margin-right: 30px;
    }

    .mg-md-b-30 {
        margin-bottom: 30px;
    }

    .mg-md-l-30 {
        margin-left: 30px;
    }

    .mg-md-t-30-f {
        margin-top: 30px !important;
    }

    .mg-md-r-30-f {
        margin-right: 30px !important;
    }

    .mg-md-b-30-f {
        margin-bottom: 30px !important;
    }

    .mg-md-l-30-f {
        margin-left: 30px !important;
    }

    .mg-md-35 {
        margin: 35px;
    }

    .mg-md-35-f {
        margin: 35px !important;
    }

    .mg-md-y-35 {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .mg-md-y-35-f {
        margin-top: 35px !important;
        margin-bottom: 35px !important;
    }

    .mg-md-x-35 {
        margin-left: 35px;
        margin-right: 35px;
    }

    .mg-md-x-35-f {
        margin-left: 35px !important;
        margin-right: 35px !important;
    }

    .mg-md-t-35 {
        margin-top: 35px;
    }

    .mg-md-r-35 {
        margin-right: 35px;
    }

    .mg-md-b-35 {
        margin-bottom: 35px;
    }

    .mg-md-l-35 {
        margin-left: 35px;
    }

    .mg-md-t-35-f {
        margin-top: 35px !important;
    }

    .mg-md-r-35-f {
        margin-right: 35px !important;
    }

    .mg-md-b-35-f {
        margin-bottom: 35px !important;
    }

    .mg-md-l-35-f {
        margin-left: 35px !important;
    }

    .mg-md-40 {
        margin: 40px;
    }

    .mg-md-40-f {
        margin: 40px !important;
    }

    .mg-md-y-40 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .mg-md-y-40-f {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .mg-md-x-40 {
        margin-left: 40px;
        margin-right: 40px;
    }

    .mg-md-x-40-f {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }

    .mg-md-t-40 {
        margin-top: 40px;
    }

    .mg-md-r-40 {
        margin-right: 40px;
    }

    .mg-md-b-40 {
        margin-bottom: 40px;
    }

    .mg-md-l-40 {
        margin-left: 40px;
    }

    .mg-md-t-40-f {
        margin-top: 40px !important;
    }

    .mg-md-r-40-f {
        margin-right: 40px !important;
    }

    .mg-md-b-40-f {
        margin-bottom: 40px !important;
    }

    .mg-md-l-40-f {
        margin-left: 40px !important;
    }

    .mg-md-45 {
        margin: 45px;
    }

    .mg-md-45-f {
        margin: 45px !important;
    }

    .mg-md-y-45 {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .mg-md-y-45-f {
        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }

    .mg-md-x-45 {
        margin-left: 45px;
        margin-right: 45px;
    }

    .mg-md-x-45-f {
        margin-left: 45px !important;
        margin-right: 45px !important;
    }

    .mg-md-t-45 {
        margin-top: 45px;
    }

    .mg-md-r-45 {
        margin-right: 45px;
    }

    .mg-md-b-45 {
        margin-bottom: 45px;
    }

    .mg-md-l-45 {
        margin-left: 45px;
    }

    .mg-md-t-45-f {
        margin-top: 45px !important;
    }

    .mg-md-r-45-f {
        margin-right: 45px !important;
    }

    .mg-md-b-45-f {
        margin-bottom: 45px !important;
    }

    .mg-md-l-45-f {
        margin-left: 45px !important;
    }

    .mg-md-50 {
        margin: 50px;
    }

    .mg-md-50-f {
        margin: 50px !important;
    }

    .mg-md-y-50 {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .mg-md-y-50-f {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    .mg-md-x-50 {
        margin-left: 50px;
        margin-right: 50px;
    }

    .mg-md-x-50-f {
        margin-left: 50px !important;
        margin-right: 50px !important;
    }

    .mg-md-t-50 {
        margin-top: 50px;
    }

    .mg-md-r-50 {
        margin-right: 50px;
    }

    .mg-md-b-50 {
        margin-bottom: 50px;
    }

    .mg-md-l-50 {
        margin-left: 50px;
    }

    .mg-md-t-50-f {
        margin-top: 50px !important;
    }

    .mg-md-r-50-f {
        margin-right: 50px !important;
    }

    .mg-md-b-50-f {
        margin-bottom: 50px !important;
    }

    .mg-md-l-50-f {
        margin-left: 50px !important;
    }

    .mg-md-55 {
        margin: 55px;
    }

    .mg-md-55-f {
        margin: 55px !important;
    }

    .mg-md-y-55 {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .mg-md-y-55-f {
        margin-top: 55px !important;
        margin-bottom: 55px !important;
    }

    .mg-md-x-55 {
        margin-left: 55px;
        margin-right: 55px;
    }

    .mg-md-x-55-f {
        margin-left: 55px !important;
        margin-right: 55px !important;
    }

    .mg-md-t-55 {
        margin-top: 55px;
    }

    .mg-md-r-55 {
        margin-right: 55px;
    }

    .mg-md-b-55 {
        margin-bottom: 55px;
    }

    .mg-md-l-55 {
        margin-left: 55px;
    }

    .mg-md-t-55-f {
        margin-top: 55px !important;
    }

    .mg-md-r-55-f {
        margin-right: 55px !important;
    }

    .mg-md-b-55-f {
        margin-bottom: 55px !important;
    }

    .mg-md-l-55-f {
        margin-left: 55px !important;
    }

    .mg-md-60 {
        margin: 60px;
    }

    .mg-md-60-f {
        margin: 60px !important;
    }

    .mg-md-y-60 {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .mg-md-y-60-f {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }

    .mg-md-x-60 {
        margin-left: 60px;
        margin-right: 60px;
    }

    .mg-md-x-60-f {
        margin-left: 60px !important;
        margin-right: 60px !important;
    }

    .mg-md-t-60 {
        margin-top: 60px;
    }

    .mg-md-r-60 {
        margin-right: 60px;
    }

    .mg-md-b-60 {
        margin-bottom: 60px;
    }

    .mg-md-l-60 {
        margin-left: 60px;
    }

    .mg-md-t-60-f {
        margin-top: 60px !important;
    }

    .mg-md-r-60-f {
        margin-right: 60px !important;
    }

    .mg-md-b-60-f {
        margin-bottom: 60px !important;
    }

    .mg-md-l-60-f {
        margin-left: 60px !important;
    }

    .mg-md-65 {
        margin: 65px;
    }

    .mg-md-65-f {
        margin: 65px !important;
    }

    .mg-md-y-65 {
        margin-top: 65px;
        margin-bottom: 65px;
    }

    .mg-md-y-65-f {
        margin-top: 65px !important;
        margin-bottom: 65px !important;
    }

    .mg-md-x-65 {
        margin-left: 65px;
        margin-right: 65px;
    }

    .mg-md-x-65-f {
        margin-left: 65px !important;
        margin-right: 65px !important;
    }

    .mg-md-t-65 {
        margin-top: 65px;
    }

    .mg-md-r-65 {
        margin-right: 65px;
    }

    .mg-md-b-65 {
        margin-bottom: 65px;
    }

    .mg-md-l-65 {
        margin-left: 65px;
    }

    .mg-md-t-65-f {
        margin-top: 65px !important;
    }

    .mg-md-r-65-f {
        margin-right: 65px !important;
    }

    .mg-md-b-65-f {
        margin-bottom: 65px !important;
    }

    .mg-md-l-65-f {
        margin-left: 65px !important;
    }

    .mg-md-70 {
        margin: 70px;
    }

    .mg-md-70-f {
        margin: 70px !important;
    }

    .mg-md-y-70 {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .mg-md-y-70-f {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }

    .mg-md-x-70 {
        margin-left: 70px;
        margin-right: 70px;
    }

    .mg-md-x-70-f {
        margin-left: 70px !important;
        margin-right: 70px !important;
    }

    .mg-md-t-70 {
        margin-top: 70px;
    }

    .mg-md-r-70 {
        margin-right: 70px;
    }

    .mg-md-b-70 {
        margin-bottom: 70px;
    }

    .mg-md-l-70 {
        margin-left: 70px;
    }

    .mg-md-t-70-f {
        margin-top: 70px !important;
    }

    .mg-md-r-70-f {
        margin-right: 70px !important;
    }

    .mg-md-b-70-f {
        margin-bottom: 70px !important;
    }

    .mg-md-l-70-f {
        margin-left: 70px !important;
    }

    .mg-md-75 {
        margin: 75px;
    }

    .mg-md-75-f {
        margin: 75px !important;
    }

    .mg-md-y-75 {
        margin-top: 75px;
        margin-bottom: 75px;
    }

    .mg-md-y-75-f {
        margin-top: 75px !important;
        margin-bottom: 75px !important;
    }

    .mg-md-x-75 {
        margin-left: 75px;
        margin-right: 75px;
    }

    .mg-md-x-75-f {
        margin-left: 75px !important;
        margin-right: 75px !important;
    }

    .mg-md-t-75 {
        margin-top: 75px;
    }

    .mg-md-r-75 {
        margin-right: 75px;
    }

    .mg-md-b-75 {
        margin-bottom: 75px;
    }

    .mg-md-l-75 {
        margin-left: 75px;
    }

    .mg-md-t-75-f {
        margin-top: 75px !important;
    }

    .mg-md-r-75-f {
        margin-right: 75px !important;
    }

    .mg-md-b-75-f {
        margin-bottom: 75px !important;
    }

    .mg-md-l-75-f {
        margin-left: 75px !important;
    }

    .mg-md-80 {
        margin: 80px;
    }

    .mg-md-80-f {
        margin: 80px !important;
    }

    .mg-md-y-80 {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .mg-md-y-80-f {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }

    .mg-md-x-80 {
        margin-left: 80px;
        margin-right: 80px;
    }

    .mg-md-x-80-f {
        margin-left: 80px !important;
        margin-right: 80px !important;
    }

    .mg-md-t-80 {
        margin-top: 80px;
    }

    .mg-md-r-80 {
        margin-right: 80px;
    }

    .mg-md-b-80 {
        margin-bottom: 80px;
    }

    .mg-md-l-80 {
        margin-left: 80px;
    }

    .mg-md-t-80-f {
        margin-top: 80px !important;
    }

    .mg-md-r-80-f {
        margin-right: 80px !important;
    }

    .mg-md-b-80-f {
        margin-bottom: 80px !important;
    }

    .mg-md-l-80-f {
        margin-left: 80px !important;
    }

    .mg-md-85 {
        margin: 85px;
    }

    .mg-md-85-f {
        margin: 85px !important;
    }

    .mg-md-y-85 {
        margin-top: 85px;
        margin-bottom: 85px;
    }

    .mg-md-y-85-f {
        margin-top: 85px !important;
        margin-bottom: 85px !important;
    }

    .mg-md-x-85 {
        margin-left: 85px;
        margin-right: 85px;
    }

    .mg-md-x-85-f {
        margin-left: 85px !important;
        margin-right: 85px !important;
    }

    .mg-md-t-85 {
        margin-top: 85px;
    }

    .mg-md-r-85 {
        margin-right: 85px;
    }

    .mg-md-b-85 {
        margin-bottom: 85px;
    }

    .mg-md-l-85 {
        margin-left: 85px;
    }

    .mg-md-t-85-f {
        margin-top: 85px !important;
    }

    .mg-md-r-85-f {
        margin-right: 85px !important;
    }

    .mg-md-b-85-f {
        margin-bottom: 85px !important;
    }

    .mg-md-l-85-f {
        margin-left: 85px !important;
    }

    .mg-md-90 {
        margin: 90px;
    }

    .mg-md-90-f {
        margin: 90px !important;
    }

    .mg-md-y-90 {
        margin-top: 90px;
        margin-bottom: 90px;
    }

    .mg-md-y-90-f {
        margin-top: 90px !important;
        margin-bottom: 90px !important;
    }

    .mg-md-x-90 {
        margin-left: 90px;
        margin-right: 90px;
    }

    .mg-md-x-90-f {
        margin-left: 90px !important;
        margin-right: 90px !important;
    }

    .mg-md-t-90 {
        margin-top: 90px;
    }

    .mg-md-r-90 {
        margin-right: 90px;
    }

    .mg-md-b-90 {
        margin-bottom: 90px;
    }

    .mg-md-l-90 {
        margin-left: 90px;
    }

    .mg-md-t-90-f {
        margin-top: 90px !important;
    }

    .mg-md-r-90-f {
        margin-right: 90px !important;
    }

    .mg-md-b-90-f {
        margin-bottom: 90px !important;
    }

    .mg-md-l-90-f {
        margin-left: 90px !important;
    }

    .mg-md-95 {
        margin: 95px;
    }

    .mg-md-95-f {
        margin: 95px !important;
    }

    .mg-md-y-95 {
        margin-top: 95px;
        margin-bottom: 95px;
    }

    .mg-md-y-95-f {
        margin-top: 95px !important;
        margin-bottom: 95px !important;
    }

    .mg-md-x-95 {
        margin-left: 95px;
        margin-right: 95px;
    }

    .mg-md-x-95-f {
        margin-left: 95px !important;
        margin-right: 95px !important;
    }

    .mg-md-t-95 {
        margin-top: 95px;
    }

    .mg-md-r-95 {
        margin-right: 95px;
    }

    .mg-md-b-95 {
        margin-bottom: 95px;
    }

    .mg-md-l-95 {
        margin-left: 95px;
    }

    .mg-md-t-95-f {
        margin-top: 95px !important;
    }

    .mg-md-r-95-f {
        margin-right: 95px !important;
    }

    .mg-md-b-95-f {
        margin-bottom: 95px !important;
    }

    .mg-md-l-95-f {
        margin-left: 95px !important;
    }

    .mg-md-100 {
        margin: 100px;
    }

    .mg-md-100-f {
        margin: 100px !important;
    }

    .mg-md-y-100 {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .mg-md-y-100-f {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }

    .mg-md-x-100 {
        margin-left: 100px;
        margin-right: 100px;
    }

    .mg-md-x-100-f {
        margin-left: 100px !important;
        margin-right: 100px !important;
    }

    .mg-md-t-100 {
        margin-top: 100px;
    }

    .mg-md-r-100 {
        margin-right: 100px;
    }

    .mg-md-b-100 {
        margin-bottom: 100px;
    }

    .mg-md-l-100 {
        margin-left: 100px;
    }

    .mg-md-t-100-f {
        margin-top: 100px !important;
    }

    .mg-md-r-100-f {
        margin-right: 100px !important;
    }

    .mg-md-b-100-f {
        margin-bottom: 100px !important;
    }

    .mg-md-l-100-f {
        margin-left: 100px !important;
    }

    .mg-md-t-auto {
        margin-top: auto;
    }

    .mg-md-r-auto {
        margin-right: auto;
    }

    .mg-md-b-auto {
        margin-bottom: auto;
    }

    .mg-md-l-auto {
        margin-left: auto;
    }

    .mg-md-auto {
        margin: auto;
    }

    .mg-md-x-auto {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 992px) {
    .mg-lg-0 {
        margin: 0px;
    }

    .mg-lg-0-f {
        margin: 0px !important;
    }

    .mg-lg-y-0 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .mg-lg-y-0-f {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .mg-lg-x-0 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .mg-lg-x-0-f {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .mg-lg-t-0 {
        margin-top: 0px;
    }

    .mg-lg-r-0 {
        margin-right: 0px;
    }

    .mg-lg-b-0 {
        margin-bottom: 0px;
    }

    .mg-lg-l-0 {
        margin-left: 0px;
    }

    .mg-lg-t-0-f {
        margin-top: 0px !important;
    }

    .mg-lg-r-0-f {
        margin-right: 0px !important;
    }

    .mg-lg-b-0-f {
        margin-bottom: 0px !important;
    }

    .mg-lg-l-0-f {
        margin-left: 0px !important;
    }

    .mg-lg-1 {
        margin: 1px;
    }

    .mg-lg-1-f {
        margin: 1px !important;
    }

    .mg-lg-y-1 {
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .mg-lg-y-1-f {
        margin-top: 1px !important;
        margin-bottom: 1px !important;
    }

    .mg-lg-x-1 {
        margin-left: 1px;
        margin-right: 1px;
    }

    .mg-lg-x-1-f {
        margin-left: 1px !important;
        margin-right: 1px !important;
    }

    .mg-lg-t-1 {
        margin-top: 1px;
    }

    .mg-lg-r-1 {
        margin-right: 1px;
    }

    .mg-lg-b-1 {
        margin-bottom: 1px;
    }

    .mg-lg-l-1 {
        margin-left: 1px;
    }

    .mg-lg-t-1-f {
        margin-top: 1px !important;
    }

    .mg-lg-r-1-f {
        margin-right: 1px !important;
    }

    .mg-lg-b-1-f {
        margin-bottom: 1px !important;
    }

    .mg-lg-l-1-f {
        margin-left: 1px !important;
    }

    .mg-lg-2 {
        margin: 2px;
    }

    .mg-lg-2-f {
        margin: 2px !important;
    }

    .mg-lg-y-2 {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .mg-lg-y-2-f {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }

    .mg-lg-x-2 {
        margin-left: 2px;
        margin-right: 2px;
    }

    .mg-lg-x-2-f {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }

    .mg-lg-t-2 {
        margin-top: 2px;
    }

    .mg-lg-r-2 {
        margin-right: 2px;
    }

    .mg-lg-b-2 {
        margin-bottom: 2px;
    }

    .mg-lg-l-2 {
        margin-left: 2px;
    }

    .mg-lg-t-2-f {
        margin-top: 2px !important;
    }

    .mg-lg-r-2-f {
        margin-right: 2px !important;
    }

    .mg-lg-b-2-f {
        margin-bottom: 2px !important;
    }

    .mg-lg-l-2-f {
        margin-left: 2px !important;
    }

    .mg-lg-3 {
        margin: 3px;
    }

    .mg-lg-3-f {
        margin: 3px !important;
    }

    .mg-lg-y-3 {
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .mg-lg-y-3-f {
        margin-top: 3px !important;
        margin-bottom: 3px !important;
    }

    .mg-lg-x-3 {
        margin-left: 3px;
        margin-right: 3px;
    }

    .mg-lg-x-3-f {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }

    .mg-lg-t-3 {
        margin-top: 3px;
    }

    .mg-lg-r-3 {
        margin-right: 3px;
    }

    .mg-lg-b-3 {
        margin-bottom: 3px;
    }

    .mg-lg-l-3 {
        margin-left: 3px;
    }

    .mg-lg-t-3-f {
        margin-top: 3px !important;
    }

    .mg-lg-r-3-f {
        margin-right: 3px !important;
    }

    .mg-lg-b-3-f {
        margin-bottom: 3px !important;
    }

    .mg-lg-l-3-f {
        margin-left: 3px !important;
    }

    .mg-lg-4 {
        margin: 4px;
    }

    .mg-lg-4-f {
        margin: 4px !important;
    }

    .mg-lg-y-4 {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .mg-lg-y-4-f {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }

    .mg-lg-x-4 {
        margin-left: 4px;
        margin-right: 4px;
    }

    .mg-lg-x-4-f {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }

    .mg-lg-t-4 {
        margin-top: 4px;
    }

    .mg-lg-r-4 {
        margin-right: 4px;
    }

    .mg-lg-b-4 {
        margin-bottom: 4px;
    }

    .mg-lg-l-4 {
        margin-left: 4px;
    }

    .mg-lg-t-4-f {
        margin-top: 4px !important;
    }

    .mg-lg-r-4-f {
        margin-right: 4px !important;
    }

    .mg-lg-b-4-f {
        margin-bottom: 4px !important;
    }

    .mg-lg-l-4-f {
        margin-left: 4px !important;
    }

    .mg-lg-5 {
        margin: 5px;
    }

    .mg-lg-5-f {
        margin: 5px !important;
    }

    .mg-lg-y-5 {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .mg-lg-y-5-f {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .mg-lg-x-5 {
        margin-left: 5px;
        margin-right: 5px;
    }

    .mg-lg-x-5-f {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .mg-lg-t-5 {
        margin-top: 5px;
    }

    .mg-lg-r-5 {
        margin-right: 5px;
    }

    .mg-lg-b-5 {
        margin-bottom: 5px;
    }

    .mg-lg-l-5 {
        margin-left: 5px;
    }

    .mg-lg-t-5-f {
        margin-top: 5px !important;
    }

    .mg-lg-r-5-f {
        margin-right: 5px !important;
    }

    .mg-lg-b-5-f {
        margin-bottom: 5px !important;
    }

    .mg-lg-l-5-f {
        margin-left: 5px !important;
    }

    .mg-lg-6 {
        margin: 6px;
    }

    .mg-lg-6-f {
        margin: 6px !important;
    }

    .mg-lg-y-6 {
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .mg-lg-y-6-f {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }

    .mg-lg-x-6 {
        margin-left: 6px;
        margin-right: 6px;
    }

    .mg-lg-x-6-f {
        margin-left: 6px !important;
        margin-right: 6px !important;
    }

    .mg-lg-t-6 {
        margin-top: 6px;
    }

    .mg-lg-r-6 {
        margin-right: 6px;
    }

    .mg-lg-b-6 {
        margin-bottom: 6px;
    }

    .mg-lg-l-6 {
        margin-left: 6px;
    }

    .mg-lg-t-6-f {
        margin-top: 6px !important;
    }

    .mg-lg-r-6-f {
        margin-right: 6px !important;
    }

    .mg-lg-b-6-f {
        margin-bottom: 6px !important;
    }

    .mg-lg-l-6-f {
        margin-left: 6px !important;
    }

    .mg-lg-7 {
        margin: 7px;
    }

    .mg-lg-7-f {
        margin: 7px !important;
    }

    .mg-lg-y-7 {
        margin-top: 7px;
        margin-bottom: 7px;
    }

    .mg-lg-y-7-f {
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }

    .mg-lg-x-7 {
        margin-left: 7px;
        margin-right: 7px;
    }

    .mg-lg-x-7-f {
        margin-left: 7px !important;
        margin-right: 7px !important;
    }

    .mg-lg-t-7 {
        margin-top: 7px;
    }

    .mg-lg-r-7 {
        margin-right: 7px;
    }

    .mg-lg-b-7 {
        margin-bottom: 7px;
    }

    .mg-lg-l-7 {
        margin-left: 7px;
    }

    .mg-lg-t-7-f {
        margin-top: 7px !important;
    }

    .mg-lg-r-7-f {
        margin-right: 7px !important;
    }

    .mg-lg-b-7-f {
        margin-bottom: 7px !important;
    }

    .mg-lg-l-7-f {
        margin-left: 7px !important;
    }

    .mg-lg-8 {
        margin: 8px;
    }

    .mg-lg-8-f {
        margin: 8px !important;
    }

    .mg-lg-y-8 {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .mg-lg-y-8-f {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

    .mg-lg-x-8 {
        margin-left: 8px;
        margin-right: 8px;
    }

    .mg-lg-x-8-f {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }

    .mg-lg-t-8 {
        margin-top: 8px;
    }

    .mg-lg-r-8 {
        margin-right: 8px;
    }

    .mg-lg-b-8 {
        margin-bottom: 8px;
    }

    .mg-lg-l-8 {
        margin-left: 8px;
    }

    .mg-lg-t-8-f {
        margin-top: 8px !important;
    }

    .mg-lg-r-8-f {
        margin-right: 8px !important;
    }

    .mg-lg-b-8-f {
        margin-bottom: 8px !important;
    }

    .mg-lg-l-8-f {
        margin-left: 8px !important;
    }

    .mg-lg-9 {
        margin: 9px;
    }

    .mg-lg-9-f {
        margin: 9px !important;
    }

    .mg-lg-y-9 {
        margin-top: 9px;
        margin-bottom: 9px;
    }

    .mg-lg-y-9-f {
        margin-top: 9px !important;
        margin-bottom: 9px !important;
    }

    .mg-lg-x-9 {
        margin-left: 9px;
        margin-right: 9px;
    }

    .mg-lg-x-9-f {
        margin-left: 9px !important;
        margin-right: 9px !important;
    }

    .mg-lg-t-9 {
        margin-top: 9px;
    }

    .mg-lg-r-9 {
        margin-right: 9px;
    }

    .mg-lg-b-9 {
        margin-bottom: 9px;
    }

    .mg-lg-l-9 {
        margin-left: 9px;
    }

    .mg-lg-t-9-f {
        margin-top: 9px !important;
    }

    .mg-lg-r-9-f {
        margin-right: 9px !important;
    }

    .mg-lg-b-9-f {
        margin-bottom: 9px !important;
    }

    .mg-lg-l-9-f {
        margin-left: 9px !important;
    }

    .mg-lg-10 {
        margin: 10px;
    }

    .mg-lg-10-f {
        margin: 10px !important;
    }

    .mg-lg-y-10 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mg-lg-y-10-f {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .mg-lg-x-10 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .mg-lg-x-10-f {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .mg-lg-t-10 {
        margin-top: 10px;
    }

    .mg-lg-r-10 {
        margin-right: 10px;
    }

    .mg-lg-b-10 {
        margin-bottom: 10px;
    }

    .mg-lg-l-10 {
        margin-left: 10px;
    }

    .mg-lg-t-10-f {
        margin-top: 10px !important;
    }

    .mg-lg-r-10-f {
        margin-right: 10px !important;
    }

    .mg-lg-b-10-f {
        margin-bottom: 10px !important;
    }

    .mg-lg-l-10-f {
        margin-left: 10px !important;
    }

    .mg-lg-15 {
        margin: 15px;
    }

    .mg-lg-15-f {
        margin: 15px !important;
    }

    .mg-lg-y-15 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .mg-lg-y-15-f {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    .mg-lg-x-15 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .mg-lg-x-15-f {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .mg-lg-t-15 {
        margin-top: 15px;
    }

    .mg-lg-r-15 {
        margin-right: 15px;
    }

    .mg-lg-b-15 {
        margin-bottom: 15px;
    }

    .mg-lg-l-15 {
        margin-left: 15px;
    }

    .mg-lg-t-15-f {
        margin-top: 15px !important;
    }

    .mg-lg-r-15-f {
        margin-right: 15px !important;
    }

    .mg-lg-b-15-f {
        margin-bottom: 15px !important;
    }

    .mg-lg-l-15-f {
        margin-left: 15px !important;
    }

    .mg-lg-20 {
        margin: 20px;
    }

    .mg-lg-20-f {
        margin: 20px !important;
    }

    .mg-lg-y-20 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .mg-lg-y-20-f {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .mg-lg-x-20 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .mg-lg-x-20-f {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .mg-lg-t-20 {
        margin-top: 20px;
    }

    .mg-lg-r-20 {
        margin-right: 20px;
    }

    .mg-lg-b-20 {
        margin-bottom: 20px;
    }

    .mg-lg-l-20 {
        margin-left: 20px;
    }

    .mg-lg-t-20-f {
        margin-top: 20px !important;
    }

    .mg-lg-r-20-f {
        margin-right: 20px !important;
    }

    .mg-lg-b-20-f {
        margin-bottom: 20px !important;
    }

    .mg-lg-l-20-f {
        margin-left: 20px !important;
    }

    .mg-lg-25 {
        margin: 25px;
    }

    .mg-lg-25-f {
        margin: 25px !important;
    }

    .mg-lg-y-25 {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .mg-lg-y-25-f {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }

    .mg-lg-x-25 {
        margin-left: 25px;
        margin-right: 25px;
    }

    .mg-lg-x-25-f {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }

    .mg-lg-t-25 {
        margin-top: 25px;
    }

    .mg-lg-r-25 {
        margin-right: 25px;
    }

    .mg-lg-b-25 {
        margin-bottom: 25px;
    }

    .mg-lg-l-25 {
        margin-left: 25px;
    }

    .mg-lg-t-25-f {
        margin-top: 25px !important;
    }

    .mg-lg-r-25-f {
        margin-right: 25px !important;
    }

    .mg-lg-b-25-f {
        margin-bottom: 25px !important;
    }

    .mg-lg-l-25-f {
        margin-left: 25px !important;
    }

    .mg-lg-30 {
        margin: 30px;
    }

    .mg-lg-30-f {
        margin: 30px !important;
    }

    .mg-lg-y-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .mg-lg-y-30-f {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .mg-lg-x-30 {
        margin-left: 30px;
        margin-right: 30px;
    }

    .mg-lg-x-30-f {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .mg-lg-t-30 {
        margin-top: 30px;
    }

    .mg-lg-r-30 {
        margin-right: 30px;
    }

    .mg-lg-b-30 {
        margin-bottom: 30px;
    }

    .mg-lg-l-30 {
        margin-left: 30px;
    }

    .mg-lg-t-30-f {
        margin-top: 30px !important;
    }

    .mg-lg-r-30-f {
        margin-right: 30px !important;
    }

    .mg-lg-b-30-f {
        margin-bottom: 30px !important;
    }

    .mg-lg-l-30-f {
        margin-left: 30px !important;
    }

    .mg-lg-35 {
        margin: 35px;
    }

    .mg-lg-35-f {
        margin: 35px !important;
    }

    .mg-lg-y-35 {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .mg-lg-y-35-f {
        margin-top: 35px !important;
        margin-bottom: 35px !important;
    }

    .mg-lg-x-35 {
        margin-left: 35px;
        margin-right: 35px;
    }

    .mg-lg-x-35-f {
        margin-left: 35px !important;
        margin-right: 35px !important;
    }

    .mg-lg-t-35 {
        margin-top: 35px;
    }

    .mg-lg-r-35 {
        margin-right: 35px;
    }

    .mg-lg-b-35 {
        margin-bottom: 35px;
    }

    .mg-lg-l-35 {
        margin-left: 35px;
    }

    .mg-lg-t-35-f {
        margin-top: 35px !important;
    }

    .mg-lg-r-35-f {
        margin-right: 35px !important;
    }

    .mg-lg-b-35-f {
        margin-bottom: 35px !important;
    }

    .mg-lg-l-35-f {
        margin-left: 35px !important;
    }

    .mg-lg-40 {
        margin: 40px;
    }

    .mg-lg-40-f {
        margin: 40px !important;
    }

    .mg-lg-y-40 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .mg-lg-y-40-f {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .mg-lg-x-40 {
        margin-left: 40px;
        margin-right: 40px;
    }

    .mg-lg-x-40-f {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }

    .mg-lg-t-40 {
        margin-top: 40px;
    }

    .mg-lg-r-40 {
        margin-right: 40px;
    }

    .mg-lg-b-40 {
        margin-bottom: 40px;
    }

    .mg-lg-l-40 {
        margin-left: 40px;
    }

    .mg-lg-t-40-f {
        margin-top: 40px !important;
    }

    .mg-lg-r-40-f {
        margin-right: 40px !important;
    }

    .mg-lg-b-40-f {
        margin-bottom: 40px !important;
    }

    .mg-lg-l-40-f {
        margin-left: 40px !important;
    }

    .mg-lg-45 {
        margin: 45px;
    }

    .mg-lg-45-f {
        margin: 45px !important;
    }

    .mg-lg-y-45 {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .mg-lg-y-45-f {
        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }

    .mg-lg-x-45 {
        margin-left: 45px;
        margin-right: 45px;
    }

    .mg-lg-x-45-f {
        margin-left: 45px !important;
        margin-right: 45px !important;
    }

    .mg-lg-t-45 {
        margin-top: 45px;
    }

    .mg-lg-r-45 {
        margin-right: 45px;
    }

    .mg-lg-b-45 {
        margin-bottom: 45px;
    }

    .mg-lg-l-45 {
        margin-left: 45px;
    }

    .mg-lg-t-45-f {
        margin-top: 45px !important;
    }

    .mg-lg-r-45-f {
        margin-right: 45px !important;
    }

    .mg-lg-b-45-f {
        margin-bottom: 45px !important;
    }

    .mg-lg-l-45-f {
        margin-left: 45px !important;
    }

    .mg-lg-50 {
        margin: 50px;
    }

    .mg-lg-50-f {
        margin: 50px !important;
    }

    .mg-lg-y-50 {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .mg-lg-y-50-f {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    .mg-lg-x-50 {
        margin-left: 50px;
        margin-right: 50px;
    }

    .mg-lg-x-50-f {
        margin-left: 50px !important;
        margin-right: 50px !important;
    }

    .mg-lg-t-50 {
        margin-top: 50px;
    }

    .mg-lg-r-50 {
        margin-right: 50px;
    }

    .mg-lg-b-50 {
        margin-bottom: 50px;
    }

    .mg-lg-l-50 {
        margin-left: 50px;
    }

    .mg-lg-t-50-f {
        margin-top: 50px !important;
    }

    .mg-lg-r-50-f {
        margin-right: 50px !important;
    }

    .mg-lg-b-50-f {
        margin-bottom: 50px !important;
    }

    .mg-lg-l-50-f {
        margin-left: 50px !important;
    }

    .mg-lg-55 {
        margin: 55px;
    }

    .mg-lg-55-f {
        margin: 55px !important;
    }

    .mg-lg-y-55 {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .mg-lg-y-55-f {
        margin-top: 55px !important;
        margin-bottom: 55px !important;
    }

    .mg-lg-x-55 {
        margin-left: 55px;
        margin-right: 55px;
    }

    .mg-lg-x-55-f {
        margin-left: 55px !important;
        margin-right: 55px !important;
    }

    .mg-lg-t-55 {
        margin-top: 55px;
    }

    .mg-lg-r-55 {
        margin-right: 55px;
    }

    .mg-lg-b-55 {
        margin-bottom: 55px;
    }

    .mg-lg-l-55 {
        margin-left: 55px;
    }

    .mg-lg-t-55-f {
        margin-top: 55px !important;
    }

    .mg-lg-r-55-f {
        margin-right: 55px !important;
    }

    .mg-lg-b-55-f {
        margin-bottom: 55px !important;
    }

    .mg-lg-l-55-f {
        margin-left: 55px !important;
    }

    .mg-lg-60 {
        margin: 60px;
    }

    .mg-lg-60-f {
        margin: 60px !important;
    }

    .mg-lg-y-60 {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .mg-lg-y-60-f {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }

    .mg-lg-x-60 {
        margin-left: 60px;
        margin-right: 60px;
    }

    .mg-lg-x-60-f {
        margin-left: 60px !important;
        margin-right: 60px !important;
    }

    .mg-lg-t-60 {
        margin-top: 60px;
    }

    .mg-lg-r-60 {
        margin-right: 60px;
    }

    .mg-lg-b-60 {
        margin-bottom: 60px;
    }

    .mg-lg-l-60 {
        margin-left: 60px;
    }

    .mg-lg-t-60-f {
        margin-top: 60px !important;
    }

    .mg-lg-r-60-f {
        margin-right: 60px !important;
    }

    .mg-lg-b-60-f {
        margin-bottom: 60px !important;
    }

    .mg-lg-l-60-f {
        margin-left: 60px !important;
    }

    .mg-lg-65 {
        margin: 65px;
    }

    .mg-lg-65-f {
        margin: 65px !important;
    }

    .mg-lg-y-65 {
        margin-top: 65px;
        margin-bottom: 65px;
    }

    .mg-lg-y-65-f {
        margin-top: 65px !important;
        margin-bottom: 65px !important;
    }

    .mg-lg-x-65 {
        margin-left: 65px;
        margin-right: 65px;
    }

    .mg-lg-x-65-f {
        margin-left: 65px !important;
        margin-right: 65px !important;
    }

    .mg-lg-t-65 {
        margin-top: 65px;
    }

    .mg-lg-r-65 {
        margin-right: 65px;
    }

    .mg-lg-b-65 {
        margin-bottom: 65px;
    }

    .mg-lg-l-65 {
        margin-left: 65px;
    }

    .mg-lg-t-65-f {
        margin-top: 65px !important;
    }

    .mg-lg-r-65-f {
        margin-right: 65px !important;
    }

    .mg-lg-b-65-f {
        margin-bottom: 65px !important;
    }

    .mg-lg-l-65-f {
        margin-left: 65px !important;
    }

    .mg-lg-70 {
        margin: 70px;
    }

    .mg-lg-70-f {
        margin: 70px !important;
    }

    .mg-lg-y-70 {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .mg-lg-y-70-f {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }

    .mg-lg-x-70 {
        margin-left: 70px;
        margin-right: 70px;
    }

    .mg-lg-x-70-f {
        margin-left: 70px !important;
        margin-right: 70px !important;
    }

    .mg-lg-t-70 {
        margin-top: 70px;
    }

    .mg-lg-r-70 {
        margin-right: 70px;
    }

    .mg-lg-b-70 {
        margin-bottom: 70px;
    }

    .mg-lg-l-70 {
        margin-left: 70px;
    }

    .mg-lg-t-70-f {
        margin-top: 70px !important;
    }

    .mg-lg-r-70-f {
        margin-right: 70px !important;
    }

    .mg-lg-b-70-f {
        margin-bottom: 70px !important;
    }

    .mg-lg-l-70-f {
        margin-left: 70px !important;
    }

    .mg-lg-75 {
        margin: 75px;
    }

    .mg-lg-75-f {
        margin: 75px !important;
    }

    .mg-lg-y-75 {
        margin-top: 75px;
        margin-bottom: 75px;
    }

    .mg-lg-y-75-f {
        margin-top: 75px !important;
        margin-bottom: 75px !important;
    }

    .mg-lg-x-75 {
        margin-left: 75px;
        margin-right: 75px;
    }

    .mg-lg-x-75-f {
        margin-left: 75px !important;
        margin-right: 75px !important;
    }

    .mg-lg-t-75 {
        margin-top: 75px;
    }

    .mg-lg-r-75 {
        margin-right: 75px;
    }

    .mg-lg-b-75 {
        margin-bottom: 75px;
    }

    .mg-lg-l-75 {
        margin-left: 75px;
    }

    .mg-lg-t-75-f {
        margin-top: 75px !important;
    }

    .mg-lg-r-75-f {
        margin-right: 75px !important;
    }

    .mg-lg-b-75-f {
        margin-bottom: 75px !important;
    }

    .mg-lg-l-75-f {
        margin-left: 75px !important;
    }

    .mg-lg-80 {
        margin: 80px;
    }

    .mg-lg-80-f {
        margin: 80px !important;
    }

    .mg-lg-y-80 {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .mg-lg-y-80-f {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }

    .mg-lg-x-80 {
        margin-left: 80px;
        margin-right: 80px;
    }

    .mg-lg-x-80-f {
        margin-left: 80px !important;
        margin-right: 80px !important;
    }

    .mg-lg-t-80 {
        margin-top: 80px;
    }

    .mg-lg-r-80 {
        margin-right: 80px;
    }

    .mg-lg-b-80 {
        margin-bottom: 80px;
    }

    .mg-lg-l-80 {
        margin-left: 80px;
    }

    .mg-lg-t-80-f {
        margin-top: 80px !important;
    }

    .mg-lg-r-80-f {
        margin-right: 80px !important;
    }

    .mg-lg-b-80-f {
        margin-bottom: 80px !important;
    }

    .mg-lg-l-80-f {
        margin-left: 80px !important;
    }

    .mg-lg-85 {
        margin: 85px;
    }

    .mg-lg-85-f {
        margin: 85px !important;
    }

    .mg-lg-y-85 {
        margin-top: 85px;
        margin-bottom: 85px;
    }

    .mg-lg-y-85-f {
        margin-top: 85px !important;
        margin-bottom: 85px !important;
    }

    .mg-lg-x-85 {
        margin-left: 85px;
        margin-right: 85px;
    }

    .mg-lg-x-85-f {
        margin-left: 85px !important;
        margin-right: 85px !important;
    }

    .mg-lg-t-85 {
        margin-top: 85px;
    }

    .mg-lg-r-85 {
        margin-right: 85px;
    }

    .mg-lg-b-85 {
        margin-bottom: 85px;
    }

    .mg-lg-l-85 {
        margin-left: 85px;
    }

    .mg-lg-t-85-f {
        margin-top: 85px !important;
    }

    .mg-lg-r-85-f {
        margin-right: 85px !important;
    }

    .mg-lg-b-85-f {
        margin-bottom: 85px !important;
    }

    .mg-lg-l-85-f {
        margin-left: 85px !important;
    }

    .mg-lg-90 {
        margin: 90px;
    }

    .mg-lg-90-f {
        margin: 90px !important;
    }

    .mg-lg-y-90 {
        margin-top: 90px;
        margin-bottom: 90px;
    }

    .mg-lg-y-90-f {
        margin-top: 90px !important;
        margin-bottom: 90px !important;
    }

    .mg-lg-x-90 {
        margin-left: 90px;
        margin-right: 90px;
    }

    .mg-lg-x-90-f {
        margin-left: 90px !important;
        margin-right: 90px !important;
    }

    .mg-lg-t-90 {
        margin-top: 90px;
    }

    .mg-lg-r-90 {
        margin-right: 90px;
    }

    .mg-lg-b-90 {
        margin-bottom: 90px;
    }

    .mg-lg-l-90 {
        margin-left: 90px;
    }

    .mg-lg-t-90-f {
        margin-top: 90px !important;
    }

    .mg-lg-r-90-f {
        margin-right: 90px !important;
    }

    .mg-lg-b-90-f {
        margin-bottom: 90px !important;
    }

    .mg-lg-l-90-f {
        margin-left: 90px !important;
    }

    .mg-lg-95 {
        margin: 95px;
    }

    .mg-lg-95-f {
        margin: 95px !important;
    }

    .mg-lg-y-95 {
        margin-top: 95px;
        margin-bottom: 95px;
    }

    .mg-lg-y-95-f {
        margin-top: 95px !important;
        margin-bottom: 95px !important;
    }

    .mg-lg-x-95 {
        margin-left: 95px;
        margin-right: 95px;
    }

    .mg-lg-x-95-f {
        margin-left: 95px !important;
        margin-right: 95px !important;
    }

    .mg-lg-t-95 {
        margin-top: 95px;
    }

    .mg-lg-r-95 {
        margin-right: 95px;
    }

    .mg-lg-b-95 {
        margin-bottom: 95px;
    }

    .mg-lg-l-95 {
        margin-left: 95px;
    }

    .mg-lg-t-95-f {
        margin-top: 95px !important;
    }

    .mg-lg-r-95-f {
        margin-right: 95px !important;
    }

    .mg-lg-b-95-f {
        margin-bottom: 95px !important;
    }

    .mg-lg-l-95-f {
        margin-left: 95px !important;
    }

    .mg-lg-100 {
        margin: 100px;
    }

    .mg-lg-100-f {
        margin: 100px !important;
    }

    .mg-lg-y-100 {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .mg-lg-y-100-f {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }

    .mg-lg-x-100 {
        margin-left: 100px;
        margin-right: 100px;
    }

    .mg-lg-x-100-f {
        margin-left: 100px !important;
        margin-right: 100px !important;
    }

    .mg-lg-t-100 {
        margin-top: 100px;
    }

    .mg-lg-r-100 {
        margin-right: 100px;
    }

    .mg-lg-b-100 {
        margin-bottom: 100px;
    }

    .mg-lg-l-100 {
        margin-left: 100px;
    }

    .mg-lg-t-100-f {
        margin-top: 100px !important;
    }

    .mg-lg-r-100-f {
        margin-right: 100px !important;
    }

    .mg-lg-b-100-f {
        margin-bottom: 100px !important;
    }

    .mg-lg-l-100-f {
        margin-left: 100px !important;
    }

    .mg-lg-t-auto {
        margin-top: auto;
    }

    .mg-lg-r-auto {
        margin-right: auto;
    }

    .mg-lg-b-auto {
        margin-bottom: auto;
    }

    .mg-lg-l-auto {
        margin-left: auto;
    }

    .mg-lg-auto {
        margin: auto;
    }

    .mg-lg-x-auto {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 1200px) {
    .mg-xl-0 {
        margin: 0px;
    }

    .mg-xl-0-f {
        margin: 0px !important;
    }

    .mg-xl-y-0 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .mg-xl-y-0-f {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .mg-xl-x-0 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .mg-xl-x-0-f {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .mg-xl-t-0 {
        margin-top: 0px;
    }

    .mg-xl-r-0 {
        margin-right: 0px;
    }

    .mg-xl-b-0 {
        margin-bottom: 0px;
    }

    .mg-xl-l-0 {
        margin-left: 0px;
    }

    .mg-xl-t-0-f {
        margin-top: 0px !important;
    }

    .mg-xl-r-0-f {
        margin-right: 0px !important;
    }

    .mg-xl-b-0-f {
        margin-bottom: 0px !important;
    }

    .mg-xl-l-0-f {
        margin-left: 0px !important;
    }

    .mg-xl-1 {
        margin: 1px;
    }

    .mg-xl-1-f {
        margin: 1px !important;
    }

    .mg-xl-y-1 {
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .mg-xl-y-1-f {
        margin-top: 1px !important;
        margin-bottom: 1px !important;
    }

    .mg-xl-x-1 {
        margin-left: 1px;
        margin-right: 1px;
    }

    .mg-xl-x-1-f {
        margin-left: 1px !important;
        margin-right: 1px !important;
    }

    .mg-xl-t-1 {
        margin-top: 1px;
    }

    .mg-xl-r-1 {
        margin-right: 1px;
    }

    .mg-xl-b-1 {
        margin-bottom: 1px;
    }

    .mg-xl-l-1 {
        margin-left: 1px;
    }

    .mg-xl-t-1-f {
        margin-top: 1px !important;
    }

    .mg-xl-r-1-f {
        margin-right: 1px !important;
    }

    .mg-xl-b-1-f {
        margin-bottom: 1px !important;
    }

    .mg-xl-l-1-f {
        margin-left: 1px !important;
    }

    .mg-xl-2 {
        margin: 2px;
    }

    .mg-xl-2-f {
        margin: 2px !important;
    }

    .mg-xl-y-2 {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .mg-xl-y-2-f {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }

    .mg-xl-x-2 {
        margin-left: 2px;
        margin-right: 2px;
    }

    .mg-xl-x-2-f {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }

    .mg-xl-t-2 {
        margin-top: 2px;
    }

    .mg-xl-r-2 {
        margin-right: 2px;
    }

    .mg-xl-b-2 {
        margin-bottom: 2px;
    }

    .mg-xl-l-2 {
        margin-left: 2px;
    }

    .mg-xl-t-2-f {
        margin-top: 2px !important;
    }

    .mg-xl-r-2-f {
        margin-right: 2px !important;
    }

    .mg-xl-b-2-f {
        margin-bottom: 2px !important;
    }

    .mg-xl-l-2-f {
        margin-left: 2px !important;
    }

    .mg-xl-3 {
        margin: 3px;
    }

    .mg-xl-3-f {
        margin: 3px !important;
    }

    .mg-xl-y-3 {
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .mg-xl-y-3-f {
        margin-top: 3px !important;
        margin-bottom: 3px !important;
    }

    .mg-xl-x-3 {
        margin-left: 3px;
        margin-right: 3px;
    }

    .mg-xl-x-3-f {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }

    .mg-xl-t-3 {
        margin-top: 3px;
    }

    .mg-xl-r-3 {
        margin-right: 3px;
    }

    .mg-xl-b-3 {
        margin-bottom: 3px;
    }

    .mg-xl-l-3 {
        margin-left: 3px;
    }

    .mg-xl-t-3-f {
        margin-top: 3px !important;
    }

    .mg-xl-r-3-f {
        margin-right: 3px !important;
    }

    .mg-xl-b-3-f {
        margin-bottom: 3px !important;
    }

    .mg-xl-l-3-f {
        margin-left: 3px !important;
    }

    .mg-xl-4 {
        margin: 4px;
    }

    .mg-xl-4-f {
        margin: 4px !important;
    }

    .mg-xl-y-4 {
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .mg-xl-y-4-f {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }

    .mg-xl-x-4 {
        margin-left: 4px;
        margin-right: 4px;
    }

    .mg-xl-x-4-f {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }

    .mg-xl-t-4 {
        margin-top: 4px;
    }

    .mg-xl-r-4 {
        margin-right: 4px;
    }

    .mg-xl-b-4 {
        margin-bottom: 4px;
    }

    .mg-xl-l-4 {
        margin-left: 4px;
    }

    .mg-xl-t-4-f {
        margin-top: 4px !important;
    }

    .mg-xl-r-4-f {
        margin-right: 4px !important;
    }

    .mg-xl-b-4-f {
        margin-bottom: 4px !important;
    }

    .mg-xl-l-4-f {
        margin-left: 4px !important;
    }

    .mg-xl-5 {
        margin: 5px;
    }

    .mg-xl-5-f {
        margin: 5px !important;
    }

    .mg-xl-y-5 {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .mg-xl-y-5-f {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .mg-xl-x-5 {
        margin-left: 5px;
        margin-right: 5px;
    }

    .mg-xl-x-5-f {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .mg-xl-t-5 {
        margin-top: 5px;
    }

    .mg-xl-r-5 {
        margin-right: 5px;
    }

    .mg-xl-b-5 {
        margin-bottom: 5px;
    }

    .mg-xl-l-5 {
        margin-left: 5px;
    }

    .mg-xl-t-5-f {
        margin-top: 5px !important;
    }

    .mg-xl-r-5-f {
        margin-right: 5px !important;
    }

    .mg-xl-b-5-f {
        margin-bottom: 5px !important;
    }

    .mg-xl-l-5-f {
        margin-left: 5px !important;
    }

    .mg-xl-6 {
        margin: 6px;
    }

    .mg-xl-6-f {
        margin: 6px !important;
    }

    .mg-xl-y-6 {
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .mg-xl-y-6-f {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }

    .mg-xl-x-6 {
        margin-left: 6px;
        margin-right: 6px;
    }

    .mg-xl-x-6-f {
        margin-left: 6px !important;
        margin-right: 6px !important;
    }

    .mg-xl-t-6 {
        margin-top: 6px;
    }

    .mg-xl-r-6 {
        margin-right: 6px;
    }

    .mg-xl-b-6 {
        margin-bottom: 6px;
    }

    .mg-xl-l-6 {
        margin-left: 6px;
    }

    .mg-xl-t-6-f {
        margin-top: 6px !important;
    }

    .mg-xl-r-6-f {
        margin-right: 6px !important;
    }

    .mg-xl-b-6-f {
        margin-bottom: 6px !important;
    }

    .mg-xl-l-6-f {
        margin-left: 6px !important;
    }

    .mg-xl-7 {
        margin: 7px;
    }

    .mg-xl-7-f {
        margin: 7px !important;
    }

    .mg-xl-y-7 {
        margin-top: 7px;
        margin-bottom: 7px;
    }

    .mg-xl-y-7-f {
        margin-top: 7px !important;
        margin-bottom: 7px !important;
    }

    .mg-xl-x-7 {
        margin-left: 7px;
        margin-right: 7px;
    }

    .mg-xl-x-7-f {
        margin-left: 7px !important;
        margin-right: 7px !important;
    }

    .mg-xl-t-7 {
        margin-top: 7px;
    }

    .mg-xl-r-7 {
        margin-right: 7px;
    }

    .mg-xl-b-7 {
        margin-bottom: 7px;
    }

    .mg-xl-l-7 {
        margin-left: 7px;
    }

    .mg-xl-t-7-f {
        margin-top: 7px !important;
    }

    .mg-xl-r-7-f {
        margin-right: 7px !important;
    }

    .mg-xl-b-7-f {
        margin-bottom: 7px !important;
    }

    .mg-xl-l-7-f {
        margin-left: 7px !important;
    }

    .mg-xl-8 {
        margin: 8px;
    }

    .mg-xl-8-f {
        margin: 8px !important;
    }

    .mg-xl-y-8 {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .mg-xl-y-8-f {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

    .mg-xl-x-8 {
        margin-left: 8px;
        margin-right: 8px;
    }

    .mg-xl-x-8-f {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }

    .mg-xl-t-8 {
        margin-top: 8px;
    }

    .mg-xl-r-8 {
        margin-right: 8px;
    }

    .mg-xl-b-8 {
        margin-bottom: 8px;
    }

    .mg-xl-l-8 {
        margin-left: 8px;
    }

    .mg-xl-t-8-f {
        margin-top: 8px !important;
    }

    .mg-xl-r-8-f {
        margin-right: 8px !important;
    }

    .mg-xl-b-8-f {
        margin-bottom: 8px !important;
    }

    .mg-xl-l-8-f {
        margin-left: 8px !important;
    }

    .mg-xl-9 {
        margin: 9px;
    }

    .mg-xl-9-f {
        margin: 9px !important;
    }

    .mg-xl-y-9 {
        margin-top: 9px;
        margin-bottom: 9px;
    }

    .mg-xl-y-9-f {
        margin-top: 9px !important;
        margin-bottom: 9px !important;
    }

    .mg-xl-x-9 {
        margin-left: 9px;
        margin-right: 9px;
    }

    .mg-xl-x-9-f {
        margin-left: 9px !important;
        margin-right: 9px !important;
    }

    .mg-xl-t-9 {
        margin-top: 9px;
    }

    .mg-xl-r-9 {
        margin-right: 9px;
    }

    .mg-xl-b-9 {
        margin-bottom: 9px;
    }

    .mg-xl-l-9 {
        margin-left: 9px;
    }

    .mg-xl-t-9-f {
        margin-top: 9px !important;
    }

    .mg-xl-r-9-f {
        margin-right: 9px !important;
    }

    .mg-xl-b-9-f {
        margin-bottom: 9px !important;
    }

    .mg-xl-l-9-f {
        margin-left: 9px !important;
    }

    .mg-xl-10 {
        margin: 10px;
    }

    .mg-xl-10-f {
        margin: 10px !important;
    }

    .mg-xl-y-10 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mg-xl-y-10-f {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .mg-xl-x-10 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .mg-xl-x-10-f {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .mg-xl-t-10 {
        margin-top: 10px;
    }

    .mg-xl-r-10 {
        margin-right: 10px;
    }

    .mg-xl-b-10 {
        margin-bottom: 10px;
    }

    .mg-xl-l-10 {
        margin-left: 10px;
    }

    .mg-xl-t-10-f {
        margin-top: 10px !important;
    }

    .mg-xl-r-10-f {
        margin-right: 10px !important;
    }

    .mg-xl-b-10-f {
        margin-bottom: 10px !important;
    }

    .mg-xl-l-10-f {
        margin-left: 10px !important;
    }

    .mg-xl-15 {
        margin: 15px;
    }

    .mg-xl-15-f {
        margin: 15px !important;
    }

    .mg-xl-y-15 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .mg-xl-y-15-f {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    .mg-xl-x-15 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .mg-xl-x-15-f {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .mg-xl-t-15 {
        margin-top: 15px;
    }

    .mg-xl-r-15 {
        margin-right: 15px;
    }

    .mg-xl-b-15 {
        margin-bottom: 15px;
    }

    .mg-xl-l-15 {
        margin-left: 15px;
    }

    .mg-xl-t-15-f {
        margin-top: 15px !important;
    }

    .mg-xl-r-15-f {
        margin-right: 15px !important;
    }

    .mg-xl-b-15-f {
        margin-bottom: 15px !important;
    }

    .mg-xl-l-15-f {
        margin-left: 15px !important;
    }

    .mg-xl-20 {
        margin: 20px;
    }

    .mg-xl-20-f {
        margin: 20px !important;
    }

    .mg-xl-y-20 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .mg-xl-y-20-f {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .mg-xl-x-20 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .mg-xl-x-20-f {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .mg-xl-t-20 {
        margin-top: 20px;
    }

    .mg-xl-r-20 {
        margin-right: 20px;
    }

    .mg-xl-b-20 {
        margin-bottom: 20px;
    }

    .mg-xl-l-20 {
        margin-left: 20px;
    }

    .mg-xl-t-20-f {
        margin-top: 20px !important;
    }

    .mg-xl-r-20-f {
        margin-right: 20px !important;
    }

    .mg-xl-b-20-f {
        margin-bottom: 20px !important;
    }

    .mg-xl-l-20-f {
        margin-left: 20px !important;
    }

    .mg-xl-25 {
        margin: 25px;
    }

    .mg-xl-25-f {
        margin: 25px !important;
    }

    .mg-xl-y-25 {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .mg-xl-y-25-f {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }

    .mg-xl-x-25 {
        margin-left: 25px;
        margin-right: 25px;
    }

    .mg-xl-x-25-f {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }

    .mg-xl-t-25 {
        margin-top: 25px;
    }

    .mg-xl-r-25 {
        margin-right: 25px;
    }

    .mg-xl-b-25 {
        margin-bottom: 25px;
    }

    .mg-xl-l-25 {
        margin-left: 25px;
    }

    .mg-xl-t-25-f {
        margin-top: 25px !important;
    }

    .mg-xl-r-25-f {
        margin-right: 25px !important;
    }

    .mg-xl-b-25-f {
        margin-bottom: 25px !important;
    }

    .mg-xl-l-25-f {
        margin-left: 25px !important;
    }

    .mg-xl-30 {
        margin: 30px;
    }

    .mg-xl-30-f {
        margin: 30px !important;
    }

    .mg-xl-y-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .mg-xl-y-30-f {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .mg-xl-x-30 {
        margin-left: 30px;
        margin-right: 30px;
    }

    .mg-xl-x-30-f {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .mg-xl-t-30 {
        margin-top: 30px;
    }

    .mg-xl-r-30 {
        margin-right: 30px;
    }

    .mg-xl-b-30 {
        margin-bottom: 30px;
    }

    .mg-xl-l-30 {
        margin-left: 30px;
    }

    .mg-xl-t-30-f {
        margin-top: 30px !important;
    }

    .mg-xl-r-30-f {
        margin-right: 30px !important;
    }

    .mg-xl-b-30-f {
        margin-bottom: 30px !important;
    }

    .mg-xl-l-30-f {
        margin-left: 30px !important;
    }

    .mg-xl-35 {
        margin: 35px;
    }

    .mg-xl-35-f {
        margin: 35px !important;
    }

    .mg-xl-y-35 {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .mg-xl-y-35-f {
        margin-top: 35px !important;
        margin-bottom: 35px !important;
    }

    .mg-xl-x-35 {
        margin-left: 35px;
        margin-right: 35px;
    }

    .mg-xl-x-35-f {
        margin-left: 35px !important;
        margin-right: 35px !important;
    }

    .mg-xl-t-35 {
        margin-top: 35px;
    }

    .mg-xl-r-35 {
        margin-right: 35px;
    }

    .mg-xl-b-35 {
        margin-bottom: 35px;
    }

    .mg-xl-l-35 {
        margin-left: 35px;
    }

    .mg-xl-t-35-f {
        margin-top: 35px !important;
    }

    .mg-xl-r-35-f {
        margin-right: 35px !important;
    }

    .mg-xl-b-35-f {
        margin-bottom: 35px !important;
    }

    .mg-xl-l-35-f {
        margin-left: 35px !important;
    }

    .mg-xl-40 {
        margin: 40px;
    }

    .mg-xl-40-f {
        margin: 40px !important;
    }

    .mg-xl-y-40 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .mg-xl-y-40-f {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .mg-xl-x-40 {
        margin-left: 40px;
        margin-right: 40px;
    }

    .mg-xl-x-40-f {
        margin-left: 40px !important;
        margin-right: 40px !important;
    }

    .mg-xl-t-40 {
        margin-top: 40px;
    }

    .mg-xl-r-40 {
        margin-right: 40px;
    }

    .mg-xl-b-40 {
        margin-bottom: 40px;
    }

    .mg-xl-l-40 {
        margin-left: 40px;
    }

    .mg-xl-t-40-f {
        margin-top: 40px !important;
    }

    .mg-xl-r-40-f {
        margin-right: 40px !important;
    }

    .mg-xl-b-40-f {
        margin-bottom: 40px !important;
    }

    .mg-xl-l-40-f {
        margin-left: 40px !important;
    }

    .mg-xl-45 {
        margin: 45px;
    }

    .mg-xl-45-f {
        margin: 45px !important;
    }

    .mg-xl-y-45 {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .mg-xl-y-45-f {
        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }

    .mg-xl-x-45 {
        margin-left: 45px;
        margin-right: 45px;
    }

    .mg-xl-x-45-f {
        margin-left: 45px !important;
        margin-right: 45px !important;
    }

    .mg-xl-t-45 {
        margin-top: 45px;
    }

    .mg-xl-r-45 {
        margin-right: 45px;
    }

    .mg-xl-b-45 {
        margin-bottom: 45px;
    }

    .mg-xl-l-45 {
        margin-left: 45px;
    }

    .mg-xl-t-45-f {
        margin-top: 45px !important;
    }

    .mg-xl-r-45-f {
        margin-right: 45px !important;
    }

    .mg-xl-b-45-f {
        margin-bottom: 45px !important;
    }

    .mg-xl-l-45-f {
        margin-left: 45px !important;
    }

    .mg-xl-50 {
        margin: 50px;
    }

    .mg-xl-50-f {
        margin: 50px !important;
    }

    .mg-xl-y-50 {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .mg-xl-y-50-f {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    .mg-xl-x-50 {
        margin-left: 50px;
        margin-right: 50px;
    }

    .mg-xl-x-50-f {
        margin-left: 50px !important;
        margin-right: 50px !important;
    }

    .mg-xl-t-50 {
        margin-top: 50px;
    }

    .mg-xl-r-50 {
        margin-right: 50px;
    }

    .mg-xl-b-50 {
        margin-bottom: 50px;
    }

    .mg-xl-l-50 {
        margin-left: 50px;
    }

    .mg-xl-t-50-f {
        margin-top: 50px !important;
    }

    .mg-xl-r-50-f {
        margin-right: 50px !important;
    }

    .mg-xl-b-50-f {
        margin-bottom: 50px !important;
    }

    .mg-xl-l-50-f {
        margin-left: 50px !important;
    }

    .mg-xl-55 {
        margin: 55px;
    }

    .mg-xl-55-f {
        margin: 55px !important;
    }

    .mg-xl-y-55 {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .mg-xl-y-55-f {
        margin-top: 55px !important;
        margin-bottom: 55px !important;
    }

    .mg-xl-x-55 {
        margin-left: 55px;
        margin-right: 55px;
    }

    .mg-xl-x-55-f {
        margin-left: 55px !important;
        margin-right: 55px !important;
    }

    .mg-xl-t-55 {
        margin-top: 55px;
    }

    .mg-xl-r-55 {
        margin-right: 55px;
    }

    .mg-xl-b-55 {
        margin-bottom: 55px;
    }

    .mg-xl-l-55 {
        margin-left: 55px;
    }

    .mg-xl-t-55-f {
        margin-top: 55px !important;
    }

    .mg-xl-r-55-f {
        margin-right: 55px !important;
    }

    .mg-xl-b-55-f {
        margin-bottom: 55px !important;
    }

    .mg-xl-l-55-f {
        margin-left: 55px !important;
    }

    .mg-xl-60 {
        margin: 60px;
    }

    .mg-xl-60-f {
        margin: 60px !important;
    }

    .mg-xl-y-60 {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .mg-xl-y-60-f {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }

    .mg-xl-x-60 {
        margin-left: 60px;
        margin-right: 60px;
    }

    .mg-xl-x-60-f {
        margin-left: 60px !important;
        margin-right: 60px !important;
    }

    .mg-xl-t-60 {
        margin-top: 60px;
    }

    .mg-xl-r-60 {
        margin-right: 60px;
    }

    .mg-xl-b-60 {
        margin-bottom: 60px;
    }

    .mg-xl-l-60 {
        margin-left: 60px;
    }

    .mg-xl-t-60-f {
        margin-top: 60px !important;
    }

    .mg-xl-r-60-f {
        margin-right: 60px !important;
    }

    .mg-xl-b-60-f {
        margin-bottom: 60px !important;
    }

    .mg-xl-l-60-f {
        margin-left: 60px !important;
    }

    .mg-xl-65 {
        margin: 65px;
    }

    .mg-xl-65-f {
        margin: 65px !important;
    }

    .mg-xl-y-65 {
        margin-top: 65px;
        margin-bottom: 65px;
    }

    .mg-xl-y-65-f {
        margin-top: 65px !important;
        margin-bottom: 65px !important;
    }

    .mg-xl-x-65 {
        margin-left: 65px;
        margin-right: 65px;
    }

    .mg-xl-x-65-f {
        margin-left: 65px !important;
        margin-right: 65px !important;
    }

    .mg-xl-t-65 {
        margin-top: 65px;
    }

    .mg-xl-r-65 {
        margin-right: 65px;
    }

    .mg-xl-b-65 {
        margin-bottom: 65px;
    }

    .mg-xl-l-65 {
        margin-left: 65px;
    }

    .mg-xl-t-65-f {
        margin-top: 65px !important;
    }

    .mg-xl-r-65-f {
        margin-right: 65px !important;
    }

    .mg-xl-b-65-f {
        margin-bottom: 65px !important;
    }

    .mg-xl-l-65-f {
        margin-left: 65px !important;
    }

    .mg-xl-70 {
        margin: 70px;
    }

    .mg-xl-70-f {
        margin: 70px !important;
    }

    .mg-xl-y-70 {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .mg-xl-y-70-f {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }

    .mg-xl-x-70 {
        margin-left: 70px;
        margin-right: 70px;
    }

    .mg-xl-x-70-f {
        margin-left: 70px !important;
        margin-right: 70px !important;
    }

    .mg-xl-t-70 {
        margin-top: 70px;
    }

    .mg-xl-r-70 {
        margin-right: 70px;
    }

    .mg-xl-b-70 {
        margin-bottom: 70px;
    }

    .mg-xl-l-70 {
        margin-left: 70px;
    }

    .mg-xl-t-70-f {
        margin-top: 70px !important;
    }

    .mg-xl-r-70-f {
        margin-right: 70px !important;
    }

    .mg-xl-b-70-f {
        margin-bottom: 70px !important;
    }

    .mg-xl-l-70-f {
        margin-left: 70px !important;
    }

    .mg-xl-75 {
        margin: 75px;
    }

    .mg-xl-75-f {
        margin: 75px !important;
    }

    .mg-xl-y-75 {
        margin-top: 75px;
        margin-bottom: 75px;
    }

    .mg-xl-y-75-f {
        margin-top: 75px !important;
        margin-bottom: 75px !important;
    }

    .mg-xl-x-75 {
        margin-left: 75px;
        margin-right: 75px;
    }

    .mg-xl-x-75-f {
        margin-left: 75px !important;
        margin-right: 75px !important;
    }

    .mg-xl-t-75 {
        margin-top: 75px;
    }

    .mg-xl-r-75 {
        margin-right: 75px;
    }

    .mg-xl-b-75 {
        margin-bottom: 75px;
    }

    .mg-xl-l-75 {
        margin-left: 75px;
    }

    .mg-xl-t-75-f {
        margin-top: 75px !important;
    }

    .mg-xl-r-75-f {
        margin-right: 75px !important;
    }

    .mg-xl-b-75-f {
        margin-bottom: 75px !important;
    }

    .mg-xl-l-75-f {
        margin-left: 75px !important;
    }

    .mg-xl-80 {
        margin: 80px;
    }

    .mg-xl-80-f {
        margin: 80px !important;
    }

    .mg-xl-y-80 {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .mg-xl-y-80-f {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }

    .mg-xl-x-80 {
        margin-left: 80px;
        margin-right: 80px;
    }

    .mg-xl-x-80-f {
        margin-left: 80px !important;
        margin-right: 80px !important;
    }

    .mg-xl-t-80 {
        margin-top: 80px;
    }

    .mg-xl-r-80 {
        margin-right: 80px;
    }

    .mg-xl-b-80 {
        margin-bottom: 80px;
    }

    .mg-xl-l-80 {
        margin-left: 80px;
    }

    .mg-xl-t-80-f {
        margin-top: 80px !important;
    }

    .mg-xl-r-80-f {
        margin-right: 80px !important;
    }

    .mg-xl-b-80-f {
        margin-bottom: 80px !important;
    }

    .mg-xl-l-80-f {
        margin-left: 80px !important;
    }

    .mg-xl-85 {
        margin: 85px;
    }

    .mg-xl-85-f {
        margin: 85px !important;
    }

    .mg-xl-y-85 {
        margin-top: 85px;
        margin-bottom: 85px;
    }

    .mg-xl-y-85-f {
        margin-top: 85px !important;
        margin-bottom: 85px !important;
    }

    .mg-xl-x-85 {
        margin-left: 85px;
        margin-right: 85px;
    }

    .mg-xl-x-85-f {
        margin-left: 85px !important;
        margin-right: 85px !important;
    }

    .mg-xl-t-85 {
        margin-top: 85px;
    }

    .mg-xl-r-85 {
        margin-right: 85px;
    }

    .mg-xl-b-85 {
        margin-bottom: 85px;
    }

    .mg-xl-l-85 {
        margin-left: 85px;
    }

    .mg-xl-t-85-f {
        margin-top: 85px !important;
    }

    .mg-xl-r-85-f {
        margin-right: 85px !important;
    }

    .mg-xl-b-85-f {
        margin-bottom: 85px !important;
    }

    .mg-xl-l-85-f {
        margin-left: 85px !important;
    }

    .mg-xl-90 {
        margin: 90px;
    }

    .mg-xl-90-f {
        margin: 90px !important;
    }

    .mg-xl-y-90 {
        margin-top: 90px;
        margin-bottom: 90px;
    }

    .mg-xl-y-90-f {
        margin-top: 90px !important;
        margin-bottom: 90px !important;
    }

    .mg-xl-x-90 {
        margin-left: 90px;
        margin-right: 90px;
    }

    .mg-xl-x-90-f {
        margin-left: 90px !important;
        margin-right: 90px !important;
    }

    .mg-xl-t-90 {
        margin-top: 90px;
    }

    .mg-xl-r-90 {
        margin-right: 90px;
    }

    .mg-xl-b-90 {
        margin-bottom: 90px;
    }

    .mg-xl-l-90 {
        margin-left: 90px;
    }

    .mg-xl-t-90-f {
        margin-top: 90px !important;
    }

    .mg-xl-r-90-f {
        margin-right: 90px !important;
    }

    .mg-xl-b-90-f {
        margin-bottom: 90px !important;
    }

    .mg-xl-l-90-f {
        margin-left: 90px !important;
    }

    .mg-xl-95 {
        margin: 95px;
    }

    .mg-xl-95-f {
        margin: 95px !important;
    }

    .mg-xl-y-95 {
        margin-top: 95px;
        margin-bottom: 95px;
    }

    .mg-xl-y-95-f {
        margin-top: 95px !important;
        margin-bottom: 95px !important;
    }

    .mg-xl-x-95 {
        margin-left: 95px;
        margin-right: 95px;
    }

    .mg-xl-x-95-f {
        margin-left: 95px !important;
        margin-right: 95px !important;
    }

    .mg-xl-t-95 {
        margin-top: 95px;
    }

    .mg-xl-r-95 {
        margin-right: 95px;
    }

    .mg-xl-b-95 {
        margin-bottom: 95px;
    }

    .mg-xl-l-95 {
        margin-left: 95px;
    }

    .mg-xl-t-95-f {
        margin-top: 95px !important;
    }

    .mg-xl-r-95-f {
        margin-right: 95px !important;
    }

    .mg-xl-b-95-f {
        margin-bottom: 95px !important;
    }

    .mg-xl-l-95-f {
        margin-left: 95px !important;
    }

    .mg-xl-100 {
        margin: 100px;
    }

    .mg-xl-100-f {
        margin: 100px !important;
    }

    .mg-xl-y-100 {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .mg-xl-y-100-f {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }

    .mg-xl-x-100 {
        margin-left: 100px;
        margin-right: 100px;
    }

    .mg-xl-x-100-f {
        margin-left: 100px !important;
        margin-right: 100px !important;
    }

    .mg-xl-t-100 {
        margin-top: 100px;
    }

    .mg-xl-r-100 {
        margin-right: 100px;
    }

    .mg-xl-b-100 {
        margin-bottom: 100px;
    }

    .mg-xl-l-100 {
        margin-left: 100px;
    }

    .mg-xl-t-100-f {
        margin-top: 100px !important;
    }

    .mg-xl-r-100-f {
        margin-right: 100px !important;
    }

    .mg-xl-b-100-f {
        margin-bottom: 100px !important;
    }

    .mg-xl-l-100-f {
        margin-left: 100px !important;
    }

    .mg-xl-t-auto {
        margin-top: auto;
    }

    .mg-xl-r-auto {
        margin-right: auto;
    }

    .mg-xl-b-auto {
        margin-bottom: auto;
    }

    .mg-xl-l-auto {
        margin-left: auto;
    }

    .mg-xl-auto {
        margin: auto;
    }

    .mg-xl-x-auto {
        margin-left: auto;
        margin-right: auto;
    }
}

/* ###### 9.5 Misc   ###### */
.op-0 {
    opacity: 0;
}

.op-0-f {
    opacity: 0 !important;
}

.op-1 {
    opacity: 0.1;
}

.op-1-f {
    opacity: 0.1 !important;
}

.op-2 {
    opacity: 0.2;
}

.op-2-f {
    opacity: 0.2 !important;
}

.op-3 {
    opacity: 0.3;
}

.op-3-f {
    opacity: 0.3 !important;
}

.op-4 {
    opacity: 0.4;
}

.op-4-f {
    opacity: 0.4 !important;
}

.op-5 {
    opacity: 0.5;
}

.op-5-f {
    opacity: 0.5 !important;
}

.op-6 {
    opacity: 0.6;
}

.op-6-f {
    opacity: 0.6 !important;
}

.op-7 {
    opacity: 0.7;
}

.op-7-f {
    opacity: 0.7 !important;
}

.op-8 {
    opacity: 0.8;
}

.op-8-f {
    opacity: 0.8 !important;
}

.op-9 {
    opacity: 0.9;
}

.op-9-f {
    opacity: 0.9 !important;
}

.opacity-1 {
    opacity: 1;
}

.shadow-base {
    box-shadow: 0 0 2px 2px rgba(28, 39, 60, 0.03);
}

.shadow-1 {
    box-shadow: 0 0 7px 7px rgba(28, 39, 60, 0.1);
}

.shadow-2 {
    box-shadow: 0 0 30px rgba(28, 39, 60, 0.08);
}

.shadow-none {
    box-shadow: none;
}

.overflow-y-auto {
    overflow-y: auto;
}

.overflow-hidden {
    overflow: hidden;
}

.flex-1 {
    flex: 1;
}

.flex-0 {
    flex: 0;
}

.img-fit-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 480px) {
    .op-xs-0 {
        opacity: 0;
    }

    .op-xs-0-f {
        opacity: 0 !important;
    }

    .op-xs-1 {
        opacity: 0.1;
    }

    .op-xs-1-f {
        opacity: 0.1 !important;
    }

    .op-xs-2 {
        opacity: 0.2;
    }

    .op-xs-2-f {
        opacity: 0.2 !important;
    }

    .op-xs-3 {
        opacity: 0.3;
    }

    .op-xs-3-f {
        opacity: 0.3 !important;
    }

    .op-xs-4 {
        opacity: 0.4;
    }

    .op-xs-4-f {
        opacity: 0.4 !important;
    }

    .op-xs-5 {
        opacity: 0.5;
    }

    .op-xs-5-f {
        opacity: 0.5 !important;
    }

    .op-xs-6 {
        opacity: 0.6;
    }

    .op-xs-6-f {
        opacity: 0.6 !important;
    }

    .op-xs-7 {
        opacity: 0.7;
    }

    .op-xs-7-f {
        opacity: 0.7 !important;
    }

    .op-xs-8 {
        opacity: 0.8;
    }

    .op-xs-8-f {
        opacity: 0.8 !important;
    }

    .op-xs-9 {
        opacity: 0.9;
    }

    .op-xs-9-f {
        opacity: 0.9 !important;
    }
}

@media (min-width: 576px) {
    .op-sm-0 {
        opacity: 0;
    }

    .op-sm-0-f {
        opacity: 0 !important;
    }

    .op-sm-1 {
        opacity: 0.1;
    }

    .op-sm-1-f {
        opacity: 0.1 !important;
    }

    .op-sm-2 {
        opacity: 0.2;
    }

    .op-sm-2-f {
        opacity: 0.2 !important;
    }

    .op-sm-3 {
        opacity: 0.3;
    }

    .op-sm-3-f {
        opacity: 0.3 !important;
    }

    .op-sm-4 {
        opacity: 0.4;
    }

    .op-sm-4-f {
        opacity: 0.4 !important;
    }

    .op-sm-5 {
        opacity: 0.5;
    }

    .op-sm-5-f {
        opacity: 0.5 !important;
    }

    .op-sm-6 {
        opacity: 0.6;
    }

    .op-sm-6-f {
        opacity: 0.6 !important;
    }

    .op-sm-7 {
        opacity: 0.7;
    }

    .op-sm-7-f {
        opacity: 0.7 !important;
    }

    .op-sm-8 {
        opacity: 0.8;
    }

    .op-sm-8-f {
        opacity: 0.8 !important;
    }

    .op-sm-9 {
        opacity: 0.9;
    }

    .op-sm-9-f {
        opacity: 0.9 !important;
    }
}

@media (min-width: 768px) {
    .op-md-0 {
        opacity: 0;
    }

    .op-md-0-f {
        opacity: 0 !important;
    }

    .op-md-1 {
        opacity: 0.1;
    }

    .op-md-1-f {
        opacity: 0.1 !important;
    }

    .op-md-2 {
        opacity: 0.2;
    }

    .op-md-2-f {
        opacity: 0.2 !important;
    }

    .op-md-3 {
        opacity: 0.3;
    }

    .op-md-3-f {
        opacity: 0.3 !important;
    }

    .op-md-4 {
        opacity: 0.4;
    }

    .op-md-4-f {
        opacity: 0.4 !important;
    }

    .op-md-5 {
        opacity: 0.5;
    }

    .op-md-5-f {
        opacity: 0.5 !important;
    }

    .op-md-6 {
        opacity: 0.6;
    }

    .op-md-6-f {
        opacity: 0.6 !important;
    }

    .op-md-7 {
        opacity: 0.7;
    }

    .op-md-7-f {
        opacity: 0.7 !important;
    }

    .op-md-8 {
        opacity: 0.8;
    }

    .op-md-8-f {
        opacity: 0.8 !important;
    }

    .op-md-9 {
        opacity: 0.9;
    }

    .op-md-9-f {
        opacity: 0.9 !important;
    }
}

@media (min-width: 992px) {
    .op-lg-0 {
        opacity: 0;
    }

    .op-lg-0-f {
        opacity: 0 !important;
    }

    .op-lg-1 {
        opacity: 0.1;
    }

    .op-lg-1-f {
        opacity: 0.1 !important;
    }

    .op-lg-2 {
        opacity: 0.2;
    }

    .op-lg-2-f {
        opacity: 0.2 !important;
    }

    .op-lg-3 {
        opacity: 0.3;
    }

    .op-lg-3-f {
        opacity: 0.3 !important;
    }

    .op-lg-4 {
        opacity: 0.4;
    }

    .op-lg-4-f {
        opacity: 0.4 !important;
    }

    .op-lg-5 {
        opacity: 0.5;
    }

    .op-lg-5-f {
        opacity: 0.5 !important;
    }

    .op-lg-6 {
        opacity: 0.6;
    }

    .op-lg-6-f {
        opacity: 0.6 !important;
    }

    .op-lg-7 {
        opacity: 0.7;
    }

    .op-lg-7-f {
        opacity: 0.7 !important;
    }

    .op-lg-8 {
        opacity: 0.8;
    }

    .op-lg-8-f {
        opacity: 0.8 !important;
    }

    .op-lg-9 {
        opacity: 0.9;
    }

    .op-lg-9-f {
        opacity: 0.9 !important;
    }
}

@media (min-width: 1200px) {
    .op-xl-0 {
        opacity: 0;
    }

    .op-xl-0-f {
        opacity: 0 !important;
    }

    .op-xl-1 {
        opacity: 0.1;
    }

    .op-xl-1-f {
        opacity: 0.1 !important;
    }

    .op-xl-2 {
        opacity: 0.2;
    }

    .op-xl-2-f {
        opacity: 0.2 !important;
    }

    .op-xl-3 {
        opacity: 0.3;
    }

    .op-xl-3-f {
        opacity: 0.3 !important;
    }

    .op-xl-4 {
        opacity: 0.4;
    }

    .op-xl-4-f {
        opacity: 0.4 !important;
    }

    .op-xl-5 {
        opacity: 0.5;
    }

    .op-xl-5-f {
        opacity: 0.5 !important;
    }

    .op-xl-6 {
        opacity: 0.6;
    }

    .op-xl-6-f {
        opacity: 0.6 !important;
    }

    .op-xl-7 {
        opacity: 0.7;
    }

    .op-xl-7-f {
        opacity: 0.7 !important;
    }

    .op-xl-8 {
        opacity: 0.8;
    }

    .op-xl-8-f {
        opacity: 0.8 !important;
    }

    .op-xl-9 {
        opacity: 0.9;
    }

    .op-xl-9-f {
        opacity: 0.9 !important;
    }
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pe-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.ps-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pe-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.ps-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pe-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.ps-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pe-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.ps-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pe-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.ps-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pe-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.ps-5,
.px-5 {
    padding-left: 3rem !important;
}

@media (min-width: 576px) {
    .p-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }

    .pe-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }

    .ps-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pe-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .ps-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pe-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .ps-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }

    .pe-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }

    .ps-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pe-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .ps-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }

    .pe-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }

    .ps-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }
}

@media (min-width: 768px) {
    .p-md-0 {
        padding: 0 !important;
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }

    .pe-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }

    .ps-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }

    .pe-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .ps-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }

    .pe-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .ps-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }

    .pe-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }

    .ps-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }

    .pe-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .ps-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }

    .pe-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }

    .ps-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }
}

@media (min-width: 992px) {
    .p-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }

    .pe-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }

    .ps-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pe-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .ps-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pe-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .ps-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }

    .pe-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }

    .ps-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pe-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .ps-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }

    .pe-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }

    .ps-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }
}

@media (min-width: 1200px) {
    .p-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }

    .pe-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }

    .ps-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pe-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .ps-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pe-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .ps-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }

    .pe-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }

    .ps-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pe-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .ps-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }

    .pe-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }

    .ps-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }
}

/* ###### 9.6 Padding   ###### */
.pd-0 {
    padding: 0px;
}

.pd-0-f {
    padding: 0px !important;
}

.pd-y-0 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.pd-y-0-f {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.pd-x-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.pd-x-0-f {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.pd-t-0 {
    padding-top: 0px;
}

.pd-r-0 {
    padding-right: 0px;
}

.pd-b-0 {
    padding-bottom: 0px;
}

.pd-l-0 {
    padding-left: 0px;
}

.pd-t-0-f {
    padding-top: 0px !important;
}

.pd-r-0-f {
    padding-right: 0px !important;
}

.pd-b-0-f {
    padding-bottom: 0px !important;
}

.pd-l-0-f {
    padding-left: 0px !important;
}

.pd-1 {
    padding: 1px;
}

.pd-1-f {
    padding: 1px !important;
}

.pd-y-1 {
    padding-top: 1px;
    padding-bottom: 1px;
}

.pd-y-1-f {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.pd-x-1 {
    padding-left: 1px;
    padding-right: 1px;
}

.pd-x-1-f {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

.pd-t-1 {
    padding-top: 1px;
}

.pd-r-1 {
    padding-right: 1px;
}

.pd-b-1 {
    padding-bottom: 1px;
}

.pd-l-1 {
    padding-left: 1px;
}

.pd-t-1-f {
    padding-top: 1px !important;
}

.pd-r-1-f {
    padding-right: 1px !important;
}

.pd-b-1-f {
    padding-bottom: 1px !important;
}

.pd-l-1-f {
    padding-left: 1px !important;
}

.pd-2 {
    padding: 2px;
}

.pd-2-f {
    padding: 2px !important;
}

.pd-y-2 {
    padding-top: 2px;
    padding-bottom: 2px;
}

.pd-y-2-f {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.pd-x-2 {
    padding-left: 2px;
    padding-right: 2px;
}

.pd-x-2-f {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.pd-t-2 {
    padding-top: 2px;
}

.pd-r-2 {
    padding-right: 2px;
}

.pd-b-2 {
    padding-bottom: 2px;
}

.pd-l-2 {
    padding-left: 2px;
}

.pd-t-2-f {
    padding-top: 2px !important;
}

.pd-r-2-f {
    padding-right: 2px !important;
}

.pd-b-2-f {
    padding-bottom: 2px !important;
}

.pd-l-2-f {
    padding-left: 2px !important;
}

.pd-3 {
    padding: 3px;
}

.pd-3-f {
    padding: 3px !important;
}

.pd-y-3 {
    padding-top: 3px;
    padding-bottom: 3px;
}

.pd-y-3-f {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.pd-x-3 {
    padding-left: 3px;
    padding-right: 3px;
}

.pd-x-3-f {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.pd-t-3 {
    padding-top: 3px;
}

.pd-r-3 {
    padding-right: 3px;
}

.pd-b-3 {
    padding-bottom: 3px;
}

.pd-l-3 {
    padding-left: 3px;
}

.pd-t-3-f {
    padding-top: 3px !important;
}

.pd-r-3-f {
    padding-right: 3px !important;
}

.pd-b-3-f {
    padding-bottom: 3px !important;
}

.pd-l-3-f {
    padding-left: 3px !important;
}

.pd-4 {
    padding: 4px;
}

.pd-4-f {
    padding: 4px !important;
}

.pd-y-4 {
    padding-top: 4px;
    padding-bottom: 4px;
}

.pd-y-4-f {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.pd-x-4 {
    padding-left: 4px;
    padding-right: 4px;
}

.pd-x-4-f {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.pd-t-4 {
    padding-top: 4px;
}

.pd-r-4 {
    padding-right: 4px;
}

.pd-b-4 {
    padding-bottom: 4px;
}

.pd-l-4 {
    padding-left: 4px;
}

.pd-t-4-f {
    padding-top: 4px !important;
}

.pd-r-4-f {
    padding-right: 4px !important;
}

.pd-b-4-f {
    padding-bottom: 4px !important;
}

.pd-l-4-f {
    padding-left: 4px !important;
}

.pd-5 {
    padding: 5px;
}

.pd-5-f {
    padding: 5px !important;
}

.pd-y-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pd-y-5-f {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.pd-x-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.pd-x-5-f {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.pd-t-5 {
    padding-top: 5px;
}

.pd-r-5 {
    padding-right: 5px;
}

.pd-b-5 {
    padding-bottom: 5px;
}

.pd-l-5 {
    padding-left: 5px;
}

.pd-t-5-f {
    padding-top: 5px !important;
}

.pd-r-5-f {
    padding-right: 5px !important;
}

.pd-b-5-f {
    padding-bottom: 5px !important;
}

.pd-l-5-f {
    padding-left: 5px !important;
}

.pd-6 {
    padding: 6px;
}

.pd-6-f {
    padding: 6px !important;
}

.pd-y-6 {
    padding-top: 6px;
    padding-bottom: 6px;
}

.pd-y-6-f {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.pd-x-6 {
    padding-left: 6px;
    padding-right: 6px;
}

.pd-x-6-f {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.pd-t-6 {
    padding-top: 6px !important;
}

.pd-r-6 {
    padding-right: 6px;
}

.pd-b-6 {
    padding-bottom: 6px;
}

.pd-l-6 {
    padding-left: 6px;
}

.pd-t-6-f {
    padding-top: 6px !important;
}

.pd-r-6-f {
    padding-right: 6px !important;
}

.pd-b-6-f {
    padding-bottom: 6px !important;
}

.pd-l-6-f {
    padding-left: 6px !important;
}

.pd-7 {
    padding: 7px;
}

.pd-7-f {
    padding: 7px !important;
}

.pd-y-7 {
    padding-top: 7px;
    padding-bottom: 7px;
}

.pd-y-7-f {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.pd-x-7 {
    padding-left: 7px;
    padding-right: 7px;
}

.pd-x-7-f {
    padding-left: 7px !important;
    padding-right: 7px !important;
}

.pd-t-7 {
    padding-top: 7px;
}

.pd-r-7 {
    padding-right: 7px;
}

.pd-b-7 {
    padding-bottom: 7px;
}

.pd-l-7 {
    padding-left: 7px;
}

.pd-t-7-f {
    padding-top: 7px !important;
}

.pd-r-7-f {
    padding-right: 7px !important;
}

.pd-b-7-f {
    padding-bottom: 7px !important;
}

.pd-l-7-f {
    padding-left: 7px !important;
}

.pd-8 {
    padding: 8px;
}

.pd-8-f {
    padding: 8px !important;
}

.pd-y-8 {
    padding-top: 8px;
    padding-bottom: 8px;
}

.pd-y-8-f {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.pd-x-8 {
    padding-left: 8px;
    padding-right: 8px;
}

.pd-x-8-f {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.pd-t-8 {
    padding-top: 8px;
}

.pd-r-8 {
    padding-right: 8px;
}

.pd-b-8 {
    padding-bottom: 8px;
}

.pd-l-8 {
    padding-left: 8px;
}

.pd-t-8-f {
    padding-top: 8px !important;
}

.pd-r-8-f {
    padding-right: 8px !important;
}

.pd-b-8-f {
    padding-bottom: 8px !important;
}

.pd-l-8-f {
    padding-left: 8px !important;
}

.pd-9 {
    padding: 9px;
}

.pd-9-f {
    padding: 9px !important;
}

.pd-y-9 {
    padding-top: 9px;
    padding-bottom: 9px;
}

.pd-y-9-f {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.pd-x-9 {
    padding-left: 9px;
    padding-right: 9px;
}

.pd-x-9-f {
    padding-left: 9px !important;
    padding-right: 9px !important;
}

.pd-t-9 {
    padding-top: 9px;
}

.pd-r-9 {
    padding-right: 9px;
}

.pd-b-9 {
    padding-bottom: 9px;
}

.pd-l-9 {
    padding-left: 9px;
}

.pd-t-9-f {
    padding-top: 9px !important;
}

.pd-r-9-f {
    padding-right: 9px !important;
}

.pd-b-9-f {
    padding-bottom: 9px !important;
}

.pd-l-9-f {
    padding-left: 9px !important;
}

.pd-10 {
    padding: 10px;
}

.pd-10-f {
    padding: 10px !important;
}

.pd-y-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pd-y-10-f {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.pd-x-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.pd-x-10-f {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.pd-t-10 {
    padding-top: 10px;
}

.pd-r-10 {
    padding-right: 10px;
}

.pd-b-10 {
    padding-bottom: 10px;
}

.pd-l-10 {
    padding-left: 10px;
}

.pd-t-10-f {
    padding-top: 10px !important;
}

.pd-r-10-f {
    padding-right: 10px !important;
}

.pd-b-10-f {
    padding-bottom: 10px !important;
}

.pd-l-10-f {
    padding-left: 10px !important;
}

.pd-15 {
    padding: 15px;
}

.pd-15-f {
    padding: 15px !important;
}

.pd-y-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.pd-y-15-f {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.pd-x-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.pd-x-15-f {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.pd-t-15 {
    padding-top: 15px;
}

.pd-r-15 {
    padding-right: 15px;
}

.pd-b-15 {
    padding-bottom: 15px;
}

.pd-l-15 {
    padding-left: 15px;
}

.pd-t-15-f {
    padding-top: 15px !important;
}

.pd-r-15-f {
    padding-right: 15px !important;
}

.pd-b-15-f {
    padding-bottom: 15px !important;
}

.pd-l-15-f {
    padding-left: 15px !important;
}

.pd-20 {
    padding: 20px;
}

.pd-20-f {
    padding: 20px !important;
}

.pd-y-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pd-y-20-f {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.pd-x-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.pd-x-20-f {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.pd-t-20 {
    padding-top: 20px;
}

.pd-r-20 {
    padding-right: 20px;
}

.pd-b-20 {
    padding-bottom: 20px;
}

.pd-l-20 {
    padding-left: 20px;
}

.pd-t-20-f {
    padding-top: 20px !important;
}

.pd-r-20-f {
    padding-right: 20px !important;
}

.pd-b-20-f {
    padding-bottom: 20px !important;
}

.pd-l-20-f {
    padding-left: 20px !important;
}

.pd-25 {
    padding: 25px;
}

.pd-25-f {
    padding: 25px !important;
}

.pd-y-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.pd-y-25-f {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.pd-x-25 {
    padding-left: 25px;
    padding-right: 25px;
}

.pd-x-25-f {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.pd-t-25 {
    padding-top: 25px;
}

.pd-r-25 {
    padding-right: 25px;
}

.pd-b-25 {
    padding-bottom: 25px;
}

.pd-l-25 {
    padding-left: 25px;
}

.pd-t-25-f {
    padding-top: 25px !important;
}

.pd-r-25-f {
    padding-right: 25px !important;
}

.pd-b-25-f {
    padding-bottom: 25px !important;
}

.pd-l-25-f {
    padding-left: 25px !important;
}

.pd-30 {
    padding: 30px;
}

.pd-30-f {
    padding: 30px !important;
}

.pd-y-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.pd-y-30-f {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.pd-x-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.pd-x-30-f {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.pd-t-30 {
    padding-top: 30px;
}

.pd-r-30 {
    padding-right: 30px;
}

.pd-b-30 {
    padding-bottom: 30px;
}

.pd-l-30 {
    padding-left: 30px;
}

.pd-t-30-f {
    padding-top: 30px !important;
}

.pd-r-30-f {
    padding-right: 30px !important;
}

.pd-b-30-f {
    padding-bottom: 30px !important;
}

.pd-l-30-f {
    padding-left: 30px !important;
}

.pd-35 {
    padding: 35px;
}

.pd-35-f {
    padding: 35px !important;
}

.pd-y-35 {
    padding-top: 35px;
    padding-bottom: 35px;
}

.pd-y-35-f {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}

.pd-x-35 {
    padding-left: 35px;
    padding-right: 35px;
}

.pd-x-35-f {
    padding-left: 35px !important;
    padding-right: 35px !important;
}

.pd-t-35 {
    padding-top: 35px;
}

.pd-r-35 {
    padding-right: 35px;
}

.pd-b-35 {
    padding-bottom: 35px;
}

.pd-l-35 {
    padding-left: 35px;
}

.pd-t-35-f {
    padding-top: 35px !important;
}

.pd-r-35-f {
    padding-right: 35px !important;
}

.pd-b-35-f {
    padding-bottom: 35px !important;
}

.pd-l-35-f {
    padding-left: 35px !important;
}

.pd-40 {
    padding: 40px;
}

.pd-40-f {
    padding: 40px !important;
}

.pd-y-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.pd-y-40-f {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.pd-x-40 {
    padding-left: 40px;
    padding-right: 40px;
}

.pd-x-40-f {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.pd-t-40 {
    padding-top: 40px;
}

.pd-r-40 {
    padding-right: 40px;
}

.pd-b-40 {
    padding-bottom: 40px;
}

.pd-l-40 {
    padding-left: 40px;
}

.pd-t-40-f {
    padding-top: 40px !important;
}

.pd-r-40-f {
    padding-right: 40px !important;
}

.pd-b-40-f {
    padding-bottom: 40px !important;
}

.pd-l-40-f {
    padding-left: 40px !important;
}

.pd-45 {
    padding: 45px;
}

.pd-45-f {
    padding: 45px !important;
}

.pd-y-45 {
    padding-top: 45px;
    padding-bottom: 45px;
}

.pd-y-45-f {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}

.pd-x-45 {
    padding-left: 45px;
    padding-right: 45px;
}

.pd-x-45-f {
    padding-left: 45px !important;
    padding-right: 45px !important;
}

.pd-t-45 {
    padding-top: 45px;
}

.pd-r-45 {
    padding-right: 45px;
}

.pd-b-45 {
    padding-bottom: 45px;
}

.pd-l-45 {
    padding-left: 45px;
}

.pd-t-45-f {
    padding-top: 45px !important;
}

.pd-r-45-f {
    padding-right: 45px !important;
}

.pd-b-45-f {
    padding-bottom: 45px !important;
}

.pd-l-45-f {
    padding-left: 45px !important;
}

.pd-50 {
    padding: 50px;
}

.pd-50-f {
    padding: 50px !important;
}

.pd-y-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.pd-y-50-f {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.pd-x-50 {
    padding-left: 50px;
    padding-right: 50px;
}

.pd-x-50-f {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.pd-t-50 {
    padding-top: 50px;
}

.pd-r-50 {
    padding-right: 50px;
}

.pd-b-50 {
    padding-bottom: 50px;
}

.pd-l-50 {
    padding-left: 50px;
}

.pd-t-50-f {
    padding-top: 50px !important;
}

.pd-r-50-f {
    padding-right: 50px !important;
}

.pd-b-50-f {
    padding-bottom: 50px !important;
}

.pd-l-50-f {
    padding-left: 50px !important;
}

.pd-55 {
    padding: 55px;
}

.pd-55-f {
    padding: 55px !important;
}

.pd-y-55 {
    padding-top: 55px;
    padding-bottom: 55px;
}

.pd-y-55-f {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
}

.pd-x-55 {
    padding-left: 55px;
    padding-right: 55px;
}

.pd-x-55-f {
    padding-left: 55px !important;
    padding-right: 55px !important;
}

.pd-t-55 {
    padding-top: 55px;
}

.pd-r-55 {
    padding-right: 55px;
}

.pd-b-55 {
    padding-bottom: 55px;
}

.pd-l-55 {
    padding-left: 55px;
}

.pd-t-55-f {
    padding-top: 55px !important;
}

.pd-r-55-f {
    padding-right: 55px !important;
}

.pd-b-55-f {
    padding-bottom: 55px !important;
}

.pd-l-55-f {
    padding-left: 55px !important;
}

.pd-60 {
    padding: 60px;
}

.pd-60-f {
    padding: 60px !important;
}

.pd-y-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.pd-y-60-f {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.pd-x-60 {
    padding-left: 60px;
    padding-right: 60px;
}

.pd-x-60-f {
    padding-left: 60px !important;
    padding-right: 60px !important;
}

.pd-t-60 {
    padding-top: 60px;
}

.pd-r-60 {
    padding-right: 60px;
}

.pd-b-60 {
    padding-bottom: 60px;
}

.pd-l-60 {
    padding-left: 60px;
}

.pd-t-60-f {
    padding-top: 60px !important;
}

.pd-r-60-f {
    padding-right: 60px !important;
}

.pd-b-60-f {
    padding-bottom: 60px !important;
}

.pd-l-60-f {
    padding-left: 60px !important;
}

.pd-65 {
    padding: 65px;
}

.pd-65-f {
    padding: 65px !important;
}

.pd-y-65 {
    padding-top: 65px;
    padding-bottom: 65px;
}

.pd-y-65-f {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
}

.pd-x-65 {
    padding-left: 65px;
    padding-right: 65px;
}

.pd-x-65-f {
    padding-left: 65px !important;
    padding-right: 65px !important;
}

.pd-t-65 {
    padding-top: 65px;
}

.pd-r-65 {
    padding-right: 65px;
}

.pd-b-65 {
    padding-bottom: 65px;
}

.pd-l-65 {
    padding-left: 65px;
}

.pd-t-65-f {
    padding-top: 65px !important;
}

.pd-r-65-f {
    padding-right: 65px !important;
}

.pd-b-65-f {
    padding-bottom: 65px !important;
}

.pd-l-65-f {
    padding-left: 65px !important;
}

.pd-70 {
    padding: 70px;
}

.pd-70-f {
    padding: 70px !important;
}

.pd-y-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.pd-y-70-f {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.pd-x-70 {
    padding-left: 70px;
    padding-right: 70px;
}

.pd-x-70-f {
    padding-left: 70px !important;
    padding-right: 70px !important;
}

.pd-t-70 {
    padding-top: 70px;
}

.pd-r-70 {
    padding-right: 70px;
}

.pd-b-70 {
    padding-bottom: 70px;
}

.pd-l-70 {
    padding-left: 70px;
}

.pd-t-70-f {
    padding-top: 70px !important;
}

.pd-r-70-f {
    padding-right: 70px !important;
}

.pd-b-70-f {
    padding-bottom: 70px !important;
}

.pd-l-70-f {
    padding-left: 70px !important;
}

.pd-75 {
    padding: 75px;
}

.pd-75-f {
    padding: 75px !important;
}

.pd-y-75 {
    padding-top: 75px;
    padding-bottom: 75px;
}

.pd-y-75-f {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
}

.pd-x-75 {
    padding-left: 75px;
    padding-right: 75px;
}

.pd-x-75-f {
    padding-left: 75px !important;
    padding-right: 75px !important;
}

.pd-t-75 {
    padding-top: 75px;
}

.pd-r-75 {
    padding-right: 75px;
}

.pd-b-75 {
    padding-bottom: 75px;
}

.pd-l-75 {
    padding-left: 75px;
}

.pd-t-75-f {
    padding-top: 75px !important;
}

.pd-r-75-f {
    padding-right: 75px !important;
}

.pd-b-75-f {
    padding-bottom: 75px !important;
}

.pd-l-75-f {
    padding-left: 75px !important;
}

.pd-80 {
    padding: 80px;
}

.pd-80-f {
    padding: 80px !important;
}

.pd-y-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.pd-y-80-f {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.pd-x-80 {
    padding-left: 80px;
    padding-right: 80px;
}

.pd-x-80-f {
    padding-left: 80px !important;
    padding-right: 80px !important;
}

.pd-t-80 {
    padding-top: 80px;
}

.pd-r-80 {
    padding-right: 80px;
}

.pd-b-80 {
    padding-bottom: 80px;
}

.pd-l-80 {
    padding-left: 80px;
}

.pd-t-80-f {
    padding-top: 80px !important;
}

.pd-r-80-f {
    padding-right: 80px !important;
}

.pd-b-80-f {
    padding-bottom: 80px !important;
}

.pd-l-80-f {
    padding-left: 80px !important;
}

.pd-85 {
    padding: 85px;
}

.pd-85-f {
    padding: 85px !important;
}

.pd-y-85 {
    padding-top: 85px;
    padding-bottom: 85px;
}

.pd-y-85-f {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
}

.pd-x-85 {
    padding-left: 85px;
    padding-right: 85px;
}

.pd-x-85-f {
    padding-left: 85px !important;
    padding-right: 85px !important;
}

.pd-t-85 {
    padding-top: 85px;
}

.pd-r-85 {
    padding-right: 85px;
}

.pd-b-85 {
    padding-bottom: 85px;
}

.pd-l-85 {
    padding-left: 85px;
}

.pd-t-85-f {
    padding-top: 85px !important;
}

.pd-r-85-f {
    padding-right: 85px !important;
}

.pd-b-85-f {
    padding-bottom: 85px !important;
}

.pd-l-85-f {
    padding-left: 85px !important;
}

.pd-90 {
    padding: 90px;
}

.pd-90-f {
    padding: 90px !important;
}

.pd-y-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.pd-y-90-f {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

.pd-x-90 {
    padding-left: 90px;
    padding-right: 90px;
}

.pd-x-90-f {
    padding-left: 90px !important;
    padding-right: 90px !important;
}

.pd-t-90 {
    padding-top: 90px;
}

.pd-r-90 {
    padding-right: 90px;
}

.pd-b-90 {
    padding-bottom: 90px;
}

.pd-l-90 {
    padding-left: 90px;
}

.pd-t-90-f {
    padding-top: 90px !important;
}

.pd-r-90-f {
    padding-right: 90px !important;
}

.pd-b-90-f {
    padding-bottom: 90px !important;
}

.pd-l-90-f {
    padding-left: 90px !important;
}

.pd-95 {
    padding: 95px;
}

.pd-95-f {
    padding: 95px !important;
}

.pd-y-95 {
    padding-top: 95px;
    padding-bottom: 95px;
}

.pd-y-95-f {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
}

.pd-x-95 {
    padding-left: 95px;
    padding-right: 95px;
}

.pd-x-95-f {
    padding-left: 95px !important;
    padding-right: 95px !important;
}

.pd-t-95 {
    padding-top: 95px;
}

.pd-r-95 {
    padding-right: 95px;
}

.pd-b-95 {
    padding-bottom: 95px;
}

.pd-l-95 {
    padding-left: 95px;
}

.pd-t-95-f {
    padding-top: 95px !important;
}

.pd-r-95-f {
    padding-right: 95px !important;
}

.pd-b-95-f {
    padding-bottom: 95px !important;
}

.pd-l-95-f {
    padding-left: 95px !important;
}

.pd-100 {
    padding: 100px;
}

.pd-100-f {
    padding: 100px !important;
}

.pd-y-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.pd-y-100-f {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.pd-x-100 {
    padding-left: 100px;
    padding-right: 100px;
}

.pd-x-100-f {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

.pd-t-100 {
    padding-top: 100px;
}

.pd-r-100 {
    padding-right: 100px;
}

.pd-b-100 {
    padding-bottom: 100px;
}

.pd-l-100 {
    padding-left: 100px;
}

.pd-t-100-f {
    padding-top: 100px !important;
}

.pd-r-100-f {
    padding-right: 100px !important;
}

.pd-b-100-f {
    padding-bottom: 100px !important;
}

.pd-l-100-f {
    padding-left: 100px !important;
}

.pd-110 {
    padding: 110px;
}

.pd-110-f {
    padding: 110px !important;
}

.pd-y-110 {
    padding-top: 110px;
    padding-bottom: 110px;
}

.pd-y-110-f {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
}

.pd-x-110 {
    padding-left: 110px;
    padding-right: 110px;
}

.pd-x-110-f {
    padding-left: 110px !important;
    padding-right: 110px !important;
}

.pd-t-110 {
    padding-top: 110px;
}

.pd-r-110 {
    padding-right: 110px;
}

.pd-b-110 {
    padding-bottom: 110px;
}

.pd-l-110 {
    padding-left: 110px;
}

.pd-t-110-f {
    padding-top: 110px !important;
}

.pd-r-110-f {
    padding-right: 110px !important;
}

.pd-b-110-f {
    padding-bottom: 110px !important;
}

.pd-l-110-f {
    padding-left: 110px !important;
}

.pd-120 {
    padding: 120px;
}

.pd-120-f {
    padding: 120px !important;
}

.pd-y-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.pd-y-120-f {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
}

.pd-x-120 {
    padding-left: 120px;
    padding-right: 120px;
}

.pd-x-120-f {
    padding-left: 120px !important;
    padding-right: 120px !important;
}

.pd-t-120 {
    padding-top: 120px;
}

.pd-r-120 {
    padding-right: 120px;
}

.pd-b-120 {
    padding-bottom: 120px;
}

.pd-l-120 {
    padding-left: 120px;
}

.pd-t-120-f {
    padding-top: 120px !important;
}

.pd-r-120-f {
    padding-right: 120px !important;
}

.pd-b-120-f {
    padding-bottom: 120px !important;
}

.pd-l-120-f {
    padding-left: 120px !important;
}

.pd-130 {
    padding: 130px;
}

.pd-130-f {
    padding: 130px !important;
}

.pd-y-130 {
    padding-top: 130px;
    padding-bottom: 130px;
}

.pd-y-130-f {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
}

.pd-x-130 {
    padding-left: 130px;
    padding-right: 130px;
}

.pd-x-130-f {
    padding-left: 130px !important;
    padding-right: 130px !important;
}

.pd-t-130 {
    padding-top: 130px;
}

.pd-r-130 {
    padding-right: 130px;
}

.pd-b-130 {
    padding-bottom: 130px;
}

.pd-l-130 {
    padding-left: 130px;
}

.pd-t-130-f {
    padding-top: 130px !important;
}

.pd-r-130-f {
    padding-right: 130px !important;
}

.pd-b-130-f {
    padding-bottom: 130px !important;
}

.pd-l-130-f {
    padding-left: 130px !important;
}

.pd-140 {
    padding: 140px;
}

.pd-140-f {
    padding: 140px !important;
}

.pd-y-140 {
    padding-top: 140px;
    padding-bottom: 140px;
}

.pd-y-140-f {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
}

.pd-x-140 {
    padding-left: 140px;
    padding-right: 140px;
}

.pd-x-140-f {
    padding-left: 140px !important;
    padding-right: 140px !important;
}

.pd-t-140 {
    padding-top: 140px;
}

.pd-r-140 {
    padding-right: 140px;
}

.pd-b-140 {
    padding-bottom: 140px;
}

.pd-l-140 {
    padding-left: 140px;
}

.pd-t-140-f {
    padding-top: 140px !important;
}

.pd-r-140-f {
    padding-right: 140px !important;
}

.pd-b-140-f {
    padding-bottom: 140px !important;
}

.pd-l-140-f {
    padding-left: 140px !important;
}

.pd-150 {
    padding: 150px;
}

.pd-150-f {
    padding: 150px !important;
}

.pd-y-150 {
    padding-top: 150px;
    padding-bottom: 150px;
}

.pd-y-150-f {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
}

.pd-x-150 {
    padding-left: 150px;
    padding-right: 150px;
}

.pd-x-150-f {
    padding-left: 150px !important;
    padding-right: 150px !important;
}

.pd-t-150 {
    padding-top: 150px;
}

.pd-r-150 {
    padding-right: 150px;
}

.pd-b-150 {
    padding-bottom: 150px;
}

.pd-l-150 {
    padding-left: 150px;
}

.pd-t-150-f {
    padding-top: 150px !important;
}

.pd-r-150-f {
    padding-right: 150px !important;
}

.pd-b-150-f {
    padding-bottom: 150px !important;
}

.pd-l-150-f {
    padding-left: 150px !important;
}

.pd-160 {
    padding: 160px;
}

.pd-160-f {
    padding: 160px !important;
}

.pd-y-160 {
    padding-top: 160px;
    padding-bottom: 160px;
}

.pd-y-160-f {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
}

.pd-x-160 {
    padding-left: 160px;
    padding-right: 160px;
}

.pd-x-160-f {
    padding-left: 160px !important;
    padding-right: 160px !important;
}

.pd-t-160 {
    padding-top: 160px;
}

.pd-r-160 {
    padding-right: 160px;
}

.pd-b-160 {
    padding-bottom: 160px;
}

.pd-l-160 {
    padding-left: 160px;
}

.pd-t-160-f {
    padding-top: 160px !important;
}

.pd-r-160-f {
    padding-right: 160px !important;
}

.pd-b-160-f {
    padding-bottom: 160px !important;
}

.pd-l-160-f {
    padding-left: 160px !important;
}

.pd-170 {
    padding: 170px;
}

.pd-170-f {
    padding: 170px !important;
}

.pd-y-170 {
    padding-top: 170px;
    padding-bottom: 170px;
}

.pd-y-170-f {
    padding-top: 170px !important;
    padding-bottom: 170px !important;
}

.pd-x-170 {
    padding-left: 170px;
    padding-right: 170px;
}

.pd-x-170-f {
    padding-left: 170px !important;
    padding-right: 170px !important;
}

.pd-t-170 {
    padding-top: 170px;
}

.pd-r-170 {
    padding-right: 170px;
}

.pd-b-170 {
    padding-bottom: 170px;
}

.pd-l-170 {
    padding-left: 170px;
}

.pd-t-170-f {
    padding-top: 170px !important;
}

.pd-r-170-f {
    padding-right: 170px !important;
}

.pd-b-170-f {
    padding-bottom: 170px !important;
}

.pd-l-170-f {
    padding-left: 170px !important;
}

.pd-180 {
    padding: 180px;
}

.pd-180-f {
    padding: 180px !important;
}

.pd-y-180 {
    padding-top: 180px;
    padding-bottom: 180px;
}

.pd-y-180-f {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
}

.pd-x-180 {
    padding-left: 180px;
    padding-right: 180px;
}

.pd-x-180-f {
    padding-left: 180px !important;
    padding-right: 180px !important;
}

.pd-t-180 {
    padding-top: 180px;
}

.pd-r-180 {
    padding-right: 180px;
}

.pd-b-180 {
    padding-bottom: 180px;
}

.pd-l-180 {
    padding-left: 180px;
}

.pd-t-180-f {
    padding-top: 180px !important;
}

.pd-r-180-f {
    padding-right: 180px !important;
}

.pd-b-180-f {
    padding-bottom: 180px !important;
}

.pd-l-180-f {
    padding-left: 180px !important;
}

.pd-190 {
    padding: 190px;
}

.pd-190-f {
    padding: 190px !important;
}

.pd-y-190 {
    padding-top: 190px;
    padding-bottom: 190px;
}

.pd-y-190-f {
    padding-top: 190px !important;
    padding-bottom: 190px !important;
}

.pd-x-190 {
    padding-left: 190px;
    padding-right: 190px;
}

.pd-x-190-f {
    padding-left: 190px !important;
    padding-right: 190px !important;
}

.pd-t-190 {
    padding-top: 190px;
}

.pd-r-190 {
    padding-right: 190px;
}

.pd-b-190 {
    padding-bottom: 190px;
}

.pd-l-190 {
    padding-left: 190px;
}

.pd-t-190-f {
    padding-top: 190px !important;
}

.pd-r-190-f {
    padding-right: 190px !important;
}

.pd-b-190-f {
    padding-bottom: 190px !important;
}

.pd-l-190-f {
    padding-left: 190px !important;
}

.pd-200 {
    padding: 200px;
}

.pd-200-f {
    padding: 200px !important;
}

.pd-y-200 {
    padding-top: 200px;
    padding-bottom: 200px;
}

.pd-y-200-f {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
}

.pd-x-200 {
    padding-left: 200px;
    padding-right: 200px;
}

.pd-x-200-f {
    padding-left: 200px !important;
    padding-right: 200px !important;
}

.pd-t-200 {
    padding-top: 200px;
}

.pd-r-200 {
    padding-right: 200px;
}

.pd-b-200 {
    padding-bottom: 200px;
}

.pd-l-200 {
    padding-left: 200px;
}

.pd-t-200-f {
    padding-top: 200px !important;
}

.pd-r-200-f {
    padding-right: 200px !important;
}

.pd-b-200-f {
    padding-bottom: 200px !important;
}

.pd-l-200-f {
    padding-left: 200px !important;
}

@media (min-width: 480px) {
    .pd-xs-0 {
        padding: 0px;
    }

    .pd-xs-0-f {
        padding: 0px !important;
    }

    .pd-xs-y-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .pd-xs-y-0-f {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .pd-xs-x-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .pd-xs-x-0-f {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .pd-xs-t-0 {
        padding-top: 0px;
    }

    .pd-xs-r-0 {
        padding-right: 0px;
    }

    .pd-xs-b-0 {
        padding-bottom: 0px;
    }

    .pd-xs-l-0 {
        padding-left: 0px;
    }

    .pd-xs-t-0-f {
        padding-top: 0px !important;
    }

    .pd-xs-r-0-f {
        padding-right: 0px !important;
    }

    .pd-xs-b-0-f {
        padding-bottom: 0px !important;
    }

    .pd-xs-l-0-f {
        padding-left: 0px !important;
    }

    .pd-xs-1 {
        padding: 1px;
    }

    .pd-xs-1-f {
        padding: 1px !important;
    }

    .pd-xs-y-1 {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .pd-xs-y-1-f {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }

    .pd-xs-x-1 {
        padding-left: 1px;
        padding-right: 1px;
    }

    .pd-xs-x-1-f {
        padding-left: 1px !important;
        padding-right: 1px !important;
    }

    .pd-xs-t-1 {
        padding-top: 1px;
    }

    .pd-xs-r-1 {
        padding-right: 1px;
    }

    .pd-xs-b-1 {
        padding-bottom: 1px;
    }

    .pd-xs-l-1 {
        padding-left: 1px;
    }

    .pd-xs-t-1-f {
        padding-top: 1px !important;
    }

    .pd-xs-r-1-f {
        padding-right: 1px !important;
    }

    .pd-xs-b-1-f {
        padding-bottom: 1px !important;
    }

    .pd-xs-l-1-f {
        padding-left: 1px !important;
    }

    .pd-xs-2 {
        padding: 2px;
    }

    .pd-xs-2-f {
        padding: 2px !important;
    }

    .pd-xs-y-2 {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .pd-xs-y-2-f {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    .pd-xs-x-2 {
        padding-left: 2px;
        padding-right: 2px;
    }

    .pd-xs-x-2-f {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .pd-xs-t-2 {
        padding-top: 2px;
    }

    .pd-xs-r-2 {
        padding-right: 2px;
    }

    .pd-xs-b-2 {
        padding-bottom: 2px;
    }

    .pd-xs-l-2 {
        padding-left: 2px;
    }

    .pd-xs-t-2-f {
        padding-top: 2px !important;
    }

    .pd-xs-r-2-f {
        padding-right: 2px !important;
    }

    .pd-xs-b-2-f {
        padding-bottom: 2px !important;
    }

    .pd-xs-l-2-f {
        padding-left: 2px !important;
    }

    .pd-xs-3 {
        padding: 3px;
    }

    .pd-xs-3-f {
        padding: 3px !important;
    }

    .pd-xs-y-3 {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .pd-xs-y-3-f {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

    .pd-xs-x-3 {
        padding-left: 3px;
        padding-right: 3px;
    }

    .pd-xs-x-3-f {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .pd-xs-t-3 {
        padding-top: 3px;
    }

    .pd-xs-r-3 {
        padding-right: 3px;
    }

    .pd-xs-b-3 {
        padding-bottom: 3px;
    }

    .pd-xs-l-3 {
        padding-left: 3px;
    }

    .pd-xs-t-3-f {
        padding-top: 3px !important;
    }

    .pd-xs-r-3-f {
        padding-right: 3px !important;
    }

    .pd-xs-b-3-f {
        padding-bottom: 3px !important;
    }

    .pd-xs-l-3-f {
        padding-left: 3px !important;
    }

    .pd-xs-4 {
        padding: 4px;
    }

    .pd-xs-4-f {
        padding: 4px !important;
    }

    .pd-xs-y-4 {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .pd-xs-y-4-f {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    .pd-xs-x-4 {
        padding-left: 4px;
        padding-right: 4px;
    }

    .pd-xs-x-4-f {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .pd-xs-t-4 {
        padding-top: 4px;
    }

    .pd-xs-r-4 {
        padding-right: 4px;
    }

    .pd-xs-b-4 {
        padding-bottom: 4px;
    }

    .pd-xs-l-4 {
        padding-left: 4px;
    }

    .pd-xs-t-4-f {
        padding-top: 4px !important;
    }

    .pd-xs-r-4-f {
        padding-right: 4px !important;
    }

    .pd-xs-b-4-f {
        padding-bottom: 4px !important;
    }

    .pd-xs-l-4-f {
        padding-left: 4px !important;
    }

    .pd-xs-5 {
        padding: 5px;
    }

    .pd-xs-5-f {
        padding: 5px !important;
    }

    .pd-xs-y-5 {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .pd-xs-y-5-f {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .pd-xs-x-5 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .pd-xs-x-5-f {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .pd-xs-t-5 {
        padding-top: 5px;
    }

    .pd-xs-r-5 {
        padding-right: 5px;
    }

    .pd-xs-b-5 {
        padding-bottom: 5px;
    }

    .pd-xs-l-5 {
        padding-left: 5px;
    }

    .pd-xs-t-5-f {
        padding-top: 5px !important;
    }

    .pd-xs-r-5-f {
        padding-right: 5px !important;
    }

    .pd-xs-b-5-f {
        padding-bottom: 5px !important;
    }

    .pd-xs-l-5-f {
        padding-left: 5px !important;
    }

    .pd-xs-6 {
        padding: 6px;
    }

    .pd-xs-6-f {
        padding: 6px !important;
    }

    .pd-xs-y-6 {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .pd-xs-y-6-f {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    .pd-xs-x-6 {
        padding-left: 6px;
        padding-right: 6px;
    }

    .pd-xs-x-6-f {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .pd-xs-t-6 {
        padding-top: 6px;
    }

    .pd-xs-r-6 {
        padding-right: 6px;
    }

    .pd-xs-b-6 {
        padding-bottom: 6px;
    }

    .pd-xs-l-6 {
        padding-left: 6px;
    }

    .pd-xs-t-6-f {
        padding-top: 6px !important;
    }

    .pd-xs-r-6-f {
        padding-right: 6px !important;
    }

    .pd-xs-b-6-f {
        padding-bottom: 6px !important;
    }

    .pd-xs-l-6-f {
        padding-left: 6px !important;
    }

    .pd-xs-7 {
        padding: 7px;
    }

    .pd-xs-7-f {
        padding: 7px !important;
    }

    .pd-xs-y-7 {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .pd-xs-y-7-f {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .pd-xs-x-7 {
        padding-left: 7px;
        padding-right: 7px;
    }

    .pd-xs-x-7-f {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .pd-xs-t-7 {
        padding-top: 7px;
    }

    .pd-xs-r-7 {
        padding-right: 7px;
    }

    .pd-xs-b-7 {
        padding-bottom: 7px;
    }

    .pd-xs-l-7 {
        padding-left: 7px;
    }

    .pd-xs-t-7-f {
        padding-top: 7px !important;
    }

    .pd-xs-r-7-f {
        padding-right: 7px !important;
    }

    .pd-xs-b-7-f {
        padding-bottom: 7px !important;
    }

    .pd-xs-l-7-f {
        padding-left: 7px !important;
    }

    .pd-xs-8 {
        padding: 8px;
    }

    .pd-xs-8-f {
        padding: 8px !important;
    }

    .pd-xs-y-8 {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .pd-xs-y-8-f {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .pd-xs-x-8 {
        padding-left: 8px;
        padding-right: 8px;
    }

    .pd-xs-x-8-f {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .pd-xs-t-8 {
        padding-top: 8px;
    }

    .pd-xs-r-8 {
        padding-right: 8px;
    }

    .pd-xs-b-8 {
        padding-bottom: 8px;
    }

    .pd-xs-l-8 {
        padding-left: 8px;
    }

    .pd-xs-t-8-f {
        padding-top: 8px !important;
    }

    .pd-xs-r-8-f {
        padding-right: 8px !important;
    }

    .pd-xs-b-8-f {
        padding-bottom: 8px !important;
    }

    .pd-xs-l-8-f {
        padding-left: 8px !important;
    }

    .pd-xs-9 {
        padding: 9px;
    }

    .pd-xs-9-f {
        padding: 9px !important;
    }

    .pd-xs-y-9 {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .pd-xs-y-9-f {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    .pd-xs-x-9 {
        padding-left: 9px;
        padding-right: 9px;
    }

    .pd-xs-x-9-f {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }

    .pd-xs-t-9 {
        padding-top: 9px;
    }

    .pd-xs-r-9 {
        padding-right: 9px;
    }

    .pd-xs-b-9 {
        padding-bottom: 9px;
    }

    .pd-xs-l-9 {
        padding-left: 9px;
    }

    .pd-xs-t-9-f {
        padding-top: 9px !important;
    }

    .pd-xs-r-9-f {
        padding-right: 9px !important;
    }

    .pd-xs-b-9-f {
        padding-bottom: 9px !important;
    }

    .pd-xs-l-9-f {
        padding-left: 9px !important;
    }

    .pd-xs-10 {
        padding: 10px;
    }

    .pd-xs-10-f {
        padding: 10px !important;
    }

    .pd-xs-y-10 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .pd-xs-y-10-f {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .pd-xs-x-10 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .pd-xs-x-10-f {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .pd-xs-t-10 {
        padding-top: 10px;
    }

    .pd-xs-r-10 {
        padding-right: 10px;
    }

    .pd-xs-b-10 {
        padding-bottom: 10px;
    }

    .pd-xs-l-10 {
        padding-left: 10px;
    }

    .pd-xs-t-10-f {
        padding-top: 10px !important;
    }

    .pd-xs-r-10-f {
        padding-right: 10px !important;
    }

    .pd-xs-b-10-f {
        padding-bottom: 10px !important;
    }

    .pd-xs-l-10-f {
        padding-left: 10px !important;
    }

    .pd-xs-15 {
        padding: 15px;
    }

    .pd-xs-15-f {
        padding: 15px !important;
    }

    .pd-xs-y-15 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .pd-xs-y-15-f {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .pd-xs-x-15 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pd-xs-x-15-f {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .pd-xs-t-15 {
        padding-top: 15px;
    }

    .pd-xs-r-15 {
        padding-right: 15px;
    }

    .pd-xs-b-15 {
        padding-bottom: 15px;
    }

    .pd-xs-l-15 {
        padding-left: 15px;
    }

    .pd-xs-t-15-f {
        padding-top: 15px !important;
    }

    .pd-xs-r-15-f {
        padding-right: 15px !important;
    }

    .pd-xs-b-15-f {
        padding-bottom: 15px !important;
    }

    .pd-xs-l-15-f {
        padding-left: 15px !important;
    }

    .pd-xs-20 {
        padding: 20px;
    }

    .pd-xs-20-f {
        padding: 20px !important;
    }

    .pd-xs-y-20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .pd-xs-y-20-f {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .pd-xs-x-20 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pd-xs-x-20-f {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .pd-xs-t-20 {
        padding-top: 20px;
    }

    .pd-xs-r-20 {
        padding-right: 20px;
    }

    .pd-xs-b-20 {
        padding-bottom: 20px;
    }

    .pd-xs-l-20 {
        padding-left: 20px;
    }

    .pd-xs-t-20-f {
        padding-top: 20px !important;
    }

    .pd-xs-r-20-f {
        padding-right: 20px !important;
    }

    .pd-xs-b-20-f {
        padding-bottom: 20px !important;
    }

    .pd-xs-l-20-f {
        padding-left: 20px !important;
    }

    .pd-xs-25 {
        padding: 25px;
    }

    .pd-xs-25-f {
        padding: 25px !important;
    }

    .pd-xs-y-25 {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .pd-xs-y-25-f {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    .pd-xs-x-25 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .pd-xs-x-25-f {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .pd-xs-t-25 {
        padding-top: 25px;
    }

    .pd-xs-r-25 {
        padding-right: 25px;
    }

    .pd-xs-b-25 {
        padding-bottom: 25px;
    }

    .pd-xs-l-25 {
        padding-left: 25px;
    }

    .pd-xs-t-25-f {
        padding-top: 25px !important;
    }

    .pd-xs-r-25-f {
        padding-right: 25px !important;
    }

    .pd-xs-b-25-f {
        padding-bottom: 25px !important;
    }

    .pd-xs-l-25-f {
        padding-left: 25px !important;
    }

    .pd-xs-30 {
        padding: 30px;
    }

    .pd-xs-30-f {
        padding: 30px !important;
    }

    .pd-xs-y-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .pd-xs-y-30-f {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .pd-xs-x-30 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .pd-xs-x-30-f {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .pd-xs-t-30 {
        padding-top: 30px;
    }

    .pd-xs-r-30 {
        padding-right: 30px;
    }

    .pd-xs-b-30 {
        padding-bottom: 30px;
    }

    .pd-xs-l-30 {
        padding-left: 30px;
    }

    .pd-xs-t-30-f {
        padding-top: 30px !important;
    }

    .pd-xs-r-30-f {
        padding-right: 30px !important;
    }

    .pd-xs-b-30-f {
        padding-bottom: 30px !important;
    }

    .pd-xs-l-30-f {
        padding-left: 30px !important;
    }

    .pd-xs-35 {
        padding: 35px;
    }

    .pd-xs-35-f {
        padding: 35px !important;
    }

    .pd-xs-y-35 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .pd-xs-y-35-f {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }

    .pd-xs-x-35 {
        padding-left: 35px;
        padding-right: 35px;
    }

    .pd-xs-x-35-f {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }

    .pd-xs-t-35 {
        padding-top: 35px;
    }

    .pd-xs-r-35 {
        padding-right: 35px;
    }

    .pd-xs-b-35 {
        padding-bottom: 35px;
    }

    .pd-xs-l-35 {
        padding-left: 35px;
    }

    .pd-xs-t-35-f {
        padding-top: 35px !important;
    }

    .pd-xs-r-35-f {
        padding-right: 35px !important;
    }

    .pd-xs-b-35-f {
        padding-bottom: 35px !important;
    }

    .pd-xs-l-35-f {
        padding-left: 35px !important;
    }

    .pd-xs-40 {
        padding: 40px;
    }

    .pd-xs-40-f {
        padding: 40px !important;
    }

    .pd-xs-y-40 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .pd-xs-y-40-f {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .pd-xs-x-40 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .pd-xs-x-40-f {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .pd-xs-t-40 {
        padding-top: 40px;
    }

    .pd-xs-r-40 {
        padding-right: 40px;
    }

    .pd-xs-b-40 {
        padding-bottom: 40px;
    }

    .pd-xs-l-40 {
        padding-left: 40px;
    }

    .pd-xs-t-40-f {
        padding-top: 40px !important;
    }

    .pd-xs-r-40-f {
        padding-right: 40px !important;
    }

    .pd-xs-b-40-f {
        padding-bottom: 40px !important;
    }

    .pd-xs-l-40-f {
        padding-left: 40px !important;
    }

    .pd-xs-45 {
        padding: 45px;
    }

    .pd-xs-45-f {
        padding: 45px !important;
    }

    .pd-xs-y-45 {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .pd-xs-y-45-f {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }

    .pd-xs-x-45 {
        padding-left: 45px;
        padding-right: 45px;
    }

    .pd-xs-x-45-f {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }

    .pd-xs-t-45 {
        padding-top: 45px;
    }

    .pd-xs-r-45 {
        padding-right: 45px;
    }

    .pd-xs-b-45 {
        padding-bottom: 45px;
    }

    .pd-xs-l-45 {
        padding-left: 45px;
    }

    .pd-xs-t-45-f {
        padding-top: 45px !important;
    }

    .pd-xs-r-45-f {
        padding-right: 45px !important;
    }

    .pd-xs-b-45-f {
        padding-bottom: 45px !important;
    }

    .pd-xs-l-45-f {
        padding-left: 45px !important;
    }

    .pd-xs-50 {
        padding: 50px;
    }

    .pd-xs-50-f {
        padding: 50px !important;
    }

    .pd-xs-y-50 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .pd-xs-y-50-f {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .pd-xs-x-50 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .pd-xs-x-50-f {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    .pd-xs-t-50 {
        padding-top: 50px;
    }

    .pd-xs-r-50 {
        padding-right: 50px;
    }

    .pd-xs-b-50 {
        padding-bottom: 50px;
    }

    .pd-xs-l-50 {
        padding-left: 50px;
    }

    .pd-xs-t-50-f {
        padding-top: 50px !important;
    }

    .pd-xs-r-50-f {
        padding-right: 50px !important;
    }

    .pd-xs-b-50-f {
        padding-bottom: 50px !important;
    }

    .pd-xs-l-50-f {
        padding-left: 50px !important;
    }

    .pd-xs-55 {
        padding: 55px;
    }

    .pd-xs-55-f {
        padding: 55px !important;
    }

    .pd-xs-y-55 {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .pd-xs-y-55-f {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }

    .pd-xs-x-55 {
        padding-left: 55px;
        padding-right: 55px;
    }

    .pd-xs-x-55-f {
        padding-left: 55px !important;
        padding-right: 55px !important;
    }

    .pd-xs-t-55 {
        padding-top: 55px;
    }

    .pd-xs-r-55 {
        padding-right: 55px;
    }

    .pd-xs-b-55 {
        padding-bottom: 55px;
    }

    .pd-xs-l-55 {
        padding-left: 55px;
    }

    .pd-xs-t-55-f {
        padding-top: 55px !important;
    }

    .pd-xs-r-55-f {
        padding-right: 55px !important;
    }

    .pd-xs-b-55-f {
        padding-bottom: 55px !important;
    }

    .pd-xs-l-55-f {
        padding-left: 55px !important;
    }

    .pd-xs-60 {
        padding: 60px;
    }

    .pd-xs-60-f {
        padding: 60px !important;
    }

    .pd-xs-y-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pd-xs-y-60-f {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .pd-xs-x-60 {
        padding-left: 60px;
        padding-right: 60px;
    }

    .pd-xs-x-60-f {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }

    .pd-xs-t-60 {
        padding-top: 60px;
    }

    .pd-xs-r-60 {
        padding-right: 60px;
    }

    .pd-xs-b-60 {
        padding-bottom: 60px;
    }

    .pd-xs-l-60 {
        padding-left: 60px;
    }

    .pd-xs-t-60-f {
        padding-top: 60px !important;
    }

    .pd-xs-r-60-f {
        padding-right: 60px !important;
    }

    .pd-xs-b-60-f {
        padding-bottom: 60px !important;
    }

    .pd-xs-l-60-f {
        padding-left: 60px !important;
    }

    .pd-xs-65 {
        padding: 65px;
    }

    .pd-xs-65-f {
        padding: 65px !important;
    }

    .pd-xs-y-65 {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .pd-xs-y-65-f {
        padding-top: 65px !important;
        padding-bottom: 65px !important;
    }

    .pd-xs-x-65 {
        padding-left: 65px;
        padding-right: 65px;
    }

    .pd-xs-x-65-f {
        padding-left: 65px !important;
        padding-right: 65px !important;
    }

    .pd-xs-t-65 {
        padding-top: 65px;
    }

    .pd-xs-r-65 {
        padding-right: 65px;
    }

    .pd-xs-b-65 {
        padding-bottom: 65px;
    }

    .pd-xs-l-65 {
        padding-left: 65px;
    }

    .pd-xs-t-65-f {
        padding-top: 65px !important;
    }

    .pd-xs-r-65-f {
        padding-right: 65px !important;
    }

    .pd-xs-b-65-f {
        padding-bottom: 65px !important;
    }

    .pd-xs-l-65-f {
        padding-left: 65px !important;
    }

    .pd-xs-70 {
        padding: 70px;
    }

    .pd-xs-70-f {
        padding: 70px !important;
    }

    .pd-xs-y-70 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .pd-xs-y-70-f {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }

    .pd-xs-x-70 {
        padding-left: 70px;
        padding-right: 70px;
    }

    .pd-xs-x-70-f {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }

    .pd-xs-t-70 {
        padding-top: 70px;
    }

    .pd-xs-r-70 {
        padding-right: 70px;
    }

    .pd-xs-b-70 {
        padding-bottom: 70px;
    }

    .pd-xs-l-70 {
        padding-left: 70px;
    }

    .pd-xs-t-70-f {
        padding-top: 70px !important;
    }

    .pd-xs-r-70-f {
        padding-right: 70px !important;
    }

    .pd-xs-b-70-f {
        padding-bottom: 70px !important;
    }

    .pd-xs-l-70-f {
        padding-left: 70px !important;
    }

    .pd-xs-75 {
        padding: 75px;
    }

    .pd-xs-75-f {
        padding: 75px !important;
    }

    .pd-xs-y-75 {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .pd-xs-y-75-f {
        padding-top: 75px !important;
        padding-bottom: 75px !important;
    }

    .pd-xs-x-75 {
        padding-left: 75px;
        padding-right: 75px;
    }

    .pd-xs-x-75-f {
        padding-left: 75px !important;
        padding-right: 75px !important;
    }

    .pd-xs-t-75 {
        padding-top: 75px;
    }

    .pd-xs-r-75 {
        padding-right: 75px;
    }

    .pd-xs-b-75 {
        padding-bottom: 75px;
    }

    .pd-xs-l-75 {
        padding-left: 75px;
    }

    .pd-xs-t-75-f {
        padding-top: 75px !important;
    }

    .pd-xs-r-75-f {
        padding-right: 75px !important;
    }

    .pd-xs-b-75-f {
        padding-bottom: 75px !important;
    }

    .pd-xs-l-75-f {
        padding-left: 75px !important;
    }

    .pd-xs-80 {
        padding: 80px;
    }

    .pd-xs-80-f {
        padding: 80px !important;
    }

    .pd-xs-y-80 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .pd-xs-y-80-f {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .pd-xs-x-80 {
        padding-left: 80px;
        padding-right: 80px;
    }

    .pd-xs-x-80-f {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }

    .pd-xs-t-80 {
        padding-top: 80px;
    }

    .pd-xs-r-80 {
        padding-right: 80px;
    }

    .pd-xs-b-80 {
        padding-bottom: 80px;
    }

    .pd-xs-l-80 {
        padding-left: 80px;
    }

    .pd-xs-t-80-f {
        padding-top: 80px !important;
    }

    .pd-xs-r-80-f {
        padding-right: 80px !important;
    }

    .pd-xs-b-80-f {
        padding-bottom: 80px !important;
    }

    .pd-xs-l-80-f {
        padding-left: 80px !important;
    }

    .pd-xs-85 {
        padding: 85px;
    }

    .pd-xs-85-f {
        padding: 85px !important;
    }

    .pd-xs-y-85 {
        padding-top: 85px;
        padding-bottom: 85px;
    }

    .pd-xs-y-85-f {
        padding-top: 85px !important;
        padding-bottom: 85px !important;
    }

    .pd-xs-x-85 {
        padding-left: 85px;
        padding-right: 85px;
    }

    .pd-xs-x-85-f {
        padding-left: 85px !important;
        padding-right: 85px !important;
    }

    .pd-xs-t-85 {
        padding-top: 85px;
    }

    .pd-xs-r-85 {
        padding-right: 85px;
    }

    .pd-xs-b-85 {
        padding-bottom: 85px;
    }

    .pd-xs-l-85 {
        padding-left: 85px;
    }

    .pd-xs-t-85-f {
        padding-top: 85px !important;
    }

    .pd-xs-r-85-f {
        padding-right: 85px !important;
    }

    .pd-xs-b-85-f {
        padding-bottom: 85px !important;
    }

    .pd-xs-l-85-f {
        padding-left: 85px !important;
    }

    .pd-xs-90 {
        padding: 90px;
    }

    .pd-xs-90-f {
        padding: 90px !important;
    }

    .pd-xs-y-90 {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .pd-xs-y-90-f {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }

    .pd-xs-x-90 {
        padding-left: 90px;
        padding-right: 90px;
    }

    .pd-xs-x-90-f {
        padding-left: 90px !important;
        padding-right: 90px !important;
    }

    .pd-xs-t-90 {
        padding-top: 90px;
    }

    .pd-xs-r-90 {
        padding-right: 90px;
    }

    .pd-xs-b-90 {
        padding-bottom: 90px;
    }

    .pd-xs-l-90 {
        padding-left: 90px;
    }

    .pd-xs-t-90-f {
        padding-top: 90px !important;
    }

    .pd-xs-r-90-f {
        padding-right: 90px !important;
    }

    .pd-xs-b-90-f {
        padding-bottom: 90px !important;
    }

    .pd-xs-l-90-f {
        padding-left: 90px !important;
    }

    .pd-xs-95 {
        padding: 95px;
    }

    .pd-xs-95-f {
        padding: 95px !important;
    }

    .pd-xs-y-95 {
        padding-top: 95px;
        padding-bottom: 95px;
    }

    .pd-xs-y-95-f {
        padding-top: 95px !important;
        padding-bottom: 95px !important;
    }

    .pd-xs-x-95 {
        padding-left: 95px;
        padding-right: 95px;
    }

    .pd-xs-x-95-f {
        padding-left: 95px !important;
        padding-right: 95px !important;
    }

    .pd-xs-t-95 {
        padding-top: 95px;
    }

    .pd-xs-r-95 {
        padding-right: 95px;
    }

    .pd-xs-b-95 {
        padding-bottom: 95px;
    }

    .pd-xs-l-95 {
        padding-left: 95px;
    }

    .pd-xs-t-95-f {
        padding-top: 95px !important;
    }

    .pd-xs-r-95-f {
        padding-right: 95px !important;
    }

    .pd-xs-b-95-f {
        padding-bottom: 95px !important;
    }

    .pd-xs-l-95-f {
        padding-left: 95px !important;
    }

    .pd-xs-100 {
        padding: 100px;
    }

    .pd-xs-100-f {
        padding: 100px !important;
    }

    .pd-xs-y-100 {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .pd-xs-y-100-f {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

    .pd-xs-x-100 {
        padding-left: 100px;
        padding-right: 100px;
    }

    .pd-xs-x-100-f {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }

    .pd-xs-t-100 {
        padding-top: 100px;
    }

    .pd-xs-r-100 {
        padding-right: 100px;
    }

    .pd-xs-b-100 {
        padding-bottom: 100px;
    }

    .pd-xs-l-100 {
        padding-left: 100px;
    }

    .pd-xs-t-100-f {
        padding-top: 100px !important;
    }

    .pd-xs-r-100-f {
        padding-right: 100px !important;
    }

    .pd-xs-b-100-f {
        padding-bottom: 100px !important;
    }

    .pd-xs-l-100-f {
        padding-left: 100px !important;
    }

    .pd-xs-110 {
        padding: 110px;
    }

    .pd-xs-110-f {
        padding: 110px !important;
    }

    .pd-xs-y-110 {
        padding-top: 110px;
        padding-bottom: 110px;
    }

    .pd-xs-y-110-f {
        padding-top: 110px !important;
        padding-bottom: 110px !important;
    }

    .pd-xs-x-110 {
        padding-left: 110px;
        padding-right: 110px;
    }

    .pd-xs-x-110-f {
        padding-left: 110px !important;
        padding-right: 110px !important;
    }

    .pd-xs-t-110 {
        padding-top: 110px;
    }

    .pd-xs-r-110 {
        padding-right: 110px;
    }

    .pd-xs-b-110 {
        padding-bottom: 110px;
    }

    .pd-xs-l-110 {
        padding-left: 110px;
    }

    .pd-xs-t-110-f {
        padding-top: 110px !important;
    }

    .pd-xs-r-110-f {
        padding-right: 110px !important;
    }

    .pd-xs-b-110-f {
        padding-bottom: 110px !important;
    }

    .pd-xs-l-110-f {
        padding-left: 110px !important;
    }

    .pd-xs-120 {
        padding: 120px;
    }

    .pd-xs-120-f {
        padding: 120px !important;
    }

    .pd-xs-y-120 {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .pd-xs-y-120-f {
        padding-top: 120px !important;
        padding-bottom: 120px !important;
    }

    .pd-xs-x-120 {
        padding-left: 120px;
        padding-right: 120px;
    }

    .pd-xs-x-120-f {
        padding-left: 120px !important;
        padding-right: 120px !important;
    }

    .pd-xs-t-120 {
        padding-top: 120px;
    }

    .pd-xs-r-120 {
        padding-right: 120px;
    }

    .pd-xs-b-120 {
        padding-bottom: 120px;
    }

    .pd-xs-l-120 {
        padding-left: 120px;
    }

    .pd-xs-t-120-f {
        padding-top: 120px !important;
    }

    .pd-xs-r-120-f {
        padding-right: 120px !important;
    }

    .pd-xs-b-120-f {
        padding-bottom: 120px !important;
    }

    .pd-xs-l-120-f {
        padding-left: 120px !important;
    }

    .pd-xs-130 {
        padding: 130px;
    }

    .pd-xs-130-f {
        padding: 130px !important;
    }

    .pd-xs-y-130 {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .pd-xs-y-130-f {
        padding-top: 130px !important;
        padding-bottom: 130px !important;
    }

    .pd-xs-x-130 {
        padding-left: 130px;
        padding-right: 130px;
    }

    .pd-xs-x-130-f {
        padding-left: 130px !important;
        padding-right: 130px !important;
    }

    .pd-xs-t-130 {
        padding-top: 130px;
    }

    .pd-xs-r-130 {
        padding-right: 130px;
    }

    .pd-xs-b-130 {
        padding-bottom: 130px;
    }

    .pd-xs-l-130 {
        padding-left: 130px;
    }

    .pd-xs-t-130-f {
        padding-top: 130px !important;
    }

    .pd-xs-r-130-f {
        padding-right: 130px !important;
    }

    .pd-xs-b-130-f {
        padding-bottom: 130px !important;
    }

    .pd-xs-l-130-f {
        padding-left: 130px !important;
    }

    .pd-xs-140 {
        padding: 140px;
    }

    .pd-xs-140-f {
        padding: 140px !important;
    }

    .pd-xs-y-140 {
        padding-top: 140px;
        padding-bottom: 140px;
    }

    .pd-xs-y-140-f {
        padding-top: 140px !important;
        padding-bottom: 140px !important;
    }

    .pd-xs-x-140 {
        padding-left: 140px;
        padding-right: 140px;
    }

    .pd-xs-x-140-f {
        padding-left: 140px !important;
        padding-right: 140px !important;
    }

    .pd-xs-t-140 {
        padding-top: 140px;
    }

    .pd-xs-r-140 {
        padding-right: 140px;
    }

    .pd-xs-b-140 {
        padding-bottom: 140px;
    }

    .pd-xs-l-140 {
        padding-left: 140px;
    }

    .pd-xs-t-140-f {
        padding-top: 140px !important;
    }

    .pd-xs-r-140-f {
        padding-right: 140px !important;
    }

    .pd-xs-b-140-f {
        padding-bottom: 140px !important;
    }

    .pd-xs-l-140-f {
        padding-left: 140px !important;
    }

    .pd-xs-150 {
        padding: 150px;
    }

    .pd-xs-150-f {
        padding: 150px !important;
    }

    .pd-xs-y-150 {
        padding-top: 150px;
        padding-bottom: 150px;
    }

    .pd-xs-y-150-f {
        padding-top: 150px !important;
        padding-bottom: 150px !important;
    }

    .pd-xs-x-150 {
        padding-left: 150px;
        padding-right: 150px;
    }

    .pd-xs-x-150-f {
        padding-left: 150px !important;
        padding-right: 150px !important;
    }

    .pd-xs-t-150 {
        padding-top: 150px;
    }

    .pd-xs-r-150 {
        padding-right: 150px;
    }

    .pd-xs-b-150 {
        padding-bottom: 150px;
    }

    .pd-xs-l-150 {
        padding-left: 150px;
    }

    .pd-xs-t-150-f {
        padding-top: 150px !important;
    }

    .pd-xs-r-150-f {
        padding-right: 150px !important;
    }

    .pd-xs-b-150-f {
        padding-bottom: 150px !important;
    }

    .pd-xs-l-150-f {
        padding-left: 150px !important;
    }

    .pd-xs-160 {
        padding: 160px;
    }

    .pd-xs-160-f {
        padding: 160px !important;
    }

    .pd-xs-y-160 {
        padding-top: 160px;
        padding-bottom: 160px;
    }

    .pd-xs-y-160-f {
        padding-top: 160px !important;
        padding-bottom: 160px !important;
    }

    .pd-xs-x-160 {
        padding-left: 160px;
        padding-right: 160px;
    }

    .pd-xs-x-160-f {
        padding-left: 160px !important;
        padding-right: 160px !important;
    }

    .pd-xs-t-160 {
        padding-top: 160px;
    }

    .pd-xs-r-160 {
        padding-right: 160px;
    }

    .pd-xs-b-160 {
        padding-bottom: 160px;
    }

    .pd-xs-l-160 {
        padding-left: 160px;
    }

    .pd-xs-t-160-f {
        padding-top: 160px !important;
    }

    .pd-xs-r-160-f {
        padding-right: 160px !important;
    }

    .pd-xs-b-160-f {
        padding-bottom: 160px !important;
    }

    .pd-xs-l-160-f {
        padding-left: 160px !important;
    }

    .pd-xs-170 {
        padding: 170px;
    }

    .pd-xs-170-f {
        padding: 170px !important;
    }

    .pd-xs-y-170 {
        padding-top: 170px;
        padding-bottom: 170px;
    }

    .pd-xs-y-170-f {
        padding-top: 170px !important;
        padding-bottom: 170px !important;
    }

    .pd-xs-x-170 {
        padding-left: 170px;
        padding-right: 170px;
    }

    .pd-xs-x-170-f {
        padding-left: 170px !important;
        padding-right: 170px !important;
    }

    .pd-xs-t-170 {
        padding-top: 170px;
    }

    .pd-xs-r-170 {
        padding-right: 170px;
    }

    .pd-xs-b-170 {
        padding-bottom: 170px;
    }

    .pd-xs-l-170 {
        padding-left: 170px;
    }

    .pd-xs-t-170-f {
        padding-top: 170px !important;
    }

    .pd-xs-r-170-f {
        padding-right: 170px !important;
    }

    .pd-xs-b-170-f {
        padding-bottom: 170px !important;
    }

    .pd-xs-l-170-f {
        padding-left: 170px !important;
    }

    .pd-xs-180 {
        padding: 180px;
    }

    .pd-xs-180-f {
        padding: 180px !important;
    }

    .pd-xs-y-180 {
        padding-top: 180px;
        padding-bottom: 180px;
    }

    .pd-xs-y-180-f {
        padding-top: 180px !important;
        padding-bottom: 180px !important;
    }

    .pd-xs-x-180 {
        padding-left: 180px;
        padding-right: 180px;
    }

    .pd-xs-x-180-f {
        padding-left: 180px !important;
        padding-right: 180px !important;
    }

    .pd-xs-t-180 {
        padding-top: 180px;
    }

    .pd-xs-r-180 {
        padding-right: 180px;
    }

    .pd-xs-b-180 {
        padding-bottom: 180px;
    }

    .pd-xs-l-180 {
        padding-left: 180px;
    }

    .pd-xs-t-180-f {
        padding-top: 180px !important;
    }

    .pd-xs-r-180-f {
        padding-right: 180px !important;
    }

    .pd-xs-b-180-f {
        padding-bottom: 180px !important;
    }

    .pd-xs-l-180-f {
        padding-left: 180px !important;
    }

    .pd-xs-190 {
        padding: 190px;
    }

    .pd-xs-190-f {
        padding: 190px !important;
    }

    .pd-xs-y-190 {
        padding-top: 190px;
        padding-bottom: 190px;
    }

    .pd-xs-y-190-f {
        padding-top: 190px !important;
        padding-bottom: 190px !important;
    }

    .pd-xs-x-190 {
        padding-left: 190px;
        padding-right: 190px;
    }

    .pd-xs-x-190-f {
        padding-left: 190px !important;
        padding-right: 190px !important;
    }

    .pd-xs-t-190 {
        padding-top: 190px;
    }

    .pd-xs-r-190 {
        padding-right: 190px;
    }

    .pd-xs-b-190 {
        padding-bottom: 190px;
    }

    .pd-xs-l-190 {
        padding-left: 190px;
    }

    .pd-xs-t-190-f {
        padding-top: 190px !important;
    }

    .pd-xs-r-190-f {
        padding-right: 190px !important;
    }

    .pd-xs-b-190-f {
        padding-bottom: 190px !important;
    }

    .pd-xs-l-190-f {
        padding-left: 190px !important;
    }

    .pd-xs-200 {
        padding: 200px;
    }

    .pd-xs-200-f {
        padding: 200px !important;
    }

    .pd-xs-y-200 {
        padding-top: 200px;
        padding-bottom: 200px;
    }

    .pd-xs-y-200-f {
        padding-top: 200px !important;
        padding-bottom: 200px !important;
    }

    .pd-xs-x-200 {
        padding-left: 200px;
        padding-right: 200px;
    }

    .pd-xs-x-200-f {
        padding-left: 200px !important;
        padding-right: 200px !important;
    }

    .pd-xs-t-200 {
        padding-top: 200px;
    }

    .pd-xs-r-200 {
        padding-right: 200px;
    }

    .pd-xs-b-200 {
        padding-bottom: 200px;
    }

    .pd-xs-l-200 {
        padding-left: 200px;
    }

    .pd-xs-t-200-f {
        padding-top: 200px !important;
    }

    .pd-xs-r-200-f {
        padding-right: 200px !important;
    }

    .pd-xs-b-200-f {
        padding-bottom: 200px !important;
    }

    .pd-xs-l-200-f {
        padding-left: 200px !important;
    }
}

@media (min-width: 576px) {
    .pd-sm-0 {
        padding: 0px;
    }

    .pd-sm-0-f {
        padding: 0px !important;
    }

    .pd-sm-y-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .pd-sm-y-0-f {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .pd-sm-x-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .pd-sm-x-0-f {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .pd-sm-t-0 {
        padding-top: 0px;
    }

    .pd-sm-r-0 {
        padding-right: 0px;
    }

    .pd-sm-b-0 {
        padding-bottom: 0px;
    }

    .pd-sm-l-0 {
        padding-left: 0px;
    }

    .pd-sm-t-0-f {
        padding-top: 0px !important;
    }

    .pd-sm-r-0-f {
        padding-right: 0px !important;
    }

    .pd-sm-b-0-f {
        padding-bottom: 0px !important;
    }

    .pd-sm-l-0-f {
        padding-left: 0px !important;
    }

    .pd-sm-1 {
        padding: 1px;
    }

    .pd-sm-1-f {
        padding: 1px !important;
    }

    .pd-sm-y-1 {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .pd-sm-y-1-f {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }

    .pd-sm-x-1 {
        padding-left: 1px;
        padding-right: 1px;
    }

    .pd-sm-x-1-f {
        padding-left: 1px !important;
        padding-right: 1px !important;
    }

    .pd-sm-t-1 {
        padding-top: 1px;
    }

    .pd-sm-r-1 {
        padding-right: 1px;
    }

    .pd-sm-b-1 {
        padding-bottom: 1px;
    }

    .pd-sm-l-1 {
        padding-left: 1px;
    }

    .pd-sm-t-1-f {
        padding-top: 1px !important;
    }

    .pd-sm-r-1-f {
        padding-right: 1px !important;
    }

    .pd-sm-b-1-f {
        padding-bottom: 1px !important;
    }

    .pd-sm-l-1-f {
        padding-left: 1px !important;
    }

    .pd-sm-2 {
        padding: 2px;
    }

    .pd-sm-2-f {
        padding: 2px !important;
    }

    .pd-sm-y-2 {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .pd-sm-y-2-f {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    .pd-sm-x-2 {
        padding-left: 2px;
        padding-right: 2px;
    }

    .pd-sm-x-2-f {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .pd-sm-t-2 {
        padding-top: 2px;
    }

    .pd-sm-r-2 {
        padding-right: 2px;
    }

    .pd-sm-b-2 {
        padding-bottom: 2px;
    }

    .pd-sm-l-2 {
        padding-left: 2px;
    }

    .pd-sm-t-2-f {
        padding-top: 2px !important;
    }

    .pd-sm-r-2-f {
        padding-right: 2px !important;
    }

    .pd-sm-b-2-f {
        padding-bottom: 2px !important;
    }

    .pd-sm-l-2-f {
        padding-left: 2px !important;
    }

    .pd-sm-3 {
        padding: 3px;
    }

    .pd-sm-3-f {
        padding: 3px !important;
    }

    .pd-sm-y-3 {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .pd-sm-y-3-f {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

    .pd-sm-x-3 {
        padding-left: 3px;
        padding-right: 3px;
    }

    .pd-sm-x-3-f {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .pd-sm-t-3 {
        padding-top: 3px;
    }

    .pd-sm-r-3 {
        padding-right: 3px;
    }

    .pd-sm-b-3 {
        padding-bottom: 3px;
    }

    .pd-sm-l-3 {
        padding-left: 3px;
    }

    .pd-sm-t-3-f {
        padding-top: 3px !important;
    }

    .pd-sm-r-3-f {
        padding-right: 3px !important;
    }

    .pd-sm-b-3-f {
        padding-bottom: 3px !important;
    }

    .pd-sm-l-3-f {
        padding-left: 3px !important;
    }

    .pd-sm-4 {
        padding: 4px;
    }

    .pd-sm-4-f {
        padding: 4px !important;
    }

    .pd-sm-y-4 {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .pd-sm-y-4-f {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    .pd-sm-x-4 {
        padding-left: 4px;
        padding-right: 4px;
    }

    .pd-sm-x-4-f {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .pd-sm-t-4 {
        padding-top: 4px;
    }

    .pd-sm-r-4 {
        padding-right: 4px;
    }

    .pd-sm-b-4 {
        padding-bottom: 4px;
    }

    .pd-sm-l-4 {
        padding-left: 4px;
    }

    .pd-sm-t-4-f {
        padding-top: 4px !important;
    }

    .pd-sm-r-4-f {
        padding-right: 4px !important;
    }

    .pd-sm-b-4-f {
        padding-bottom: 4px !important;
    }

    .pd-sm-l-4-f {
        padding-left: 4px !important;
    }

    .pd-sm-5 {
        padding: 5px;
    }

    .pd-sm-5-f {
        padding: 5px !important;
    }

    .pd-sm-y-5 {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .pd-sm-y-5-f {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .pd-sm-x-5 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .pd-sm-x-5-f {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .pd-sm-t-5 {
        padding-top: 5px;
    }

    .pd-sm-r-5 {
        padding-right: 5px;
    }

    .pd-sm-b-5 {
        padding-bottom: 5px;
    }

    .pd-sm-l-5 {
        padding-left: 5px;
    }

    .pd-sm-t-5-f {
        padding-top: 5px !important;
    }

    .pd-sm-r-5-f {
        padding-right: 5px !important;
    }

    .pd-sm-b-5-f {
        padding-bottom: 5px !important;
    }

    .pd-sm-l-5-f {
        padding-left: 5px !important;
    }

    .pd-sm-6 {
        padding: 6px;
    }

    .pd-sm-6-f {
        padding: 6px !important;
    }

    .pd-sm-y-6 {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .pd-sm-y-6-f {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    .pd-sm-x-6 {
        padding-left: 6px;
        padding-right: 6px;
    }

    .pd-sm-x-6-f {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .pd-sm-t-6 {
        padding-top: 6px;
    }

    .pd-sm-r-6 {
        padding-right: 6px;
    }

    .pd-sm-b-6 {
        padding-bottom: 6px;
    }

    .pd-sm-l-6 {
        padding-left: 6px;
    }

    .pd-sm-t-6-f {
        padding-top: 6px !important;
    }

    .pd-sm-r-6-f {
        padding-right: 6px !important;
    }

    .pd-sm-b-6-f {
        padding-bottom: 6px !important;
    }

    .pd-sm-l-6-f {
        padding-left: 6px !important;
    }

    .pd-sm-7 {
        padding: 7px;
    }

    .pd-sm-7-f {
        padding: 7px !important;
    }

    .pd-sm-y-7 {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .pd-sm-y-7-f {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .pd-sm-x-7 {
        padding-left: 7px;
        padding-right: 7px;
    }

    .pd-sm-x-7-f {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .pd-sm-t-7 {
        padding-top: 7px;
    }

    .pd-sm-r-7 {
        padding-right: 7px;
    }

    .pd-sm-b-7 {
        padding-bottom: 7px;
    }

    .pd-sm-l-7 {
        padding-left: 7px;
    }

    .pd-sm-t-7-f {
        padding-top: 7px !important;
    }

    .pd-sm-r-7-f {
        padding-right: 7px !important;
    }

    .pd-sm-b-7-f {
        padding-bottom: 7px !important;
    }

    .pd-sm-l-7-f {
        padding-left: 7px !important;
    }

    .pd-sm-8 {
        padding: 8px;
    }

    .pd-sm-8-f {
        padding: 8px !important;
    }

    .pd-sm-y-8 {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .pd-sm-y-8-f {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .pd-sm-x-8 {
        padding-left: 8px;
        padding-right: 8px;
    }

    .pd-sm-x-8-f {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .pd-sm-t-8 {
        padding-top: 8px;
    }

    .pd-sm-r-8 {
        padding-right: 8px;
    }

    .pd-sm-b-8 {
        padding-bottom: 8px;
    }

    .pd-sm-l-8 {
        padding-left: 8px;
    }

    .pd-sm-t-8-f {
        padding-top: 8px !important;
    }

    .pd-sm-r-8-f {
        padding-right: 8px !important;
    }

    .pd-sm-b-8-f {
        padding-bottom: 8px !important;
    }

    .pd-sm-l-8-f {
        padding-left: 8px !important;
    }

    .pd-sm-9 {
        padding: 9px;
    }

    .pd-sm-9-f {
        padding: 9px !important;
    }

    .pd-sm-y-9 {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .pd-sm-y-9-f {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    .pd-sm-x-9 {
        padding-left: 9px;
        padding-right: 9px;
    }

    .pd-sm-x-9-f {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }

    .pd-sm-t-9 {
        padding-top: 9px;
    }

    .pd-sm-r-9 {
        padding-right: 9px;
    }

    .pd-sm-b-9 {
        padding-bottom: 9px;
    }

    .pd-sm-l-9 {
        padding-left: 9px;
    }

    .pd-sm-t-9-f {
        padding-top: 9px !important;
    }

    .pd-sm-r-9-f {
        padding-right: 9px !important;
    }

    .pd-sm-b-9-f {
        padding-bottom: 9px !important;
    }

    .pd-sm-l-9-f {
        padding-left: 9px !important;
    }

    .pd-sm-10 {
        padding: 10px;
    }

    .pd-sm-10-f {
        padding: 10px !important;
    }

    .pd-sm-y-10 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .pd-sm-y-10-f {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .pd-sm-x-10 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .pd-sm-x-10-f {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .pd-sm-t-10 {
        padding-top: 10px;
    }

    .pd-sm-r-10 {
        padding-right: 10px;
    }

    .pd-sm-b-10 {
        padding-bottom: 10px;
    }

    .pd-sm-l-10 {
        padding-left: 10px;
    }

    .pd-sm-t-10-f {
        padding-top: 10px !important;
    }

    .pd-sm-r-10-f {
        padding-right: 10px !important;
    }

    .pd-sm-b-10-f {
        padding-bottom: 10px !important;
    }

    .pd-sm-l-10-f {
        padding-left: 10px !important;
    }

    .pd-sm-15 {
        padding: 15px;
    }

    .pd-sm-15-f {
        padding: 15px !important;
    }

    .pd-sm-y-15 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .pd-sm-y-15-f {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .pd-sm-x-15 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pd-sm-x-15-f {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .pd-sm-t-15 {
        padding-top: 15px;
    }

    .pd-sm-r-15 {
        padding-right: 15px;
    }

    .pd-sm-b-15 {
        padding-bottom: 15px;
    }

    .pd-sm-l-15 {
        padding-left: 15px;
    }

    .pd-sm-t-15-f {
        padding-top: 15px !important;
    }

    .pd-sm-r-15-f {
        padding-right: 15px !important;
    }

    .pd-sm-b-15-f {
        padding-bottom: 15px !important;
    }

    .pd-sm-l-15-f {
        padding-left: 15px !important;
    }

    .pd-sm-20 {
        padding: 20px;
    }

    .pd-sm-20-f {
        padding: 20px !important;
    }

    .pd-sm-y-20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .pd-sm-y-20-f {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .pd-sm-x-20 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pd-sm-x-20-f {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .pd-sm-t-20 {
        padding-top: 20px;
    }

    .pd-sm-r-20 {
        padding-right: 20px;
    }

    .pd-sm-b-20 {
        padding-bottom: 20px;
    }

    .pd-sm-l-20 {
        padding-left: 20px;
    }

    .pd-sm-t-20-f {
        padding-top: 20px !important;
    }

    .pd-sm-r-20-f {
        padding-right: 20px !important;
    }

    .pd-sm-b-20-f {
        padding-bottom: 20px !important;
    }

    .pd-sm-l-20-f {
        padding-left: 20px !important;
    }

    .pd-sm-25 {
        padding: 25px;
    }

    .pd-sm-25-f {
        padding: 25px !important;
    }

    .pd-sm-y-25 {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .pd-sm-y-25-f {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    .pd-sm-x-25 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .pd-sm-x-25-f {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .pd-sm-t-25 {
        padding-top: 25px;
    }

    .pd-sm-r-25 {
        padding-right: 25px;
    }

    .pd-sm-b-25 {
        padding-bottom: 25px;
    }

    .pd-sm-l-25 {
        padding-left: 25px;
    }

    .pd-sm-t-25-f {
        padding-top: 25px !important;
    }

    .pd-sm-r-25-f {
        padding-right: 25px !important;
    }

    .pd-sm-b-25-f {
        padding-bottom: 25px !important;
    }

    .pd-sm-l-25-f {
        padding-left: 25px !important;
    }

    .pd-sm-30 {
        padding: 30px;
    }

    .pd-sm-30-f {
        padding: 30px !important;
    }

    .pd-sm-y-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .pd-sm-y-30-f {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .pd-sm-x-30 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .pd-sm-x-30-f {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .pd-sm-t-30 {
        padding-top: 30px;
    }

    .pd-sm-r-30 {
        padding-right: 30px;
    }

    .pd-sm-b-30 {
        padding-bottom: 30px;
    }

    .pd-sm-l-30 {
        padding-left: 30px;
    }

    .pd-sm-t-30-f {
        padding-top: 30px !important;
    }

    .pd-sm-r-30-f {
        padding-right: 30px !important;
    }

    .pd-sm-b-30-f {
        padding-bottom: 30px !important;
    }

    .pd-sm-l-30-f {
        padding-left: 30px !important;
    }

    .pd-sm-35 {
        padding: 35px;
    }

    .pd-sm-35-f {
        padding: 35px !important;
    }

    .pd-sm-y-35 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .pd-sm-y-35-f {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }

    .pd-sm-x-35 {
        padding-left: 35px;
        padding-right: 35px;
    }

    .pd-sm-x-35-f {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }

    .pd-sm-t-35 {
        padding-top: 35px;
    }

    .pd-sm-r-35 {
        padding-right: 35px;
    }

    .pd-sm-b-35 {
        padding-bottom: 35px;
    }

    .pd-sm-l-35 {
        padding-left: 35px;
    }

    .pd-sm-t-35-f {
        padding-top: 35px !important;
    }

    .pd-sm-r-35-f {
        padding-right: 35px !important;
    }

    .pd-sm-b-35-f {
        padding-bottom: 35px !important;
    }

    .pd-sm-l-35-f {
        padding-left: 35px !important;
    }

    .pd-sm-40 {
        padding: 40px;
    }

    .pd-sm-40-f {
        padding: 40px !important;
    }

    .pd-sm-y-40 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .pd-sm-y-40-f {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .pd-sm-x-40 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .pd-sm-x-40-f {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .pd-sm-t-40 {
        padding-top: 40px;
    }

    .pd-sm-r-40 {
        padding-right: 40px;
    }

    .pd-sm-b-40 {
        padding-bottom: 40px;
    }

    .pd-sm-l-40 {
        padding-left: 40px;
    }

    .pd-sm-t-40-f {
        padding-top: 40px !important;
    }

    .pd-sm-r-40-f {
        padding-right: 40px !important;
    }

    .pd-sm-b-40-f {
        padding-bottom: 40px !important;
    }

    .pd-sm-l-40-f {
        padding-left: 40px !important;
    }

    .pd-sm-45 {
        padding: 45px;
    }

    .pd-sm-45-f {
        padding: 45px !important;
    }

    .pd-sm-y-45 {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .pd-sm-y-45-f {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }

    .pd-sm-x-45 {
        padding-left: 45px;
        padding-right: 45px;
    }

    .pd-sm-x-45-f {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }

    .pd-sm-t-45 {
        padding-top: 45px;
    }

    .pd-sm-r-45 {
        padding-right: 45px;
    }

    .pd-sm-b-45 {
        padding-bottom: 45px;
    }

    .pd-sm-l-45 {
        padding-left: 45px;
    }

    .pd-sm-t-45-f {
        padding-top: 45px !important;
    }

    .pd-sm-r-45-f {
        padding-right: 45px !important;
    }

    .pd-sm-b-45-f {
        padding-bottom: 45px !important;
    }

    .pd-sm-l-45-f {
        padding-left: 45px !important;
    }

    .pd-sm-50 {
        padding: 50px;
    }

    .pd-sm-50-f {
        padding: 50px !important;
    }

    .pd-sm-y-50 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .pd-sm-y-50-f {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .pd-sm-x-50 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .pd-sm-x-50-f {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    .pd-sm-t-50 {
        padding-top: 50px;
    }

    .pd-sm-r-50 {
        padding-right: 50px;
    }

    .pd-sm-b-50 {
        padding-bottom: 50px;
    }

    .pd-sm-l-50 {
        padding-left: 50px;
    }

    .pd-sm-t-50-f {
        padding-top: 50px !important;
    }

    .pd-sm-r-50-f {
        padding-right: 50px !important;
    }

    .pd-sm-b-50-f {
        padding-bottom: 50px !important;
    }

    .pd-sm-l-50-f {
        padding-left: 50px !important;
    }

    .pd-sm-55 {
        padding: 55px;
    }

    .pd-sm-55-f {
        padding: 55px !important;
    }

    .pd-sm-y-55 {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .pd-sm-y-55-f {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }

    .pd-sm-x-55 {
        padding-left: 55px;
        padding-right: 55px;
    }

    .pd-sm-x-55-f {
        padding-left: 55px !important;
        padding-right: 55px !important;
    }

    .pd-sm-t-55 {
        padding-top: 55px;
    }

    .pd-sm-r-55 {
        padding-right: 55px;
    }

    .pd-sm-b-55 {
        padding-bottom: 55px;
    }

    .pd-sm-l-55 {
        padding-left: 55px;
    }

    .pd-sm-t-55-f {
        padding-top: 55px !important;
    }

    .pd-sm-r-55-f {
        padding-right: 55px !important;
    }

    .pd-sm-b-55-f {
        padding-bottom: 55px !important;
    }

    .pd-sm-l-55-f {
        padding-left: 55px !important;
    }

    .pd-sm-60 {
        padding: 60px;
    }

    .pd-sm-60-f {
        padding: 60px !important;
    }

    .pd-sm-y-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pd-sm-y-60-f {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .pd-sm-x-60 {
        padding-left: 60px;
        padding-right: 60px;
    }

    .pd-sm-x-60-f {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }

    .pd-sm-t-60 {
        padding-top: 60px;
    }

    .pd-sm-r-60 {
        padding-right: 60px;
    }

    .pd-sm-b-60 {
        padding-bottom: 60px;
    }

    .pd-sm-l-60 {
        padding-left: 60px;
    }

    .pd-sm-t-60-f {
        padding-top: 60px !important;
    }

    .pd-sm-r-60-f {
        padding-right: 60px !important;
    }

    .pd-sm-b-60-f {
        padding-bottom: 60px !important;
    }

    .pd-sm-l-60-f {
        padding-left: 60px !important;
    }

    .pd-sm-65 {
        padding: 65px;
    }

    .pd-sm-65-f {
        padding: 65px !important;
    }

    .pd-sm-y-65 {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .pd-sm-y-65-f {
        padding-top: 65px !important;
        padding-bottom: 65px !important;
    }

    .pd-sm-x-65 {
        padding-left: 65px;
        padding-right: 65px;
    }

    .pd-sm-x-65-f {
        padding-left: 65px !important;
        padding-right: 65px !important;
    }

    .pd-sm-t-65 {
        padding-top: 65px;
    }

    .pd-sm-r-65 {
        padding-right: 65px;
    }

    .pd-sm-b-65 {
        padding-bottom: 65px;
    }

    .pd-sm-l-65 {
        padding-left: 65px;
    }

    .pd-sm-t-65-f {
        padding-top: 65px !important;
    }

    .pd-sm-r-65-f {
        padding-right: 65px !important;
    }

    .pd-sm-b-65-f {
        padding-bottom: 65px !important;
    }

    .pd-sm-l-65-f {
        padding-left: 65px !important;
    }

    .pd-sm-70 {
        padding: 70px;
    }

    .pd-sm-70-f {
        padding: 70px !important;
    }

    .pd-sm-y-70 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .pd-sm-y-70-f {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }

    .pd-sm-x-70 {
        padding-left: 70px;
        padding-right: 70px;
    }

    .pd-sm-x-70-f {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }

    .pd-sm-t-70 {
        padding-top: 70px;
    }

    .pd-sm-r-70 {
        padding-right: 70px;
    }

    .pd-sm-b-70 {
        padding-bottom: 70px;
    }

    .pd-sm-l-70 {
        padding-left: 70px;
    }

    .pd-sm-t-70-f {
        padding-top: 70px !important;
    }

    .pd-sm-r-70-f {
        padding-right: 70px !important;
    }

    .pd-sm-b-70-f {
        padding-bottom: 70px !important;
    }

    .pd-sm-l-70-f {
        padding-left: 70px !important;
    }

    .pd-sm-75 {
        padding: 75px;
    }

    .pd-sm-75-f {
        padding: 75px !important;
    }

    .pd-sm-y-75 {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .pd-sm-y-75-f {
        padding-top: 75px !important;
        padding-bottom: 75px !important;
    }

    .pd-sm-x-75 {
        padding-left: 75px;
        padding-right: 75px;
    }

    .pd-sm-x-75-f {
        padding-left: 75px !important;
        padding-right: 75px !important;
    }

    .pd-sm-t-75 {
        padding-top: 75px;
    }

    .pd-sm-r-75 {
        padding-right: 75px;
    }

    .pd-sm-b-75 {
        padding-bottom: 75px;
    }

    .pd-sm-l-75 {
        padding-left: 75px;
    }

    .pd-sm-t-75-f {
        padding-top: 75px !important;
    }

    .pd-sm-r-75-f {
        padding-right: 75px !important;
    }

    .pd-sm-b-75-f {
        padding-bottom: 75px !important;
    }

    .pd-sm-l-75-f {
        padding-left: 75px !important;
    }

    .pd-sm-80 {
        padding: 80px;
    }

    .pd-sm-80-f {
        padding: 80px !important;
    }

    .pd-sm-y-80 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .pd-sm-y-80-f {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .pd-sm-x-80 {
        padding-left: 80px;
        padding-right: 80px;
    }

    .pd-sm-x-80-f {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }

    .pd-sm-t-80 {
        padding-top: 80px;
    }

    .pd-sm-r-80 {
        padding-right: 80px;
    }

    .pd-sm-b-80 {
        padding-bottom: 80px;
    }

    .pd-sm-l-80 {
        padding-left: 80px;
    }

    .pd-sm-t-80-f {
        padding-top: 80px !important;
    }

    .pd-sm-r-80-f {
        padding-right: 80px !important;
    }

    .pd-sm-b-80-f {
        padding-bottom: 80px !important;
    }

    .pd-sm-l-80-f {
        padding-left: 80px !important;
    }

    .pd-sm-85 {
        padding: 85px;
    }

    .pd-sm-85-f {
        padding: 85px !important;
    }

    .pd-sm-y-85 {
        padding-top: 85px;
        padding-bottom: 85px;
    }

    .pd-sm-y-85-f {
        padding-top: 85px !important;
        padding-bottom: 85px !important;
    }

    .pd-sm-x-85 {
        padding-left: 85px;
        padding-right: 85px;
    }

    .pd-sm-x-85-f {
        padding-left: 85px !important;
        padding-right: 85px !important;
    }

    .pd-sm-t-85 {
        padding-top: 85px;
    }

    .pd-sm-r-85 {
        padding-right: 85px;
    }

    .pd-sm-b-85 {
        padding-bottom: 85px;
    }

    .pd-sm-l-85 {
        padding-left: 85px;
    }

    .pd-sm-t-85-f {
        padding-top: 85px !important;
    }

    .pd-sm-r-85-f {
        padding-right: 85px !important;
    }

    .pd-sm-b-85-f {
        padding-bottom: 85px !important;
    }

    .pd-sm-l-85-f {
        padding-left: 85px !important;
    }

    .pd-sm-90 {
        padding: 90px;
    }

    .pd-sm-90-f {
        padding: 90px !important;
    }

    .pd-sm-y-90 {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .pd-sm-y-90-f {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }

    .pd-sm-x-90 {
        padding-left: 90px;
        padding-right: 90px;
    }

    .pd-sm-x-90-f {
        padding-left: 90px !important;
        padding-right: 90px !important;
    }

    .pd-sm-t-90 {
        padding-top: 90px;
    }

    .pd-sm-r-90 {
        padding-right: 90px;
    }

    .pd-sm-b-90 {
        padding-bottom: 90px;
    }

    .pd-sm-l-90 {
        padding-left: 90px;
    }

    .pd-sm-t-90-f {
        padding-top: 90px !important;
    }

    .pd-sm-r-90-f {
        padding-right: 90px !important;
    }

    .pd-sm-b-90-f {
        padding-bottom: 90px !important;
    }

    .pd-sm-l-90-f {
        padding-left: 90px !important;
    }

    .pd-sm-95 {
        padding: 95px;
    }

    .pd-sm-95-f {
        padding: 95px !important;
    }

    .pd-sm-y-95 {
        padding-top: 95px;
        padding-bottom: 95px;
    }

    .pd-sm-y-95-f {
        padding-top: 95px !important;
        padding-bottom: 95px !important;
    }

    .pd-sm-x-95 {
        padding-left: 95px;
        padding-right: 95px;
    }

    .pd-sm-x-95-f {
        padding-left: 95px !important;
        padding-right: 95px !important;
    }

    .pd-sm-t-95 {
        padding-top: 95px;
    }

    .pd-sm-r-95 {
        padding-right: 95px;
    }

    .pd-sm-b-95 {
        padding-bottom: 95px;
    }

    .pd-sm-l-95 {
        padding-left: 95px;
    }

    .pd-sm-t-95-f {
        padding-top: 95px !important;
    }

    .pd-sm-r-95-f {
        padding-right: 95px !important;
    }

    .pd-sm-b-95-f {
        padding-bottom: 95px !important;
    }

    .pd-sm-l-95-f {
        padding-left: 95px !important;
    }

    .pd-sm-100 {
        padding: 100px;
    }

    .pd-sm-100-f {
        padding: 100px !important;
    }

    .pd-sm-y-100 {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .pd-sm-y-100-f {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

    .pd-sm-x-100 {
        padding-left: 100px;
        padding-right: 100px;
    }

    .pd-sm-x-100-f {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }

    .pd-sm-t-100 {
        padding-top: 100px;
    }

    .pd-sm-r-100 {
        padding-right: 100px;
    }

    .pd-sm-b-100 {
        padding-bottom: 100px;
    }

    .pd-sm-l-100 {
        padding-left: 100px;
    }

    .pd-sm-t-100-f {
        padding-top: 100px !important;
    }

    .pd-sm-r-100-f {
        padding-right: 100px !important;
    }

    .pd-sm-b-100-f {
        padding-bottom: 100px !important;
    }

    .pd-sm-l-100-f {
        padding-left: 100px !important;
    }

    .pd-sm-110 {
        padding: 110px;
    }

    .pd-sm-110-f {
        padding: 110px !important;
    }

    .pd-sm-y-110 {
        padding-top: 110px;
        padding-bottom: 110px;
    }

    .pd-sm-y-110-f {
        padding-top: 110px !important;
        padding-bottom: 110px !important;
    }

    .pd-sm-x-110 {
        padding-left: 110px;
        padding-right: 110px;
    }

    .pd-sm-x-110-f {
        padding-left: 110px !important;
        padding-right: 110px !important;
    }

    .pd-sm-t-110 {
        padding-top: 110px;
    }

    .pd-sm-r-110 {
        padding-right: 110px;
    }

    .pd-sm-b-110 {
        padding-bottom: 110px;
    }

    .pd-sm-l-110 {
        padding-left: 110px;
    }

    .pd-sm-t-110-f {
        padding-top: 110px !important;
    }

    .pd-sm-r-110-f {
        padding-right: 110px !important;
    }

    .pd-sm-b-110-f {
        padding-bottom: 110px !important;
    }

    .pd-sm-l-110-f {
        padding-left: 110px !important;
    }

    .pd-sm-120 {
        padding: 120px;
    }

    .pd-sm-120-f {
        padding: 120px !important;
    }

    .pd-sm-y-120 {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .pd-sm-y-120-f {
        padding-top: 120px !important;
        padding-bottom: 120px !important;
    }

    .pd-sm-x-120 {
        padding-left: 120px;
        padding-right: 120px;
    }

    .pd-sm-x-120-f {
        padding-left: 120px !important;
        padding-right: 120px !important;
    }

    .pd-sm-t-120 {
        padding-top: 120px;
    }

    .pd-sm-r-120 {
        padding-right: 120px;
    }

    .pd-sm-b-120 {
        padding-bottom: 120px;
    }

    .pd-sm-l-120 {
        padding-left: 120px;
    }

    .pd-sm-t-120-f {
        padding-top: 120px !important;
    }

    .pd-sm-r-120-f {
        padding-right: 120px !important;
    }

    .pd-sm-b-120-f {
        padding-bottom: 120px !important;
    }

    .pd-sm-l-120-f {
        padding-left: 120px !important;
    }

    .pd-sm-130 {
        padding: 130px;
    }

    .pd-sm-130-f {
        padding: 130px !important;
    }

    .pd-sm-y-130 {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .pd-sm-y-130-f {
        padding-top: 130px !important;
        padding-bottom: 130px !important;
    }

    .pd-sm-x-130 {
        padding-left: 130px;
        padding-right: 130px;
    }

    .pd-sm-x-130-f {
        padding-left: 130px !important;
        padding-right: 130px !important;
    }

    .pd-sm-t-130 {
        padding-top: 130px;
    }

    .pd-sm-r-130 {
        padding-right: 130px;
    }

    .pd-sm-b-130 {
        padding-bottom: 130px;
    }

    .pd-sm-l-130 {
        padding-left: 130px;
    }

    .pd-sm-t-130-f {
        padding-top: 130px !important;
    }

    .pd-sm-r-130-f {
        padding-right: 130px !important;
    }

    .pd-sm-b-130-f {
        padding-bottom: 130px !important;
    }

    .pd-sm-l-130-f {
        padding-left: 130px !important;
    }

    .pd-sm-140 {
        padding: 140px;
    }

    .pd-sm-140-f {
        padding: 140px !important;
    }

    .pd-sm-y-140 {
        padding-top: 140px;
        padding-bottom: 140px;
    }

    .pd-sm-y-140-f {
        padding-top: 140px !important;
        padding-bottom: 140px !important;
    }

    .pd-sm-x-140 {
        padding-left: 140px;
        padding-right: 140px;
    }

    .pd-sm-x-140-f {
        padding-left: 140px !important;
        padding-right: 140px !important;
    }

    .pd-sm-t-140 {
        padding-top: 140px;
    }

    .pd-sm-r-140 {
        padding-right: 140px;
    }

    .pd-sm-b-140 {
        padding-bottom: 140px;
    }

    .pd-sm-l-140 {
        padding-left: 140px;
    }

    .pd-sm-t-140-f {
        padding-top: 140px !important;
    }

    .pd-sm-r-140-f {
        padding-right: 140px !important;
    }

    .pd-sm-b-140-f {
        padding-bottom: 140px !important;
    }

    .pd-sm-l-140-f {
        padding-left: 140px !important;
    }

    .pd-sm-150 {
        padding: 150px;
    }

    .pd-sm-150-f {
        padding: 150px !important;
    }

    .pd-sm-y-150 {
        padding-top: 150px;
        padding-bottom: 150px;
    }

    .pd-sm-y-150-f {
        padding-top: 150px !important;
        padding-bottom: 150px !important;
    }

    .pd-sm-x-150 {
        padding-left: 150px;
        padding-right: 150px;
    }

    .pd-sm-x-150-f {
        padding-left: 150px !important;
        padding-right: 150px !important;
    }

    .pd-sm-t-150 {
        padding-top: 150px;
    }

    .pd-sm-r-150 {
        padding-right: 150px;
    }

    .pd-sm-b-150 {
        padding-bottom: 150px;
    }

    .pd-sm-l-150 {
        padding-left: 150px;
    }

    .pd-sm-t-150-f {
        padding-top: 150px !important;
    }

    .pd-sm-r-150-f {
        padding-right: 150px !important;
    }

    .pd-sm-b-150-f {
        padding-bottom: 150px !important;
    }

    .pd-sm-l-150-f {
        padding-left: 150px !important;
    }

    .pd-sm-160 {
        padding: 160px;
    }

    .pd-sm-160-f {
        padding: 160px !important;
    }

    .pd-sm-y-160 {
        padding-top: 160px;
        padding-bottom: 160px;
    }

    .pd-sm-y-160-f {
        padding-top: 160px !important;
        padding-bottom: 160px !important;
    }

    .pd-sm-x-160 {
        padding-left: 160px;
        padding-right: 160px;
    }

    .pd-sm-x-160-f {
        padding-left: 160px !important;
        padding-right: 160px !important;
    }

    .pd-sm-t-160 {
        padding-top: 160px;
    }

    .pd-sm-r-160 {
        padding-right: 160px;
    }

    .pd-sm-b-160 {
        padding-bottom: 160px;
    }

    .pd-sm-l-160 {
        padding-left: 160px;
    }

    .pd-sm-t-160-f {
        padding-top: 160px !important;
    }

    .pd-sm-r-160-f {
        padding-right: 160px !important;
    }

    .pd-sm-b-160-f {
        padding-bottom: 160px !important;
    }

    .pd-sm-l-160-f {
        padding-left: 160px !important;
    }

    .pd-sm-170 {
        padding: 170px;
    }

    .pd-sm-170-f {
        padding: 170px !important;
    }

    .pd-sm-y-170 {
        padding-top: 170px;
        padding-bottom: 170px;
    }

    .pd-sm-y-170-f {
        padding-top: 170px !important;
        padding-bottom: 170px !important;
    }

    .pd-sm-x-170 {
        padding-left: 170px;
        padding-right: 170px;
    }

    .pd-sm-x-170-f {
        padding-left: 170px !important;
        padding-right: 170px !important;
    }

    .pd-sm-t-170 {
        padding-top: 170px;
    }

    .pd-sm-r-170 {
        padding-right: 170px;
    }

    .pd-sm-b-170 {
        padding-bottom: 170px;
    }

    .pd-sm-l-170 {
        padding-left: 170px;
    }

    .pd-sm-t-170-f {
        padding-top: 170px !important;
    }

    .pd-sm-r-170-f {
        padding-right: 170px !important;
    }

    .pd-sm-b-170-f {
        padding-bottom: 170px !important;
    }

    .pd-sm-l-170-f {
        padding-left: 170px !important;
    }

    .pd-sm-180 {
        padding: 180px;
    }

    .pd-sm-180-f {
        padding: 180px !important;
    }

    .pd-sm-y-180 {
        padding-top: 180px;
        padding-bottom: 180px;
    }

    .pd-sm-y-180-f {
        padding-top: 180px !important;
        padding-bottom: 180px !important;
    }

    .pd-sm-x-180 {
        padding-left: 180px;
        padding-right: 180px;
    }

    .pd-sm-x-180-f {
        padding-left: 180px !important;
        padding-right: 180px !important;
    }

    .pd-sm-t-180 {
        padding-top: 180px;
    }

    .pd-sm-r-180 {
        padding-right: 180px;
    }

    .pd-sm-b-180 {
        padding-bottom: 180px;
    }

    .pd-sm-l-180 {
        padding-left: 180px;
    }

    .pd-sm-t-180-f {
        padding-top: 180px !important;
    }

    .pd-sm-r-180-f {
        padding-right: 180px !important;
    }

    .pd-sm-b-180-f {
        padding-bottom: 180px !important;
    }

    .pd-sm-l-180-f {
        padding-left: 180px !important;
    }

    .pd-sm-190 {
        padding: 190px;
    }

    .pd-sm-190-f {
        padding: 190px !important;
    }

    .pd-sm-y-190 {
        padding-top: 190px;
        padding-bottom: 190px;
    }

    .pd-sm-y-190-f {
        padding-top: 190px !important;
        padding-bottom: 190px !important;
    }

    .pd-sm-x-190 {
        padding-left: 190px;
        padding-right: 190px;
    }

    .pd-sm-x-190-f {
        padding-left: 190px !important;
        padding-right: 190px !important;
    }

    .pd-sm-t-190 {
        padding-top: 190px;
    }

    .pd-sm-r-190 {
        padding-right: 190px;
    }

    .pd-sm-b-190 {
        padding-bottom: 190px;
    }

    .pd-sm-l-190 {
        padding-left: 190px;
    }

    .pd-sm-t-190-f {
        padding-top: 190px !important;
    }

    .pd-sm-r-190-f {
        padding-right: 190px !important;
    }

    .pd-sm-b-190-f {
        padding-bottom: 190px !important;
    }

    .pd-sm-l-190-f {
        padding-left: 190px !important;
    }

    .pd-sm-200 {
        padding: 200px;
    }

    .pd-sm-200-f {
        padding: 200px !important;
    }

    .pd-sm-y-200 {
        padding-top: 200px;
        padding-bottom: 200px;
    }

    .pd-sm-y-200-f {
        padding-top: 200px !important;
        padding-bottom: 200px !important;
    }

    .pd-sm-x-200 {
        padding-left: 200px;
        padding-right: 200px;
    }

    .pd-sm-x-200-f {
        padding-left: 200px !important;
        padding-right: 200px !important;
    }

    .pd-sm-t-200 {
        padding-top: 200px;
    }

    .pd-sm-r-200 {
        padding-right: 200px;
    }

    .pd-sm-b-200 {
        padding-bottom: 200px;
    }

    .pd-sm-l-200 {
        padding-left: 200px;
    }

    .pd-sm-t-200-f {
        padding-top: 200px !important;
    }

    .pd-sm-r-200-f {
        padding-right: 200px !important;
    }

    .pd-sm-b-200-f {
        padding-bottom: 200px !important;
    }

    .pd-sm-l-200-f {
        padding-left: 200px !important;
    }
}

@media (min-width: 768px) {
    .pd-md-0 {
        padding: 0px;
    }

    .pd-md-0-f {
        padding: 0px !important;
    }

    .pd-md-y-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .pd-md-y-0-f {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .pd-md-x-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .pd-md-x-0-f {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .pd-md-t-0 {
        padding-top: 0px;
    }

    .pd-md-r-0 {
        padding-right: 0px;
    }

    .pd-md-b-0 {
        padding-bottom: 0px;
    }

    .pd-md-l-0 {
        padding-left: 0px;
    }

    .pd-md-t-0-f {
        padding-top: 0px !important;
    }

    .pd-md-r-0-f {
        padding-right: 0px !important;
    }

    .pd-md-b-0-f {
        padding-bottom: 0px !important;
    }

    .pd-md-l-0-f {
        padding-left: 0px !important;
    }

    .pd-md-1 {
        padding: 1px;
    }

    .pd-md-1-f {
        padding: 1px !important;
    }

    .pd-md-y-1 {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .pd-md-y-1-f {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }

    .pd-md-x-1 {
        padding-left: 1px;
        padding-right: 1px;
    }

    .pd-md-x-1-f {
        padding-left: 1px !important;
        padding-right: 1px !important;
    }

    .pd-md-t-1 {
        padding-top: 1px;
    }

    .pd-md-r-1 {
        padding-right: 1px;
    }

    .pd-md-b-1 {
        padding-bottom: 1px;
    }

    .pd-md-l-1 {
        padding-left: 1px;
    }

    .pd-md-t-1-f {
        padding-top: 1px !important;
    }

    .pd-md-r-1-f {
        padding-right: 1px !important;
    }

    .pd-md-b-1-f {
        padding-bottom: 1px !important;
    }

    .pd-md-l-1-f {
        padding-left: 1px !important;
    }

    .pd-md-2 {
        padding: 2px;
    }

    .pd-md-2-f {
        padding: 2px !important;
    }

    .pd-md-y-2 {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .pd-md-y-2-f {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    .pd-md-x-2 {
        padding-left: 2px;
        padding-right: 2px;
    }

    .pd-md-x-2-f {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .pd-md-t-2 {
        padding-top: 2px;
    }

    .pd-md-r-2 {
        padding-right: 2px;
    }

    .pd-md-b-2 {
        padding-bottom: 2px;
    }

    .pd-md-l-2 {
        padding-left: 2px;
    }

    .pd-md-t-2-f {
        padding-top: 2px !important;
    }

    .pd-md-r-2-f {
        padding-right: 2px !important;
    }

    .pd-md-b-2-f {
        padding-bottom: 2px !important;
    }

    .pd-md-l-2-f {
        padding-left: 2px !important;
    }

    .pd-md-3 {
        padding: 3px;
    }

    .pd-md-3-f {
        padding: 3px !important;
    }

    .pd-md-y-3 {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .pd-md-y-3-f {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

    .pd-md-x-3 {
        padding-left: 3px;
        padding-right: 3px;
    }

    .pd-md-x-3-f {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .pd-md-t-3 {
        padding-top: 3px;
    }

    .pd-md-r-3 {
        padding-right: 3px;
    }

    .pd-md-b-3 {
        padding-bottom: 3px;
    }

    .pd-md-l-3 {
        padding-left: 3px;
    }

    .pd-md-t-3-f {
        padding-top: 3px !important;
    }

    .pd-md-r-3-f {
        padding-right: 3px !important;
    }

    .pd-md-b-3-f {
        padding-bottom: 3px !important;
    }

    .pd-md-l-3-f {
        padding-left: 3px !important;
    }

    .pd-md-4 {
        padding: 4px;
    }

    .pd-md-4-f {
        padding: 4px !important;
    }

    .pd-md-y-4 {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .pd-md-y-4-f {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    .pd-md-x-4 {
        padding-left: 4px;
        padding-right: 4px;
    }

    .pd-md-x-4-f {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .pd-md-t-4 {
        padding-top: 4px;
    }

    .pd-md-r-4 {
        padding-right: 4px;
    }

    .pd-md-b-4 {
        padding-bottom: 4px;
    }

    .pd-md-l-4 {
        padding-left: 4px;
    }

    .pd-md-t-4-f {
        padding-top: 4px !important;
    }

    .pd-md-r-4-f {
        padding-right: 4px !important;
    }

    .pd-md-b-4-f {
        padding-bottom: 4px !important;
    }

    .pd-md-l-4-f {
        padding-left: 4px !important;
    }

    .pd-md-5 {
        padding: 5px;
    }

    .pd-md-5-f {
        padding: 5px !important;
    }

    .pd-md-y-5 {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .pd-md-y-5-f {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .pd-md-x-5 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .pd-md-x-5-f {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .pd-md-t-5 {
        padding-top: 5px;
    }

    .pd-md-r-5 {
        padding-right: 5px;
    }

    .pd-md-b-5 {
        padding-bottom: 5px;
    }

    .pd-md-l-5 {
        padding-left: 5px;
    }

    .pd-md-t-5-f {
        padding-top: 5px !important;
    }

    .pd-md-r-5-f {
        padding-right: 5px !important;
    }

    .pd-md-b-5-f {
        padding-bottom: 5px !important;
    }

    .pd-md-l-5-f {
        padding-left: 5px !important;
    }

    .pd-md-6 {
        padding: 6px;
    }

    .pd-md-6-f {
        padding: 6px !important;
    }

    .pd-md-y-6 {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .pd-md-y-6-f {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    .pd-md-x-6 {
        padding-left: 6px;
        padding-right: 6px;
    }

    .pd-md-x-6-f {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .pd-md-t-6 {
        padding-top: 6px;
    }

    .pd-md-r-6 {
        padding-right: 6px;
    }

    .pd-md-b-6 {
        padding-bottom: 6px;
    }

    .pd-md-l-6 {
        padding-left: 6px;
    }

    .pd-md-t-6-f {
        padding-top: 6px !important;
    }

    .pd-md-r-6-f {
        padding-right: 6px !important;
    }

    .pd-md-b-6-f {
        padding-bottom: 6px !important;
    }

    .pd-md-l-6-f {
        padding-left: 6px !important;
    }

    .pd-md-7 {
        padding: 7px;
    }

    .pd-md-7-f {
        padding: 7px !important;
    }

    .pd-md-y-7 {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .pd-md-y-7-f {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .pd-md-x-7 {
        padding-left: 7px;
        padding-right: 7px;
    }

    .pd-md-x-7-f {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .pd-md-t-7 {
        padding-top: 7px;
    }

    .pd-md-r-7 {
        padding-right: 7px;
    }

    .pd-md-b-7 {
        padding-bottom: 7px;
    }

    .pd-md-l-7 {
        padding-left: 7px;
    }

    .pd-md-t-7-f {
        padding-top: 7px !important;
    }

    .pd-md-r-7-f {
        padding-right: 7px !important;
    }

    .pd-md-b-7-f {
        padding-bottom: 7px !important;
    }

    .pd-md-l-7-f {
        padding-left: 7px !important;
    }

    .pd-md-8 {
        padding: 8px;
    }

    .pd-md-8-f {
        padding: 8px !important;
    }

    .pd-md-y-8 {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .pd-md-y-8-f {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .pd-md-x-8 {
        padding-left: 8px;
        padding-right: 8px;
    }

    .pd-md-x-8-f {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .pd-md-t-8 {
        padding-top: 8px;
    }

    .pd-md-r-8 {
        padding-right: 8px;
    }

    .pd-md-b-8 {
        padding-bottom: 8px;
    }

    .pd-md-l-8 {
        padding-left: 8px;
    }

    .pd-md-t-8-f {
        padding-top: 8px !important;
    }

    .pd-md-r-8-f {
        padding-right: 8px !important;
    }

    .pd-md-b-8-f {
        padding-bottom: 8px !important;
    }

    .pd-md-l-8-f {
        padding-left: 8px !important;
    }

    .pd-md-9 {
        padding: 9px;
    }

    .pd-md-9-f {
        padding: 9px !important;
    }

    .pd-md-y-9 {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .pd-md-y-9-f {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    .pd-md-x-9 {
        padding-left: 9px;
        padding-right: 9px;
    }

    .pd-md-x-9-f {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }

    .pd-md-t-9 {
        padding-top: 9px;
    }

    .pd-md-r-9 {
        padding-right: 9px;
    }

    .pd-md-b-9 {
        padding-bottom: 9px;
    }

    .pd-md-l-9 {
        padding-left: 9px;
    }

    .pd-md-t-9-f {
        padding-top: 9px !important;
    }

    .pd-md-r-9-f {
        padding-right: 9px !important;
    }

    .pd-md-b-9-f {
        padding-bottom: 9px !important;
    }

    .pd-md-l-9-f {
        padding-left: 9px !important;
    }

    .pd-md-10 {
        padding: 10px;
    }

    .pd-md-10-f {
        padding: 10px !important;
    }

    .pd-md-y-10 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .pd-md-y-10-f {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .pd-md-x-10 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .pd-md-x-10-f {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .pd-md-t-10 {
        padding-top: 10px;
    }

    .pd-md-r-10 {
        padding-right: 10px;
    }

    .pd-md-b-10 {
        padding-bottom: 10px;
    }

    .pd-md-l-10 {
        padding-left: 10px;
    }

    .pd-md-t-10-f {
        padding-top: 10px !important;
    }

    .pd-md-r-10-f {
        padding-right: 10px !important;
    }

    .pd-md-b-10-f {
        padding-bottom: 10px !important;
    }

    .pd-md-l-10-f {
        padding-left: 10px !important;
    }

    .pd-md-15 {
        padding: 15px;
    }

    .pd-md-15-f {
        padding: 15px !important;
    }

    .pd-md-y-15 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .pd-md-y-15-f {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .pd-md-x-15 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pd-md-x-15-f {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .pd-md-t-15 {
        padding-top: 15px;
    }

    .pd-md-r-15 {
        padding-right: 15px;
    }

    .pd-md-b-15 {
        padding-bottom: 15px;
    }

    .pd-md-l-15 {
        padding-left: 15px;
    }

    .pd-md-t-15-f {
        padding-top: 15px !important;
    }

    .pd-md-r-15-f {
        padding-right: 15px !important;
    }

    .pd-md-b-15-f {
        padding-bottom: 15px !important;
    }

    .pd-md-l-15-f {
        padding-left: 15px !important;
    }

    .pd-md-20 {
        padding: 20px;
    }

    .pd-md-20-f {
        padding: 20px !important;
    }

    .pd-md-y-20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .pd-md-y-20-f {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .pd-md-x-20 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pd-md-x-20-f {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .pd-md-t-20 {
        padding-top: 20px;
    }

    .pd-md-r-20 {
        padding-right: 20px;
    }

    .pd-md-b-20 {
        padding-bottom: 20px;
    }

    .pd-md-l-20 {
        padding-left: 20px;
    }

    .pd-md-t-20-f {
        padding-top: 20px !important;
    }

    .pd-md-r-20-f {
        padding-right: 20px !important;
    }

    .pd-md-b-20-f {
        padding-bottom: 20px !important;
    }

    .pd-md-l-20-f {
        padding-left: 20px !important;
    }

    .pd-md-25 {
        padding: 25px;
    }

    .pd-md-25-f {
        padding: 25px !important;
    }

    .pd-md-y-25 {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .pd-md-y-25-f {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    .pd-md-x-25 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .pd-md-x-25-f {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .pd-md-t-25 {
        padding-top: 25px;
    }

    .pd-md-r-25 {
        padding-right: 25px;
    }

    .pd-md-b-25 {
        padding-bottom: 25px;
    }

    .pd-md-l-25 {
        padding-left: 25px;
    }

    .pd-md-t-25-f {
        padding-top: 25px !important;
    }

    .pd-md-r-25-f {
        padding-right: 25px !important;
    }

    .pd-md-b-25-f {
        padding-bottom: 25px !important;
    }

    .pd-md-l-25-f {
        padding-left: 25px !important;
    }

    .pd-md-30 {
        padding: 30px;
    }

    .pd-md-30-f {
        padding: 30px !important;
    }

    .pd-md-y-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .pd-md-y-30-f {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .pd-md-x-30 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .pd-md-x-30-f {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .pd-md-t-30 {
        padding-top: 30px;
    }

    .pd-md-r-30 {
        padding-right: 30px;
    }

    .pd-md-b-30 {
        padding-bottom: 30px;
    }

    .pd-md-l-30 {
        padding-left: 30px;
    }

    .pd-md-t-30-f {
        padding-top: 30px !important;
    }

    .pd-md-r-30-f {
        padding-right: 30px !important;
    }

    .pd-md-b-30-f {
        padding-bottom: 30px !important;
    }

    .pd-md-l-30-f {
        padding-left: 30px !important;
    }

    .pd-md-35 {
        padding: 35px;
    }

    .pd-md-35-f {
        padding: 35px !important;
    }

    .pd-md-y-35 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .pd-md-y-35-f {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }

    .pd-md-x-35 {
        padding-left: 35px;
        padding-right: 35px;
    }

    .pd-md-x-35-f {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }

    .pd-md-t-35 {
        padding-top: 35px;
    }

    .pd-md-r-35 {
        padding-right: 35px;
    }

    .pd-md-b-35 {
        padding-bottom: 35px;
    }

    .pd-md-l-35 {
        padding-left: 35px;
    }

    .pd-md-t-35-f {
        padding-top: 35px !important;
    }

    .pd-md-r-35-f {
        padding-right: 35px !important;
    }

    .pd-md-b-35-f {
        padding-bottom: 35px !important;
    }

    .pd-md-l-35-f {
        padding-left: 35px !important;
    }

    .pd-md-40 {
        padding: 40px;
    }

    .pd-md-40-f {
        padding: 40px !important;
    }

    .pd-md-y-40 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .pd-md-y-40-f {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .pd-md-x-40 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .pd-md-x-40-f {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .pd-md-t-40 {
        padding-top: 40px;
    }

    .pd-md-r-40 {
        padding-right: 40px;
    }

    .pd-md-b-40 {
        padding-bottom: 40px;
    }

    .pd-md-l-40 {
        padding-left: 40px;
    }

    .pd-md-t-40-f {
        padding-top: 40px !important;
    }

    .pd-md-r-40-f {
        padding-right: 40px !important;
    }

    .pd-md-b-40-f {
        padding-bottom: 40px !important;
    }

    .pd-md-l-40-f {
        padding-left: 40px !important;
    }

    .pd-md-45 {
        padding: 45px;
    }

    .pd-md-45-f {
        padding: 45px !important;
    }

    .pd-md-y-45 {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .pd-md-y-45-f {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }

    .pd-md-x-45 {
        padding-left: 45px;
        padding-right: 45px;
    }

    .pd-md-x-45-f {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }

    .pd-md-t-45 {
        padding-top: 45px;
    }

    .pd-md-r-45 {
        padding-right: 45px;
    }

    .pd-md-b-45 {
        padding-bottom: 45px;
    }

    .pd-md-l-45 {
        padding-left: 45px;
    }

    .pd-md-t-45-f {
        padding-top: 45px !important;
    }

    .pd-md-r-45-f {
        padding-right: 45px !important;
    }

    .pd-md-b-45-f {
        padding-bottom: 45px !important;
    }

    .pd-md-l-45-f {
        padding-left: 45px !important;
    }

    .pd-md-50 {
        padding: 50px;
    }

    .pd-md-50-f {
        padding: 50px !important;
    }

    .pd-md-y-50 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .pd-md-y-50-f {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .pd-md-x-50 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .pd-md-x-50-f {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    .pd-md-t-50 {
        padding-top: 50px;
    }

    .pd-md-r-50 {
        padding-right: 50px;
    }

    .pd-md-b-50 {
        padding-bottom: 50px;
    }

    .pd-md-l-50 {
        padding-left: 50px;
    }

    .pd-md-t-50-f {
        padding-top: 50px !important;
    }

    .pd-md-r-50-f {
        padding-right: 50px !important;
    }

    .pd-md-b-50-f {
        padding-bottom: 50px !important;
    }

    .pd-md-l-50-f {
        padding-left: 50px !important;
    }

    .pd-md-55 {
        padding: 55px;
    }

    .pd-md-55-f {
        padding: 55px !important;
    }

    .pd-md-y-55 {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .pd-md-y-55-f {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }

    .pd-md-x-55 {
        padding-left: 55px;
        padding-right: 55px;
    }

    .pd-md-x-55-f {
        padding-left: 55px !important;
        padding-right: 55px !important;
    }

    .pd-md-t-55 {
        padding-top: 55px;
    }

    .pd-md-r-55 {
        padding-right: 55px;
    }

    .pd-md-b-55 {
        padding-bottom: 55px;
    }

    .pd-md-l-55 {
        padding-left: 55px;
    }

    .pd-md-t-55-f {
        padding-top: 55px !important;
    }

    .pd-md-r-55-f {
        padding-right: 55px !important;
    }

    .pd-md-b-55-f {
        padding-bottom: 55px !important;
    }

    .pd-md-l-55-f {
        padding-left: 55px !important;
    }

    .pd-md-60 {
        padding: 60px;
    }

    .pd-md-60-f {
        padding: 60px !important;
    }

    .pd-md-y-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pd-md-y-60-f {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .pd-md-x-60 {
        padding-left: 60px;
        padding-right: 60px;
    }

    .pd-md-x-60-f {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }

    .pd-md-t-60 {
        padding-top: 60px;
    }

    .pd-md-r-60 {
        padding-right: 60px;
    }

    .pd-md-b-60 {
        padding-bottom: 60px;
    }

    .pd-md-l-60 {
        padding-left: 60px;
    }

    .pd-md-t-60-f {
        padding-top: 60px !important;
    }

    .pd-md-r-60-f {
        padding-right: 60px !important;
    }

    .pd-md-b-60-f {
        padding-bottom: 60px !important;
    }

    .pd-md-l-60-f {
        padding-left: 60px !important;
    }

    .pd-md-65 {
        padding: 65px;
    }

    .pd-md-65-f {
        padding: 65px !important;
    }

    .pd-md-y-65 {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .pd-md-y-65-f {
        padding-top: 65px !important;
        padding-bottom: 65px !important;
    }

    .pd-md-x-65 {
        padding-left: 65px;
        padding-right: 65px;
    }

    .pd-md-x-65-f {
        padding-left: 65px !important;
        padding-right: 65px !important;
    }

    .pd-md-t-65 {
        padding-top: 65px;
    }

    .pd-md-r-65 {
        padding-right: 65px;
    }

    .pd-md-b-65 {
        padding-bottom: 65px;
    }

    .pd-md-l-65 {
        padding-left: 65px;
    }

    .pd-md-t-65-f {
        padding-top: 65px !important;
    }

    .pd-md-r-65-f {
        padding-right: 65px !important;
    }

    .pd-md-b-65-f {
        padding-bottom: 65px !important;
    }

    .pd-md-l-65-f {
        padding-left: 65px !important;
    }

    .pd-md-70 {
        padding: 70px;
    }

    .pd-md-70-f {
        padding: 70px !important;
    }

    .pd-md-y-70 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .pd-md-y-70-f {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }

    .pd-md-x-70 {
        padding-left: 70px;
        padding-right: 70px;
    }

    .pd-md-x-70-f {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }

    .pd-md-t-70 {
        padding-top: 70px;
    }

    .pd-md-r-70 {
        padding-right: 70px;
    }

    .pd-md-b-70 {
        padding-bottom: 70px;
    }

    .pd-md-l-70 {
        padding-left: 70px;
    }

    .pd-md-t-70-f {
        padding-top: 70px !important;
    }

    .pd-md-r-70-f {
        padding-right: 70px !important;
    }

    .pd-md-b-70-f {
        padding-bottom: 70px !important;
    }

    .pd-md-l-70-f {
        padding-left: 70px !important;
    }

    .pd-md-75 {
        padding: 75px;
    }

    .pd-md-75-f {
        padding: 75px !important;
    }

    .pd-md-y-75 {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .pd-md-y-75-f {
        padding-top: 75px !important;
        padding-bottom: 75px !important;
    }

    .pd-md-x-75 {
        padding-left: 75px;
        padding-right: 75px;
    }

    .pd-md-x-75-f {
        padding-left: 75px !important;
        padding-right: 75px !important;
    }

    .pd-md-t-75 {
        padding-top: 75px;
    }

    .pd-md-r-75 {
        padding-right: 75px;
    }

    .pd-md-b-75 {
        padding-bottom: 75px;
    }

    .pd-md-l-75 {
        padding-left: 75px;
    }

    .pd-md-t-75-f {
        padding-top: 75px !important;
    }

    .pd-md-r-75-f {
        padding-right: 75px !important;
    }

    .pd-md-b-75-f {
        padding-bottom: 75px !important;
    }

    .pd-md-l-75-f {
        padding-left: 75px !important;
    }

    .pd-md-80 {
        padding: 80px;
    }

    .pd-md-80-f {
        padding: 80px !important;
    }

    .pd-md-y-80 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .pd-md-y-80-f {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .pd-md-x-80 {
        padding-left: 80px;
        padding-right: 80px;
    }

    .pd-md-x-80-f {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }

    .pd-md-t-80 {
        padding-top: 80px;
    }

    .pd-md-r-80 {
        padding-right: 80px;
    }

    .pd-md-b-80 {
        padding-bottom: 80px;
    }

    .pd-md-l-80 {
        padding-left: 80px;
    }

    .pd-md-t-80-f {
        padding-top: 80px !important;
    }

    .pd-md-r-80-f {
        padding-right: 80px !important;
    }

    .pd-md-b-80-f {
        padding-bottom: 80px !important;
    }

    .pd-md-l-80-f {
        padding-left: 80px !important;
    }

    .pd-md-85 {
        padding: 85px;
    }

    .pd-md-85-f {
        padding: 85px !important;
    }

    .pd-md-y-85 {
        padding-top: 85px;
        padding-bottom: 85px;
    }

    .pd-md-y-85-f {
        padding-top: 85px !important;
        padding-bottom: 85px !important;
    }

    .pd-md-x-85 {
        padding-left: 85px;
        padding-right: 85px;
    }

    .pd-md-x-85-f {
        padding-left: 85px !important;
        padding-right: 85px !important;
    }

    .pd-md-t-85 {
        padding-top: 85px;
    }

    .pd-md-r-85 {
        padding-right: 85px;
    }

    .pd-md-b-85 {
        padding-bottom: 85px;
    }

    .pd-md-l-85 {
        padding-left: 85px;
    }

    .pd-md-t-85-f {
        padding-top: 85px !important;
    }

    .pd-md-r-85-f {
        padding-right: 85px !important;
    }

    .pd-md-b-85-f {
        padding-bottom: 85px !important;
    }

    .pd-md-l-85-f {
        padding-left: 85px !important;
    }

    .pd-md-90 {
        padding: 90px;
    }

    .pd-md-90-f {
        padding: 90px !important;
    }

    .pd-md-y-90 {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .pd-md-y-90-f {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }

    .pd-md-x-90 {
        padding-left: 90px;
        padding-right: 90px;
    }

    .pd-md-x-90-f {
        padding-left: 90px !important;
        padding-right: 90px !important;
    }

    .pd-md-t-90 {
        padding-top: 90px;
    }

    .pd-md-r-90 {
        padding-right: 90px;
    }

    .pd-md-b-90 {
        padding-bottom: 90px;
    }

    .pd-md-l-90 {
        padding-left: 90px;
    }

    .pd-md-t-90-f {
        padding-top: 90px !important;
    }

    .pd-md-r-90-f {
        padding-right: 90px !important;
    }

    .pd-md-b-90-f {
        padding-bottom: 90px !important;
    }

    .pd-md-l-90-f {
        padding-left: 90px !important;
    }

    .pd-md-95 {
        padding: 95px;
    }

    .pd-md-95-f {
        padding: 95px !important;
    }

    .pd-md-y-95 {
        padding-top: 95px;
        padding-bottom: 95px;
    }

    .pd-md-y-95-f {
        padding-top: 95px !important;
        padding-bottom: 95px !important;
    }

    .pd-md-x-95 {
        padding-left: 95px;
        padding-right: 95px;
    }

    .pd-md-x-95-f {
        padding-left: 95px !important;
        padding-right: 95px !important;
    }

    .pd-md-t-95 {
        padding-top: 95px;
    }

    .pd-md-r-95 {
        padding-right: 95px;
    }

    .pd-md-b-95 {
        padding-bottom: 95px;
    }

    .pd-md-l-95 {
        padding-left: 95px;
    }

    .pd-md-t-95-f {
        padding-top: 95px !important;
    }

    .pd-md-r-95-f {
        padding-right: 95px !important;
    }

    .pd-md-b-95-f {
        padding-bottom: 95px !important;
    }

    .pd-md-l-95-f {
        padding-left: 95px !important;
    }

    .pd-md-100 {
        padding: 100px;
    }

    .pd-md-100-f {
        padding: 100px !important;
    }

    .pd-md-y-100 {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .pd-md-y-100-f {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

    .pd-md-x-100 {
        padding-left: 100px;
        padding-right: 100px;
    }

    .pd-md-x-100-f {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }

    .pd-md-t-100 {
        padding-top: 100px;
    }

    .pd-md-r-100 {
        padding-right: 100px;
    }

    .pd-md-b-100 {
        padding-bottom: 100px;
    }

    .pd-md-l-100 {
        padding-left: 100px;
    }

    .pd-md-t-100-f {
        padding-top: 100px !important;
    }

    .pd-md-r-100-f {
        padding-right: 100px !important;
    }

    .pd-md-b-100-f {
        padding-bottom: 100px !important;
    }

    .pd-md-l-100-f {
        padding-left: 100px !important;
    }

    .pd-md-110 {
        padding: 110px;
    }

    .pd-md-110-f {
        padding: 110px !important;
    }

    .pd-md-y-110 {
        padding-top: 110px;
        padding-bottom: 110px;
    }

    .pd-md-y-110-f {
        padding-top: 110px !important;
        padding-bottom: 110px !important;
    }

    .pd-md-x-110 {
        padding-left: 110px;
        padding-right: 110px;
    }

    .pd-md-x-110-f {
        padding-left: 110px !important;
        padding-right: 110px !important;
    }

    .pd-md-t-110 {
        padding-top: 110px;
    }

    .pd-md-r-110 {
        padding-right: 110px;
    }

    .pd-md-b-110 {
        padding-bottom: 110px;
    }

    .pd-md-l-110 {
        padding-left: 110px;
    }

    .pd-md-t-110-f {
        padding-top: 110px !important;
    }

    .pd-md-r-110-f {
        padding-right: 110px !important;
    }

    .pd-md-b-110-f {
        padding-bottom: 110px !important;
    }

    .pd-md-l-110-f {
        padding-left: 110px !important;
    }

    .pd-md-120 {
        padding: 120px;
    }

    .pd-md-120-f {
        padding: 120px !important;
    }

    .pd-md-y-120 {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .pd-md-y-120-f {
        padding-top: 120px !important;
        padding-bottom: 120px !important;
    }

    .pd-md-x-120 {
        padding-left: 120px;
        padding-right: 120px;
    }

    .pd-md-x-120-f {
        padding-left: 120px !important;
        padding-right: 120px !important;
    }

    .pd-md-t-120 {
        padding-top: 120px;
    }

    .pd-md-r-120 {
        padding-right: 120px;
    }

    .pd-md-b-120 {
        padding-bottom: 120px;
    }

    .pd-md-l-120 {
        padding-left: 120px;
    }

    .pd-md-t-120-f {
        padding-top: 120px !important;
    }

    .pd-md-r-120-f {
        padding-right: 120px !important;
    }

    .pd-md-b-120-f {
        padding-bottom: 120px !important;
    }

    .pd-md-l-120-f {
        padding-left: 120px !important;
    }

    .pd-md-130 {
        padding: 130px;
    }

    .pd-md-130-f {
        padding: 130px !important;
    }

    .pd-md-y-130 {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .pd-md-y-130-f {
        padding-top: 130px !important;
        padding-bottom: 130px !important;
    }

    .pd-md-x-130 {
        padding-left: 130px;
        padding-right: 130px;
    }

    .pd-md-x-130-f {
        padding-left: 130px !important;
        padding-right: 130px !important;
    }

    .pd-md-t-130 {
        padding-top: 130px;
    }

    .pd-md-r-130 {
        padding-right: 130px;
    }

    .pd-md-b-130 {
        padding-bottom: 130px;
    }

    .pd-md-l-130 {
        padding-left: 130px;
    }

    .pd-md-t-130-f {
        padding-top: 130px !important;
    }

    .pd-md-r-130-f {
        padding-right: 130px !important;
    }

    .pd-md-b-130-f {
        padding-bottom: 130px !important;
    }

    .pd-md-l-130-f {
        padding-left: 130px !important;
    }

    .pd-md-140 {
        padding: 140px;
    }

    .pd-md-140-f {
        padding: 140px !important;
    }

    .pd-md-y-140 {
        padding-top: 140px;
        padding-bottom: 140px;
    }

    .pd-md-y-140-f {
        padding-top: 140px !important;
        padding-bottom: 140px !important;
    }

    .pd-md-x-140 {
        padding-left: 140px;
        padding-right: 140px;
    }

    .pd-md-x-140-f {
        padding-left: 140px !important;
        padding-right: 140px !important;
    }

    .pd-md-t-140 {
        padding-top: 140px;
    }

    .pd-md-r-140 {
        padding-right: 140px;
    }

    .pd-md-b-140 {
        padding-bottom: 140px;
    }

    .pd-md-l-140 {
        padding-left: 140px;
    }

    .pd-md-t-140-f {
        padding-top: 140px !important;
    }

    .pd-md-r-140-f {
        padding-right: 140px !important;
    }

    .pd-md-b-140-f {
        padding-bottom: 140px !important;
    }

    .pd-md-l-140-f {
        padding-left: 140px !important;
    }

    .pd-md-150 {
        padding: 150px;
    }

    .pd-md-150-f {
        padding: 150px !important;
    }

    .pd-md-y-150 {
        padding-top: 150px;
        padding-bottom: 150px;
    }

    .pd-md-y-150-f {
        padding-top: 150px !important;
        padding-bottom: 150px !important;
    }

    .pd-md-x-150 {
        padding-left: 150px;
        padding-right: 150px;
    }

    .pd-md-x-150-f {
        padding-left: 150px !important;
        padding-right: 150px !important;
    }

    .pd-md-t-150 {
        padding-top: 150px;
    }

    .pd-md-r-150 {
        padding-right: 150px;
    }

    .pd-md-b-150 {
        padding-bottom: 150px;
    }

    .pd-md-l-150 {
        padding-left: 150px;
    }

    .pd-md-t-150-f {
        padding-top: 150px !important;
    }

    .pd-md-r-150-f {
        padding-right: 150px !important;
    }

    .pd-md-b-150-f {
        padding-bottom: 150px !important;
    }

    .pd-md-l-150-f {
        padding-left: 150px !important;
    }

    .pd-md-160 {
        padding: 160px;
    }

    .pd-md-160-f {
        padding: 160px !important;
    }

    .pd-md-y-160 {
        padding-top: 160px;
        padding-bottom: 160px;
    }

    .pd-md-y-160-f {
        padding-top: 160px !important;
        padding-bottom: 160px !important;
    }

    .pd-md-x-160 {
        padding-left: 160px;
        padding-right: 160px;
    }

    .pd-md-x-160-f {
        padding-left: 160px !important;
        padding-right: 160px !important;
    }

    .pd-md-t-160 {
        padding-top: 160px;
    }

    .pd-md-r-160 {
        padding-right: 160px;
    }

    .pd-md-b-160 {
        padding-bottom: 160px;
    }

    .pd-md-l-160 {
        padding-left: 160px;
    }

    .pd-md-t-160-f {
        padding-top: 160px !important;
    }

    .pd-md-r-160-f {
        padding-right: 160px !important;
    }

    .pd-md-b-160-f {
        padding-bottom: 160px !important;
    }

    .pd-md-l-160-f {
        padding-left: 160px !important;
    }

    .pd-md-170 {
        padding: 170px;
    }

    .pd-md-170-f {
        padding: 170px !important;
    }

    .pd-md-y-170 {
        padding-top: 170px;
        padding-bottom: 170px;
    }

    .pd-md-y-170-f {
        padding-top: 170px !important;
        padding-bottom: 170px !important;
    }

    .pd-md-x-170 {
        padding-left: 170px;
        padding-right: 170px;
    }

    .pd-md-x-170-f {
        padding-left: 170px !important;
        padding-right: 170px !important;
    }

    .pd-md-t-170 {
        padding-top: 170px;
    }

    .pd-md-r-170 {
        padding-right: 170px;
    }

    .pd-md-b-170 {
        padding-bottom: 170px;
    }

    .pd-md-l-170 {
        padding-left: 170px;
    }

    .pd-md-t-170-f {
        padding-top: 170px !important;
    }

    .pd-md-r-170-f {
        padding-right: 170px !important;
    }

    .pd-md-b-170-f {
        padding-bottom: 170px !important;
    }

    .pd-md-l-170-f {
        padding-left: 170px !important;
    }

    .pd-md-180 {
        padding: 180px;
    }

    .pd-md-180-f {
        padding: 180px !important;
    }

    .pd-md-y-180 {
        padding-top: 180px;
        padding-bottom: 180px;
    }

    .pd-md-y-180-f {
        padding-top: 180px !important;
        padding-bottom: 180px !important;
    }

    .pd-md-x-180 {
        padding-left: 180px;
        padding-right: 180px;
    }

    .pd-md-x-180-f {
        padding-left: 180px !important;
        padding-right: 180px !important;
    }

    .pd-md-t-180 {
        padding-top: 180px;
    }

    .pd-md-r-180 {
        padding-right: 180px;
    }

    .pd-md-b-180 {
        padding-bottom: 180px;
    }

    .pd-md-l-180 {
        padding-left: 180px;
    }

    .pd-md-t-180-f {
        padding-top: 180px !important;
    }

    .pd-md-r-180-f {
        padding-right: 180px !important;
    }

    .pd-md-b-180-f {
        padding-bottom: 180px !important;
    }

    .pd-md-l-180-f {
        padding-left: 180px !important;
    }

    .pd-md-190 {
        padding: 190px;
    }

    .pd-md-190-f {
        padding: 190px !important;
    }

    .pd-md-y-190 {
        padding-top: 190px;
        padding-bottom: 190px;
    }

    .pd-md-y-190-f {
        padding-top: 190px !important;
        padding-bottom: 190px !important;
    }

    .pd-md-x-190 {
        padding-left: 190px;
        padding-right: 190px;
    }

    .pd-md-x-190-f {
        padding-left: 190px !important;
        padding-right: 190px !important;
    }

    .pd-md-t-190 {
        padding-top: 190px;
    }

    .pd-md-r-190 {
        padding-right: 190px;
    }

    .pd-md-b-190 {
        padding-bottom: 190px;
    }

    .pd-md-l-190 {
        padding-left: 190px;
    }

    .pd-md-t-190-f {
        padding-top: 190px !important;
    }

    .pd-md-r-190-f {
        padding-right: 190px !important;
    }

    .pd-md-b-190-f {
        padding-bottom: 190px !important;
    }

    .pd-md-l-190-f {
        padding-left: 190px !important;
    }

    .pd-md-200 {
        padding: 200px;
    }

    .pd-md-200-f {
        padding: 200px !important;
    }

    .pd-md-y-200 {
        padding-top: 200px;
        padding-bottom: 200px;
    }

    .pd-md-y-200-f {
        padding-top: 200px !important;
        padding-bottom: 200px !important;
    }

    .pd-md-x-200 {
        padding-left: 200px;
        padding-right: 200px;
    }

    .pd-md-x-200-f {
        padding-left: 200px !important;
        padding-right: 200px !important;
    }

    .pd-md-t-200 {
        padding-top: 200px;
    }

    .pd-md-r-200 {
        padding-right: 200px;
    }

    .pd-md-b-200 {
        padding-bottom: 200px;
    }

    .pd-md-l-200 {
        padding-left: 200px;
    }

    .pd-md-t-200-f {
        padding-top: 200px !important;
    }

    .pd-md-r-200-f {
        padding-right: 200px !important;
    }

    .pd-md-b-200-f {
        padding-bottom: 200px !important;
    }

    .pd-md-l-200-f {
        padding-left: 200px !important;
    }
}

@media (min-width: 992px) {
    .pd-lg-0 {
        padding: 0px;
    }

    .pd-lg-0-f {
        padding: 0px !important;
    }

    .pd-lg-y-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .pd-lg-y-0-f {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .pd-lg-x-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .pd-lg-x-0-f {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .pd-lg-t-0 {
        padding-top: 0px;
    }

    .pd-lg-r-0 {
        padding-right: 0px;
    }

    .pd-lg-b-0 {
        padding-bottom: 0px;
    }

    .pd-lg-l-0 {
        padding-left: 0px;
    }

    .pd-lg-t-0-f {
        padding-top: 0px !important;
    }

    .pd-lg-r-0-f {
        padding-right: 0px !important;
    }

    .pd-lg-b-0-f {
        padding-bottom: 0px !important;
    }

    .pd-lg-l-0-f {
        padding-left: 0px !important;
    }

    .pd-lg-1 {
        padding: 1px;
    }

    .pd-lg-1-f {
        padding: 1px !important;
    }

    .pd-lg-y-1 {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .pd-lg-y-1-f {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }

    .pd-lg-x-1 {
        padding-left: 1px;
        padding-right: 1px;
    }

    .pd-lg-x-1-f {
        padding-left: 1px !important;
        padding-right: 1px !important;
    }

    .pd-lg-t-1 {
        padding-top: 1px;
    }

    .pd-lg-r-1 {
        padding-right: 1px;
    }

    .pd-lg-b-1 {
        padding-bottom: 1px;
    }

    .pd-lg-l-1 {
        padding-left: 1px;
    }

    .pd-lg-t-1-f {
        padding-top: 1px !important;
    }

    .pd-lg-r-1-f {
        padding-right: 1px !important;
    }

    .pd-lg-b-1-f {
        padding-bottom: 1px !important;
    }

    .pd-lg-l-1-f {
        padding-left: 1px !important;
    }

    .pd-lg-2 {
        padding: 2px;
    }

    .pd-lg-2-f {
        padding: 2px !important;
    }

    .pd-lg-y-2 {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .pd-lg-y-2-f {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    .pd-lg-x-2 {
        padding-left: 2px;
        padding-right: 2px;
    }

    .pd-lg-x-2-f {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .pd-lg-t-2 {
        padding-top: 2px;
    }

    .pd-lg-r-2 {
        padding-right: 2px;
    }

    .pd-lg-b-2 {
        padding-bottom: 2px;
    }

    .pd-lg-l-2 {
        padding-left: 2px;
    }

    .pd-lg-t-2-f {
        padding-top: 2px !important;
    }

    .pd-lg-r-2-f {
        padding-right: 2px !important;
    }

    .pd-lg-b-2-f {
        padding-bottom: 2px !important;
    }

    .pd-lg-l-2-f {
        padding-left: 2px !important;
    }

    .pd-lg-3 {
        padding: 3px;
    }

    .pd-lg-3-f {
        padding: 3px !important;
    }

    .pd-lg-y-3 {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .pd-lg-y-3-f {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

    .pd-lg-x-3 {
        padding-left: 3px;
        padding-right: 3px;
    }

    .pd-lg-x-3-f {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .pd-lg-t-3 {
        padding-top: 3px;
    }

    .pd-lg-r-3 {
        padding-right: 3px;
    }

    .pd-lg-b-3 {
        padding-bottom: 3px;
    }

    .pd-lg-l-3 {
        padding-left: 3px;
    }

    .pd-lg-t-3-f {
        padding-top: 3px !important;
    }

    .pd-lg-r-3-f {
        padding-right: 3px !important;
    }

    .pd-lg-b-3-f {
        padding-bottom: 3px !important;
    }

    .pd-lg-l-3-f {
        padding-left: 3px !important;
    }

    .pd-lg-4 {
        padding: 4px;
    }

    .pd-lg-4-f {
        padding: 4px !important;
    }

    .pd-lg-y-4 {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .pd-lg-y-4-f {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    .pd-lg-x-4 {
        padding-left: 4px;
        padding-right: 4px;
    }

    .pd-lg-x-4-f {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .pd-lg-t-4 {
        padding-top: 4px;
    }

    .pd-lg-r-4 {
        padding-right: 4px;
    }

    .pd-lg-b-4 {
        padding-bottom: 4px;
    }

    .pd-lg-l-4 {
        padding-left: 4px;
    }

    .pd-lg-t-4-f {
        padding-top: 4px !important;
    }

    .pd-lg-r-4-f {
        padding-right: 4px !important;
    }

    .pd-lg-b-4-f {
        padding-bottom: 4px !important;
    }

    .pd-lg-l-4-f {
        padding-left: 4px !important;
    }

    .pd-lg-5 {
        padding: 5px;
    }

    .pd-lg-5-f {
        padding: 5px !important;
    }

    .pd-lg-y-5 {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .pd-lg-y-5-f {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .pd-lg-x-5 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .pd-lg-x-5-f {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .pd-lg-t-5 {
        padding-top: 5px;
    }

    .pd-lg-r-5 {
        padding-right: 5px;
    }

    .pd-lg-b-5 {
        padding-bottom: 5px;
    }

    .pd-lg-l-5 {
        padding-left: 5px;
    }

    .pd-lg-t-5-f {
        padding-top: 5px !important;
    }

    .pd-lg-r-5-f {
        padding-right: 5px !important;
    }

    .pd-lg-b-5-f {
        padding-bottom: 5px !important;
    }

    .pd-lg-l-5-f {
        padding-left: 5px !important;
    }

    .pd-lg-6 {
        padding: 6px;
    }

    .pd-lg-6-f {
        padding: 6px !important;
    }

    .pd-lg-y-6 {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .pd-lg-y-6-f {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    .pd-lg-x-6 {
        padding-left: 6px;
        padding-right: 6px;
    }

    .pd-lg-x-6-f {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .pd-lg-t-6 {
        padding-top: 6px;
    }

    .pd-lg-r-6 {
        padding-right: 6px;
    }

    .pd-lg-b-6 {
        padding-bottom: 6px;
    }

    .pd-lg-l-6 {
        padding-left: 6px;
    }

    .pd-lg-t-6-f {
        padding-top: 6px !important;
    }

    .pd-lg-r-6-f {
        padding-right: 6px !important;
    }

    .pd-lg-b-6-f {
        padding-bottom: 6px !important;
    }

    .pd-lg-l-6-f {
        padding-left: 6px !important;
    }

    .pd-lg-7 {
        padding: 7px;
    }

    .pd-lg-7-f {
        padding: 7px !important;
    }

    .pd-lg-y-7 {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .pd-lg-y-7-f {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .pd-lg-x-7 {
        padding-left: 7px;
        padding-right: 7px;
    }

    .pd-lg-x-7-f {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .pd-lg-t-7 {
        padding-top: 7px;
    }

    .pd-lg-r-7 {
        padding-right: 7px;
    }

    .pd-lg-b-7 {
        padding-bottom: 7px;
    }

    .pd-lg-l-7 {
        padding-left: 7px;
    }

    .pd-lg-t-7-f {
        padding-top: 7px !important;
    }

    .pd-lg-r-7-f {
        padding-right: 7px !important;
    }

    .pd-lg-b-7-f {
        padding-bottom: 7px !important;
    }

    .pd-lg-l-7-f {
        padding-left: 7px !important;
    }

    .pd-lg-8 {
        padding: 8px;
    }

    .pd-lg-8-f {
        padding: 8px !important;
    }

    .pd-lg-y-8 {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .pd-lg-y-8-f {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .pd-lg-x-8 {
        padding-left: 8px;
        padding-right: 8px;
    }

    .pd-lg-x-8-f {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .pd-lg-t-8 {
        padding-top: 8px;
    }

    .pd-lg-r-8 {
        padding-right: 8px;
    }

    .pd-lg-b-8 {
        padding-bottom: 8px;
    }

    .pd-lg-l-8 {
        padding-left: 8px;
    }

    .pd-lg-t-8-f {
        padding-top: 8px !important;
    }

    .pd-lg-r-8-f {
        padding-right: 8px !important;
    }

    .pd-lg-b-8-f {
        padding-bottom: 8px !important;
    }

    .pd-lg-l-8-f {
        padding-left: 8px !important;
    }

    .pd-lg-9 {
        padding: 9px;
    }

    .pd-lg-9-f {
        padding: 9px !important;
    }

    .pd-lg-y-9 {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .pd-lg-y-9-f {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    .pd-lg-x-9 {
        padding-left: 9px;
        padding-right: 9px;
    }

    .pd-lg-x-9-f {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }

    .pd-lg-t-9 {
        padding-top: 9px;
    }

    .pd-lg-r-9 {
        padding-right: 9px;
    }

    .pd-lg-b-9 {
        padding-bottom: 9px;
    }

    .pd-lg-l-9 {
        padding-left: 9px;
    }

    .pd-lg-t-9-f {
        padding-top: 9px !important;
    }

    .pd-lg-r-9-f {
        padding-right: 9px !important;
    }

    .pd-lg-b-9-f {
        padding-bottom: 9px !important;
    }

    .pd-lg-l-9-f {
        padding-left: 9px !important;
    }

    .pd-lg-10 {
        padding: 10px;
    }

    .pd-lg-10-f {
        padding: 10px !important;
    }

    .pd-lg-y-10 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .pd-lg-y-10-f {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .pd-lg-x-10 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .pd-lg-x-10-f {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .pd-lg-t-10 {
        padding-top: 10px;
    }

    .pd-lg-r-10 {
        padding-right: 10px;
    }

    .pd-lg-b-10 {
        padding-bottom: 10px;
    }

    .pd-lg-l-10 {
        padding-left: 10px;
    }

    .pd-lg-t-10-f {
        padding-top: 10px !important;
    }

    .pd-lg-r-10-f {
        padding-right: 10px !important;
    }

    .pd-lg-b-10-f {
        padding-bottom: 10px !important;
    }

    .pd-lg-l-10-f {
        padding-left: 10px !important;
    }

    .pd-lg-15 {
        padding: 15px;
    }

    .pd-lg-15-f {
        padding: 15px !important;
    }

    .pd-lg-y-15 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .pd-lg-y-15-f {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .pd-lg-x-15 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pd-lg-x-15-f {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .pd-lg-t-15 {
        padding-top: 15px;
    }

    .pd-lg-r-15 {
        padding-right: 15px;
    }

    .pd-lg-b-15 {
        padding-bottom: 15px;
    }

    .pd-lg-l-15 {
        padding-left: 15px;
    }

    .pd-lg-t-15-f {
        padding-top: 15px !important;
    }

    .pd-lg-r-15-f {
        padding-right: 15px !important;
    }

    .pd-lg-b-15-f {
        padding-bottom: 15px !important;
    }

    .pd-lg-l-15-f {
        padding-left: 15px !important;
    }

    .pd-lg-20 {
        padding: 20px;
    }

    .pd-lg-20-f {
        padding: 20px !important;
    }

    .pd-lg-y-20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .pd-lg-y-20-f {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .pd-lg-x-20 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pd-lg-x-20-f {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .pd-lg-t-20 {
        padding-top: 20px;
    }

    .pd-lg-r-20 {
        padding-right: 20px;
    }

    .pd-lg-b-20 {
        padding-bottom: 20px;
    }

    .pd-lg-l-20 {
        padding-left: 20px;
    }

    .pd-lg-t-20-f {
        padding-top: 20px !important;
    }

    .pd-lg-r-20-f {
        padding-right: 20px !important;
    }

    .pd-lg-b-20-f {
        padding-bottom: 20px !important;
    }

    .pd-lg-l-20-f {
        padding-left: 20px !important;
    }

    .pd-lg-25 {
        padding: 25px;
    }

    .pd-lg-25-f {
        padding: 25px !important;
    }

    .pd-lg-y-25 {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .pd-lg-y-25-f {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    .pd-lg-x-25 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .pd-lg-x-25-f {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .pd-lg-t-25 {
        padding-top: 25px;
    }

    .pd-lg-r-25 {
        padding-right: 25px;
    }

    .pd-lg-b-25 {
        padding-bottom: 25px;
    }

    .pd-lg-l-25 {
        padding-left: 25px;
    }

    .pd-lg-t-25-f {
        padding-top: 25px !important;
    }

    .pd-lg-r-25-f {
        padding-right: 25px !important;
    }

    .pd-lg-b-25-f {
        padding-bottom: 25px !important;
    }

    .pd-lg-l-25-f {
        padding-left: 25px !important;
    }

    .pd-lg-30 {
        padding: 30px;
    }

    .pd-lg-30-f {
        padding: 30px !important;
    }

    .pd-lg-y-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .pd-lg-y-30-f {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .pd-lg-x-30 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .pd-lg-x-30-f {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .pd-lg-t-30 {
        padding-top: 30px;
    }

    .pd-lg-r-30 {
        padding-right: 30px;
    }

    .pd-lg-b-30 {
        padding-bottom: 30px;
    }

    .pd-lg-l-30 {
        padding-left: 30px;
    }

    .pd-lg-t-30-f {
        padding-top: 30px !important;
    }

    .pd-lg-r-30-f {
        padding-right: 30px !important;
    }

    .pd-lg-b-30-f {
        padding-bottom: 30px !important;
    }

    .pd-lg-l-30-f {
        padding-left: 30px !important;
    }

    .pd-lg-35 {
        padding: 35px;
    }

    .pd-lg-35-f {
        padding: 35px !important;
    }

    .pd-lg-y-35 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .pd-lg-y-35-f {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }

    .pd-lg-x-35 {
        padding-left: 35px;
        padding-right: 35px;
    }

    .pd-lg-x-35-f {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }

    .pd-lg-t-35 {
        padding-top: 35px;
    }

    .pd-lg-r-35 {
        padding-right: 35px;
    }

    .pd-lg-b-35 {
        padding-bottom: 35px;
    }

    .pd-lg-l-35 {
        padding-left: 35px;
    }

    .pd-lg-t-35-f {
        padding-top: 35px !important;
    }

    .pd-lg-r-35-f {
        padding-right: 35px !important;
    }

    .pd-lg-b-35-f {
        padding-bottom: 35px !important;
    }

    .pd-lg-l-35-f {
        padding-left: 35px !important;
    }

    .pd-lg-40 {
        padding: 40px;
    }

    .pd-lg-40-f {
        padding: 40px !important;
    }

    .pd-lg-y-40 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .pd-lg-y-40-f {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .pd-lg-x-40 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .pd-lg-x-40-f {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .pd-lg-t-40 {
        padding-top: 40px;
    }

    .pd-lg-r-40 {
        padding-right: 40px;
    }

    .pd-lg-b-40 {
        padding-bottom: 40px;
    }

    .pd-lg-l-40 {
        padding-left: 40px;
    }

    .pd-lg-t-40-f {
        padding-top: 40px !important;
    }

    .pd-lg-r-40-f {
        padding-right: 40px !important;
    }

    .pd-lg-b-40-f {
        padding-bottom: 40px !important;
    }

    .pd-lg-l-40-f {
        padding-left: 40px !important;
    }

    .pd-lg-45 {
        padding: 45px;
    }

    .pd-lg-45-f {
        padding: 45px !important;
    }

    .pd-lg-y-45 {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .pd-lg-y-45-f {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }

    .pd-lg-x-45 {
        padding-left: 45px;
        padding-right: 45px;
    }

    .pd-lg-x-45-f {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }

    .pd-lg-t-45 {
        padding-top: 45px;
    }

    .pd-lg-r-45 {
        padding-right: 45px;
    }

    .pd-lg-b-45 {
        padding-bottom: 45px;
    }

    .pd-lg-l-45 {
        padding-left: 45px;
    }

    .pd-lg-t-45-f {
        padding-top: 45px !important;
    }

    .pd-lg-r-45-f {
        padding-right: 45px !important;
    }

    .pd-lg-b-45-f {
        padding-bottom: 45px !important;
    }

    .pd-lg-l-45-f {
        padding-left: 45px !important;
    }

    .pd-lg-50 {
        padding: 50px;
    }

    .pd-lg-50-f {
        padding: 50px !important;
    }

    .pd-lg-y-50 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .pd-lg-y-50-f {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .pd-lg-x-50 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .pd-lg-x-50-f {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    .pd-lg-t-50 {
        padding-top: 50px;
    }

    .pd-lg-r-50 {
        padding-right: 50px;
    }

    .pd-lg-b-50 {
        padding-bottom: 50px;
    }

    .pd-lg-l-50 {
        padding-left: 50px;
    }

    .pd-lg-t-50-f {
        padding-top: 50px !important;
    }

    .pd-lg-r-50-f {
        padding-right: 50px !important;
    }

    .pd-lg-b-50-f {
        padding-bottom: 50px !important;
    }

    .pd-lg-l-50-f {
        padding-left: 50px !important;
    }

    .pd-lg-55 {
        padding: 55px;
    }

    .pd-lg-55-f {
        padding: 55px !important;
    }

    .pd-lg-y-55 {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .pd-lg-y-55-f {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }

    .pd-lg-x-55 {
        padding-left: 55px;
        padding-right: 55px;
    }

    .pd-lg-x-55-f {
        padding-left: 55px !important;
        padding-right: 55px !important;
    }

    .pd-lg-t-55 {
        padding-top: 55px;
    }

    .pd-lg-r-55 {
        padding-right: 55px;
    }

    .pd-lg-b-55 {
        padding-bottom: 55px;
    }

    .pd-lg-l-55 {
        padding-left: 55px;
    }

    .pd-lg-t-55-f {
        padding-top: 55px !important;
    }

    .pd-lg-r-55-f {
        padding-right: 55px !important;
    }

    .pd-lg-b-55-f {
        padding-bottom: 55px !important;
    }

    .pd-lg-l-55-f {
        padding-left: 55px !important;
    }

    .pd-lg-60 {
        padding: 60px;
    }

    .pd-lg-60-f {
        padding: 60px !important;
    }

    .pd-lg-y-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pd-lg-y-60-f {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .pd-lg-x-60 {
        padding-left: 60px;
        padding-right: 60px;
    }

    .pd-lg-x-60-f {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }

    .pd-lg-t-60 {
        padding-top: 60px;
    }

    .pd-lg-r-60 {
        padding-right: 60px;
    }

    .pd-lg-b-60 {
        padding-bottom: 60px;
    }

    .pd-lg-l-60 {
        padding-left: 60px;
    }

    .pd-lg-t-60-f {
        padding-top: 60px !important;
    }

    .pd-lg-r-60-f {
        padding-right: 60px !important;
    }

    .pd-lg-b-60-f {
        padding-bottom: 60px !important;
    }

    .pd-lg-l-60-f {
        padding-left: 60px !important;
    }

    .pd-lg-65 {
        padding: 65px;
    }

    .pd-lg-65-f {
        padding: 65px !important;
    }

    .pd-lg-y-65 {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .pd-lg-y-65-f {
        padding-top: 65px !important;
        padding-bottom: 65px !important;
    }

    .pd-lg-x-65 {
        padding-left: 65px;
        padding-right: 65px;
    }

    .pd-lg-x-65-f {
        padding-left: 65px !important;
        padding-right: 65px !important;
    }

    .pd-lg-t-65 {
        padding-top: 65px;
    }

    .pd-lg-r-65 {
        padding-right: 65px;
    }

    .pd-lg-b-65 {
        padding-bottom: 65px;
    }

    .pd-lg-l-65 {
        padding-left: 65px;
    }

    .pd-lg-t-65-f {
        padding-top: 65px !important;
    }

    .pd-lg-r-65-f {
        padding-right: 65px !important;
    }

    .pd-lg-b-65-f {
        padding-bottom: 65px !important;
    }

    .pd-lg-l-65-f {
        padding-left: 65px !important;
    }

    .pd-lg-70 {
        padding: 70px;
    }

    .pd-lg-70-f {
        padding: 70px !important;
    }

    .pd-lg-y-70 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .pd-lg-y-70-f {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }

    .pd-lg-x-70 {
        padding-left: 70px;
        padding-right: 70px;
    }

    .pd-lg-x-70-f {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }

    .pd-lg-t-70 {
        padding-top: 70px;
    }

    .pd-lg-r-70 {
        padding-right: 70px;
    }

    .pd-lg-b-70 {
        padding-bottom: 70px;
    }

    .pd-lg-l-70 {
        padding-left: 70px;
    }

    .pd-lg-t-70-f {
        padding-top: 70px !important;
    }

    .pd-lg-r-70-f {
        padding-right: 70px !important;
    }

    .pd-lg-b-70-f {
        padding-bottom: 70px !important;
    }

    .pd-lg-l-70-f {
        padding-left: 70px !important;
    }

    .pd-lg-75 {
        padding: 75px;
    }

    .pd-lg-75-f {
        padding: 75px !important;
    }

    .pd-lg-y-75 {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .pd-lg-y-75-f {
        padding-top: 75px !important;
        padding-bottom: 75px !important;
    }

    .pd-lg-x-75 {
        padding-left: 75px;
        padding-right: 75px;
    }

    .pd-lg-x-75-f {
        padding-left: 75px !important;
        padding-right: 75px !important;
    }

    .pd-lg-t-75 {
        padding-top: 75px;
    }

    .pd-lg-r-75 {
        padding-right: 75px;
    }

    .pd-lg-b-75 {
        padding-bottom: 75px;
    }

    .pd-lg-l-75 {
        padding-left: 75px;
    }

    .pd-lg-t-75-f {
        padding-top: 75px !important;
    }

    .pd-lg-r-75-f {
        padding-right: 75px !important;
    }

    .pd-lg-b-75-f {
        padding-bottom: 75px !important;
    }

    .pd-lg-l-75-f {
        padding-left: 75px !important;
    }

    .pd-lg-80 {
        padding: 80px;
    }

    .pd-lg-80-f {
        padding: 80px !important;
    }

    .pd-lg-y-80 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .pd-lg-y-80-f {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .pd-lg-x-80 {
        padding-left: 80px;
        padding-right: 80px;
    }

    .pd-lg-x-80-f {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }

    .pd-lg-t-80 {
        padding-top: 80px;
    }

    .pd-lg-r-80 {
        padding-right: 80px;
    }

    .pd-lg-b-80 {
        padding-bottom: 80px;
    }

    .pd-lg-l-80 {
        padding-left: 80px;
    }

    .pd-lg-t-80-f {
        padding-top: 80px !important;
    }

    .pd-lg-r-80-f {
        padding-right: 80px !important;
    }

    .pd-lg-b-80-f {
        padding-bottom: 80px !important;
    }

    .pd-lg-l-80-f {
        padding-left: 80px !important;
    }

    .pd-lg-85 {
        padding: 85px;
    }

    .pd-lg-85-f {
        padding: 85px !important;
    }

    .pd-lg-y-85 {
        padding-top: 85px;
        padding-bottom: 85px;
    }

    .pd-lg-y-85-f {
        padding-top: 85px !important;
        padding-bottom: 85px !important;
    }

    .pd-lg-x-85 {
        padding-left: 85px;
        padding-right: 85px;
    }

    .pd-lg-x-85-f {
        padding-left: 85px !important;
        padding-right: 85px !important;
    }

    .pd-lg-t-85 {
        padding-top: 85px;
    }

    .pd-lg-r-85 {
        padding-right: 85px;
    }

    .pd-lg-b-85 {
        padding-bottom: 85px;
    }

    .pd-lg-l-85 {
        padding-left: 85px;
    }

    .pd-lg-t-85-f {
        padding-top: 85px !important;
    }

    .pd-lg-r-85-f {
        padding-right: 85px !important;
    }

    .pd-lg-b-85-f {
        padding-bottom: 85px !important;
    }

    .pd-lg-l-85-f {
        padding-left: 85px !important;
    }

    .pd-lg-90 {
        padding: 90px;
    }

    .pd-lg-90-f {
        padding: 90px !important;
    }

    .pd-lg-y-90 {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .pd-lg-y-90-f {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }

    .pd-lg-x-90 {
        padding-left: 90px;
        padding-right: 90px;
    }

    .pd-lg-x-90-f {
        padding-left: 90px !important;
        padding-right: 90px !important;
    }

    .pd-lg-t-90 {
        padding-top: 90px;
    }

    .pd-lg-r-90 {
        padding-right: 90px;
    }

    .pd-lg-b-90 {
        padding-bottom: 90px;
    }

    .pd-lg-l-90 {
        padding-left: 90px;
    }

    .pd-lg-t-90-f {
        padding-top: 90px !important;
    }

    .pd-lg-r-90-f {
        padding-right: 90px !important;
    }

    .pd-lg-b-90-f {
        padding-bottom: 90px !important;
    }

    .pd-lg-l-90-f {
        padding-left: 90px !important;
    }

    .pd-lg-95 {
        padding: 95px;
    }

    .pd-lg-95-f {
        padding: 95px !important;
    }

    .pd-lg-y-95 {
        padding-top: 95px;
        padding-bottom: 95px;
    }

    .pd-lg-y-95-f {
        padding-top: 95px !important;
        padding-bottom: 95px !important;
    }

    .pd-lg-x-95 {
        padding-left: 95px;
        padding-right: 95px;
    }

    .pd-lg-x-95-f {
        padding-left: 95px !important;
        padding-right: 95px !important;
    }

    .pd-lg-t-95 {
        padding-top: 95px;
    }

    .pd-lg-r-95 {
        padding-right: 95px;
    }

    .pd-lg-b-95 {
        padding-bottom: 95px;
    }

    .pd-lg-l-95 {
        padding-left: 95px;
    }

    .pd-lg-t-95-f {
        padding-top: 95px !important;
    }

    .pd-lg-r-95-f {
        padding-right: 95px !important;
    }

    .pd-lg-b-95-f {
        padding-bottom: 95px !important;
    }

    .pd-lg-l-95-f {
        padding-left: 95px !important;
    }

    .pd-lg-100 {
        padding: 100px;
    }

    .pd-lg-100-f {
        padding: 100px !important;
    }

    .pd-lg-y-100 {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .pd-lg-y-100-f {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

    .pd-lg-x-100 {
        padding-left: 100px;
        padding-right: 100px;
    }

    .pd-lg-x-100-f {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }

    .pd-lg-t-100 {
        padding-top: 100px;
    }

    .pd-lg-r-100 {
        padding-right: 100px;
    }

    .pd-lg-b-100 {
        padding-bottom: 100px;
    }

    .pd-lg-l-100 {
        padding-left: 100px;
    }

    .pd-lg-t-100-f {
        padding-top: 100px !important;
    }

    .pd-lg-r-100-f {
        padding-right: 100px !important;
    }

    .pd-lg-b-100-f {
        padding-bottom: 100px !important;
    }

    .pd-lg-l-100-f {
        padding-left: 100px !important;
    }

    .pd-lg-110 {
        padding: 110px;
    }

    .pd-lg-110-f {
        padding: 110px !important;
    }

    .pd-lg-y-110 {
        padding-top: 110px;
        padding-bottom: 110px;
    }

    .pd-lg-y-110-f {
        padding-top: 110px !important;
        padding-bottom: 110px !important;
    }

    .pd-lg-x-110 {
        padding-left: 110px;
        padding-right: 110px;
    }

    .pd-lg-x-110-f {
        padding-left: 110px !important;
        padding-right: 110px !important;
    }

    .pd-lg-t-110 {
        padding-top: 110px;
    }

    .pd-lg-r-110 {
        padding-right: 110px;
    }

    .pd-lg-b-110 {
        padding-bottom: 110px;
    }

    .pd-lg-l-110 {
        padding-left: 110px;
    }

    .pd-lg-t-110-f {
        padding-top: 110px !important;
    }

    .pd-lg-r-110-f {
        padding-right: 110px !important;
    }

    .pd-lg-b-110-f {
        padding-bottom: 110px !important;
    }

    .pd-lg-l-110-f {
        padding-left: 110px !important;
    }

    .pd-lg-120 {
        padding: 120px;
    }

    .pd-lg-120-f {
        padding: 120px !important;
    }

    .pd-lg-y-120 {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .pd-lg-y-120-f {
        padding-top: 120px !important;
        padding-bottom: 120px !important;
    }

    .pd-lg-x-120 {
        padding-left: 120px;
        padding-right: 120px;
    }

    .pd-lg-x-120-f {
        padding-left: 120px !important;
        padding-right: 120px !important;
    }

    .pd-lg-t-120 {
        padding-top: 120px;
    }

    .pd-lg-r-120 {
        padding-right: 120px;
    }

    .pd-lg-b-120 {
        padding-bottom: 120px;
    }

    .pd-lg-l-120 {
        padding-left: 120px;
    }

    .pd-lg-t-120-f {
        padding-top: 120px !important;
    }

    .pd-lg-r-120-f {
        padding-right: 120px !important;
    }

    .pd-lg-b-120-f {
        padding-bottom: 120px !important;
    }

    .pd-lg-l-120-f {
        padding-left: 120px !important;
    }

    .pd-lg-130 {
        padding: 130px;
    }

    .pd-lg-130-f {
        padding: 130px !important;
    }

    .pd-lg-y-130 {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .pd-lg-y-130-f {
        padding-top: 130px !important;
        padding-bottom: 130px !important;
    }

    .pd-lg-x-130 {
        padding-left: 130px;
        padding-right: 130px;
    }

    .pd-lg-x-130-f {
        padding-left: 130px !important;
        padding-right: 130px !important;
    }

    .pd-lg-t-130 {
        padding-top: 130px;
    }

    .pd-lg-r-130 {
        padding-right: 130px;
    }

    .pd-lg-b-130 {
        padding-bottom: 130px;
    }

    .pd-lg-l-130 {
        padding-left: 130px;
    }

    .pd-lg-t-130-f {
        padding-top: 130px !important;
    }

    .pd-lg-r-130-f {
        padding-right: 130px !important;
    }

    .pd-lg-b-130-f {
        padding-bottom: 130px !important;
    }

    .pd-lg-l-130-f {
        padding-left: 130px !important;
    }

    .pd-lg-140 {
        padding: 140px;
    }

    .pd-lg-140-f {
        padding: 140px !important;
    }

    .pd-lg-y-140 {
        padding-top: 140px;
        padding-bottom: 140px;
    }

    .pd-lg-y-140-f {
        padding-top: 140px !important;
        padding-bottom: 140px !important;
    }

    .pd-lg-x-140 {
        padding-left: 140px;
        padding-right: 140px;
    }

    .pd-lg-x-140-f {
        padding-left: 140px !important;
        padding-right: 140px !important;
    }

    .pd-lg-t-140 {
        padding-top: 140px;
    }

    .pd-lg-r-140 {
        padding-right: 140px;
    }

    .pd-lg-b-140 {
        padding-bottom: 140px;
    }

    .pd-lg-l-140 {
        padding-left: 140px;
    }

    .pd-lg-t-140-f {
        padding-top: 140px !important;
    }

    .pd-lg-r-140-f {
        padding-right: 140px !important;
    }

    .pd-lg-b-140-f {
        padding-bottom: 140px !important;
    }

    .pd-lg-l-140-f {
        padding-left: 140px !important;
    }

    .pd-lg-150 {
        padding: 150px;
    }

    .pd-lg-150-f {
        padding: 150px !important;
    }

    .pd-lg-y-150 {
        padding-top: 150px;
        padding-bottom: 150px;
    }

    .pd-lg-y-150-f {
        padding-top: 150px !important;
        padding-bottom: 150px !important;
    }

    .pd-lg-x-150 {
        padding-left: 150px;
        padding-right: 150px;
    }

    .pd-lg-x-150-f {
        padding-left: 150px !important;
        padding-right: 150px !important;
    }

    .pd-lg-t-150 {
        padding-top: 150px;
    }

    .pd-lg-r-150 {
        padding-right: 150px;
    }

    .pd-lg-b-150 {
        padding-bottom: 150px;
    }

    .pd-lg-l-150 {
        padding-left: 150px;
    }

    .pd-lg-t-150-f {
        padding-top: 150px !important;
    }

    .pd-lg-r-150-f {
        padding-right: 150px !important;
    }

    .pd-lg-b-150-f {
        padding-bottom: 150px !important;
    }

    .pd-lg-l-150-f {
        padding-left: 150px !important;
    }

    .pd-lg-160 {
        padding: 160px;
    }

    .pd-lg-160-f {
        padding: 160px !important;
    }

    .pd-lg-y-160 {
        padding-top: 160px;
        padding-bottom: 160px;
    }

    .pd-lg-y-160-f {
        padding-top: 160px !important;
        padding-bottom: 160px !important;
    }

    .pd-lg-x-160 {
        padding-left: 160px;
        padding-right: 160px;
    }

    .pd-lg-x-160-f {
        padding-left: 160px !important;
        padding-right: 160px !important;
    }

    .pd-lg-t-160 {
        padding-top: 160px;
    }

    .pd-lg-r-160 {
        padding-right: 160px;
    }

    .pd-lg-b-160 {
        padding-bottom: 160px;
    }

    .pd-lg-l-160 {
        padding-left: 160px;
    }

    .pd-lg-t-160-f {
        padding-top: 160px !important;
    }

    .pd-lg-r-160-f {
        padding-right: 160px !important;
    }

    .pd-lg-b-160-f {
        padding-bottom: 160px !important;
    }

    .pd-lg-l-160-f {
        padding-left: 160px !important;
    }

    .pd-lg-170 {
        padding: 170px;
    }

    .pd-lg-170-f {
        padding: 170px !important;
    }

    .pd-lg-y-170 {
        padding-top: 170px;
        padding-bottom: 170px;
    }

    .pd-lg-y-170-f {
        padding-top: 170px !important;
        padding-bottom: 170px !important;
    }

    .pd-lg-x-170 {
        padding-left: 170px;
        padding-right: 170px;
    }

    .pd-lg-x-170-f {
        padding-left: 170px !important;
        padding-right: 170px !important;
    }

    .pd-lg-t-170 {
        padding-top: 170px;
    }

    .pd-lg-r-170 {
        padding-right: 170px;
    }

    .pd-lg-b-170 {
        padding-bottom: 170px;
    }

    .pd-lg-l-170 {
        padding-left: 170px;
    }

    .pd-lg-t-170-f {
        padding-top: 170px !important;
    }

    .pd-lg-r-170-f {
        padding-right: 170px !important;
    }

    .pd-lg-b-170-f {
        padding-bottom: 170px !important;
    }

    .pd-lg-l-170-f {
        padding-left: 170px !important;
    }

    .pd-lg-180 {
        padding: 180px;
    }

    .pd-lg-180-f {
        padding: 180px !important;
    }

    .pd-lg-y-180 {
        padding-top: 180px;
        padding-bottom: 180px;
    }

    .pd-lg-y-180-f {
        padding-top: 180px !important;
        padding-bottom: 180px !important;
    }

    .pd-lg-x-180 {
        padding-left: 180px;
        padding-right: 180px;
    }

    .pd-lg-x-180-f {
        padding-left: 180px !important;
        padding-right: 180px !important;
    }

    .pd-lg-t-180 {
        padding-top: 180px;
    }

    .pd-lg-r-180 {
        padding-right: 180px;
    }

    .pd-lg-b-180 {
        padding-bottom: 180px;
    }

    .pd-lg-l-180 {
        padding-left: 180px;
    }

    .pd-lg-t-180-f {
        padding-top: 180px !important;
    }

    .pd-lg-r-180-f {
        padding-right: 180px !important;
    }

    .pd-lg-b-180-f {
        padding-bottom: 180px !important;
    }

    .pd-lg-l-180-f {
        padding-left: 180px !important;
    }

    .pd-lg-190 {
        padding: 190px;
    }

    .pd-lg-190-f {
        padding: 190px !important;
    }

    .pd-lg-y-190 {
        padding-top: 190px;
        padding-bottom: 190px;
    }

    .pd-lg-y-190-f {
        padding-top: 190px !important;
        padding-bottom: 190px !important;
    }

    .pd-lg-x-190 {
        padding-left: 190px;
        padding-right: 190px;
    }

    .pd-lg-x-190-f {
        padding-left: 190px !important;
        padding-right: 190px !important;
    }

    .pd-lg-t-190 {
        padding-top: 190px;
    }

    .pd-lg-r-190 {
        padding-right: 190px;
    }

    .pd-lg-b-190 {
        padding-bottom: 190px;
    }

    .pd-lg-l-190 {
        padding-left: 190px;
    }

    .pd-lg-t-190-f {
        padding-top: 190px !important;
    }

    .pd-lg-r-190-f {
        padding-right: 190px !important;
    }

    .pd-lg-b-190-f {
        padding-bottom: 190px !important;
    }

    .pd-lg-l-190-f {
        padding-left: 190px !important;
    }

    .pd-lg-200 {
        padding: 200px;
    }

    .pd-lg-200-f {
        padding: 200px !important;
    }

    .pd-lg-y-200 {
        padding-top: 200px;
        padding-bottom: 200px;
    }

    .pd-lg-y-200-f {
        padding-top: 200px !important;
        padding-bottom: 200px !important;
    }

    .pd-lg-x-200 {
        padding-left: 200px;
        padding-right: 200px;
    }

    .pd-lg-x-200-f {
        padding-left: 200px !important;
        padding-right: 200px !important;
    }

    .pd-lg-t-200 {
        padding-top: 200px;
    }

    .pd-lg-r-200 {
        padding-right: 200px;
    }

    .pd-lg-b-200 {
        padding-bottom: 200px;
    }

    .pd-lg-l-200 {
        padding-left: 200px;
    }

    .pd-lg-t-200-f {
        padding-top: 200px !important;
    }

    .pd-lg-r-200-f {
        padding-right: 200px !important;
    }

    .pd-lg-b-200-f {
        padding-bottom: 200px !important;
    }

    .pd-lg-l-200-f {
        padding-left: 200px !important;
    }
}

@media (min-width: 1200px) {
    .pd-xl-0 {
        padding: 0px;
    }

    .pd-xl-0-f {
        padding: 0px !important;
    }

    .pd-xl-y-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .pd-xl-y-0-f {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .pd-xl-x-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .pd-xl-x-0-f {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .pd-xl-t-0 {
        padding-top: 0px;
    }

    .pd-xl-r-0 {
        padding-right: 0px;
    }

    .pd-xl-b-0 {
        padding-bottom: 0px;
    }

    .pd-xl-l-0 {
        padding-left: 0px;
    }

    .pd-xl-t-0-f {
        padding-top: 0px !important;
    }

    .pd-xl-r-0-f {
        padding-right: 0px !important;
    }

    .pd-xl-b-0-f {
        padding-bottom: 0px !important;
    }

    .pd-xl-l-0-f {
        padding-left: 0px !important;
    }

    .pd-xl-1 {
        padding: 1px;
    }

    .pd-xl-1-f {
        padding: 1px !important;
    }

    .pd-xl-y-1 {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .pd-xl-y-1-f {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }

    .pd-xl-x-1 {
        padding-left: 1px;
        padding-right: 1px;
    }

    .pd-xl-x-1-f {
        padding-left: 1px !important;
        padding-right: 1px !important;
    }

    .pd-xl-t-1 {
        padding-top: 1px;
    }

    .pd-xl-r-1 {
        padding-right: 1px;
    }

    .pd-xl-b-1 {
        padding-bottom: 1px;
    }

    .pd-xl-l-1 {
        padding-left: 1px;
    }

    .pd-xl-t-1-f {
        padding-top: 1px !important;
    }

    .pd-xl-r-1-f {
        padding-right: 1px !important;
    }

    .pd-xl-b-1-f {
        padding-bottom: 1px !important;
    }

    .pd-xl-l-1-f {
        padding-left: 1px !important;
    }

    .pd-xl-2 {
        padding: 2px;
    }

    .pd-xl-2-f {
        padding: 2px !important;
    }

    .pd-xl-y-2 {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .pd-xl-y-2-f {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    .pd-xl-x-2 {
        padding-left: 2px;
        padding-right: 2px;
    }

    .pd-xl-x-2-f {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .pd-xl-t-2 {
        padding-top: 2px;
    }

    .pd-xl-r-2 {
        padding-right: 2px;
    }

    .pd-xl-b-2 {
        padding-bottom: 2px;
    }

    .pd-xl-l-2 {
        padding-left: 2px;
    }

    .pd-xl-t-2-f {
        padding-top: 2px !important;
    }

    .pd-xl-r-2-f {
        padding-right: 2px !important;
    }

    .pd-xl-b-2-f {
        padding-bottom: 2px !important;
    }

    .pd-xl-l-2-f {
        padding-left: 2px !important;
    }

    .pd-xl-3 {
        padding: 3px;
    }

    .pd-xl-3-f {
        padding: 3px !important;
    }

    .pd-xl-y-3 {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .pd-xl-y-3-f {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

    .pd-xl-x-3 {
        padding-left: 3px;
        padding-right: 3px;
    }

    .pd-xl-x-3-f {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .pd-xl-t-3 {
        padding-top: 3px;
    }

    .pd-xl-r-3 {
        padding-right: 3px;
    }

    .pd-xl-b-3 {
        padding-bottom: 3px;
    }

    .pd-xl-l-3 {
        padding-left: 3px;
    }

    .pd-xl-t-3-f {
        padding-top: 3px !important;
    }

    .pd-xl-r-3-f {
        padding-right: 3px !important;
    }

    .pd-xl-b-3-f {
        padding-bottom: 3px !important;
    }

    .pd-xl-l-3-f {
        padding-left: 3px !important;
    }

    .pd-xl-4 {
        padding: 4px;
    }

    .pd-xl-4-f {
        padding: 4px !important;
    }

    .pd-xl-y-4 {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .pd-xl-y-4-f {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    .pd-xl-x-4 {
        padding-left: 4px;
        padding-right: 4px;
    }

    .pd-xl-x-4-f {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .pd-xl-t-4 {
        padding-top: 4px;
    }

    .pd-xl-r-4 {
        padding-right: 4px;
    }

    .pd-xl-b-4 {
        padding-bottom: 4px;
    }

    .pd-xl-l-4 {
        padding-left: 4px;
    }

    .pd-xl-t-4-f {
        padding-top: 4px !important;
    }

    .pd-xl-r-4-f {
        padding-right: 4px !important;
    }

    .pd-xl-b-4-f {
        padding-bottom: 4px !important;
    }

    .pd-xl-l-4-f {
        padding-left: 4px !important;
    }

    .pd-xl-5 {
        padding: 5px;
    }

    .pd-xl-5-f {
        padding: 5px !important;
    }

    .pd-xl-y-5 {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .pd-xl-y-5-f {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .pd-xl-x-5 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .pd-xl-x-5-f {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .pd-xl-t-5 {
        padding-top: 5px;
    }

    .pd-xl-r-5 {
        padding-right: 5px;
    }

    .pd-xl-b-5 {
        padding-bottom: 5px;
    }

    .pd-xl-l-5 {
        padding-left: 5px;
    }

    .pd-xl-t-5-f {
        padding-top: 5px !important;
    }

    .pd-xl-r-5-f {
        padding-right: 5px !important;
    }

    .pd-xl-b-5-f {
        padding-bottom: 5px !important;
    }

    .pd-xl-l-5-f {
        padding-left: 5px !important;
    }

    .pd-xl-6 {
        padding: 6px;
    }

    .pd-xl-6-f {
        padding: 6px !important;
    }

    .pd-xl-y-6 {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .pd-xl-y-6-f {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    .pd-xl-x-6 {
        padding-left: 6px;
        padding-right: 6px;
    }

    .pd-xl-x-6-f {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .pd-xl-t-6 {
        padding-top: 6px;
    }

    .pd-xl-r-6 {
        padding-right: 6px;
    }

    .pd-xl-b-6 {
        padding-bottom: 6px;
    }

    .pd-xl-l-6 {
        padding-left: 6px;
    }

    .pd-xl-t-6-f {
        padding-top: 6px !important;
    }

    .pd-xl-r-6-f {
        padding-right: 6px !important;
    }

    .pd-xl-b-6-f {
        padding-bottom: 6px !important;
    }

    .pd-xl-l-6-f {
        padding-left: 6px !important;
    }

    .pd-xl-7 {
        padding: 7px;
    }

    .pd-xl-7-f {
        padding: 7px !important;
    }

    .pd-xl-y-7 {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .pd-xl-y-7-f {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .pd-xl-x-7 {
        padding-left: 7px;
        padding-right: 7px;
    }

    .pd-xl-x-7-f {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .pd-xl-t-7 {
        padding-top: 7px;
    }

    .pd-xl-r-7 {
        padding-right: 7px;
    }

    .pd-xl-b-7 {
        padding-bottom: 7px;
    }

    .pd-xl-l-7 {
        padding-left: 7px;
    }

    .pd-xl-t-7-f {
        padding-top: 7px !important;
    }

    .pd-xl-r-7-f {
        padding-right: 7px !important;
    }

    .pd-xl-b-7-f {
        padding-bottom: 7px !important;
    }

    .pd-xl-l-7-f {
        padding-left: 7px !important;
    }

    .pd-xl-8 {
        padding: 8px;
    }

    .pd-xl-8-f {
        padding: 8px !important;
    }

    .pd-xl-y-8 {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .pd-xl-y-8-f {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .pd-xl-x-8 {
        padding-left: 8px;
        padding-right: 8px;
    }

    .pd-xl-x-8-f {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .pd-xl-t-8 {
        padding-top: 8px;
    }

    .pd-xl-r-8 {
        padding-right: 8px;
    }

    .pd-xl-b-8 {
        padding-bottom: 8px;
    }

    .pd-xl-l-8 {
        padding-left: 8px;
    }

    .pd-xl-t-8-f {
        padding-top: 8px !important;
    }

    .pd-xl-r-8-f {
        padding-right: 8px !important;
    }

    .pd-xl-b-8-f {
        padding-bottom: 8px !important;
    }

    .pd-xl-l-8-f {
        padding-left: 8px !important;
    }

    .pd-xl-9 {
        padding: 9px;
    }

    .pd-xl-9-f {
        padding: 9px !important;
    }

    .pd-xl-y-9 {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .pd-xl-y-9-f {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    .pd-xl-x-9 {
        padding-left: 9px;
        padding-right: 9px;
    }

    .pd-xl-x-9-f {
        padding-left: 9px !important;
        padding-right: 9px !important;
    }

    .pd-xl-t-9 {
        padding-top: 9px;
    }

    .pd-xl-r-9 {
        padding-right: 9px;
    }

    .pd-xl-b-9 {
        padding-bottom: 9px;
    }

    .pd-xl-l-9 {
        padding-left: 9px;
    }

    .pd-xl-t-9-f {
        padding-top: 9px !important;
    }

    .pd-xl-r-9-f {
        padding-right: 9px !important;
    }

    .pd-xl-b-9-f {
        padding-bottom: 9px !important;
    }

    .pd-xl-l-9-f {
        padding-left: 9px !important;
    }

    .pd-xl-10 {
        padding: 10px;
    }

    .pd-xl-10-f {
        padding: 10px !important;
    }

    .pd-xl-y-10 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .pd-xl-y-10-f {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .pd-xl-x-10 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .pd-xl-x-10-f {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .pd-xl-t-10 {
        padding-top: 10px;
    }

    .pd-xl-r-10 {
        padding-right: 10px;
    }

    .pd-xl-b-10 {
        padding-bottom: 10px;
    }

    .pd-xl-l-10 {
        padding-left: 10px;
    }

    .pd-xl-t-10-f {
        padding-top: 10px !important;
    }

    .pd-xl-r-10-f {
        padding-right: 10px !important;
    }

    .pd-xl-b-10-f {
        padding-bottom: 10px !important;
    }

    .pd-xl-l-10-f {
        padding-left: 10px !important;
    }

    .pd-xl-15 {
        padding: 15px;
    }

    .pd-xl-15-f {
        padding: 15px !important;
    }

    .pd-xl-y-15 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .pd-xl-y-15-f {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .pd-xl-x-15 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pd-xl-x-15-f {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .pd-xl-t-15 {
        padding-top: 15px;
    }

    .pd-xl-r-15 {
        padding-right: 15px;
    }

    .pd-xl-b-15 {
        padding-bottom: 15px;
    }

    .pd-xl-l-15 {
        padding-left: 15px;
    }

    .pd-xl-t-15-f {
        padding-top: 15px !important;
    }

    .pd-xl-r-15-f {
        padding-right: 15px !important;
    }

    .pd-xl-b-15-f {
        padding-bottom: 15px !important;
    }

    .pd-xl-l-15-f {
        padding-left: 15px !important;
    }

    .pd-xl-20 {
        padding: 20px;
    }

    .pd-xl-20-f {
        padding: 20px !important;
    }

    .pd-xl-y-20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .pd-xl-y-20-f {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .pd-xl-x-20 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pd-xl-x-20-f {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .pd-xl-t-20 {
        padding-top: 20px;
    }

    .pd-xl-r-20 {
        padding-right: 20px;
    }

    .pd-xl-b-20 {
        padding-bottom: 20px;
    }

    .pd-xl-l-20 {
        padding-left: 20px;
    }

    .pd-xl-t-20-f {
        padding-top: 20px !important;
    }

    .pd-xl-r-20-f {
        padding-right: 20px !important;
    }

    .pd-xl-b-20-f {
        padding-bottom: 20px !important;
    }

    .pd-xl-l-20-f {
        padding-left: 20px !important;
    }

    .pd-xl-25 {
        padding: 25px;
    }

    .pd-xl-25-f {
        padding: 25px !important;
    }

    .pd-xl-y-25 {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .pd-xl-y-25-f {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    .pd-xl-x-25 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .pd-xl-x-25-f {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .pd-xl-t-25 {
        padding-top: 25px;
    }

    .pd-xl-r-25 {
        padding-right: 25px;
    }

    .pd-xl-b-25 {
        padding-bottom: 25px;
    }

    .pd-xl-l-25 {
        padding-left: 25px;
    }

    .pd-xl-t-25-f {
        padding-top: 25px !important;
    }

    .pd-xl-r-25-f {
        padding-right: 25px !important;
    }

    .pd-xl-b-25-f {
        padding-bottom: 25px !important;
    }

    .pd-xl-l-25-f {
        padding-left: 25px !important;
    }

    .pd-xl-30 {
        padding: 30px;
    }

    .pd-xl-30-f {
        padding: 30px !important;
    }

    .pd-xl-y-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .pd-xl-y-30-f {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .pd-xl-x-30 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .pd-xl-x-30-f {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .pd-xl-t-30 {
        padding-top: 30px;
    }

    .pd-xl-r-30 {
        padding-right: 30px;
    }

    .pd-xl-b-30 {
        padding-bottom: 30px;
    }

    .pd-xl-l-30 {
        padding-left: 30px;
    }

    .pd-xl-t-30-f {
        padding-top: 30px !important;
    }

    .pd-xl-r-30-f {
        padding-right: 30px !important;
    }

    .pd-xl-b-30-f {
        padding-bottom: 30px !important;
    }

    .pd-xl-l-30-f {
        padding-left: 30px !important;
    }

    .pd-xl-35 {
        padding: 35px;
    }

    .pd-xl-35-f {
        padding: 35px !important;
    }

    .pd-xl-y-35 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .pd-xl-y-35-f {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }

    .pd-xl-x-35 {
        padding-left: 35px;
        padding-right: 35px;
    }

    .pd-xl-x-35-f {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }

    .pd-xl-t-35 {
        padding-top: 35px;
    }

    .pd-xl-r-35 {
        padding-right: 35px;
    }

    .pd-xl-b-35 {
        padding-bottom: 35px;
    }

    .pd-xl-l-35 {
        padding-left: 35px;
    }

    .pd-xl-t-35-f {
        padding-top: 35px !important;
    }

    .pd-xl-r-35-f {
        padding-right: 35px !important;
    }

    .pd-xl-b-35-f {
        padding-bottom: 35px !important;
    }

    .pd-xl-l-35-f {
        padding-left: 35px !important;
    }

    .pd-xl-40 {
        padding: 40px;
    }

    .pd-xl-40-f {
        padding: 40px !important;
    }

    .pd-xl-y-40 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .pd-xl-y-40-f {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .pd-xl-x-40 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .pd-xl-x-40-f {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .pd-xl-t-40 {
        padding-top: 40px;
    }

    .pd-xl-r-40 {
        padding-right: 40px;
    }

    .pd-xl-b-40 {
        padding-bottom: 40px;
    }

    .pd-xl-l-40 {
        padding-left: 40px;
    }

    .pd-xl-t-40-f {
        padding-top: 40px !important;
    }

    .pd-xl-r-40-f {
        padding-right: 40px !important;
    }

    .pd-xl-b-40-f {
        padding-bottom: 40px !important;
    }

    .pd-xl-l-40-f {
        padding-left: 40px !important;
    }

    .pd-xl-45 {
        padding: 45px;
    }

    .pd-xl-45-f {
        padding: 45px !important;
    }

    .pd-xl-y-45 {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .pd-xl-y-45-f {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }

    .pd-xl-x-45 {
        padding-left: 45px;
        padding-right: 45px;
    }

    .pd-xl-x-45-f {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }

    .pd-xl-t-45 {
        padding-top: 45px;
    }

    .pd-xl-r-45 {
        padding-right: 45px;
    }

    .pd-xl-b-45 {
        padding-bottom: 45px;
    }

    .pd-xl-l-45 {
        padding-left: 45px;
    }

    .pd-xl-t-45-f {
        padding-top: 45px !important;
    }

    .pd-xl-r-45-f {
        padding-right: 45px !important;
    }

    .pd-xl-b-45-f {
        padding-bottom: 45px !important;
    }

    .pd-xl-l-45-f {
        padding-left: 45px !important;
    }

    .pd-xl-50 {
        padding: 50px;
    }

    .pd-xl-50-f {
        padding: 50px !important;
    }

    .pd-xl-y-50 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .pd-xl-y-50-f {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .pd-xl-x-50 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .pd-xl-x-50-f {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    .pd-xl-t-50 {
        padding-top: 50px;
    }

    .pd-xl-r-50 {
        padding-right: 50px;
    }

    .pd-xl-b-50 {
        padding-bottom: 50px;
    }

    .pd-xl-l-50 {
        padding-left: 50px;
    }

    .pd-xl-t-50-f {
        padding-top: 50px !important;
    }

    .pd-xl-r-50-f {
        padding-right: 50px !important;
    }

    .pd-xl-b-50-f {
        padding-bottom: 50px !important;
    }

    .pd-xl-l-50-f {
        padding-left: 50px !important;
    }

    .pd-xl-55 {
        padding: 55px;
    }

    .pd-xl-55-f {
        padding: 55px !important;
    }

    .pd-xl-y-55 {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .pd-xl-y-55-f {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }

    .pd-xl-x-55 {
        padding-left: 55px;
        padding-right: 55px;
    }

    .pd-xl-x-55-f {
        padding-left: 55px !important;
        padding-right: 55px !important;
    }

    .pd-xl-t-55 {
        padding-top: 55px;
    }

    .pd-xl-r-55 {
        padding-right: 55px;
    }

    .pd-xl-b-55 {
        padding-bottom: 55px;
    }

    .pd-xl-l-55 {
        padding-left: 55px;
    }

    .pd-xl-t-55-f {
        padding-top: 55px !important;
    }

    .pd-xl-r-55-f {
        padding-right: 55px !important;
    }

    .pd-xl-b-55-f {
        padding-bottom: 55px !important;
    }

    .pd-xl-l-55-f {
        padding-left: 55px !important;
    }

    .pd-xl-60 {
        padding: 60px;
    }

    .pd-xl-60-f {
        padding: 60px !important;
    }

    .pd-xl-y-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pd-xl-y-60-f {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .pd-xl-x-60 {
        padding-left: 60px;
        padding-right: 60px;
    }

    .pd-xl-x-60-f {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }

    .pd-xl-t-60 {
        padding-top: 60px;
    }

    .pd-xl-r-60 {
        padding-right: 60px;
    }

    .pd-xl-b-60 {
        padding-bottom: 60px;
    }

    .pd-xl-l-60 {
        padding-left: 60px;
    }

    .pd-xl-t-60-f {
        padding-top: 60px !important;
    }

    .pd-xl-r-60-f {
        padding-right: 60px !important;
    }

    .pd-xl-b-60-f {
        padding-bottom: 60px !important;
    }

    .pd-xl-l-60-f {
        padding-left: 60px !important;
    }

    .pd-xl-65 {
        padding: 65px;
    }

    .pd-xl-65-f {
        padding: 65px !important;
    }

    .pd-xl-y-65 {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .pd-xl-y-65-f {
        padding-top: 65px !important;
        padding-bottom: 65px !important;
    }

    .pd-xl-x-65 {
        padding-left: 65px;
        padding-right: 65px;
    }

    .pd-xl-x-65-f {
        padding-left: 65px !important;
        padding-right: 65px !important;
    }

    .pd-xl-t-65 {
        padding-top: 65px;
    }

    .pd-xl-r-65 {
        padding-right: 65px;
    }

    .pd-xl-b-65 {
        padding-bottom: 65px;
    }

    .pd-xl-l-65 {
        padding-left: 65px;
    }

    .pd-xl-t-65-f {
        padding-top: 65px !important;
    }

    .pd-xl-r-65-f {
        padding-right: 65px !important;
    }

    .pd-xl-b-65-f {
        padding-bottom: 65px !important;
    }

    .pd-xl-l-65-f {
        padding-left: 65px !important;
    }

    .pd-xl-70 {
        padding: 70px;
    }

    .pd-xl-70-f {
        padding: 70px !important;
    }

    .pd-xl-y-70 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .pd-xl-y-70-f {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }

    .pd-xl-x-70 {
        padding-left: 70px;
        padding-right: 70px;
    }

    .pd-xl-x-70-f {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }

    .pd-xl-t-70 {
        padding-top: 70px;
    }

    .pd-xl-r-70 {
        padding-right: 70px;
    }

    .pd-xl-b-70 {
        padding-bottom: 70px;
    }

    .pd-xl-l-70 {
        padding-left: 70px;
    }

    .pd-xl-t-70-f {
        padding-top: 70px !important;
    }

    .pd-xl-r-70-f {
        padding-right: 70px !important;
    }

    .pd-xl-b-70-f {
        padding-bottom: 70px !important;
    }

    .pd-xl-l-70-f {
        padding-left: 70px !important;
    }

    .pd-xl-75 {
        padding: 75px;
    }

    .pd-xl-75-f {
        padding: 75px !important;
    }

    .pd-xl-y-75 {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .pd-xl-y-75-f {
        padding-top: 75px !important;
        padding-bottom: 75px !important;
    }

    .pd-xl-x-75 {
        padding-left: 75px;
        padding-right: 75px;
    }

    .pd-xl-x-75-f {
        padding-left: 75px !important;
        padding-right: 75px !important;
    }

    .pd-xl-t-75 {
        padding-top: 75px;
    }

    .pd-xl-r-75 {
        padding-right: 75px;
    }

    .pd-xl-b-75 {
        padding-bottom: 75px;
    }

    .pd-xl-l-75 {
        padding-left: 75px;
    }

    .pd-xl-t-75-f {
        padding-top: 75px !important;
    }

    .pd-xl-r-75-f {
        padding-right: 75px !important;
    }

    .pd-xl-b-75-f {
        padding-bottom: 75px !important;
    }

    .pd-xl-l-75-f {
        padding-left: 75px !important;
    }

    .pd-xl-80 {
        padding: 80px;
    }

    .pd-xl-80-f {
        padding: 80px !important;
    }

    .pd-xl-y-80 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .pd-xl-y-80-f {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .pd-xl-x-80 {
        padding-left: 80px;
        padding-right: 80px;
    }

    .pd-xl-x-80-f {
        padding-left: 80px !important;
        padding-right: 80px !important;
    }

    .pd-xl-t-80 {
        padding-top: 80px;
    }

    .pd-xl-r-80 {
        padding-right: 80px;
    }

    .pd-xl-b-80 {
        padding-bottom: 80px;
    }

    .pd-xl-l-80 {
        padding-left: 80px;
    }

    .pd-xl-t-80-f {
        padding-top: 80px !important;
    }

    .pd-xl-r-80-f {
        padding-right: 80px !important;
    }

    .pd-xl-b-80-f {
        padding-bottom: 80px !important;
    }

    .pd-xl-l-80-f {
        padding-left: 80px !important;
    }

    .pd-xl-85 {
        padding: 85px;
    }

    .pd-xl-85-f {
        padding: 85px !important;
    }

    .pd-xl-y-85 {
        padding-top: 85px;
        padding-bottom: 85px;
    }

    .pd-xl-y-85-f {
        padding-top: 85px !important;
        padding-bottom: 85px !important;
    }

    .pd-xl-x-85 {
        padding-left: 85px;
        padding-right: 85px;
    }

    .pd-xl-x-85-f {
        padding-left: 85px !important;
        padding-right: 85px !important;
    }

    .pd-xl-t-85 {
        padding-top: 85px;
    }

    .pd-xl-r-85 {
        padding-right: 85px;
    }

    .pd-xl-b-85 {
        padding-bottom: 85px;
    }

    .pd-xl-l-85 {
        padding-left: 85px;
    }

    .pd-xl-t-85-f {
        padding-top: 85px !important;
    }

    .pd-xl-r-85-f {
        padding-right: 85px !important;
    }

    .pd-xl-b-85-f {
        padding-bottom: 85px !important;
    }

    .pd-xl-l-85-f {
        padding-left: 85px !important;
    }

    .pd-xl-90 {
        padding: 90px;
    }

    .pd-xl-90-f {
        padding: 90px !important;
    }

    .pd-xl-y-90 {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .pd-xl-y-90-f {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }

    .pd-xl-x-90 {
        padding-left: 90px;
        padding-right: 90px;
    }

    .pd-xl-x-90-f {
        padding-left: 90px !important;
        padding-right: 90px !important;
    }

    .pd-xl-t-90 {
        padding-top: 90px;
    }

    .pd-xl-r-90 {
        padding-right: 90px;
    }

    .pd-xl-b-90 {
        padding-bottom: 90px;
    }

    .pd-xl-l-90 {
        padding-left: 90px;
    }

    .pd-xl-t-90-f {
        padding-top: 90px !important;
    }

    .pd-xl-r-90-f {
        padding-right: 90px !important;
    }

    .pd-xl-b-90-f {
        padding-bottom: 90px !important;
    }

    .pd-xl-l-90-f {
        padding-left: 90px !important;
    }

    .pd-xl-95 {
        padding: 95px;
    }

    .pd-xl-95-f {
        padding: 95px !important;
    }

    .pd-xl-y-95 {
        padding-top: 95px;
        padding-bottom: 95px;
    }

    .pd-xl-y-95-f {
        padding-top: 95px !important;
        padding-bottom: 95px !important;
    }

    .pd-xl-x-95 {
        padding-left: 95px;
        padding-right: 95px;
    }

    .pd-xl-x-95-f {
        padding-left: 95px !important;
        padding-right: 95px !important;
    }

    .pd-xl-t-95 {
        padding-top: 95px;
    }

    .pd-xl-r-95 {
        padding-right: 95px;
    }

    .pd-xl-b-95 {
        padding-bottom: 95px;
    }

    .pd-xl-l-95 {
        padding-left: 95px;
    }

    .pd-xl-t-95-f {
        padding-top: 95px !important;
    }

    .pd-xl-r-95-f {
        padding-right: 95px !important;
    }

    .pd-xl-b-95-f {
        padding-bottom: 95px !important;
    }

    .pd-xl-l-95-f {
        padding-left: 95px !important;
    }

    .pd-xl-100 {
        padding: 100px;
    }

    .pd-xl-100-f {
        padding: 100px !important;
    }

    .pd-xl-y-100 {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .pd-xl-y-100-f {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

    .pd-xl-x-100 {
        padding-left: 100px;
        padding-right: 100px;
    }

    .pd-xl-x-100-f {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }

    .pd-xl-t-100 {
        padding-top: 100px;
    }

    .pd-xl-r-100 {
        padding-right: 100px;
    }

    .pd-xl-b-100 {
        padding-bottom: 100px;
    }

    .pd-xl-l-100 {
        padding-left: 100px;
    }

    .pd-xl-t-100-f {
        padding-top: 100px !important;
    }

    .pd-xl-r-100-f {
        padding-right: 100px !important;
    }

    .pd-xl-b-100-f {
        padding-bottom: 100px !important;
    }

    .pd-xl-l-100-f {
        padding-left: 100px !important;
    }

    .pd-xl-110 {
        padding: 110px;
    }

    .pd-xl-110-f {
        padding: 110px !important;
    }

    .pd-xl-y-110 {
        padding-top: 110px;
        padding-bottom: 110px;
    }

    .pd-xl-y-110-f {
        padding-top: 110px !important;
        padding-bottom: 110px !important;
    }

    .pd-xl-x-110 {
        padding-left: 110px;
        padding-right: 110px;
    }

    .pd-xl-x-110-f {
        padding-left: 110px !important;
        padding-right: 110px !important;
    }

    .pd-xl-t-110 {
        padding-top: 110px;
    }

    .pd-xl-r-110 {
        padding-right: 110px;
    }

    .pd-xl-b-110 {
        padding-bottom: 110px;
    }

    .pd-xl-l-110 {
        padding-left: 110px;
    }

    .pd-xl-t-110-f {
        padding-top: 110px !important;
    }

    .pd-xl-r-110-f {
        padding-right: 110px !important;
    }

    .pd-xl-b-110-f {
        padding-bottom: 110px !important;
    }

    .pd-xl-l-110-f {
        padding-left: 110px !important;
    }

    .pd-xl-120 {
        padding: 120px;
    }

    .pd-xl-120-f {
        padding: 120px !important;
    }

    .pd-xl-y-120 {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .pd-xl-y-120-f {
        padding-top: 120px !important;
        padding-bottom: 120px !important;
    }

    .pd-xl-x-120 {
        padding-left: 120px;
        padding-right: 120px;
    }

    .pd-xl-x-120-f {
        padding-left: 120px !important;
        padding-right: 120px !important;
    }

    .pd-xl-t-120 {
        padding-top: 120px;
    }

    .pd-xl-r-120 {
        padding-right: 120px;
    }

    .pd-xl-b-120 {
        padding-bottom: 120px;
    }

    .pd-xl-l-120 {
        padding-left: 120px;
    }

    .pd-xl-t-120-f {
        padding-top: 120px !important;
    }

    .pd-xl-r-120-f {
        padding-right: 120px !important;
    }

    .pd-xl-b-120-f {
        padding-bottom: 120px !important;
    }

    .pd-xl-l-120-f {
        padding-left: 120px !important;
    }

    .pd-xl-130 {
        padding: 130px;
    }

    .pd-xl-130-f {
        padding: 130px !important;
    }

    .pd-xl-y-130 {
        padding-top: 130px;
        padding-bottom: 130px;
    }

    .pd-xl-y-130-f {
        padding-top: 130px !important;
        padding-bottom: 130px !important;
    }

    .pd-xl-x-130 {
        padding-left: 130px;
        padding-right: 130px;
    }

    .pd-xl-x-130-f {
        padding-left: 130px !important;
        padding-right: 130px !important;
    }

    .pd-xl-t-130 {
        padding-top: 130px;
    }

    .pd-xl-r-130 {
        padding-right: 130px;
    }

    .pd-xl-b-130 {
        padding-bottom: 130px;
    }

    .pd-xl-l-130 {
        padding-left: 130px;
    }

    .pd-xl-t-130-f {
        padding-top: 130px !important;
    }

    .pd-xl-r-130-f {
        padding-right: 130px !important;
    }

    .pd-xl-b-130-f {
        padding-bottom: 130px !important;
    }

    .pd-xl-l-130-f {
        padding-left: 130px !important;
    }

    .pd-xl-140 {
        padding: 140px;
    }

    .pd-xl-140-f {
        padding: 140px !important;
    }

    .pd-xl-y-140 {
        padding-top: 140px;
        padding-bottom: 140px;
    }

    .pd-xl-y-140-f {
        padding-top: 140px !important;
        padding-bottom: 140px !important;
    }

    .pd-xl-x-140 {
        padding-left: 140px;
        padding-right: 140px;
    }

    .pd-xl-x-140-f {
        padding-left: 140px !important;
        padding-right: 140px !important;
    }

    .pd-xl-t-140 {
        padding-top: 140px;
    }

    .pd-xl-r-140 {
        padding-right: 140px;
    }

    .pd-xl-b-140 {
        padding-bottom: 140px;
    }

    .pd-xl-l-140 {
        padding-left: 140px;
    }

    .pd-xl-t-140-f {
        padding-top: 140px !important;
    }

    .pd-xl-r-140-f {
        padding-right: 140px !important;
    }

    .pd-xl-b-140-f {
        padding-bottom: 140px !important;
    }

    .pd-xl-l-140-f {
        padding-left: 140px !important;
    }

    .pd-xl-150 {
        padding: 150px;
    }

    .pd-xl-150-f {
        padding: 150px !important;
    }

    .pd-xl-y-150 {
        padding-top: 150px;
        padding-bottom: 150px;
    }

    .pd-xl-y-150-f {
        padding-top: 150px !important;
        padding-bottom: 150px !important;
    }

    .pd-xl-x-150 {
        padding-left: 150px;
        padding-right: 150px;
    }

    .pd-xl-x-150-f {
        padding-left: 150px !important;
        padding-right: 150px !important;
    }

    .pd-xl-t-150 {
        padding-top: 150px;
    }

    .pd-xl-r-150 {
        padding-right: 150px;
    }

    .pd-xl-b-150 {
        padding-bottom: 150px;
    }

    .pd-xl-l-150 {
        padding-left: 150px;
    }

    .pd-xl-t-150-f {
        padding-top: 150px !important;
    }

    .pd-xl-r-150-f {
        padding-right: 150px !important;
    }

    .pd-xl-b-150-f {
        padding-bottom: 150px !important;
    }

    .pd-xl-l-150-f {
        padding-left: 150px !important;
    }

    .pd-xl-160 {
        padding: 160px;
    }

    .pd-xl-160-f {
        padding: 160px !important;
    }

    .pd-xl-y-160 {
        padding-top: 160px;
        padding-bottom: 160px;
    }

    .pd-xl-y-160-f {
        padding-top: 160px !important;
        padding-bottom: 160px !important;
    }

    .pd-xl-x-160 {
        padding-left: 160px;
        padding-right: 160px;
    }

    .pd-xl-x-160-f {
        padding-left: 160px !important;
        padding-right: 160px !important;
    }

    .pd-xl-t-160 {
        padding-top: 160px;
    }

    .pd-xl-r-160 {
        padding-right: 160px;
    }

    .pd-xl-b-160 {
        padding-bottom: 160px;
    }

    .pd-xl-l-160 {
        padding-left: 160px;
    }

    .pd-xl-t-160-f {
        padding-top: 160px !important;
    }

    .pd-xl-r-160-f {
        padding-right: 160px !important;
    }

    .pd-xl-b-160-f {
        padding-bottom: 160px !important;
    }

    .pd-xl-l-160-f {
        padding-left: 160px !important;
    }

    .pd-xl-170 {
        padding: 170px;
    }

    .pd-xl-170-f {
        padding: 170px !important;
    }

    .pd-xl-y-170 {
        padding-top: 170px;
        padding-bottom: 170px;
    }

    .pd-xl-y-170-f {
        padding-top: 170px !important;
        padding-bottom: 170px !important;
    }

    .pd-xl-x-170 {
        padding-left: 170px;
        padding-right: 170px;
    }

    .pd-xl-x-170-f {
        padding-left: 170px !important;
        padding-right: 170px !important;
    }

    .pd-xl-t-170 {
        padding-top: 170px;
    }

    .pd-xl-r-170 {
        padding-right: 170px;
    }

    .pd-xl-b-170 {
        padding-bottom: 170px;
    }

    .pd-xl-l-170 {
        padding-left: 170px;
    }

    .pd-xl-t-170-f {
        padding-top: 170px !important;
    }

    .pd-xl-r-170-f {
        padding-right: 170px !important;
    }

    .pd-xl-b-170-f {
        padding-bottom: 170px !important;
    }

    .pd-xl-l-170-f {
        padding-left: 170px !important;
    }

    .pd-xl-180 {
        padding: 180px;
    }

    .pd-xl-180-f {
        padding: 180px !important;
    }

    .pd-xl-y-180 {
        padding-top: 180px;
        padding-bottom: 180px;
    }

    .pd-xl-y-180-f {
        padding-top: 180px !important;
        padding-bottom: 180px !important;
    }

    .pd-xl-x-180 {
        padding-left: 180px;
        padding-right: 180px;
    }

    .pd-xl-x-180-f {
        padding-left: 180px !important;
        padding-right: 180px !important;
    }

    .pd-xl-t-180 {
        padding-top: 180px;
    }

    .pd-xl-r-180 {
        padding-right: 180px;
    }

    .pd-xl-b-180 {
        padding-bottom: 180px;
    }

    .pd-xl-l-180 {
        padding-left: 180px;
    }

    .pd-xl-t-180-f {
        padding-top: 180px !important;
    }

    .pd-xl-r-180-f {
        padding-right: 180px !important;
    }

    .pd-xl-b-180-f {
        padding-bottom: 180px !important;
    }

    .pd-xl-l-180-f {
        padding-left: 180px !important;
    }

    .pd-xl-190 {
        padding: 190px;
    }

    .pd-xl-190-f {
        padding: 190px !important;
    }

    .pd-xl-y-190 {
        padding-top: 190px;
        padding-bottom: 190px;
    }

    .pd-xl-y-190-f {
        padding-top: 190px !important;
        padding-bottom: 190px !important;
    }

    .pd-xl-x-190 {
        padding-left: 190px;
        padding-right: 190px;
    }

    .pd-xl-x-190-f {
        padding-left: 190px !important;
        padding-right: 190px !important;
    }

    .pd-xl-t-190 {
        padding-top: 190px;
    }

    .pd-xl-r-190 {
        padding-right: 190px;
    }

    .pd-xl-b-190 {
        padding-bottom: 190px;
    }

    .pd-xl-l-190 {
        padding-left: 190px;
    }

    .pd-xl-t-190-f {
        padding-top: 190px !important;
    }

    .pd-xl-r-190-f {
        padding-right: 190px !important;
    }

    .pd-xl-b-190-f {
        padding-bottom: 190px !important;
    }

    .pd-xl-l-190-f {
        padding-left: 190px !important;
    }

    .pd-xl-200 {
        padding: 200px;
    }

    .pd-xl-200-f {
        padding: 200px !important;
    }

    .pd-xl-y-200 {
        padding-top: 200px;
        padding-bottom: 200px;
    }

    .pd-xl-y-200-f {
        padding-top: 200px !important;
        padding-bottom: 200px !important;
    }

    .pd-xl-x-200 {
        padding-left: 200px;
        padding-right: 200px;
    }

    .pd-xl-x-200-f {
        padding-left: 200px !important;
        padding-right: 200px !important;
    }

    .pd-xl-t-200 {
        padding-top: 200px;
    }

    .pd-xl-r-200 {
        padding-right: 200px;
    }

    .pd-xl-b-200 {
        padding-bottom: 200px;
    }

    .pd-xl-l-200 {
        padding-left: 200px;
    }

    .pd-xl-t-200-f {
        padding-top: 200px !important;
    }

    .pd-xl-r-200-f {
        padding-right: 200px !important;
    }

    .pd-xl-b-200-f {
        padding-bottom: 200px !important;
    }

    .pd-xl-l-200-f {
        padding-left: 200px !important;
    }
}

.pd-12 {
    padding: 12px;
}

.pd-12-f {
    padding: 12px !important;
}

.pd-y-12 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.pd-y-12-f {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.pd-x-12 {
    padding-left: 12px;
    padding-right: 12px;
}

.pd-x-12-f {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.pd-t-12 {
    padding-top: 12px;
}

.pd-r-12 {
    padding-right: 12px;
}

.pd-b-12 {
    padding-bottom: 12px;
}

.pd-l-12 {
    padding-left: 12px;
}

.pd-t-12-f {
    padding-top: 12px !important;
}

.pd-r-12-f {
    padding-right: 12px !important;
}

.pd-b-12-f {
    padding-bottom: 12px !important;
}

.pd-l-12-f {
    padding-left: 12px !important;
}

.pd-13 {
    padding: 13px;
}

.pd-13-f {
    padding: 13px !important;
}

.pd-y-13 {
    padding-top: 13px;
    padding-bottom: 13px;
}

.pd-y-13-f {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.pd-x-13 {
    padding-left: 13px;
    padding-right: 13px;
}

.pd-x-13-f {
    padding-left: 13px !important;
    padding-right: 13px !important;
}

.pd-t-13 {
    padding-top: 13px;
}

.pd-r-13 {
    padding-right: 13px;
}

.pd-b-13 {
    padding-bottom: 13px;
}

.pd-l-13 {
    padding-left: 13px;
}

.pd-t-13-f {
    padding-top: 13px !important;
}

.pd-r-13-f {
    padding-right: 13px !important;
}

.pd-b-13-f {
    padding-bottom: 13px !important;
}

.pd-l-13-f {
    padding-left: 13px !important;
}

/* ###### 9.7 Position   ###### */
.pos-absolute {
    position: absolute;
}

.pos-relative {
    position: relative;
}

.pos-fixed {
    position: fixed;
}

.pos-static {
    position: static;
}

.pos-absolute-f {
    position: absolute !important;
}

.pos-relative-f {
    position: relative !important;
}

.pos-fixed-f {
    position: fixed !important;
}

.pos-static-f {
    position: static !important;
}

.t-0 {
    top: 0px;
}

.r-0 {
    right: 0px;
}

.b-0 {
    bottom: 0px;
}

.l-0 {
    left: 0px;
}

.t--0 {
    top: -0px;
}

.r--0 {
    right: -0px;
}

.b--0 {
    bottom: -0px;
}

.l--0 {
    left: -0px;
}

.a-0 {
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.x-0,
.y-0 {
    left: 0px;
    right: 0px;
}

.t-5 {
    top: 5px;
}

.r-5 {
    right: 5px;
}

.b-5 {
    bottom: 5px;
}

.l-5 {
    left: 5px;
}

.t--5 {
    top: -5px;
}

.r--5 {
    right: -5px;
}

.b--5 {
    bottom: -5px;
}

.l--5 {
    left: -5px;
}

.a-5 {
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
}

.x-5,
.y-5 {
    left: 5px;
    right: 5px;
}

.t-10 {
    top: 10px;
}

.r-10 {
    right: 10px;
}

.b-10 {
    bottom: 10px;
}

.l-10 {
    left: 10px;
}

.t--10 {
    top: -10px;
}

.r--10 {
    right: -10px;
}

.b--10 {
    bottom: -10px;
}

.l--10 {
    left: -10px;
}

.a-10 {
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
}

.x-10,
.y-10 {
    left: 10px;
    right: 10px;
}

.t-15 {
    top: 15px;
}

.r-15 {
    right: 15px;
}

.b-15 {
    bottom: 15px;
}

.l-15 {
    left: 15px;
}

.t--15 {
    top: -15px;
}

.r--15 {
    right: -15px;
}

.b--15 {
    bottom: -15px;
}

.l--15 {
    left: -15px;
}

.a-15 {
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
}

.x-15,
.y-15 {
    left: 15px;
    right: 15px;
}

.t-20 {
    top: 20px;
}

.r-20 {
    right: 20px;
}

.b-20 {
    bottom: 20px;
}

.l-20 {
    left: 20px;
}

.t--20 {
    top: -20px;
}

.r--20 {
    right: -20px;
}

.b--20 {
    bottom: -20px;
}

.l--20 {
    left: -20px;
}

.a-20 {
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
}

.x-20,
.y-20 {
    left: 20px;
    right: 20px;
}

.t-25 {
    top: 25px;
}

.r-25 {
    right: 25px;
}

.b-25 {
    bottom: 25px;
}

.l-25 {
    left: 25px;
}

.t--25 {
    top: -25px;
}

.r--25 {
    right: -25px;
}

.b--25 {
    bottom: -25px;
}

.l--25 {
    left: -25px;
}

.a-25 {
    top: 25px;
    right: 25px;
    bottom: 25px;
    left: 25px;
}

.x-25,
.y-25 {
    left: 25px;
    right: 25px;
}

.t-30 {
    top: 30px;
}

.r-30 {
    right: 30px;
}

.b-30 {
    bottom: 30px;
}

.l-30 {
    left: 30px;
}

.t--30 {
    top: -30px;
}

.r--30 {
    right: -30px;
}

.b--30 {
    bottom: -30px;
}

.l--30 {
    left: -30px;
}

.a-30 {
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
}

.x-30,
.y-30 {
    left: 30px;
    right: 30px;
}

.t-35 {
    top: 35px;
}

.r-35 {
    right: 35px;
}

.b-35 {
    bottom: 35px;
}

.l-35 {
    left: 35px;
}

.t--35 {
    top: -35px;
}

.r--35 {
    right: -35px;
}

.b--35 {
    bottom: -35px;
}

.l--35 {
    left: -35px;
}

.a-35 {
    top: 35px;
    right: 35px;
    bottom: 35px;
    left: 35px;
}

.x-35,
.y-35 {
    left: 35px;
    right: 35px;
}

.t-40 {
    top: 40px;
}

.r-40 {
    right: 40px;
}

.b-40 {
    bottom: 40px;
}

.l-40 {
    left: 40px;
}

.t--40 {
    top: -40px;
}

.r--40 {
    right: -40px;
}

.b--40 {
    bottom: -40px;
}

.l--40 {
    left: -40px;
}

.a-40 {
    top: 40px;
    right: 40px;
    bottom: 40px;
    left: 40px;
}

.x-40,
.y-40 {
    left: 40px;
    right: 40px;
}

.t-45 {
    top: 45px;
}

.r-45 {
    right: 45px;
}

.b-45 {
    bottom: 45px;
}

.l-45 {
    left: 45px;
}

.t--45 {
    top: -45px;
}

.r--45 {
    right: -45px;
}

.b--45 {
    bottom: -45px;
}

.l--45 {
    left: -45px;
}

.a-45 {
    top: 45px;
    right: 45px;
    bottom: 45px;
    left: 45px;
}

.x-45,
.y-45 {
    left: 45px;
    right: 45px;
}

.t-50 {
    top: 50px;
}

.r-50 {
    right: 50px;
}

.b-50 {
    bottom: 50px;
}

.l-50 {
    left: 50px;
}

.t--50 {
    top: -50px;
}

.r--50 {
    right: -50px;
}

.b--50 {
    bottom: -50px;
}

.l--50 {
    left: -50px;
}

.a-50 {
    top: 50px;
    right: 50px;
    bottom: 50px;
    left: 50px;
}

.x-50,
.y-50 {
    left: 50px;
    right: 50px;
}

.t-55 {
    top: 55px;
}

.r-55 {
    right: 55px;
}

.b-55 {
    bottom: 55px;
}

.l-55 {
    left: 55px;
}

.t--55 {
    top: -55px;
}

.r--55 {
    right: -55px;
}

.b--55 {
    bottom: -55px;
}

.l--55 {
    left: -55px;
}

.a-55 {
    top: 55px;
    right: 55px;
    bottom: 55px;
    left: 55px;
}

.x-55,
.y-55 {
    left: 55px;
    right: 55px;
}

.t-60 {
    top: 60px;
}

.r-60 {
    right: 60px;
}

.b-60 {
    bottom: 60px;
}

.l-60 {
    left: 60px;
}

.t--60 {
    top: -60px;
}

.r--60 {
    right: -60px;
}

.b--60 {
    bottom: -60px;
}

.l--60 {
    left: -60px;
}

.a-60 {
    top: 60px;
    right: 60px;
    bottom: 60px;
    left: 60px;
}

.x-60,
.y-60 {
    left: 60px;
    right: 60px;
}

.t-65 {
    top: 65px;
}

.r-65 {
    right: 65px;
}

.b-65 {
    bottom: 65px;
}

.l-65 {
    left: 65px;
}

.t--65 {
    top: -65px;
}

.r--65 {
    right: -65px;
}

.b--65 {
    bottom: -65px;
}

.l--65 {
    left: -65px;
}

.a-65 {
    top: 65px;
    right: 65px;
    bottom: 65px;
    left: 65px;
}

.x-65,
.y-65 {
    left: 65px;
    right: 65px;
}

.t-70 {
    top: 70px;
}

.r-70 {
    right: 70px;
}

.b-70 {
    bottom: 70px;
}

.l-70 {
    left: 70px;
}

.t--70 {
    top: -70px;
}

.r--70 {
    right: -70px;
}

.b--70 {
    bottom: -70px;
}

.l--70 {
    left: -70px;
}

.a-70 {
    top: 70px;
    right: 70px;
    bottom: 70px;
    left: 70px;
}

.x-70,
.y-70 {
    left: 70px;
    right: 70px;
}

.t-75 {
    top: 75px;
}

.r-75 {
    right: 75px;
}

.b-75 {
    bottom: 75px;
}

.l-75 {
    left: 75px;
}

.t--75 {
    top: -75px;
}

.r--75 {
    right: -75px;
}

.b--75 {
    bottom: -75px;
}

.l--75 {
    left: -75px;
}

.a-75 {
    top: 75px;
    right: 75px;
    bottom: 75px;
    left: 75px;
}

.x-75,
.y-75 {
    left: 75px;
    right: 75px;
}

.t-80 {
    top: 80px;
}

.r-80 {
    right: 80px;
}

.b-80 {
    bottom: 80px;
}

.l-80 {
    left: 80px;
}

.t--80 {
    top: -80px;
}

.r--80 {
    right: -80px;
}

.b--80 {
    bottom: -80px;
}

.l--80 {
    left: -80px;
}

.a-80 {
    top: 80px;
    right: 80px;
    bottom: 80px;
    left: 80px;
}

.x-80,
.y-80 {
    left: 80px;
    right: 80px;
}

.t-85 {
    top: 85px;
}

.r-85 {
    right: 85px;
}

.b-85 {
    bottom: 85px;
}

.l-85 {
    left: 85px;
}

.t--85 {
    top: -85px;
}

.r--85 {
    right: -85px;
}

.b--85 {
    bottom: -85px;
}

.l--85 {
    left: -85px;
}

.a-85 {
    top: 85px;
    right: 85px;
    bottom: 85px;
    left: 85px;
}

.x-85,
.y-85 {
    left: 85px;
    right: 85px;
}

.t-90 {
    top: 90px;
}

.r-90 {
    right: 90px;
}

.b-90 {
    bottom: 90px;
}

.l-90 {
    left: 90px;
}

.t--90 {
    top: -90px;
}

.r--90 {
    right: -90px;
}

.b--90 {
    bottom: -90px;
}

.l--90 {
    left: -90px;
}

.a-90 {
    top: 90px;
    right: 90px;
    bottom: 90px;
    left: 90px;
}

.x-90,
.y-90 {
    left: 90px;
    right: 90px;
}

.t-95 {
    top: 95px;
}

.r-95 {
    right: 95px;
}

.b-95 {
    bottom: 95px;
}

.l-95 {
    left: 95px;
}

.t--95 {
    top: -95px;
}

.r--95 {
    right: -95px;
}

.b--95 {
    bottom: -95px;
}

.l--95 {
    left: -95px;
}

.a-95 {
    top: 95px;
    right: 95px;
    bottom: 95px;
    left: 95px;
}

.x-95,
.y-95 {
    left: 95px;
    right: 95px;
}

.t-100 {
    top: 100px;
}

.r-100 {
    right: 100px;
}

.b-100 {
    bottom: 100px;
}

.l-100 {
    left: 100px;
}

.t--100 {
    top: -100px;
}

.r--100 {
    right: -100px;
}

.b--100 {
    bottom: -100px;
}

.l--100 {
    left: -100px;
}

.a-100 {
    top: 100px;
    right: 100px;
    bottom: 100px;
    left: 100px;
}

.x-100,
.y-100 {
    left: 100px;
    right: 100px;
}

.t-2 {
    top: 2px;
}

.r--5 {
    right: -5px;
}

.z-index-0 {
    z-index: 0;
}

.z-index-10 {
    z-index: 10;
}

.z-index-50 {
    z-index: 50;
}

.z-index-100 {
    z-index: 100;
}

.z-index-150 {
    z-index: 150;
}

.z-index-200 {
    z-index: 200;
}

@media (min-width: 480px) {
    .pos-xs-absolute {
        position: absolute;
    }

    .pos-xs-relative {
        position: relative;
    }

    .pos-xs-fixed {
        position: fixed;
    }

    .pos-xs-static {
        position: static;
    }

    .t-xs-auto {
        top: auto;
    }

    .r-xs-auto {
        right: auto;
    }

    .b-xs-auto {
        bottom: auto;
    }

    .l-xs-auto {
        left: auto;
    }
}

@media (min-width: 576px) {
    .pos-sm-absolute {
        position: absolute;
    }

    .pos-sm-relative {
        position: relative;
    }

    .pos-sm-fixed {
        position: fixed;
    }

    .pos-sm-static {
        position: static;
    }

    .t-sm-auto {
        top: auto;
    }

    .r-sm-auto {
        right: auto;
    }

    .b-sm-auto {
        bottom: auto;
    }

    .l-sm-auto {
        left: auto;
    }
}

@media (min-width: 768px) {
    .pos-md-absolute {
        position: absolute;
    }

    .pos-md-relative {
        position: relative;
    }

    .pos-md-fixed {
        position: fixed;
    }

    .pos-md-static {
        position: static;
    }

    .t-md-auto {
        top: auto;
    }

    .r-md-auto {
        right: auto;
    }

    .b-md-auto {
        bottom: auto;
    }

    .l-md-auto {
        left: auto;
    }
}

@media (min-width: 992px) {
    .pos-lg-absolute {
        position: absolute;
    }

    .pos-lg-relative {
        position: relative;
    }

    .pos-lg-fixed {
        position: fixed;
    }

    .pos-lg-static {
        position: static;
    }

    .t-lg-auto {
        top: auto;
    }

    .r-lg-auto {
        right: auto;
    }

    .b-lg-auto {
        bottom: auto;
    }

    .l-lg-auto {
        left: auto;
    }
}

@media (min-width: 1200px) {
    .pos-xl-absolute {
        position: absolute;
    }

    .pos-xl-relative {
        position: relative;
    }

    .pos-xl-fixed {
        position: fixed;
    }

    .pos-xl-static {
        position: static;
    }

    .t-xl-auto {
        top: auto;
    }

    .r-xl-auto {
        right: auto;
    }

    .b-xl-auto {
        bottom: auto;
    }

    .l-xl-auto {
        left: auto;
    }
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: sticky !important;
}

/* ###### 9.8 Typography   ###### */
.tx-black {
    font-weight: 900;
}

.tx-bold {
    font-weight: 700;
}

.tx-semibold {
    font-weight: 600;
}

.tx-medium {
    font-weight: 500;
}

.tx-normal {
    font-weight: 400;
}

.tx-light {
    font-weight: 300;
}

.tx-thin {
    font-weight: 200;
}

.tx-xthin {
    font-weight: 100;
}

.tx-sserif {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.tx-roboto {
    font-family: 'Roboto', sans-serif;
}

.tx-white {
    color: #fff;
}

.tx-facebook {
    color: #3b5998;
}

.tx-pinterest {
    color: #cd2029;
}

.tx-google-plus {
    color: #d34836;
}

.tx-twitter {
    color: #429cd6;
}

.tx-black {
    color: #000;
}

.tx-primary {
    color: #C9A96E ;
}

.tx-success {
    color: #22c03c;
}

.tx-warning {
    color: #fbbc0b;
}

.tx-danger {
    color: #ee335e;
}

.tx-info {
    color: #00b9ff;
}

.tx-inverse {
    color: #242f48;
}

.tx-teal {
    color: #00cccc;
}

.tx-dark {
    color: #242f48;
}

.tx-indigo {
    color: #C9A96E ;
}

.tx-purple {
    color: #673ab7;
}

.tx-orange {
    color: #fd7e14;
}

.tx-pink {
    color: #f10075;
}

.tx-gray-100 {
    color: #ecf0fa;
}

.tx-gray-200 {
    color: #dde2ef;
}

.tx-gray-300 {
    color: #d0d7e8;
}

.tx-gray-400 {
    color: #b9c2d8;
}

.tx-gray-500 {
    color: #949eb7;
}

.tx-gray-600 {
    color: #737f9e;
}

.tx-gray-700 {
    color: #4d5875;
}

.tx-gray-800 {
    color: #364261;
}

.tx-gray-900 {
    color: #242f48;
}

.tx-white-2 {
    color: rgba(255, 255, 255, 0.2);
}

.tx-white-3 {
    color: rgba(255, 255, 255, 0.3);
}

.tx-white-4 {
    color: rgba(255, 255, 255, 0.4);
}

.tx-white-5 {
    color: rgba(255, 255, 255, 0.5);
}

.tx-white-6 {
    color: rgba(255, 255, 255, 0.6);
}

.tx-white-7 {
    color: rgba(255, 255, 255, 0.7);
}

.tx-white-8 {
    color: rgba(255, 255, 255, 0.8);
}

.tx-spacing-1 {
    letter-spacing: 0.5px;
}

.tx-spacing-2 {
    letter-spacing: 1px;
}

.tx-spacing-3 {
    letter-spacing: 1.5px;
}

.tx-spacing-4 {
    letter-spacing: 2px;
}

.tx-spacing-5 {
    letter-spacing: 2.5px;
}

.tx-spacing-6 {
    letter-spacing: 3px;
}

.tx-spacing-7 {
    letter-spacign: 3.5px;
}

.tx-spacing-8 {
    letter-spacing: 4px;
}

.tx-spacing--1 {
    letter-spacing: -0.5px;
}

.tx-spacing--2 {
    letter-spacing: -1px;
}

.tx-spacing--3 {
    letter-spacing: -1.5px;
}

.tx-spacing--4 {
    letter-spacing: -2px;
}

.tx-spacing--5 {
    letter-spacing: -2.5px;
}

.tx-spacing--6 {
    letter-spacing: -3px;
}

.tx-spacing--7 {
    letter-spacing: -3.5px;
}

.tx-spacing--8 {
    letter-spacing: -4px;
}

.tx-uppercase {
    text-transform: uppercase;
}

.tx-lowercase {
    text-transform: lowercase;
}

.tx-transform-none {
    text-transform: none;
}

.tx-center {
    text-align: center;
}

.tx-right {
    text-align: right;
}

.tx-left {
    text-align: left;
}

.tx-center-f {
    text-align: center !important;
}

.tx-right-f {
    text-align: right !important;
}

.tx-left-f {
    text-align: left !important;
}

.tx-italic {
    font-style: italic;
}

.tx-style-normal {
    font-style: normal;
}

.lh-base {
    line-height: 1.5;
}

.lh-normal {
    line-height: normal;
}

.lh-0 {
    line-height: 0;
}

.lh--1 {
    line-height: .1;
}

.lh--2 {
    line-height: .2;
}

.lh--3 {
    line-height: .3;
}

.lh--4 {
    line-height: .4;
}

.lh--5 {
    line-height: .5;
}

.lh--6 {
    line-height: .6;
}

.lh--7 {
    line-height: .7;
}

.lh--8 {
    line-height: .8;
}

.lh--9 {
    line-height: .9;
}

.lh-1 {
    line-height: 1.1;
}

.lh-2 {
    line-height: 1.2;
}

.lh-3 {
    line-height: 1.3;
}

.lh-4 {
    line-height: 1.4;
}

.lh-5 {
    line-height: 1.5;
}

.lh-6 {
    line-height: 1.6;
}

.lh-7 {
    line-height: 1.7;
}

.lh-8 {
    line-height: 1.8;
}

.lh-9 {
    line-height: 1.9;
}

.lh-10 {
    line-height: 2.0;
}

.lh-11 {
    line-height: 2.1;
}

.lh-12 {
    line-height: 2.2;
}

.lh-13 {
    line-height: 2.3;
}

.lh-14 {
    line-height: 2.4;
}

.lh-15 {
    line-height: 2.5;
}

.valign-top {
    vertical-align: top;
}

.valign-middle {
    vertical-align: middle;
}

.valign-bottom {
    vertical-align: baseline;
}

.valign-top-f {
    vertical-align: top !important;
}

.valign-middle-f {
    vertical-align: middle !important;
}

.valign-bottom-f {
    vertical-align: baseline !important;
}

.tx-base {
    font-size: 0.875rem;
}

.tx-8 {
    font-size: 8px;
}

.tx-8-f {
    font-size: 8px !important;
}

.tx-9 {
    font-size: 9px;
}

.tx-9-f {
    font-size: 9px !important;
}

.tx-10 {
    font-size: 10px;
}

.tx-10-f {
    font-size: 10px !important;
}

.tx-11 {
    font-size: 11px;
}

.tx-11-f {
    font-size: 11px !important;
}

.tx-12 {
    font-size: 12px;
}

.tx-12-f {
    font-size: 12px !important;
}

.tx-13 {
    font-size: 13px;
}

.tx-13-f {
    font-size: 13px !important;
}

.tx-14 {
    font-size: 14px;
}

.tx-14-f {
    font-size: 14px !important;
}

.tx-15 {
    font-size: 15px;
}

.tx-15-f {
    font-size: 15px !important;
}

.tx-16 {
    font-size: 16px;
}

.tx-16-f {
    font-size: 16px !important;
}

.tx-17 {
    font-size: 17px;
}

.tx-18 {
    font-size: 18px;
}

.tx-18-f {
    font-size: 18px !important;
}

.tx-20 {
    font-size: 20px !important;
}

.tx-20-f {
    font-size: 20px !important;
}

.tx-21 {
    font-size: 21px;
}

.tx-21-f {
    font-size: 21px !important;
}

.tx-22 {
    font-size: 22px;
}

.tx-22-f {
    font-size: 22px !important;
}

.tx-24 {
    font-size: 24px;
}

.tx-24-f {
    font-size: 24px !important;
}

.tx-26 {
    font-size: 26px;
}

.tx-26-f {
    font-size: 26px !important;
}

.tx-28 {
    font-size: 28px;
}

.tx-28-f {
    font-size: 28px !important;
}

.tx-30 {
    font-size: 30px;
}

.tx-30-f {
    font-size: 30px !important;
}

.tx-32 {
    font-size: 32px;
}

.tx-32-f {
    font-size: 32px !important;
}

.tx-34 {
    font-size: 34px;
}

.tx-34-f {
    font-size: 34px !important;
}

.tx-36 {
    font-size: 36px;
}

.tx-36-f {
    font-size: 36px !important;
}

.tx-38 {
    font-size: 38px;
}

.tx-38-f {
    font-size: 38px !important;
}

.tx-40 {
    font-size: 40px;
}

.tx-40-f {
    font-size: 40px !important;
}

.tx-42 {
    font-size: 42px;
}

.tx-42-f {
    font-size: 42px !important;
}

.tx-44 {
    font-size: 44px;
}

.tx-44-f {
    font-size: 44px !important;
}

.tx-46 {
    font-size: 46px;
}

.tx-46-f {
    font-size: 46px !important;
}

.tx-48 {
    font-size: 48px;
}

.tx-48-f {
    font-size: 48px !important;
}

.tx-50 {
    font-size: 50px;
}

.tx-50-f {
    font-size: 50px !important;
}

.tx-52 {
    font-size: 52px;
}

.tx-52-f {
    font-size: 52px !important;
}

.tx-54 {
    font-size: 54px;
}

.tx-54-f {
    font-size: 54px !important;
}

.tx-56 {
    font-size: 56px;
}

.tx-56-f {
    font-size: 56px !important;
}

.tx-58 {
    font-size: 58px;
}

.tx-58-f {
    font-size: 58px !important;
}

.tx-60 {
    font-size: 60px;
}

.tx-60-f {
    font-size: 60px !important;
}

.tx-62 {
    font-size: 62px;
}

.tx-62-f {
    font-size: 62px !important;
}

.tx-64 {
    font-size: 64px;
}

.tx-64-f {
    font-size: 64px !important;
}

.tx-66 {
    font-size: 66px;
}

.tx-66-f {
    font-size: 66px !important;
}

.tx-68 {
    font-size: 68px;
}

.tx-68-f {
    font-size: 68px !important;
}

.tx-70 {
    font-size: 70px;
}

.tx-70-f {
    font-size: 70px !important;
}

.tx-72 {
    font-size: 72px;
}

.tx-72-f {
    font-size: 72px !important;
}

.tx-74 {
    font-size: 74px;
}

.tx-74-f {
    font-size: 74px !important;
}

.tx-76 {
    font-size: 76px;
}

.tx-76-f {
    font-size: 76px !important;
}

.tx-78 {
    font-size: 78px;
}

.tx-78-f {
    font-size: 78px !important;
}

.tx-80 {
    font-size: 80px;
}

.tx-80-f {
    font-size: 80px !important;
}

.tx-82 {
    font-size: 82px;
}

.tx-82-f {
    font-size: 82px !important;
}

.tx-84 {
    font-size: 84px;
}

.tx-84-f {
    font-size: 84px !important;
}

.tx-86 {
    font-size: 86px;
}

.tx-86-f {
    font-size: 86px !important;
}

.tx-88 {
    font-size: 88px;
}

.tx-88-f {
    font-size: 88px !important;
}

.tx-90 {
    font-size: 90px;
}

.tx-90-f {
    font-size: 90px !important;
}

.tx-92 {
    font-size: 92px;
}

.tx-92-f {
    font-size: 92px !important;
}

.tx-94 {
    font-size: 94px;
}

.tx-94-f {
    font-size: 94px !important;
}

.tx-96 {
    font-size: 96px;
}

.tx-96-f {
    font-size: 96px !important;
}

.tx-98 {
    font-size: 98px;
}

.tx-98-f {
    font-size: 98px !important;
}

.tx-100 {
    font-size: 100px;
}

.tx-100-f {
    font-size: 100px !important;
}

.tx-102 {
    font-size: 102px;
}

.tx-102-f {
    font-size: 102px !important;
}

.tx-104 {
    font-size: 104px;
}

.tx-104-f {
    font-size: 104px !important;
}

.tx-106 {
    font-size: 106px;
}

.tx-106-f {
    font-size: 106px !important;
}

.tx-108 {
    font-size: 108px;
}

.tx-108-f {
    font-size: 108px !important;
}

.tx-110 {
    font-size: 110px;
}

.tx-110-f {
    font-size: 110px !important;
}

.tx-112 {
    font-size: 112px;
}

.tx-112-f {
    font-size: 112px !important;
}

.tx-114 {
    font-size: 114px;
}

.tx-114-f {
    font-size: 114px !important;
}

.tx-116 {
    font-size: 116px;
}

.tx-116-f {
    font-size: 116px !important;
}

.tx-118 {
    font-size: 118px;
}

.tx-118-f {
    font-size: 118px !important;
}

.tx-120 {
    font-size: 120px;
}

.tx-120-f {
    font-size: 120px !important;
}

.tx-122 {
    font-size: 122px;
}

.tx-122-f {
    font-size: 122px !important;
}

.tx-124 {
    font-size: 124px;
}

.tx-124-f {
    font-size: 124px !important;
}

.tx-126 {
    font-size: 126px;
}

.tx-126-f {
    font-size: 126px !important;
}

.tx-128 {
    font-size: 128px;
}

.tx-128-f {
    font-size: 128px !important;
}

.tx-130 {
    font-size: 130px;
}

.tx-130-f {
    font-size: 130px !important;
}

.tx-132 {
    font-size: 132px;
}

.tx-132-f {
    font-size: 132px !important;
}

.tx-134 {
    font-size: 134px;
}

.tx-134-f {
    font-size: 134px !important;
}

.tx-136 {
    font-size: 136px;
}

.tx-136-f {
    font-size: 136px !important;
}

.tx-138 {
    font-size: 138px;
}

.tx-138-f {
    font-size: 138px !important;
}

.tx-140 {
    font-size: 140px;
}

.tx-140-f {
    font-size: 140px !important;
}

@media (min-width: 480px) {
    .tx-xs-8 {
        font-size: 8px;
    }

    .tx-xs-8-f {
        font-size: 8px !important;
    }

    .tx-xs-9 {
        font-size: 9px;
    }

    .tx-xs-9-f {
        font-size: 9px !important;
    }

    .tx-xs-10 {
        font-size: 10px;
    }

    .tx-xs-10-f {
        font-size: 10px !important;
    }

    .tx-xs-11 {
        font-size: 11px;
    }

    .tx-xs-11-f {
        font-size: 11px !important;
    }

    .tx-xs-12 {
        font-size: 12px;
    }

    .tx-xs-12-f {
        font-size: 12px !important;
    }

    .tx-xs-13 {
        font-size: 13px;
    }

    .tx-xs-13-f {
        font-size: 13px !important;
    }

    .tx-xs-14 {
        font-size: 14px;
    }

    .tx-xs-14-f {
        font-size: 14px !important;
    }

    .tx-xs-15 {
        font-size: 15px;
    }

    .tx-xs-15-f {
        font-size: 15px !important;
    }

    .tx-xs-16 {
        font-size: 16px;
    }

    .tx-xs-16-f {
        font-size: 16px !important;
    }

    .tx-xs-18 {
        font-size: 18px;
    }

    .tx-xs-18-f {
        font-size: 18px !important;
    }

    .tx-xs-20 {
        font-size: 20px;
    }

    .tx-xs-20-f {
        font-size: 20px !important;
    }

    .tx-xs-22 {
        font-size: 22px;
    }

    .tx-xs-22-f {
        font-size: 22px !important;
    }

    .tx-xs-24 {
        font-size: 24px;
    }

    .tx-xs-24-f {
        font-size: 24px !important;
    }

    .tx-xs-26 {
        font-size: 26px;
    }

    .tx-xs-26-f {
        font-size: 26px !important;
    }

    .tx-xs-28 {
        font-size: 28px;
    }

    .tx-xs-28-f {
        font-size: 28px !important;
    }

    .tx-xs-30 {
        font-size: 30px;
    }

    .tx-xs-30-f {
        font-size: 30px !important;
    }

    .tx-xs-32 {
        font-size: 32px;
    }

    .tx-xs-32-f {
        font-size: 32px !important;
    }

    .tx-xs-34 {
        font-size: 34px;
    }

    .tx-xs-34-f {
        font-size: 34px !important;
    }

    .tx-xs-36 {
        font-size: 36px;
    }

    .tx-xs-36-f {
        font-size: 36px !important;
    }

    .tx-xs-38 {
        font-size: 38px;
    }

    .tx-xs-38-f {
        font-size: 38px !important;
    }

    .tx-xs-40 {
        font-size: 40px;
    }

    .tx-xs-40-f {
        font-size: 40px !important;
    }

    .tx-xs-42 {
        font-size: 42px;
    }

    .tx-xs-42-f {
        font-size: 42px !important;
    }

    .tx-xs-44 {
        font-size: 44px;
    }

    .tx-xs-44-f {
        font-size: 44px !important;
    }

    .tx-xs-46 {
        font-size: 46px;
    }

    .tx-xs-46-f {
        font-size: 46px !important;
    }

    .tx-xs-48 {
        font-size: 48px;
    }

    .tx-xs-48-f {
        font-size: 48px !important;
    }

    .tx-xs-50 {
        font-size: 50px;
    }

    .tx-xs-50-f {
        font-size: 50px !important;
    }

    .tx-xs-52 {
        font-size: 52px;
    }

    .tx-xs-52-f {
        font-size: 52px !important;
    }

    .tx-xs-54 {
        font-size: 54px;
    }

    .tx-xs-54-f {
        font-size: 54px !important;
    }

    .tx-xs-56 {
        font-size: 56px;
    }

    .tx-xs-56-f {
        font-size: 56px !important;
    }

    .tx-xs-58 {
        font-size: 58px;
    }

    .tx-xs-58-f {
        font-size: 58px !important;
    }

    .tx-xs-60 {
        font-size: 60px;
    }

    .tx-xs-60-f {
        font-size: 60px !important;
    }

    .tx-xs-62 {
        font-size: 62px;
    }

    .tx-xs-62-f {
        font-size: 62px !important;
    }

    .tx-xs-64 {
        font-size: 64px;
    }

    .tx-xs-64-f {
        font-size: 64px !important;
    }

    .tx-xs-66 {
        font-size: 66px;
    }

    .tx-xs-66-f {
        font-size: 66px !important;
    }

    .tx-xs-68 {
        font-size: 68px;
    }

    .tx-xs-68-f {
        font-size: 68px !important;
    }

    .tx-xs-70 {
        font-size: 70px;
    }

    .tx-xs-70-f {
        font-size: 70px !important;
    }

    .tx-xs-72 {
        font-size: 72px;
    }

    .tx-xs-72-f {
        font-size: 72px !important;
    }

    .tx-xs-74 {
        font-size: 74px;
    }

    .tx-xs-74-f {
        font-size: 74px !important;
    }

    .tx-xs-76 {
        font-size: 76px;
    }

    .tx-xs-76-f {
        font-size: 76px !important;
    }

    .tx-xs-78 {
        font-size: 78px;
    }

    .tx-xs-78-f {
        font-size: 78px !important;
    }

    .tx-xs-80 {
        font-size: 80px;
    }

    .tx-xs-80-f {
        font-size: 80px !important;
    }

    .tx-xs-82 {
        font-size: 82px;
    }

    .tx-xs-82-f {
        font-size: 82px !important;
    }

    .tx-xs-84 {
        font-size: 84px;
    }

    .tx-xs-84-f {
        font-size: 84px !important;
    }

    .tx-xs-86 {
        font-size: 86px;
    }

    .tx-xs-86-f {
        font-size: 86px !important;
    }

    .tx-xs-88 {
        font-size: 88px;
    }

    .tx-xs-88-f {
        font-size: 88px !important;
    }

    .tx-xs-90 {
        font-size: 90px;
    }

    .tx-xs-90-f {
        font-size: 90px !important;
    }

    .tx-xs-92 {
        font-size: 92px;
    }

    .tx-xs-92-f {
        font-size: 92px !important;
    }

    .tx-xs-94 {
        font-size: 94px;
    }

    .tx-xs-94-f {
        font-size: 94px !important;
    }

    .tx-xs-96 {
        font-size: 96px;
    }

    .tx-xs-96-f {
        font-size: 96px !important;
    }

    .tx-xs-98 {
        font-size: 98px;
    }

    .tx-xs-98-f {
        font-size: 98px !important;
    }

    .tx-xs-100 {
        font-size: 100px;
    }

    .tx-xs-100-f {
        font-size: 100px !important;
    }

    .tx-xs-102 {
        font-size: 102px;
    }

    .tx-xs-102-f {
        font-size: 102px !important;
    }

    .tx-xs-104 {
        font-size: 104px;
    }

    .tx-xs-104-f {
        font-size: 104px !important;
    }

    .tx-xs-106 {
        font-size: 106px;
    }

    .tx-xs-106-f {
        font-size: 106px !important;
    }

    .tx-xs-108 {
        font-size: 108px;
    }

    .tx-xs-108-f {
        font-size: 108px !important;
    }

    .tx-xs-110 {
        font-size: 110px;
    }

    .tx-xs-110-f {
        font-size: 110px !important;
    }

    .tx-xs-112 {
        font-size: 112px;
    }

    .tx-xs-112-f {
        font-size: 112px !important;
    }

    .tx-xs-114 {
        font-size: 114px;
    }

    .tx-xs-114-f {
        font-size: 114px !important;
    }

    .tx-xs-116 {
        font-size: 116px;
    }

    .tx-xs-116-f {
        font-size: 116px !important;
    }

    .tx-xs-118 {
        font-size: 118px;
    }

    .tx-xs-118-f {
        font-size: 118px !important;
    }

    .tx-xs-120 {
        font-size: 120px;
    }

    .tx-xs-120-f {
        font-size: 120px !important;
    }

    .tx-xs-122 {
        font-size: 122px;
    }

    .tx-xs-122-f {
        font-size: 122px !important;
    }

    .tx-xs-124 {
        font-size: 124px;
    }

    .tx-xs-124-f {
        font-size: 124px !important;
    }

    .tx-xs-126 {
        font-size: 126px;
    }

    .tx-xs-126-f {
        font-size: 126px !important;
    }

    .tx-xs-128 {
        font-size: 128px;
    }

    .tx-xs-128-f {
        font-size: 128px !important;
    }

    .tx-xs-130 {
        font-size: 130px;
    }

    .tx-xs-130-f {
        font-size: 130px !important;
    }

    .tx-xs-132 {
        font-size: 132px;
    }

    .tx-xs-132-f {
        font-size: 132px !important;
    }

    .tx-xs-134 {
        font-size: 134px;
    }

    .tx-xs-134-f {
        font-size: 134px !important;
    }

    .tx-xs-136 {
        font-size: 136px;
    }

    .tx-xs-136-f {
        font-size: 136px !important;
    }

    .tx-xs-138 {
        font-size: 138px;
    }

    .tx-xs-138-f {
        font-size: 138px !important;
    }

    .tx-xs-140 {
        font-size: 140px;
    }

    .tx-xs-140-f {
        font-size: 140px !important;
    }

    .tx-xs-base {
        font-size: 0.875rem;
    }

    .tx-xs-bold {
        font-weight: 700;
    }

    .tx-xs-semibold {
        font-weight: 600;
    }

    .tx-xs-medium {
        font-weight: 500;
    }

    .tx-xs-normal {
        font-weight: 400;
    }

    .tx-xs-light {
        font-weight: 300;
    }

    .tx-xs-thin {
        font-weight: 200;
    }

    .tx-xs-xthin {
        font-weight: 100;
    }

    .lh-xs-0 {
        line-height: 0;
    }

    .lh-xs-1 {
        line-height: 1.1;
    }

    .lh-xs-2 {
        line-height: 1.2;
    }

    .lh-xs-3 {
        line-height: 1.3;
    }

    .lh-xs-4 {
        line-height: 1.4;
    }

    .lh-xs-5 {
        line-height: 1.5;
    }

    .lh-xs-6 {
        line-height: 1.6;
    }

    .lh-xs-7 {
        line-height: 1.7;
    }

    .lh-xs-8 {
        line-height: 1.8;
    }

    .lh-xs-9 {
        line-height: 1.9;
    }

    .lh-xs-10 {
        line-height: 2.0;
    }

    .lh-xs-11 {
        line-height: 2.1;
    }

    .lh-xs-12 {
        line-height: 2.2;
    }

    .lh-xs-13 {
        line-height: 2.3;
    }

    .lh-xs-14 {
        line-height: 2.4;
    }

    .lh-xs-15 {
        line-height: 2.5;
    }

    .tx-xs-center {
        text-align: center;
    }

    .tx-xs-right {
        text-align: right;
    }

    .tx-xs-left {
        text-align: left;
    }

    .tx-xs-center-f {
        text-align: center !important;
    }

    .tx-xs-right-f {
        text-align: right !important;
    }

    .tx-xs-left-f {
        text-align: left !important;
    }
}

@media (min-width: 576px) {
    .tx-sm-8 {
        font-size: 8px;
    }

    .tx-sm-8-f {
        font-size: 8px !important;
    }

    .tx-sm-9 {
        font-size: 9px;
    }

    .tx-sm-9-f {
        font-size: 9px !important;
    }

    .tx-sm-10 {
        font-size: 10px;
    }

    .tx-sm-10-f {
        font-size: 10px !important;
    }

    .tx-sm-11 {
        font-size: 11px;
    }

    .tx-sm-11-f {
        font-size: 11px !important;
    }

    .tx-sm-12 {
        font-size: 12px;
    }

    .tx-sm-12-f {
        font-size: 12px !important;
    }

    .tx-sm-13 {
        font-size: 13px;
    }

    .tx-sm-13-f {
        font-size: 13px !important;
    }

    .tx-sm-14 {
        font-size: 14px;
    }

    .tx-sm-14-f {
        font-size: 14px !important;
    }

    .tx-sm-15 {
        font-size: 15px;
    }

    .tx-sm-15-f {
        font-size: 15px !important;
    }

    .tx-sm-16 {
        font-size: 16px;
    }

    .tx-sm-16-f {
        font-size: 16px !important;
    }

    .tx-sm-18 {
        font-size: 18px;
    }

    .tx-sm-18-f {
        font-size: 18px !important;
    }

    .tx-sm-20 {
        font-size: 20px;
    }

    .tx-sm-20-f {
        font-size: 20px !important;
    }

    .tx-sm-22 {
        font-size: 22px;
    }

    .tx-sm-22-f {
        font-size: 22px !important;
    }

    .tx-sm-24 {
        font-size: 24px;
    }

    .tx-sm-24-f {
        font-size: 24px !important;
    }

    .tx-sm-26 {
        font-size: 26px;
    }

    .tx-sm-26-f {
        font-size: 26px !important;
    }

    .tx-sm-28 {
        font-size: 28px;
    }

    .tx-sm-28-f {
        font-size: 28px !important;
    }

    .tx-sm-30 {
        font-size: 30px;
    }

    .tx-sm-30-f {
        font-size: 30px !important;
    }

    .tx-sm-32 {
        font-size: 32px;
    }

    .tx-sm-32-f {
        font-size: 32px !important;
    }

    .tx-sm-34 {
        font-size: 34px;
    }

    .tx-sm-34-f {
        font-size: 34px !important;
    }

    .tx-sm-36 {
        font-size: 36px;
    }

    .tx-sm-36-f {
        font-size: 36px !important;
    }

    .tx-sm-38 {
        font-size: 38px;
    }

    .tx-sm-38-f {
        font-size: 38px !important;
    }

    .tx-sm-40 {
        font-size: 40px;
    }

    .tx-sm-40-f {
        font-size: 40px !important;
    }

    .tx-sm-42 {
        font-size: 42px;
    }

    .tx-sm-42-f {
        font-size: 42px !important;
    }

    .tx-sm-44 {
        font-size: 44px;
    }

    .tx-sm-44-f {
        font-size: 44px !important;
    }

    .tx-sm-46 {
        font-size: 46px;
    }

    .tx-sm-46-f {
        font-size: 46px !important;
    }

    .tx-sm-48 {
        font-size: 48px;
    }

    .tx-sm-48-f {
        font-size: 48px !important;
    }

    .tx-sm-50 {
        font-size: 50px;
    }

    .tx-sm-50-f {
        font-size: 50px !important;
    }

    .tx-sm-52 {
        font-size: 52px;
    }

    .tx-sm-52-f {
        font-size: 52px !important;
    }

    .tx-sm-54 {
        font-size: 54px;
    }

    .tx-sm-54-f {
        font-size: 54px !important;
    }

    .tx-sm-56 {
        font-size: 56px;
    }

    .tx-sm-56-f {
        font-size: 56px !important;
    }

    .tx-sm-58 {
        font-size: 58px;
    }

    .tx-sm-58-f {
        font-size: 58px !important;
    }

    .tx-sm-60 {
        font-size: 60px;
    }

    .tx-sm-60-f {
        font-size: 60px !important;
    }

    .tx-sm-62 {
        font-size: 62px;
    }

    .tx-sm-62-f {
        font-size: 62px !important;
    }

    .tx-sm-64 {
        font-size: 64px;
    }

    .tx-sm-64-f {
        font-size: 64px !important;
    }

    .tx-sm-66 {
        font-size: 66px;
    }

    .tx-sm-66-f {
        font-size: 66px !important;
    }

    .tx-sm-68 {
        font-size: 68px;
    }

    .tx-sm-68-f {
        font-size: 68px !important;
    }

    .tx-sm-70 {
        font-size: 70px;
    }

    .tx-sm-70-f {
        font-size: 70px !important;
    }

    .tx-sm-72 {
        font-size: 72px;
    }

    .tx-sm-72-f {
        font-size: 72px !important;
    }

    .tx-sm-74 {
        font-size: 74px;
    }

    .tx-sm-74-f {
        font-size: 74px !important;
    }

    .tx-sm-76 {
        font-size: 76px;
    }

    .tx-sm-76-f {
        font-size: 76px !important;
    }

    .tx-sm-78 {
        font-size: 78px;
    }

    .tx-sm-78-f {
        font-size: 78px !important;
    }

    .tx-sm-80 {
        font-size: 80px;
    }

    .tx-sm-80-f {
        font-size: 80px !important;
    }

    .tx-sm-82 {
        font-size: 82px;
    }

    .tx-sm-82-f {
        font-size: 82px !important;
    }

    .tx-sm-84 {
        font-size: 84px;
    }

    .tx-sm-84-f {
        font-size: 84px !important;
    }

    .tx-sm-86 {
        font-size: 86px;
    }

    .tx-sm-86-f {
        font-size: 86px !important;
    }

    .tx-sm-88 {
        font-size: 88px;
    }

    .tx-sm-88-f {
        font-size: 88px !important;
    }

    .tx-sm-90 {
        font-size: 90px;
    }

    .tx-sm-90-f {
        font-size: 90px !important;
    }

    .tx-sm-92 {
        font-size: 92px;
    }

    .tx-sm-92-f {
        font-size: 92px !important;
    }

    .tx-sm-94 {
        font-size: 94px;
    }

    .tx-sm-94-f {
        font-size: 94px !important;
    }

    .tx-sm-96 {
        font-size: 96px;
    }

    .tx-sm-96-f {
        font-size: 96px !important;
    }

    .tx-sm-98 {
        font-size: 98px;
    }

    .tx-sm-98-f {
        font-size: 98px !important;
    }

    .tx-sm-100 {
        font-size: 100px;
    }

    .tx-sm-100-f {
        font-size: 100px !important;
    }

    .tx-sm-102 {
        font-size: 102px;
    }

    .tx-sm-102-f {
        font-size: 102px !important;
    }

    .tx-sm-104 {
        font-size: 104px;
    }

    .tx-sm-104-f {
        font-size: 104px !important;
    }

    .tx-sm-106 {
        font-size: 106px;
    }

    .tx-sm-106-f {
        font-size: 106px !important;
    }

    .tx-sm-108 {
        font-size: 108px;
    }

    .tx-sm-108-f {
        font-size: 108px !important;
    }

    .tx-sm-110 {
        font-size: 110px;
    }

    .tx-sm-110-f {
        font-size: 110px !important;
    }

    .tx-sm-112 {
        font-size: 112px;
    }

    .tx-sm-112-f {
        font-size: 112px !important;
    }

    .tx-sm-114 {
        font-size: 114px;
    }

    .tx-sm-114-f {
        font-size: 114px !important;
    }

    .tx-sm-116 {
        font-size: 116px;
    }

    .tx-sm-116-f {
        font-size: 116px !important;
    }

    .tx-sm-118 {
        font-size: 118px;
    }

    .tx-sm-118-f {
        font-size: 118px !important;
    }

    .tx-sm-120 {
        font-size: 120px;
    }

    .tx-sm-120-f {
        font-size: 120px !important;
    }

    .tx-sm-122 {
        font-size: 122px;
    }

    .tx-sm-122-f {
        font-size: 122px !important;
    }

    .tx-sm-124 {
        font-size: 124px;
    }

    .tx-sm-124-f {
        font-size: 124px !important;
    }

    .tx-sm-126 {
        font-size: 126px;
    }

    .tx-sm-126-f {
        font-size: 126px !important;
    }

    .tx-sm-128 {
        font-size: 128px;
    }

    .tx-sm-128-f {
        font-size: 128px !important;
    }

    .tx-sm-130 {
        font-size: 130px;
    }

    .tx-sm-130-f {
        font-size: 130px !important;
    }

    .tx-sm-132 {
        font-size: 132px;
    }

    .tx-sm-132-f {
        font-size: 132px !important;
    }

    .tx-sm-134 {
        font-size: 134px;
    }

    .tx-sm-134-f {
        font-size: 134px !important;
    }

    .tx-sm-136 {
        font-size: 136px;
    }

    .tx-sm-136-f {
        font-size: 136px !important;
    }

    .tx-sm-138 {
        font-size: 138px;
    }

    .tx-sm-138-f {
        font-size: 138px !important;
    }

    .tx-sm-140 {
        font-size: 140px;
    }

    .tx-sm-140-f {
        font-size: 140px !important;
    }

    .tx-sm-base {
        font-size: 0.875rem;
    }

    .tx-sm-bold {
        font-weight: 700;
    }

    .tx-sm-semibold {
        font-weight: 600;
    }

    .tx-sm-medium {
        font-weight: 500;
    }

    .tx-sm-normal {
        font-weight: 400;
    }

    .tx-sm-light {
        font-weight: 300;
    }

    .tx-sm-thin {
        font-weight: 200;
    }

    .tx-sm-xthin {
        font-weight: 100;
    }

    .lh-sm-0 {
        line-height: 0;
    }

    .lh-sm-1 {
        line-height: 1.1;
    }

    .lh-sm-2 {
        line-height: 1.2;
    }

    .lh-sm-3 {
        line-height: 1.3;
    }

    .lh-sm-4 {
        line-height: 1.4;
    }

    .lh-sm-5 {
        line-height: 1.5;
    }

    .lh-sm-6 {
        line-height: 1.6;
    }

    .lh-sm-7 {
        line-height: 1.7;
    }

    .lh-sm-8 {
        line-height: 1.8;
    }

    .lh-sm-9 {
        line-height: 1.9;
    }

    .lh-sm-10 {
        line-height: 2.0;
    }

    .lh-sm-11 {
        line-height: 2.1;
    }

    .lh-sm-12 {
        line-height: 2.2;
    }

    .lh-sm-13 {
        line-height: 2.3;
    }

    .lh-sm-14 {
        line-height: 2.4;
    }

    .lh-sm-15 {
        line-height: 2.5;
    }

    .tx-sm-center {
        text-align: center;
    }

    .tx-sm-right {
        text-align: right;
    }

    .tx-sm-left {
        text-align: left;
    }

    .tx-sm-center-f {
        text-align: center !important;
    }

    .tx-sm-right-f {
        text-align: right !important;
    }

    .tx-sm-left-f {
        text-align: left !important;
    }
}

@media (min-width: 768px) {
    .tx-md-8 {
        font-size: 8px;
    }

    .tx-md-8-f {
        font-size: 8px !important;
    }

    .tx-md-9 {
        font-size: 9px;
    }

    .tx-md-9-f {
        font-size: 9px !important;
    }

    .tx-md-10 {
        font-size: 10px;
    }

    .tx-md-10-f {
        font-size: 10px !important;
    }

    .tx-md-11 {
        font-size: 11px;
    }

    .tx-md-11-f {
        font-size: 11px !important;
    }

    .tx-md-12 {
        font-size: 12px;
    }

    .tx-md-12-f {
        font-size: 12px !important;
    }

    .tx-md-13 {
        font-size: 13px;
    }

    .tx-md-13-f {
        font-size: 13px !important;
    }

    .tx-md-14 {
        font-size: 14px;
    }

    .tx-md-14-f {
        font-size: 14px !important;
    }

    .tx-md-15 {
        font-size: 15px;
    }

    .tx-md-15-f {
        font-size: 15px !important;
    }

    .tx-md-16 {
        font-size: 16px;
    }

    .tx-md-16-f {
        font-size: 16px !important;
    }

    .tx-md-18 {
        font-size: 18px;
    }

    .tx-md-18-f {
        font-size: 18px !important;
    }

    .tx-md-20 {
        font-size: 20px;
    }

    .tx-md-20-f {
        font-size: 20px !important;
    }

    .tx-md-22 {
        font-size: 22px;
    }

    .tx-md-22-f {
        font-size: 22px !important;
    }

    .tx-md-24 {
        font-size: 24px;
    }

    .tx-md-24-f {
        font-size: 24px !important;
    }

    .tx-md-26 {
        font-size: 26px;
    }

    .tx-md-26-f {
        font-size: 26px !important;
    }

    .tx-md-28 {
        font-size: 28px;
    }

    .tx-md-28-f {
        font-size: 28px !important;
    }

    .tx-md-30 {
        font-size: 30px;
    }

    .tx-md-30-f {
        font-size: 30px !important;
    }

    .tx-md-32 {
        font-size: 32px;
    }

    .tx-md-32-f {
        font-size: 32px !important;
    }

    .tx-md-34 {
        font-size: 34px;
    }

    .tx-md-34-f {
        font-size: 34px !important;
    }

    .tx-md-36 {
        font-size: 36px;
    }

    .tx-md-36-f {
        font-size: 36px !important;
    }

    .tx-md-38 {
        font-size: 38px;
    }

    .tx-md-38-f {
        font-size: 38px !important;
    }

    .tx-md-40 {
        font-size: 40px;
    }

    .tx-md-40-f {
        font-size: 40px !important;
    }

    .tx-md-42 {
        font-size: 42px;
    }

    .tx-md-42-f {
        font-size: 42px !important;
    }

    .tx-md-44 {
        font-size: 44px;
    }

    .tx-md-44-f {
        font-size: 44px !important;
    }

    .tx-md-46 {
        font-size: 46px;
    }

    .tx-md-46-f {
        font-size: 46px !important;
    }

    .tx-md-48 {
        font-size: 48px;
    }

    .tx-md-48-f {
        font-size: 48px !important;
    }

    .tx-md-50 {
        font-size: 50px;
    }

    .tx-md-50-f {
        font-size: 50px !important;
    }

    .tx-md-52 {
        font-size: 52px;
    }

    .tx-md-52-f {
        font-size: 52px !important;
    }

    .tx-md-54 {
        font-size: 54px;
    }

    .tx-md-54-f {
        font-size: 54px !important;
    }

    .tx-md-56 {
        font-size: 56px;
    }

    .tx-md-56-f {
        font-size: 56px !important;
    }

    .tx-md-58 {
        font-size: 58px;
    }

    .tx-md-58-f {
        font-size: 58px !important;
    }

    .tx-md-60 {
        font-size: 60px;
    }

    .tx-md-60-f {
        font-size: 60px !important;
    }

    .tx-md-62 {
        font-size: 62px;
    }

    .tx-md-62-f {
        font-size: 62px !important;
    }

    .tx-md-64 {
        font-size: 64px;
    }

    .tx-md-64-f {
        font-size: 64px !important;
    }

    .tx-md-66 {
        font-size: 66px;
    }

    .tx-md-66-f {
        font-size: 66px !important;
    }

    .tx-md-68 {
        font-size: 68px;
    }

    .tx-md-68-f {
        font-size: 68px !important;
    }

    .tx-md-70 {
        font-size: 70px;
    }

    .tx-md-70-f {
        font-size: 70px !important;
    }

    .tx-md-72 {
        font-size: 72px;
    }

    .tx-md-72-f {
        font-size: 72px !important;
    }

    .tx-md-74 {
        font-size: 74px;
    }

    .tx-md-74-f {
        font-size: 74px !important;
    }

    .tx-md-76 {
        font-size: 76px;
    }

    .tx-md-76-f {
        font-size: 76px !important;
    }

    .tx-md-78 {
        font-size: 78px;
    }

    .tx-md-78-f {
        font-size: 78px !important;
    }

    .tx-md-80 {
        font-size: 80px;
    }

    .tx-md-80-f {
        font-size: 80px !important;
    }

    .tx-md-82 {
        font-size: 82px;
    }

    .tx-md-82-f {
        font-size: 82px !important;
    }

    .tx-md-84 {
        font-size: 84px;
    }

    .tx-md-84-f {
        font-size: 84px !important;
    }

    .tx-md-86 {
        font-size: 86px;
    }

    .tx-md-86-f {
        font-size: 86px !important;
    }

    .tx-md-88 {
        font-size: 88px;
    }

    .tx-md-88-f {
        font-size: 88px !important;
    }

    .tx-md-90 {
        font-size: 90px;
    }

    .tx-md-90-f {
        font-size: 90px !important;
    }

    .tx-md-92 {
        font-size: 92px;
    }

    .tx-md-92-f {
        font-size: 92px !important;
    }

    .tx-md-94 {
        font-size: 94px;
    }

    .tx-md-94-f {
        font-size: 94px !important;
    }

    .tx-md-96 {
        font-size: 96px;
    }

    .tx-md-96-f {
        font-size: 96px !important;
    }

    .tx-md-98 {
        font-size: 98px;
    }

    .tx-md-98-f {
        font-size: 98px !important;
    }

    .tx-md-100 {
        font-size: 100px;
    }

    .tx-md-100-f {
        font-size: 100px !important;
    }

    .tx-md-102 {
        font-size: 102px;
    }

    .tx-md-102-f {
        font-size: 102px !important;
    }

    .tx-md-104 {
        font-size: 104px;
    }

    .tx-md-104-f {
        font-size: 104px !important;
    }

    .tx-md-106 {
        font-size: 106px;
    }

    .tx-md-106-f {
        font-size: 106px !important;
    }

    .tx-md-108 {
        font-size: 108px;
    }

    .tx-md-108-f {
        font-size: 108px !important;
    }

    .tx-md-110 {
        font-size: 110px;
    }

    .tx-md-110-f {
        font-size: 110px !important;
    }

    .tx-md-112 {
        font-size: 112px;
    }

    .tx-md-112-f {
        font-size: 112px !important;
    }

    .tx-md-114 {
        font-size: 114px;
    }

    .tx-md-114-f {
        font-size: 114px !important;
    }

    .tx-md-116 {
        font-size: 116px;
    }

    .tx-md-116-f {
        font-size: 116px !important;
    }

    .tx-md-118 {
        font-size: 118px;
    }

    .tx-md-118-f {
        font-size: 118px !important;
    }

    .tx-md-120 {
        font-size: 120px;
    }

    .tx-md-120-f {
        font-size: 120px !important;
    }

    .tx-md-122 {
        font-size: 122px;
    }

    .tx-md-122-f {
        font-size: 122px !important;
    }

    .tx-md-124 {
        font-size: 124px;
    }

    .tx-md-124-f {
        font-size: 124px !important;
    }

    .tx-md-126 {
        font-size: 126px;
    }

    .tx-md-126-f {
        font-size: 126px !important;
    }

    .tx-md-128 {
        font-size: 128px;
    }

    .tx-md-128-f {
        font-size: 128px !important;
    }

    .tx-md-130 {
        font-size: 130px;
    }

    .tx-md-130-f {
        font-size: 130px !important;
    }

    .tx-md-132 {
        font-size: 132px;
    }

    .tx-md-132-f {
        font-size: 132px !important;
    }

    .tx-md-134 {
        font-size: 134px;
    }

    .tx-md-134-f {
        font-size: 134px !important;
    }

    .tx-md-136 {
        font-size: 136px;
    }

    .tx-md-136-f {
        font-size: 136px !important;
    }

    .tx-md-138 {
        font-size: 138px;
    }

    .tx-md-138-f {
        font-size: 138px !important;
    }

    .tx-md-140 {
        font-size: 140px;
    }

    .tx-md-140-f {
        font-size: 140px !important;
    }

    .tx-md-base {
        font-size: 0.875rem;
    }

    .tx-md-bold {
        font-weight: 700;
    }

    .tx-md-semibold {
        font-weight: 600;
    }

    .tx-md-medium {
        font-weight: 500;
    }

    .tx-md-normal {
        font-weight: 400;
    }

    .tx-md-light {
        font-weight: 300;
    }

    .tx-md-thin {
        font-weight: 200;
    }

    .tx-md-xthin {
        font-weight: 100;
    }

    .lh-md-0 {
        line-height: 0;
    }

    .lh-md-1 {
        line-height: 1.1;
    }

    .lh-md-2 {
        line-height: 1.2;
    }

    .lh-md-3 {
        line-height: 1.3;
    }

    .lh-md-4 {
        line-height: 1.4;
    }

    .lh-md-5 {
        line-height: 1.5;
    }

    .lh-md-6 {
        line-height: 1.6;
    }

    .lh-md-7 {
        line-height: 1.7;
    }

    .lh-md-8 {
        line-height: 1.8;
    }

    .lh-md-9 {
        line-height: 1.9;
    }

    .lh-md-10 {
        line-height: 2.0;
    }

    .lh-md-11 {
        line-height: 2.1;
    }

    .lh-md-12 {
        line-height: 2.2;
    }

    .lh-md-13 {
        line-height: 2.3;
    }

    .lh-md-14 {
        line-height: 2.4;
    }

    .lh-md-15 {
        line-height: 2.5;
    }

    .tx-md-center {
        text-align: center;
    }

    .tx-md-right {
        text-align: right;
    }

    .tx-md-left {
        text-align: left;
    }

    .tx-md-center-f {
        text-align: center !important;
    }

    .tx-md-right-f {
        text-align: right !important;
    }

    .tx-md-left-f {
        text-align: left !important;
    }
}

@media (min-width: 992px) {
    .tx-lg-8 {
        font-size: 8px;
    }

    .tx-lg-8-f {
        font-size: 8px !important;
    }

    .tx-lg-9 {
        font-size: 9px;
    }

    .tx-lg-9-f {
        font-size: 9px !important;
    }

    .tx-lg-10 {
        font-size: 10px;
    }

    .tx-lg-10-f {
        font-size: 10px !important;
    }

    .tx-lg-11 {
        font-size: 11px;
    }

    .tx-lg-11-f {
        font-size: 11px !important;
    }

    .tx-lg-12 {
        font-size: 12px;
    }

    .tx-lg-12-f {
        font-size: 12px !important;
    }

    .tx-lg-13 {
        font-size: 13px;
    }

    .tx-lg-13-f {
        font-size: 13px !important;
    }

    .tx-lg-14 {
        font-size: 14px;
    }

    .tx-lg-14-f {
        font-size: 14px !important;
    }

    .tx-lg-15 {
        font-size: 15px;
    }

    .tx-lg-15-f {
        font-size: 15px !important;
    }

    .tx-lg-16 {
        font-size: 16px;
    }

    .tx-lg-16-f {
        font-size: 16px !important;
    }

    .tx-lg-18 {
        font-size: 18px;
    }

    .tx-lg-18-f {
        font-size: 18px !important;
    }

    .tx-lg-20 {
        font-size: 20px;
    }

    .tx-lg-20-f {
        font-size: 20px !important;
    }

    .tx-lg-22 {
        font-size: 22px;
    }

    .tx-lg-22-f {
        font-size: 22px !important;
    }

    .tx-lg-24 {
        font-size: 24px;
    }

    .tx-lg-24-f {
        font-size: 24px !important;
    }

    .tx-lg-26 {
        font-size: 26px;
    }

    .tx-lg-26-f {
        font-size: 26px !important;
    }

    .tx-lg-28 {
        font-size: 28px;
    }

    .tx-lg-28-f {
        font-size: 28px !important;
    }

    .tx-lg-30 {
        font-size: 30px;
    }

    .tx-lg-30-f {
        font-size: 30px !important;
    }

    .tx-lg-32 {
        font-size: 32px;
    }

    .tx-lg-32-f {
        font-size: 32px !important;
    }

    .tx-lg-34 {
        font-size: 34px;
    }

    .tx-lg-34-f {
        font-size: 34px !important;
    }

    .tx-lg-36 {
        font-size: 36px;
    }

    .tx-lg-36-f {
        font-size: 36px !important;
    }

    .tx-lg-38 {
        font-size: 38px;
    }

    .tx-lg-38-f {
        font-size: 38px !important;
    }

    .tx-lg-40 {
        font-size: 40px;
    }

    .tx-lg-40-f {
        font-size: 40px !important;
    }

    .tx-lg-42 {
        font-size: 42px;
    }

    .tx-lg-42-f {
        font-size: 42px !important;
    }

    .tx-lg-44 {
        font-size: 44px;
    }

    .tx-lg-44-f {
        font-size: 44px !important;
    }

    .tx-lg-46 {
        font-size: 46px;
    }

    .tx-lg-46-f {
        font-size: 46px !important;
    }

    .tx-lg-48 {
        font-size: 48px;
    }

    .tx-lg-48-f {
        font-size: 48px !important;
    }

    .tx-lg-50 {
        font-size: 50px;
    }

    .tx-lg-50-f {
        font-size: 50px !important;
    }

    .tx-lg-52 {
        font-size: 52px;
    }

    .tx-lg-52-f {
        font-size: 52px !important;
    }

    .tx-lg-54 {
        font-size: 54px;
    }

    .tx-lg-54-f {
        font-size: 54px !important;
    }

    .tx-lg-56 {
        font-size: 56px;
    }

    .tx-lg-56-f {
        font-size: 56px !important;
    }

    .tx-lg-58 {
        font-size: 58px;
    }

    .tx-lg-58-f {
        font-size: 58px !important;
    }

    .tx-lg-60 {
        font-size: 60px;
    }

    .tx-lg-60-f {
        font-size: 60px !important;
    }

    .tx-lg-62 {
        font-size: 62px;
    }

    .tx-lg-62-f {
        font-size: 62px !important;
    }

    .tx-lg-64 {
        font-size: 64px;
    }

    .tx-lg-64-f {
        font-size: 64px !important;
    }

    .tx-lg-66 {
        font-size: 66px;
    }

    .tx-lg-66-f {
        font-size: 66px !important;
    }

    .tx-lg-68 {
        font-size: 68px;
    }

    .tx-lg-68-f {
        font-size: 68px !important;
    }

    .tx-lg-70 {
        font-size: 70px;
    }

    .tx-lg-70-f {
        font-size: 70px !important;
    }

    .tx-lg-72 {
        font-size: 72px;
    }

    .tx-lg-72-f {
        font-size: 72px !important;
    }

    .tx-lg-74 {
        font-size: 74px;
    }

    .tx-lg-74-f {
        font-size: 74px !important;
    }

    .tx-lg-76 {
        font-size: 76px;
    }

    .tx-lg-76-f {
        font-size: 76px !important;
    }

    .tx-lg-78 {
        font-size: 78px;
    }

    .tx-lg-78-f {
        font-size: 78px !important;
    }

    .tx-lg-80 {
        font-size: 80px;
    }

    .tx-lg-80-f {
        font-size: 80px !important;
    }

    .tx-lg-82 {
        font-size: 82px;
    }

    .tx-lg-82-f {
        font-size: 82px !important;
    }

    .tx-lg-84 {
        font-size: 84px;
    }

    .tx-lg-84-f {
        font-size: 84px !important;
    }

    .tx-lg-86 {
        font-size: 86px;
    }

    .tx-lg-86-f {
        font-size: 86px !important;
    }

    .tx-lg-88 {
        font-size: 88px;
    }

    .tx-lg-88-f {
        font-size: 88px !important;
    }

    .tx-lg-90 {
        font-size: 90px;
    }

    .tx-lg-90-f {
        font-size: 90px !important;
    }

    .tx-lg-92 {
        font-size: 92px;
    }

    .tx-lg-92-f {
        font-size: 92px !important;
    }

    .tx-lg-94 {
        font-size: 94px;
    }

    .tx-lg-94-f {
        font-size: 94px !important;
    }

    .tx-lg-96 {
        font-size: 96px;
    }

    .tx-lg-96-f {
        font-size: 96px !important;
    }

    .tx-lg-98 {
        font-size: 98px;
    }

    .tx-lg-98-f {
        font-size: 98px !important;
    }

    .tx-lg-100 {
        font-size: 100px;
    }

    .tx-lg-100-f {
        font-size: 100px !important;
    }

    .tx-lg-102 {
        font-size: 102px;
    }

    .tx-lg-102-f {
        font-size: 102px !important;
    }

    .tx-lg-104 {
        font-size: 104px;
    }

    .tx-lg-104-f {
        font-size: 104px !important;
    }

    .tx-lg-106 {
        font-size: 106px;
    }

    .tx-lg-106-f {
        font-size: 106px !important;
    }

    .tx-lg-108 {
        font-size: 108px;
    }

    .tx-lg-108-f {
        font-size: 108px !important;
    }

    .tx-lg-110 {
        font-size: 110px;
    }

    .tx-lg-110-f {
        font-size: 110px !important;
    }

    .tx-lg-112 {
        font-size: 112px;
    }

    .tx-lg-112-f {
        font-size: 112px !important;
    }

    .tx-lg-114 {
        font-size: 114px;
    }

    .tx-lg-114-f {
        font-size: 114px !important;
    }

    .tx-lg-116 {
        font-size: 116px;
    }

    .tx-lg-116-f {
        font-size: 116px !important;
    }

    .tx-lg-118 {
        font-size: 118px;
    }

    .tx-lg-118-f {
        font-size: 118px !important;
    }

    .tx-lg-120 {
        font-size: 120px;
    }

    .tx-lg-120-f {
        font-size: 120px !important;
    }

    .tx-lg-122 {
        font-size: 122px;
    }

    .tx-lg-122-f {
        font-size: 122px !important;
    }

    .tx-lg-124 {
        font-size: 124px;
    }

    .tx-lg-124-f {
        font-size: 124px !important;
    }

    .tx-lg-126 {
        font-size: 126px;
    }

    .tx-lg-126-f {
        font-size: 126px !important;
    }

    .tx-lg-128 {
        font-size: 128px;
    }

    .tx-lg-128-f {
        font-size: 128px !important;
    }

    .tx-lg-130 {
        font-size: 130px;
    }

    .tx-lg-130-f {
        font-size: 130px !important;
    }

    .tx-lg-132 {
        font-size: 132px;
    }

    .tx-lg-132-f {
        font-size: 132px !important;
    }

    .tx-lg-134 {
        font-size: 134px;
    }

    .tx-lg-134-f {
        font-size: 134px !important;
    }

    .tx-lg-136 {
        font-size: 136px;
    }

    .tx-lg-136-f {
        font-size: 136px !important;
    }

    .tx-lg-138 {
        font-size: 138px;
    }

    .tx-lg-138-f {
        font-size: 138px !important;
    }

    .tx-lg-140 {
        font-size: 140px;
    }

    .tx-lg-140-f {
        font-size: 140px !important;
    }

    .tx-lg-base {
        font-size: 0.875rem;
    }

    .tx-lg-bold {
        font-weight: 700;
    }

    .tx-lg-semibold {
        font-weight: 600;
    }

    .tx-lg-medium {
        font-weight: 500;
    }

    .tx-lg-normal {
        font-weight: 400;
    }

    .tx-lg-light {
        font-weight: 300;
    }

    .tx-lg-thin {
        font-weight: 200;
    }

    .tx-lg-xthin {
        font-weight: 100;
    }

    .lh-lg-0 {
        line-height: 0;
    }

    .lh-lg-1 {
        line-height: 1.1;
    }

    .lh-lg-2 {
        line-height: 1.2;
    }

    .lh-lg-3 {
        line-height: 1.3;
    }

    .lh-lg-4 {
        line-height: 1.4;
    }

    .lh-lg-5 {
        line-height: 1.5;
    }

    .lh-lg-6 {
        line-height: 1.6;
    }

    .lh-lg-7 {
        line-height: 1.7;
    }

    .lh-lg-8 {
        line-height: 1.8;
    }

    .lh-lg-9 {
        line-height: 1.9;
    }

    .lh-lg-10 {
        line-height: 2.0;
    }

    .lh-lg-11 {
        line-height: 2.1;
    }

    .lh-lg-12 {
        line-height: 2.2;
    }

    .lh-lg-13 {
        line-height: 2.3;
    }

    .lh-lg-14 {
        line-height: 2.4;
    }

    .lh-lg-15 {
        line-height: 2.5;
    }

    .tx-lg-center {
        text-align: center;
    }

    .tx-lg-right {
        text-align: right;
    }

    .tx-lg-left {
        text-align: left;
    }

    .tx-lg-center-f {
        text-align: center !important;
    }

    .tx-lg-right-f {
        text-align: right !important;
    }

    .tx-lg-left-f {
        text-align: left !important;
    }
}

@media (min-width: 1200px) {
    .tx-xl-8 {
        font-size: 8px;
    }

    .tx-xl-8-f {
        font-size: 8px !important;
    }

    .tx-xl-9 {
        font-size: 9px;
    }

    .tx-xl-9-f {
        font-size: 9px !important;
    }

    .tx-xl-10 {
        font-size: 10px;
    }

    .tx-xl-10-f {
        font-size: 10px !important;
    }

    .tx-xl-11 {
        font-size: 11px;
    }

    .tx-xl-11-f {
        font-size: 11px !important;
    }

    .tx-xl-12 {
        font-size: 12px;
    }

    .tx-xl-12-f {
        font-size: 12px !important;
    }

    .tx-xl-13 {
        font-size: 13px;
    }

    .tx-xl-13-f {
        font-size: 13px !important;
    }

    .tx-xl-14 {
        font-size: 14px;
    }

    .tx-xl-14-f {
        font-size: 14px !important;
    }

    .tx-xl-15 {
        font-size: 15px;
    }

    .tx-xl-15-f {
        font-size: 15px !important;
    }

    .tx-xl-16 {
        font-size: 16px;
    }

    .tx-xl-16-f {
        font-size: 16px !important;
    }

    .tx-xl-18 {
        font-size: 18px;
    }

    .tx-xl-18-f {
        font-size: 18px !important;
    }

    .tx-xl-20 {
        font-size: 20px;
    }

    .tx-xl-20-f {
        font-size: 20px !important;
    }

    .tx-xl-22 {
        font-size: 22px;
    }

    .tx-xl-22-f {
        font-size: 22px !important;
    }

    .tx-xl-24 {
        font-size: 24px;
    }

    .tx-xl-24-f {
        font-size: 24px !important;
    }

    .tx-xl-26 {
        font-size: 26px;
    }

    .tx-xl-26-f {
        font-size: 26px !important;
    }

    .tx-xl-28 {
        font-size: 28px;
    }

    .tx-xl-28-f {
        font-size: 28px !important;
    }

    .tx-xl-30 {
        font-size: 30px;
    }

    .tx-xl-30-f {
        font-size: 30px !important;
    }

    .tx-xl-32 {
        font-size: 32px;
    }

    .tx-xl-32-f {
        font-size: 32px !important;
    }

    .tx-xl-34 {
        font-size: 34px;
    }

    .tx-xl-34-f {
        font-size: 34px !important;
    }

    .tx-xl-36 {
        font-size: 36px;
    }

    .tx-xl-36-f {
        font-size: 36px !important;
    }

    .tx-xl-38 {
        font-size: 38px;
    }

    .tx-xl-38-f {
        font-size: 38px !important;
    }

    .tx-xl-40 {
        font-size: 40px;
    }

    .tx-xl-40-f {
        font-size: 40px !important;
    }

    .tx-xl-42 {
        font-size: 42px;
    }

    .tx-xl-42-f {
        font-size: 42px !important;
    }

    .tx-xl-44 {
        font-size: 44px;
    }

    .tx-xl-44-f {
        font-size: 44px !important;
    }

    .tx-xl-46 {
        font-size: 46px;
    }

    .tx-xl-46-f {
        font-size: 46px !important;
    }

    .tx-xl-48 {
        font-size: 48px;
    }

    .tx-xl-48-f {
        font-size: 48px !important;
    }

    .tx-xl-50 {
        font-size: 50px;
    }

    .tx-xl-50-f {
        font-size: 50px !important;
    }

    .tx-xl-52 {
        font-size: 52px;
    }

    .tx-xl-52-f {
        font-size: 52px !important;
    }

    .tx-xl-54 {
        font-size: 54px;
    }

    .tx-xl-54-f {
        font-size: 54px !important;
    }

    .tx-xl-56 {
        font-size: 56px;
    }

    .tx-xl-56-f {
        font-size: 56px !important;
    }

    .tx-xl-58 {
        font-size: 58px;
    }

    .tx-xl-58-f {
        font-size: 58px !important;
    }

    .tx-xl-60 {
        font-size: 60px;
    }

    .tx-xl-60-f {
        font-size: 60px !important;
    }

    .tx-xl-62 {
        font-size: 62px;
    }

    .tx-xl-62-f {
        font-size: 62px !important;
    }

    .tx-xl-64 {
        font-size: 64px;
    }

    .tx-xl-64-f {
        font-size: 64px !important;
    }

    .tx-xl-66 {
        font-size: 66px;
    }

    .tx-xl-66-f {
        font-size: 66px !important;
    }

    .tx-xl-68 {
        font-size: 68px;
    }

    .tx-xl-68-f {
        font-size: 68px !important;
    }

    .tx-xl-70 {
        font-size: 70px;
    }

    .tx-xl-70-f {
        font-size: 70px !important;
    }

    .tx-xl-72 {
        font-size: 72px;
    }

    .tx-xl-72-f {
        font-size: 72px !important;
    }

    .tx-xl-74 {
        font-size: 74px;
    }

    .tx-xl-74-f {
        font-size: 74px !important;
    }

    .tx-xl-76 {
        font-size: 76px;
    }

    .tx-xl-76-f {
        font-size: 76px !important;
    }

    .tx-xl-78 {
        font-size: 78px;
    }

    .tx-xl-78-f {
        font-size: 78px !important;
    }

    .tx-xl-80 {
        font-size: 80px;
    }

    .tx-xl-80-f {
        font-size: 80px !important;
    }

    .tx-xl-82 {
        font-size: 82px;
    }

    .tx-xl-82-f {
        font-size: 82px !important;
    }

    .tx-xl-84 {
        font-size: 84px;
    }

    .tx-xl-84-f {
        font-size: 84px !important;
    }

    .tx-xl-86 {
        font-size: 86px;
    }

    .tx-xl-86-f {
        font-size: 86px !important;
    }

    .tx-xl-88 {
        font-size: 88px;
    }

    .tx-xl-88-f {
        font-size: 88px !important;
    }

    .tx-xl-90 {
        font-size: 90px;
    }

    .tx-xl-90-f {
        font-size: 90px !important;
    }

    .tx-xl-92 {
        font-size: 92px;
    }

    .tx-xl-92-f {
        font-size: 92px !important;
    }

    .tx-xl-94 {
        font-size: 94px;
    }

    .tx-xl-94-f {
        font-size: 94px !important;
    }

    .tx-xl-96 {
        font-size: 96px;
    }

    .tx-xl-96-f {
        font-size: 96px !important;
    }

    .tx-xl-98 {
        font-size: 98px;
    }

    .tx-xl-98-f {
        font-size: 98px !important;
    }

    .tx-xl-100 {
        font-size: 100px;
    }

    .tx-xl-100-f {
        font-size: 100px !important;
    }

    .tx-xl-102 {
        font-size: 102px;
    }

    .tx-xl-102-f {
        font-size: 102px !important;
    }

    .tx-xl-104 {
        font-size: 104px;
    }

    .tx-xl-104-f {
        font-size: 104px !important;
    }

    .tx-xl-106 {
        font-size: 106px;
    }

    .tx-xl-106-f {
        font-size: 106px !important;
    }

    .tx-xl-108 {
        font-size: 108px;
    }

    .tx-xl-108-f {
        font-size: 108px !important;
    }

    .tx-xl-110 {
        font-size: 110px;
    }

    .tx-xl-110-f {
        font-size: 110px !important;
    }

    .tx-xl-112 {
        font-size: 112px;
    }

    .tx-xl-112-f {
        font-size: 112px !important;
    }

    .tx-xl-114 {
        font-size: 114px;
    }

    .tx-xl-114-f {
        font-size: 114px !important;
    }

    .tx-xl-116 {
        font-size: 116px;
    }

    .tx-xl-116-f {
        font-size: 116px !important;
    }

    .tx-xl-118 {
        font-size: 118px;
    }

    .tx-xl-118-f {
        font-size: 118px !important;
    }

    .tx-xl-120 {
        font-size: 120px;
    }

    .tx-xl-120-f {
        font-size: 120px !important;
    }

    .tx-xl-122 {
        font-size: 122px;
    }

    .tx-xl-122-f {
        font-size: 122px !important;
    }

    .tx-xl-124 {
        font-size: 124px;
    }

    .tx-xl-124-f {
        font-size: 124px !important;
    }

    .tx-xl-126 {
        font-size: 126px;
    }

    .tx-xl-126-f {
        font-size: 126px !important;
    }

    .tx-xl-128 {
        font-size: 128px;
    }

    .tx-xl-128-f {
        font-size: 128px !important;
    }

    .tx-xl-130 {
        font-size: 130px;
    }

    .tx-xl-130-f {
        font-size: 130px !important;
    }

    .tx-xl-132 {
        font-size: 132px;
    }

    .tx-xl-132-f {
        font-size: 132px !important;
    }

    .tx-xl-134 {
        font-size: 134px;
    }

    .tx-xl-134-f {
        font-size: 134px !important;
    }

    .tx-xl-136 {
        font-size: 136px;
    }

    .tx-xl-136-f {
        font-size: 136px !important;
    }

    .tx-xl-138 {
        font-size: 138px;
    }

    .tx-xl-138-f {
        font-size: 138px !important;
    }

    .tx-xl-140 {
        font-size: 140px;
    }

    .tx-xl-140-f {
        font-size: 140px !important;
    }

    .tx-xl-base {
        font-size: 0.875rem;
    }

    .tx-xl-bold {
        font-weight: 700;
    }

    .tx-xl-semibold {
        font-weight: 600;
    }

    .tx-xl-medium {
        font-weight: 500;
    }

    .tx-xl-normal {
        font-weight: 400;
    }

    .tx-xl-light {
        font-weight: 300;
    }

    .tx-xl-thin {
        font-weight: 200;
    }

    .tx-xl-xthin {
        font-weight: 100;
    }

    .lh-xl-0 {
        line-height: 0;
    }

    .lh-xl-1 {
        line-height: 1.1;
    }

    .lh-xl-2 {
        line-height: 1.2;
    }

    .lh-xl-3 {
        line-height: 1.3;
    }

    .lh-xl-4 {
        line-height: 1.4;
    }

    .lh-xl-5 {
        line-height: 1.5;
    }

    .lh-xl-6 {
        line-height: 1.6;
    }

    .lh-xl-7 {
        line-height: 1.7;
    }

    .lh-xl-8 {
        line-height: 1.8;
    }

    .lh-xl-9 {
        line-height: 1.9;
    }

    .lh-xl-10 {
        line-height: 2.0;
    }

    .lh-xl-11 {
        line-height: 2.1;
    }

    .lh-xl-12 {
        line-height: 2.2;
    }

    .lh-xl-13 {
        line-height: 2.3;
    }

    .lh-xl-14 {
        line-height: 2.4;
    }

    .lh-xl-15 {
        line-height: 2.5;
    }

    .tx-xl-center {
        text-align: center;
    }

    .tx-xl-right {
        text-align: right;
    }

    .tx-xl-left {
        text-align: left;
    }

    .tx-xl-center-f {
        text-align: center !important;
    }

    .tx-xl-right-f {
        text-align: right !important;
    }

    .tx-xl-left-f {
        text-align: left !important;
    }
}

.text-nowrap {
    white-space: nowrap !important;
}

@media (max-width: 576px) {
    .text-sm-nowrap {
        white-space: nowrap !important;
    }
}

@media (max-width: 768px) {
    .text-md-nowrap {
        white-space: nowrap !important;
    }
}

@media (max-width: 992px) {
    .text-lg-nowrap {
        white-space: nowrap !important;
    }
}

@media (max-width: 1000px) {
    .text-xl-nowrap {
        white-space: nowrap !important;
    }
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
    text-align: justify !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-right {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-lighter {
    font-weight: lighter !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-weight-bolder {
    font-weight: bolder !important;
}

.font-italic {
    font-style: italic !important;
}

.text-white {
    color: #fff !important;
}

.text-primary {
    color: #C9A96E  !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #8485fb !important;
}

.text-secondary {
    color: #5f6d88 !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: #556179 !important;
}

.text-success {
    color: #22c03c !important;
}

a.text-success:hover,
a.text-success:focus {
    color: #226401 !important;
}

.text-info {
    color: #00b9ff !important;
}

a.text-info:hover,
a.text-info:focus {
    color: #0f6674 !important;
}

.text-warning {
    color: #e8b210 !important;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #ba8b00 !important;
}

.text-purple {
    color: #673ab7 !important;
}

a.text-purple:hover,
a.text-purple:focus {
    color: #673ab7 !important;
}

.text-danger {
    color: #ee335e !important;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #a71d2a !important;
}

.text-pink {
    color: #f10075 !important;
}

a.text-pink:hover,
a.text-pink:focus {
    color: #e61078 !important;
}

.text-orange {
    color: #fd7e14 !important;
}

a.text-orange:hover,
a.text-orange:focus {
    color: #e46f0e !important;
}

.text-light {
    color: #ecf0fa !important;
}

a.text-light:hover,
a.text-light:focus {
    color: #c5cbda !important;
}

.text-teal {
    color: #00cccc !important;
}

a.text-teal:hover,
a.text-teal:focus {
    color: #06c1c1 !important;
}

.text-dark {
    color: #364261 !important;
}

a.text-dark:hover,
a.text-dark:focus {
    color: #1e2533 !important;
}

.text-body {
    color: #C9A96E !important;
}

.text-muted {
    color: #7987a1 !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

.text-reset {
    color: inherit !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

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

.w-auto {
    width: auto !important;
}

/* ###### 9.9 Width   ###### */
.wd-1 {
    width: 1px;
}

.wd-2 {
    width: 2px;
}

.wd-3 {
    width: 3px;
}

.wd-4 {
    width: 4px;
}

.wd-6 {
    width: 6px;
}

.wd-7 {
    width: 7px;
}

.wd-8 {
    width: 8px;
}

.wd-9 {
    width: 9px;
}

.wd-280 {
    width: 280px;
}

.wd-5 {
    width: 5px;
}

.wd-5p {
    width: 5%;
}

.mx-wd-5p {
    max-width: 5%;
}

.mn-wd-5p {
    min-width: 5%;
}

.wd-5-f {
    width: 5px !important;
}

.wd-5p-f {
    width: 5% !important;
}

.mx-wd-5p-f {
    max-width: 5% !important;
}

.mn-wd-5p-f {
    min-width: 5% !important;
}

.wd-10 {
    width: 10px;
}

.wd-10p {
    width: 10%;
}

.mx-wd-10p {
    max-width: 10%;
}

.mn-wd-10p {
    min-width: 10%;
}

.wd-10-f {
    width: 10px !important;
}

.wd-10p-f {
    width: 10% !important;
}

.mx-wd-10p-f {
    max-width: 10% !important;
}

.mn-wd-10p-f {
    min-width: 10% !important;
}

.wd-15 {
    width: 15px;
}

.wd-15p {
    width: 15%;
}

.mx-wd-15p {
    max-width: 15%;
}

.mn-wd-15p {
    min-width: 15%;
}

.wd-15-f {
    width: 15px !important;
}

.wd-15p-f {
    width: 15% !important;
}

.mx-wd-15p-f {
    max-width: 15% !important;
}

.mn-wd-15p-f {
    min-width: 15% !important;
}

.wd-20 {
    width: 20px;
}

.wd-20p {
    width: 20%;
}

.mx-wd-20p {
    max-width: 20%;
}

.mn-wd-20p {
    min-width: 20%;
}

.wd-20-f {
    width: 20px !important;
}

.wd-20p-f {
    width: 20% !important;
}

.mx-wd-20p-f {
    max-width: 20% !important;
}

.mn-wd-20p-f {
    min-width: 20% !important;
}

.wd-25 {
    width: 25px;
}

.wd-25p {
    width: 25%;
}

.mx-wd-25p {
    max-width: 25%;
}

.mn-wd-25p {
    min-width: 25%;
}

.wd-25-f {
    width: 25px !important;
}

.wd-25p-f {
    width: 25% !important;
}

.mx-wd-25p-f {
    max-width: 25% !important;
}

.mn-wd-25p-f {
    min-width: 25% !important;
}

.wd-30 {
    width: 30px;
}

.wd-30p {
    width: 30%;
}

.mx-wd-30p {
    max-width: 30%;
}

.mn-wd-30p {
    min-width: 30%;
}

.wd-30-f {
    width: 30px !important;
}

.wd-30p-f {
    width: 30% !important;
}

.mx-wd-30p-f {
    max-width: 30% !important;
}

.mn-wd-30p-f {
    min-width: 30% !important;
}

.wd-35 {
    width: 35px;
}

.wd-35p {
    width: 35%;
}

.mx-wd-35p {
    max-width: 35%;
}

.mn-wd-35p {
    min-width: 35%;
}

.wd-35-f {
    width: 35px !important;
}

.wd-35p-f {
    width: 35% !important;
}

.mx-wd-35p-f {
    max-width: 35% !important;
}

.mn-wd-35p-f {
    min-width: 35% !important;
}

.wd-40 {
    width: 40px;
}

.wd-40p {
    width: 40%;
}

.mx-wd-40p {
    max-width: 40%;
}

.mn-wd-40p {
    min-width: 40%;
}

.wd-40-f {
    width: 40px !important;
}

.wd-40p-f {
    width: 40% !important;
}

.mx-wd-40p-f {
    max-width: 40% !important;
}

.mn-wd-40p-f {
    min-width: 40% !important;
}

.wd-45 {
    width: 45px;
}

.wd-45p {
    width: 45%;
}

.mx-wd-45p {
    max-width: 45%;
}

.mn-wd-45p {
    min-width: 45%;
}

.wd-45-f {
    width: 45px !important;
}

.wd-45p-f {
    width: 45% !important;
}

.mx-wd-45p-f {
    max-width: 45% !important;
}

.mn-wd-45p-f {
    min-width: 45% !important;
}

.wd-50 {
    width: 50px;
}

.wd-50p {
    width: 50%;
}

.mx-wd-50p {
    max-width: 50%;
}

.mn-wd-50p {
    min-width: 50%;
}

.wd-50-f {
    width: 50px !important;
}

.wd-50p-f {
    width: 50% !important;
}

.mx-wd-50p-f {
    max-width: 50% !important;
}

.mn-wd-50p-f {
    min-width: 50% !important;
}

.wd-55 {
    width: 55px;
}

.wd-55p {
    width: 55%;
}

.mx-wd-55p {
    max-width: 55%;
}

.mn-wd-55p {
    min-width: 55%;
}

.wd-55-f {
    width: 55px !important;
}

.wd-55p-f {
    width: 55% !important;
}

.mx-wd-55p-f {
    max-width: 55% !important;
}

.mn-wd-55p-f {
    min-width: 55% !important;
}

.wd-60 {
    width: 60px;
}

.wd-60p {
    width: 60%;
}

.mx-wd-60p {
    max-width: 60%;
}

.mn-wd-60p {
    min-width: 60%;
}

.wd-60-f {
    width: 60px !important;
}

.wd-60p-f {
    width: 60% !important;
}

.mx-wd-60p-f {
    max-width: 60% !important;
}

.mn-wd-60p-f {
    min-width: 60% !important;
}

.wd-65 {
    width: 65px;
}

.wd-65p {
    width: 65%;
}

.mx-wd-65p {
    max-width: 65%;
}

.mn-wd-65p {
    min-width: 65%;
}

.wd-65-f {
    width: 65px !important;
}

.wd-65p-f {
    width: 65% !important;
}

.mx-wd-65p-f {
    max-width: 65% !important;
}

.mn-wd-65p-f {
    min-width: 65% !important;
}

.wd-70 {
    width: 70px;
}

.wd-70p {
    width: 70%;
}

.mx-wd-70p {
    max-width: 70%;
}

.mn-wd-70p {
    min-width: 70%;
}

.wd-70-f {
    width: 70px !important;
}

.wd-70p-f {
    width: 70% !important;
}

.mx-wd-70p-f {
    max-width: 70% !important;
}

.mn-wd-70p-f {
    min-width: 70% !important;
}

.wd-75 {
    width: 75px;
}

.wd-75p {
    width: 75%;
}

.mx-wd-75p {
    max-width: 75%;
}

.mn-wd-75p {
    min-width: 75%;
}

.wd-75-f {
    width: 75px !important;
}

.wd-75p-f {
    width: 75% !important;
}

.mx-wd-75p-f {
    max-width: 75% !important;
}

.mn-wd-75p-f {
    min-width: 75% !important;
}

.wd-80 {
    width: 80px;
}

.wd-80p {
    width: 80%;
}

.mx-wd-80p {
    max-width: 80%;
}

.mn-wd-80p {
    min-width: 80%;
}

.wd-80-f {
    width: 80px !important;
}

.wd-80p-f {
    width: 80% !important;
}

.mx-wd-80p-f {
    max-width: 80% !important;
}

.mn-wd-80p-f {
    min-width: 80% !important;
}

.wd-85 {
    width: 85px;
}

.wd-85p {
    width: 85%;
}

.mx-wd-85p {
    max-width: 85%;
}

.mn-wd-85p {
    min-width: 85%;
}

.wd-85-f {
    width: 85px !important;
}

.wd-85p-f {
    width: 85% !important;
}

.mx-wd-85p-f {
    max-width: 85% !important;
}

.mn-wd-85p-f {
    min-width: 85% !important;
}

.wd-90 {
    width: 90px;
}

.wd-90p {
    width: 90%;
}

.mx-wd-90p {
    max-width: 90%;
}

.mn-wd-90p {
    min-width: 90%;
}

.wd-90-f {
    width: 90px !important;
}

.wd-90p-f {
    width: 90% !important;
}

.mx-wd-90p-f {
    max-width: 90% !important;
}

.mn-wd-90p-f {
    min-width: 90% !important;
}

.wd-95 {
    width: 95px;
}

.wd-95p {
    width: 95%;
}

.mx-wd-95p {
    max-width: 95%;
}

.mn-wd-95p {
    min-width: 95%;
}

.wd-95-f {
    width: 95px !important;
}

.wd-95p-f {
    width: 95% !important;
}

.mx-wd-95p-f {
    max-width: 95% !important;
}

.mn-wd-95p-f {
    min-width: 95% !important;
}

.wd-100 {
    width: 100px !important;
}

.wd-100p {
    width: 100%;
}

.mx-wd-100p {
    max-width: 100%;
}

.mn-wd-100p {
    min-width: 100%;
}

.wd-100-f {
    width: 100px !important;
}

.wd-100p-f {
    width: 100% !important;
}

.mx-wd-100p-f {
    max-width: 100% !important;
}

.mn-wd-100p-f {
    min-width: 100% !important;
}

.wd-150 {
    width: 150px;
}

.wd-150-f {
    width: 150px !important;
}

.wd-200 {
    width: 200px;
}

.wd-200-f {
    width: 200px !important;
}

.wd-230 {
    width: 230px;
}

.wd-250 {
    width: 250px;
}

.wd-250-f {
    width: 250px !important;
}

.wd-300 {
    width: 300px;
}

.wd-300-f {
    width: 300px !important;
}

.wd-350 {
    width: 350px;
}

.wd-350-f {
    width: 350px !important;
}

.wd-400 {
    width: 400px;
}

.wd-400-f {
    width: 400px !important;
}

.wd-450 {
    width: 450px;
}

.wd-450-f {
    width: 450px !important;
}

.wd-500 {
    width: 500px;
}

.wd-500-f {
    width: 500px !important;
}

.wd-550 {
    width: 550px;
}

.wd-550-f {
    width: 550px !important;
}

.wd-600 {
    width: 600px;
}

.wd-600-f {
    width: 600px !important;
}

.wd-650 {
    width: 650px;
}

.wd-650-f {
    width: 650px !important;
}

.wd-700 {
    width: 700px;
}

.wd-700-f {
    width: 700px !important;
}

.wd-750 {
    width: 750px;
}

.wd-750-f {
    width: 750px !important;
}

.wd-800 {
    width: 800px;
}

.wd-800-f {
    width: 800px !important;
}

.wd-850 {
    width: 850px;
}

.wd-850-f {
    width: 850px !important;
}

.wd-900 {
    width: 900px;
}

.wd-900-f {
    width: 900px !important;
}

.wd-950 {
    width: 950px;
}

.wd-950-f {
    width: 950px !important;
}

.wd-1000 {
    width: 1000px;
}

.wd-1000-f {
    width: 1000px !important;
}

@media (min-width: 480px) {
    .wd-xs-5 {
        width: 5px;
    }

    .wd-xs-5p {
        width: 5%;
    }

    .mx-wd-xs-5p {
        max-width: 5%;
    }

    .mn-wd-xs-5p {
        min-width: 5%;
    }

    .wd-xs-5-f {
        width: 5px !important;
    }

    .wd-xs-5p-f {
        width: 5% !important;
    }

    .mx-wd-xs-5p-f {
        max-width: 5% !important;
    }

    .mn-wd-xs-5p-f {
        min-width: 5% !important;
    }

    .wd-xs-10 {
        width: 10px;
    }

    .wd-xs-10p {
        width: 10%;
    }

    .mx-wd-xs-10p {
        max-width: 10%;
    }

    .mn-wd-xs-10p {
        min-width: 10%;
    }

    .wd-xs-10-f {
        width: 10px !important;
    }

    .wd-xs-10p-f {
        width: 10% !important;
    }

    .mx-wd-xs-10p-f {
        max-width: 10% !important;
    }

    .mn-wd-xs-10p-f {
        min-width: 10% !important;
    }

    .wd-xs-15 {
        width: 15px;
    }

    .wd-xs-15p {
        width: 15%;
    }

    .mx-wd-xs-15p {
        max-width: 15%;
    }

    .mn-wd-xs-15p {
        min-width: 15%;
    }

    .wd-xs-15-f {
        width: 15px !important;
    }

    .wd-xs-15p-f {
        width: 15% !important;
    }

    .mx-wd-xs-15p-f {
        max-width: 15% !important;
    }

    .mn-wd-xs-15p-f {
        min-width: 15% !important;
    }

    .wd-xs-20 {
        width: 20px;
    }

    .wd-xs-20p {
        width: 20%;
    }

    .mx-wd-xs-20p {
        max-width: 20%;
    }

    .mn-wd-xs-20p {
        min-width: 20%;
    }

    .wd-xs-20-f {
        width: 20px !important;
    }

    .wd-xs-20p-f {
        width: 20% !important;
    }

    .mx-wd-xs-20p-f {
        max-width: 20% !important;
    }

    .mn-wd-xs-20p-f {
        min-width: 20% !important;
    }

    .wd-xs-25 {
        width: 25px;
    }

    .wd-xs-25p {
        width: 25%;
    }

    .mx-wd-xs-25p {
        max-width: 25%;
    }

    .mn-wd-xs-25p {
        min-width: 25%;
    }

    .wd-xs-25-f {
        width: 25px !important;
    }

    .wd-xs-25p-f {
        width: 25% !important;
    }

    .mx-wd-xs-25p-f {
        max-width: 25% !important;
    }

    .mn-wd-xs-25p-f {
        min-width: 25% !important;
    }

    .wd-xs-30 {
        width: 30px;
    }

    .wd-xs-30p {
        width: 30%;
    }

    .mx-wd-xs-30p {
        max-width: 30%;
    }

    .mn-wd-xs-30p {
        min-width: 30%;
    }

    .wd-xs-30-f {
        width: 30px !important;
    }

    .wd-xs-30p-f {
        width: 30% !important;
    }

    .mx-wd-xs-30p-f {
        max-width: 30% !important;
    }

    .mn-wd-xs-30p-f {
        min-width: 30% !important;
    }

    .wd-xs-35 {
        width: 35px;
    }

    .wd-xs-35p {
        width: 35%;
    }

    .mx-wd-xs-35p {
        max-width: 35%;
    }

    .mn-wd-xs-35p {
        min-width: 35%;
    }

    .wd-xs-35-f {
        width: 35px !important;
    }

    .wd-xs-35p-f {
        width: 35% !important;
    }

    .mx-wd-xs-35p-f {
        max-width: 35% !important;
    }

    .mn-wd-xs-35p-f {
        min-width: 35% !important;
    }

    .wd-xs-40 {
        width: 40px;
    }

    .wd-xs-40p {
        width: 40%;
    }

    .mx-wd-xs-40p {
        max-width: 40%;
    }

    .mn-wd-xs-40p {
        min-width: 40%;
    }

    .wd-xs-40-f {
        width: 40px !important;
    }

    .wd-xs-40p-f {
        width: 40% !important;
    }

    .mx-wd-xs-40p-f {
        max-width: 40% !important;
    }

    .mn-wd-xs-40p-f {
        min-width: 40% !important;
    }

    .wd-xs-45 {
        width: 45px;
    }

    .wd-xs-45p {
        width: 45%;
    }

    .mx-wd-xs-45p {
        max-width: 45%;
    }

    .mn-wd-xs-45p {
        min-width: 45%;
    }

    .wd-xs-45-f {
        width: 45px !important;
    }

    .wd-xs-45p-f {
        width: 45% !important;
    }

    .mx-wd-xs-45p-f {
        max-width: 45% !important;
    }

    .mn-wd-xs-45p-f {
        min-width: 45% !important;
    }

    .wd-xs-50 {
        width: 50px;
    }

    .wd-xs-50p {
        width: 50%;
    }

    .mx-wd-xs-50p {
        max-width: 50%;
    }

    .mn-wd-xs-50p {
        min-width: 50%;
    }

    .wd-xs-50-f {
        width: 50px !important;
    }

    .wd-xs-50p-f {
        width: 50% !important;
    }

    .mx-wd-xs-50p-f {
        max-width: 50% !important;
    }

    .mn-wd-xs-50p-f {
        min-width: 50% !important;
    }

    .wd-xs-55 {
        width: 55px;
    }

    .wd-xs-55p {
        width: 55%;
    }

    .mx-wd-xs-55p {
        max-width: 55%;
    }

    .mn-wd-xs-55p {
        min-width: 55%;
    }

    .wd-xs-55-f {
        width: 55px !important;
    }

    .wd-xs-55p-f {
        width: 55% !important;
    }

    .mx-wd-xs-55p-f {
        max-width: 55% !important;
    }

    .mn-wd-xs-55p-f {
        min-width: 55% !important;
    }

    .wd-xs-60 {
        width: 60px;
    }

    .wd-xs-60p {
        width: 60%;
    }

    .mx-wd-xs-60p {
        max-width: 60%;
    }

    .mn-wd-xs-60p {
        min-width: 60%;
    }

    .wd-xs-60-f {
        width: 60px !important;
    }

    .wd-xs-60p-f {
        width: 60% !important;
    }

    .mx-wd-xs-60p-f {
        max-width: 60% !important;
    }

    .mn-wd-xs-60p-f {
        min-width: 60% !important;
    }

    .wd-xs-65 {
        width: 65px;
    }

    .wd-xs-65p {
        width: 65%;
    }

    .mx-wd-xs-65p {
        max-width: 65%;
    }

    .mn-wd-xs-65p {
        min-width: 65%;
    }

    .wd-xs-65-f {
        width: 65px !important;
    }

    .wd-xs-65p-f {
        width: 65% !important;
    }

    .mx-wd-xs-65p-f {
        max-width: 65% !important;
    }

    .mn-wd-xs-65p-f {
        min-width: 65% !important;
    }

    .wd-xs-70 {
        width: 70px;
    }

    .wd-xs-70p {
        width: 70%;
    }

    .mx-wd-xs-70p {
        max-width: 70%;
    }

    .mn-wd-xs-70p {
        min-width: 70%;
    }

    .wd-xs-70-f {
        width: 70px !important;
    }

    .wd-xs-70p-f {
        width: 70% !important;
    }

    .mx-wd-xs-70p-f {
        max-width: 70% !important;
    }

    .mn-wd-xs-70p-f {
        min-width: 70% !important;
    }

    .wd-xs-75 {
        width: 75px;
    }

    .wd-xs-75p {
        width: 75%;
    }

    .mx-wd-xs-75p {
        max-width: 75%;
    }

    .mn-wd-xs-75p {
        min-width: 75%;
    }

    .wd-xs-75-f {
        width: 75px !important;
    }

    .wd-xs-75p-f {
        width: 75% !important;
    }

    .mx-wd-xs-75p-f {
        max-width: 75% !important;
    }

    .mn-wd-xs-75p-f {
        min-width: 75% !important;
    }

    .wd-xs-80 {
        width: 80px;
    }

    .wd-xs-80p {
        width: 80%;
    }

    .mx-wd-xs-80p {
        max-width: 80%;
    }

    .mn-wd-xs-80p {
        min-width: 80%;
    }

    .wd-xs-80-f {
        width: 80px !important;
    }

    .wd-xs-80p-f {
        width: 80% !important;
    }

    .mx-wd-xs-80p-f {
        max-width: 80% !important;
    }

    .mn-wd-xs-80p-f {
        min-width: 80% !important;
    }

    .wd-xs-85 {
        width: 85px;
    }

    .wd-xs-85p {
        width: 85%;
    }

    .mx-wd-xs-85p {
        max-width: 85%;
    }

    .mn-wd-xs-85p {
        min-width: 85%;
    }

    .wd-xs-85-f {
        width: 85px !important;
    }

    .wd-xs-85p-f {
        width: 85% !important;
    }

    .mx-wd-xs-85p-f {
        max-width: 85% !important;
    }

    .mn-wd-xs-85p-f {
        min-width: 85% !important;
    }

    .wd-xs-90 {
        width: 90px;
    }

    .wd-xs-90p {
        width: 90%;
    }

    .mx-wd-xs-90p {
        max-width: 90%;
    }

    .mn-wd-xs-90p {
        min-width: 90%;
    }

    .wd-xs-90-f {
        width: 90px !important;
    }

    .wd-xs-90p-f {
        width: 90% !important;
    }

    .mx-wd-xs-90p-f {
        max-width: 90% !important;
    }

    .mn-wd-xs-90p-f {
        min-width: 90% !important;
    }

    .wd-xs-95 {
        width: 95px;
    }

    .wd-xs-95p {
        width: 95%;
    }

    .mx-wd-xs-95p {
        max-width: 95%;
    }

    .mn-wd-xs-95p {
        min-width: 95%;
    }

    .wd-xs-95-f {
        width: 95px !important;
    }

    .wd-xs-95p-f {
        width: 95% !important;
    }

    .mx-wd-xs-95p-f {
        max-width: 95% !important;
    }

    .mn-wd-xs-95p-f {
        min-width: 95% !important;
    }

    .wd-xs-100 {
        width: 100px;
    }

    .wd-xs-100p {
        width: 100%;
    }

    .mx-wd-xs-100p {
        max-width: 100%;
    }

    .mn-wd-xs-100p {
        min-width: 100%;
    }

    .wd-xs-100-f {
        width: 100px !important;
    }

    .wd-xs-100p-f {
        width: 100% !important;
    }

    .mx-wd-xs-100p-f {
        max-width: 100% !important;
    }

    .mn-wd-xs-100p-f {
        min-width: 100% !important;
    }

    .wd-xs-150 {
        width: 150px;
    }

    .wd-xs-150p {
        width: 150%;
    }

    .mx-wd-xs-150p {
        max-width: 150%;
    }

    .mn-wd-xs-150p {
        min-width: 150%;
    }

    .wd-xs-150-f {
        width: 150px !important;
    }

    .wd-xs-150p-f {
        width: 150% !important;
    }

    .mx-wd-xs-150p-f {
        max-width: 150% !important;
    }

    .mn-wd-xs-150p-f {
        min-width: 150% !important;
    }

    .wd-xs-200 {
        width: 200px;
    }

    .wd-xs-200p {
        width: 200%;
    }

    .mx-wd-xs-200p {
        max-width: 200%;
    }

    .mn-wd-xs-200p {
        min-width: 200%;
    }

    .wd-xs-200-f {
        width: 200px !important;
    }

    .wd-xs-200p-f {
        width: 200% !important;
    }

    .mx-wd-xs-200p-f {
        max-width: 200% !important;
    }

    .mn-wd-xs-200p-f {
        min-width: 200% !important;
    }

    .wd-xs-250 {
        width: 250px;
    }

    .wd-xs-250p {
        width: 250%;
    }

    .mx-wd-xs-250p {
        max-width: 250%;
    }

    .mn-wd-xs-250p {
        min-width: 250%;
    }

    .wd-xs-250-f {
        width: 250px !important;
    }

    .wd-xs-250p-f {
        width: 250% !important;
    }

    .mx-wd-xs-250p-f {
        max-width: 250% !important;
    }

    .mn-wd-xs-250p-f {
        min-width: 250% !important;
    }

    .wd-xs-300 {
        width: 300px;
    }

    .wd-xs-300p {
        width: 300%;
    }

    .mx-wd-xs-300p {
        max-width: 300%;
    }

    .mn-wd-xs-300p {
        min-width: 300%;
    }

    .wd-xs-300-f {
        width: 300px !important;
    }

    .wd-xs-300p-f {
        width: 300% !important;
    }

    .mx-wd-xs-300p-f {
        max-width: 300% !important;
    }

    .mn-wd-xs-300p-f {
        min-width: 300% !important;
    }

    .wd-xs-350 {
        width: 350px;
    }

    .wd-xs-350p {
        width: 350%;
    }

    .mx-wd-xs-350p {
        max-width: 350%;
    }

    .mn-wd-xs-350p {
        min-width: 350%;
    }

    .wd-xs-350-f {
        width: 350px !important;
    }

    .wd-xs-350p-f {
        width: 350% !important;
    }

    .mx-wd-xs-350p-f {
        max-width: 350% !important;
    }

    .mn-wd-xs-350p-f {
        min-width: 350% !important;
    }

    .wd-xs-400 {
        width: 400px;
    }

    .wd-xs-400p {
        width: 400%;
    }

    .mx-wd-xs-400p {
        max-width: 400%;
    }

    .mn-wd-xs-400p {
        min-width: 400%;
    }

    .wd-xs-400-f {
        width: 400px !important;
    }

    .wd-xs-400p-f {
        width: 400% !important;
    }

    .mx-wd-xs-400p-f {
        max-width: 400% !important;
    }

    .mn-wd-xs-400p-f {
        min-width: 400% !important;
    }

    .wd-xs-450 {
        width: 450px;
    }

    .wd-xs-450p {
        width: 450%;
    }

    .mx-wd-xs-450p {
        max-width: 450%;
    }

    .mn-wd-xs-450p {
        min-width: 450%;
    }

    .wd-xs-450-f {
        width: 450px !important;
    }

    .wd-xs-450p-f {
        width: 450% !important;
    }

    .mx-wd-xs-450p-f {
        max-width: 450% !important;
    }

    .mn-wd-xs-450p-f {
        min-width: 450% !important;
    }

    .wd-xs-500 {
        width: 500px;
    }

    .wd-xs-500p {
        width: 500%;
    }

    .mx-wd-xs-500p {
        max-width: 500%;
    }

    .mn-wd-xs-500p {
        min-width: 500%;
    }

    .wd-xs-500-f {
        width: 500px !important;
    }

    .wd-xs-500p-f {
        width: 500% !important;
    }

    .mx-wd-xs-500p-f {
        max-width: 500% !important;
    }

    .mn-wd-xs-500p-f {
        min-width: 500% !important;
    }

    .wd-xs-550 {
        width: 550px;
    }

    .wd-xs-550p {
        width: 550%;
    }

    .mx-wd-xs-550p {
        max-width: 550%;
    }

    .mn-wd-xs-550p {
        min-width: 550%;
    }

    .wd-xs-550-f {
        width: 550px !important;
    }

    .wd-xs-550p-f {
        width: 550% !important;
    }

    .mx-wd-xs-550p-f {
        max-width: 550% !important;
    }

    .mn-wd-xs-550p-f {
        min-width: 550% !important;
    }

    .wd-xs-600 {
        width: 600px;
    }

    .wd-xs-600p {
        width: 600%;
    }

    .mx-wd-xs-600p {
        max-width: 600%;
    }

    .mn-wd-xs-600p {
        min-width: 600%;
    }

    .wd-xs-600-f {
        width: 600px !important;
    }

    .wd-xs-600p-f {
        width: 600% !important;
    }

    .mx-wd-xs-600p-f {
        max-width: 600% !important;
    }

    .mn-wd-xs-600p-f {
        min-width: 600% !important;
    }

    .wd-xs-650 {
        width: 650px;
    }

    .wd-xs-650p {
        width: 650%;
    }

    .mx-wd-xs-650p {
        max-width: 650%;
    }

    .mn-wd-xs-650p {
        min-width: 650%;
    }

    .wd-xs-650-f {
        width: 650px !important;
    }

    .wd-xs-650p-f {
        width: 650% !important;
    }

    .mx-wd-xs-650p-f {
        max-width: 650% !important;
    }

    .mn-wd-xs-650p-f {
        min-width: 650% !important;
    }

    .wd-xs-700 {
        width: 700px;
    }

    .wd-xs-700p {
        width: 700%;
    }

    .mx-wd-xs-700p {
        max-width: 700%;
    }

    .mn-wd-xs-700p {
        min-width: 700%;
    }

    .wd-xs-700-f {
        width: 700px !important;
    }

    .wd-xs-700p-f {
        width: 700% !important;
    }

    .mx-wd-xs-700p-f {
        max-width: 700% !important;
    }

    .mn-wd-xs-700p-f {
        min-width: 700% !important;
    }

    .wd-xs-750 {
        width: 750px;
    }

    .wd-xs-750p {
        width: 750%;
    }

    .mx-wd-xs-750p {
        max-width: 750%;
    }

    .mn-wd-xs-750p {
        min-width: 750%;
    }

    .wd-xs-750-f {
        width: 750px !important;
    }

    .wd-xs-750p-f {
        width: 750% !important;
    }

    .mx-wd-xs-750p-f {
        max-width: 750% !important;
    }

    .mn-wd-xs-750p-f {
        min-width: 750% !important;
    }

    .wd-xs-800 {
        width: 800px;
    }

    .wd-xs-800p {
        width: 800%;
    }

    .mx-wd-xs-800p {
        max-width: 800%;
    }

    .mn-wd-xs-800p {
        min-width: 800%;
    }

    .wd-xs-800-f {
        width: 800px !important;
    }

    .wd-xs-800p-f {
        width: 800% !important;
    }

    .mx-wd-xs-800p-f {
        max-width: 800% !important;
    }

    .mn-wd-xs-800p-f {
        min-width: 800% !important;
    }

    .wd-xs-850 {
        width: 850px;
    }

    .wd-xs-850p {
        width: 850%;
    }

    .mx-wd-xs-850p {
        max-width: 850%;
    }

    .mn-wd-xs-850p {
        min-width: 850%;
    }

    .wd-xs-850-f {
        width: 850px !important;
    }

    .wd-xs-850p-f {
        width: 850% !important;
    }

    .mx-wd-xs-850p-f {
        max-width: 850% !important;
    }

    .mn-wd-xs-850p-f {
        min-width: 850% !important;
    }

    .wd-xs-900 {
        width: 900px;
    }

    .wd-xs-900p {
        width: 900%;
    }

    .mx-wd-xs-900p {
        max-width: 900%;
    }

    .mn-wd-xs-900p {
        min-width: 900%;
    }

    .wd-xs-900-f {
        width: 900px !important;
    }

    .wd-xs-900p-f {
        width: 900% !important;
    }

    .mx-wd-xs-900p-f {
        max-width: 900% !important;
    }

    .mn-wd-xs-900p-f {
        min-width: 900% !important;
    }

    .wd-xs-950 {
        width: 950px;
    }

    .wd-xs-950p {
        width: 950%;
    }

    .mx-wd-xs-950p {
        max-width: 950%;
    }

    .mn-wd-xs-950p {
        min-width: 950%;
    }

    .wd-xs-950-f {
        width: 950px !important;
    }

    .wd-xs-950p-f {
        width: 950% !important;
    }

    .mx-wd-xs-950p-f {
        max-width: 950% !important;
    }

    .mn-wd-xs-950p-f {
        min-width: 950% !important;
    }

    .wd-xs-1000 {
        width: 1000px;
    }

    .wd-xs-1000p {
        width: 1000%;
    }

    .mx-wd-xs-1000p {
        max-width: 1000%;
    }

    .mn-wd-xs-1000p {
        min-width: 1000%;
    }

    .wd-xs-1000-f {
        width: 1000px !important;
    }

    .wd-xs-1000p-f {
        width: 1000% !important;
    }

    .mx-wd-xs-1000p-f {
        max-width: 1000% !important;
    }

    .mn-wd-xs-1000p-f {
        min-width: 1000% !important;
    }

    .wd-xs-auto {
        width: auto;
    }

    .wd-xs-auto-f {
        width: auto !important;
    }
}

@media (min-width: 576px) {
    .wd-sm-5 {
        width: 5px;
    }

    .wd-sm-5p {
        width: 5%;
    }

    .mx-wd-sm-5p {
        max-width: 5%;
    }

    .mn-wd-sm-5p {
        min-width: 5%;
    }

    .wd-sm-5-f {
        width: 5px !important;
    }

    .wd-sm-5p-f {
        width: 5% !important;
    }

    .mx-wd-sm-5p-f {
        max-width: 5% !important;
    }

    .mn-wd-sm-5p-f {
        min-width: 5% !important;
    }

    .wd-sm-10 {
        width: 10px;
    }

    .wd-sm-10p {
        width: 10%;
    }

    .mx-wd-sm-10p {
        max-width: 10%;
    }

    .mn-wd-sm-10p {
        min-width: 10%;
    }

    .wd-sm-10-f {
        width: 10px !important;
    }

    .wd-sm-10p-f {
        width: 10% !important;
    }

    .mx-wd-sm-10p-f {
        max-width: 10% !important;
    }

    .mn-wd-sm-10p-f {
        min-width: 10% !important;
    }

    .wd-sm-15 {
        width: 15px;
    }

    .wd-sm-15p {
        width: 15%;
    }

    .mx-wd-sm-15p {
        max-width: 15%;
    }

    .mn-wd-sm-15p {
        min-width: 15%;
    }

    .wd-sm-15-f {
        width: 15px !important;
    }

    .wd-sm-15p-f {
        width: 15% !important;
    }

    .mx-wd-sm-15p-f {
        max-width: 15% !important;
    }

    .mn-wd-sm-15p-f {
        min-width: 15% !important;
    }

    .wd-sm-20 {
        width: 20px;
    }

    .wd-sm-20p {
        width: 20%;
    }

    .mx-wd-sm-20p {
        max-width: 20%;
    }

    .mn-wd-sm-20p {
        min-width: 20%;
    }

    .wd-sm-20-f {
        width: 20px !important;
    }

    .wd-sm-20p-f {
        width: 20% !important;
    }

    .mx-wd-sm-20p-f {
        max-width: 20% !important;
    }

    .mn-wd-sm-20p-f {
        min-width: 20% !important;
    }

    .wd-sm-25 {
        width: 25px;
    }

    .wd-sm-25p {
        width: 25%;
    }

    .mx-wd-sm-25p {
        max-width: 25%;
    }

    .mn-wd-sm-25p {
        min-width: 25%;
    }

    .wd-sm-25-f {
        width: 25px !important;
    }

    .wd-sm-25p-f {
        width: 25% !important;
    }

    .mx-wd-sm-25p-f {
        max-width: 25% !important;
    }

    .mn-wd-sm-25p-f {
        min-width: 25% !important;
    }

    .wd-sm-30 {
        width: 30px;
    }

    .wd-sm-30p {
        width: 30%;
    }

    .mx-wd-sm-30p {
        max-width: 30%;
    }

    .mn-wd-sm-30p {
        min-width: 30%;
    }

    .wd-sm-30-f {
        width: 30px !important;
    }

    .wd-sm-30p-f {
        width: 30% !important;
    }

    .mx-wd-sm-30p-f {
        max-width: 30% !important;
    }

    .mn-wd-sm-30p-f {
        min-width: 30% !important;
    }

    .wd-sm-35 {
        width: 35px;
    }

    .wd-sm-35p {
        width: 35%;
    }

    .mx-wd-sm-35p {
        max-width: 35%;
    }

    .mn-wd-sm-35p {
        min-width: 35%;
    }

    .wd-sm-35-f {
        width: 35px !important;
    }

    .wd-sm-35p-f {
        width: 35% !important;
    }

    .mx-wd-sm-35p-f {
        max-width: 35% !important;
    }

    .mn-wd-sm-35p-f {
        min-width: 35% !important;
    }

    .wd-sm-40 {
        width: 40px;
    }

    .wd-sm-40p {
        width: 40%;
    }

    .mx-wd-sm-40p {
        max-width: 40%;
    }

    .mn-wd-sm-40p {
        min-width: 40%;
    }

    .wd-sm-40-f {
        width: 40px !important;
    }

    .wd-sm-40p-f {
        width: 40% !important;
    }

    .mx-wd-sm-40p-f {
        max-width: 40% !important;
    }

    .mn-wd-sm-40p-f {
        min-width: 40% !important;
    }

    .wd-sm-45 {
        width: 45px;
    }

    .wd-sm-45p {
        width: 45%;
    }

    .mx-wd-sm-45p {
        max-width: 45%;
    }

    .mn-wd-sm-45p {
        min-width: 45%;
    }

    .wd-sm-45-f {
        width: 45px !important;
    }

    .wd-sm-45p-f {
        width: 45% !important;
    }

    .mx-wd-sm-45p-f {
        max-width: 45% !important;
    }

    .mn-wd-sm-45p-f {
        min-width: 45% !important;
    }

    .wd-sm-50 {
        width: 50px;
    }

    .wd-sm-50p {
        width: 50%;
    }

    .mx-wd-sm-50p {
        max-width: 50%;
    }

    .mn-wd-sm-50p {
        min-width: 50%;
    }

    .wd-sm-50-f {
        width: 50px !important;
    }

    .wd-sm-50p-f {
        width: 50% !important;
    }

    .mx-wd-sm-50p-f {
        max-width: 50% !important;
    }

    .mn-wd-sm-50p-f {
        min-width: 50% !important;
    }

    .wd-sm-55 {
        width: 55px;
    }

    .wd-sm-55p {
        width: 55%;
    }

    .mx-wd-sm-55p {
        max-width: 55%;
    }

    .mn-wd-sm-55p {
        min-width: 55%;
    }

    .wd-sm-55-f {
        width: 55px !important;
    }

    .wd-sm-55p-f {
        width: 55% !important;
    }

    .mx-wd-sm-55p-f {
        max-width: 55% !important;
    }

    .mn-wd-sm-55p-f {
        min-width: 55% !important;
    }

    .wd-sm-60 {
        width: 60px;
    }

    .wd-sm-60p {
        width: 60%;
    }

    .mx-wd-sm-60p {
        max-width: 60%;
    }

    .mn-wd-sm-60p {
        min-width: 60%;
    }

    .wd-sm-60-f {
        width: 60px !important;
    }

    .wd-sm-60p-f {
        width: 60% !important;
    }

    .mx-wd-sm-60p-f {
        max-width: 60% !important;
    }

    .mn-wd-sm-60p-f {
        min-width: 60% !important;
    }

    .wd-sm-65 {
        width: 65px;
    }

    .wd-sm-65p {
        width: 65%;
    }

    .mx-wd-sm-65p {
        max-width: 65%;
    }

    .mn-wd-sm-65p {
        min-width: 65%;
    }

    .wd-sm-65-f {
        width: 65px !important;
    }

    .wd-sm-65p-f {
        width: 65% !important;
    }

    .mx-wd-sm-65p-f {
        max-width: 65% !important;
    }

    .mn-wd-sm-65p-f {
        min-width: 65% !important;
    }

    .wd-sm-70 {
        width: 70px;
    }

    .wd-sm-70p {
        width: 70%;
    }

    .mx-wd-sm-70p {
        max-width: 70%;
    }

    .mn-wd-sm-70p {
        min-width: 70%;
    }

    .wd-sm-70-f {
        width: 70px !important;
    }

    .wd-sm-70p-f {
        width: 70% !important;
    }

    .mx-wd-sm-70p-f {
        max-width: 70% !important;
    }

    .mn-wd-sm-70p-f {
        min-width: 70% !important;
    }

    .wd-sm-75 {
        width: 75px;
    }

    .wd-sm-75p {
        width: 75%;
    }

    .mx-wd-sm-75p {
        max-width: 75%;
    }

    .mn-wd-sm-75p {
        min-width: 75%;
    }

    .wd-sm-75-f {
        width: 75px !important;
    }

    .wd-sm-75p-f {
        width: 75% !important;
    }

    .mx-wd-sm-75p-f {
        max-width: 75% !important;
    }

    .mn-wd-sm-75p-f {
        min-width: 75% !important;
    }

    .wd-sm-80 {
        width: 80px;
    }

    .wd-sm-80p {
        width: 80%;
    }

    .mx-wd-sm-80p {
        max-width: 80%;
    }

    .mn-wd-sm-80p {
        min-width: 80%;
    }

    .wd-sm-80-f {
        width: 80px !important;
    }

    .wd-sm-80p-f {
        width: 80% !important;
    }

    .mx-wd-sm-80p-f {
        max-width: 80% !important;
    }

    .mn-wd-sm-80p-f {
        min-width: 80% !important;
    }

    .wd-sm-85 {
        width: 85px;
    }

    .wd-sm-85p {
        width: 85%;
    }

    .mx-wd-sm-85p {
        max-width: 85%;
    }

    .mn-wd-sm-85p {
        min-width: 85%;
    }

    .wd-sm-85-f {
        width: 85px !important;
    }

    .wd-sm-85p-f {
        width: 85% !important;
    }

    .mx-wd-sm-85p-f {
        max-width: 85% !important;
    }

    .mn-wd-sm-85p-f {
        min-width: 85% !important;
    }

    .wd-sm-90 {
        width: 90px;
    }

    .wd-sm-90p {
        width: 90%;
    }

    .mx-wd-sm-90p {
        max-width: 90%;
    }

    .mn-wd-sm-90p {
        min-width: 90%;
    }

    .wd-sm-90-f {
        width: 90px !important;
    }

    .wd-sm-90p-f {
        width: 90% !important;
    }

    .mx-wd-sm-90p-f {
        max-width: 90% !important;
    }

    .mn-wd-sm-90p-f {
        min-width: 90% !important;
    }

    .wd-sm-95 {
        width: 95px;
    }

    .wd-sm-95p {
        width: 95%;
    }

    .mx-wd-sm-95p {
        max-width: 95%;
    }

    .mn-wd-sm-95p {
        min-width: 95%;
    }

    .wd-sm-95-f {
        width: 95px !important;
    }

    .wd-sm-95p-f {
        width: 95% !important;
    }

    .mx-wd-sm-95p-f {
        max-width: 95% !important;
    }

    .mn-wd-sm-95p-f {
        min-width: 95% !important;
    }

    .wd-sm-100 {
        width: 100px;
    }

    .wd-sm-100p {
        width: 100%;
    }

    .mx-wd-sm-100p {
        max-width: 100%;
    }

    .mn-wd-sm-100p {
        min-width: 100%;
    }

    .wd-sm-100-f {
        width: 100px !important;
    }

    .wd-sm-100p-f {
        width: 100% !important;
    }

    .mx-wd-sm-100p-f {
        max-width: 100% !important;
    }

    .mn-wd-sm-100p-f {
        min-width: 100% !important;
    }

    .wd-sm-150 {
        width: 150px;
    }

    .wd-sm-150p {
        width: 150%;
    }

    .mx-wd-sm-150p {
        max-width: 150%;
    }

    .mn-wd-sm-150p {
        min-width: 150%;
    }

    .wd-sm-150-f {
        width: 150px !important;
    }

    .wd-sm-150p-f {
        width: 150% !important;
    }

    .mx-wd-sm-150p-f {
        max-width: 150% !important;
    }

    .mn-wd-sm-150p-f {
        min-width: 150% !important;
    }

    .wd-sm-200 {
        width: 200px;
    }

    .wd-sm-200p {
        width: 200%;
    }

    .mx-wd-sm-200p {
        max-width: 200%;
    }

    .mn-wd-sm-200p {
        min-width: 200%;
    }

    .wd-sm-200-f {
        width: 200px !important;
    }

    .wd-sm-200p-f {
        width: 200% !important;
    }

    .mx-wd-sm-200p-f {
        max-width: 200% !important;
    }

    .mn-wd-sm-200p-f {
        min-width: 200% !important;
    }

    .wd-sm-250 {
        width: 250px;
    }

    .wd-sm-250p {
        width: 250%;
    }

    .mx-wd-sm-250p {
        max-width: 250%;
    }

    .mn-wd-sm-250p {
        min-width: 250%;
    }

    .wd-sm-250-f {
        width: 250px !important;
    }

    .wd-sm-250p-f {
        width: 250% !important;
    }

    .mx-wd-sm-250p-f {
        max-width: 250% !important;
    }

    .mn-wd-sm-250p-f {
        min-width: 250% !important;
    }

    .wd-sm-300 {
        width: 300px;
    }

    .wd-sm-300p {
        width: 300%;
    }

    .mx-wd-sm-300p {
        max-width: 300%;
    }

    .mn-wd-sm-300p {
        min-width: 300%;
    }

    .wd-sm-300-f {
        width: 300px !important;
    }

    .wd-sm-300p-f {
        width: 300% !important;
    }

    .mx-wd-sm-300p-f {
        max-width: 300% !important;
    }

    .mn-wd-sm-300p-f {
        min-width: 300% !important;
    }

    .wd-sm-350 {
        width: 350px;
    }

    .wd-sm-350p {
        width: 350%;
    }

    .mx-wd-sm-350p {
        max-width: 350%;
    }

    .mn-wd-sm-350p {
        min-width: 350%;
    }

    .wd-sm-350-f {
        width: 350px !important;
    }

    .wd-sm-350p-f {
        width: 350% !important;
    }

    .mx-wd-sm-350p-f {
        max-width: 350% !important;
    }

    .mn-wd-sm-350p-f {
        min-width: 350% !important;
    }

    .wd-sm-400 {
        width: 400px;
    }

    .wd-sm-400p {
        width: 400%;
    }

    .mx-wd-sm-400p {
        max-width: 400%;
    }

    .mn-wd-sm-400p {
        min-width: 400%;
    }

    .wd-sm-400-f {
        width: 400px !important;
    }

    .wd-sm-400p-f {
        width: 400% !important;
    }

    .mx-wd-sm-400p-f {
        max-width: 400% !important;
    }

    .mn-wd-sm-400p-f {
        min-width: 400% !important;
    }

    .wd-sm-450 {
        width: 450px;
    }

    .wd-sm-450p {
        width: 450%;
    }

    .mx-wd-sm-450p {
        max-width: 450%;
    }

    .mn-wd-sm-450p {
        min-width: 450%;
    }

    .wd-sm-450-f {
        width: 450px !important;
    }

    .wd-sm-450p-f {
        width: 450% !important;
    }

    .mx-wd-sm-450p-f {
        max-width: 450% !important;
    }

    .mn-wd-sm-450p-f {
        min-width: 450% !important;
    }

    .wd-sm-500 {
        width: 500px;
    }

    .wd-sm-500p {
        width: 500%;
    }

    .mx-wd-sm-500p {
        max-width: 500%;
    }

    .mn-wd-sm-500p {
        min-width: 500%;
    }

    .wd-sm-500-f {
        width: 500px !important;
    }

    .wd-sm-500p-f {
        width: 500% !important;
    }

    .mx-wd-sm-500p-f {
        max-width: 500% !important;
    }

    .mn-wd-sm-500p-f {
        min-width: 500% !important;
    }

    .wd-sm-550 {
        width: 550px;
    }

    .wd-sm-550p {
        width: 550%;
    }

    .mx-wd-sm-550p {
        max-width: 550%;
    }

    .mn-wd-sm-550p {
        min-width: 550%;
    }

    .wd-sm-550-f {
        width: 550px !important;
    }

    .wd-sm-550p-f {
        width: 550% !important;
    }

    .mx-wd-sm-550p-f {
        max-width: 550% !important;
    }

    .mn-wd-sm-550p-f {
        min-width: 550% !important;
    }

    .wd-sm-600 {
        width: 600px;
    }

    .wd-sm-600p {
        width: 600%;
    }

    .mx-wd-sm-600p {
        max-width: 600%;
    }

    .mn-wd-sm-600p {
        min-width: 600%;
    }

    .wd-sm-600-f {
        width: 600px !important;
    }

    .wd-sm-600p-f {
        width: 600% !important;
    }

    .mx-wd-sm-600p-f {
        max-width: 600% !important;
    }

    .mn-wd-sm-600p-f {
        min-width: 600% !important;
    }

    .wd-sm-650 {
        width: 650px;
    }

    .wd-sm-650p {
        width: 650%;
    }

    .mx-wd-sm-650p {
        max-width: 650%;
    }

    .mn-wd-sm-650p {
        min-width: 650%;
    }

    .wd-sm-650-f {
        width: 650px !important;
    }

    .wd-sm-650p-f {
        width: 650% !important;
    }

    .mx-wd-sm-650p-f {
        max-width: 650% !important;
    }

    .mn-wd-sm-650p-f {
        min-width: 650% !important;
    }

    .wd-sm-700 {
        width: 700px;
    }

    .wd-sm-700p {
        width: 700%;
    }

    .mx-wd-sm-700p {
        max-width: 700%;
    }

    .mn-wd-sm-700p {
        min-width: 700%;
    }

    .wd-sm-700-f {
        width: 700px !important;
    }

    .wd-sm-700p-f {
        width: 700% !important;
    }

    .mx-wd-sm-700p-f {
        max-width: 700% !important;
    }

    .mn-wd-sm-700p-f {
        min-width: 700% !important;
    }

    .wd-sm-750 {
        width: 750px;
    }

    .wd-sm-750p {
        width: 750%;
    }

    .mx-wd-sm-750p {
        max-width: 750%;
    }

    .mn-wd-sm-750p {
        min-width: 750%;
    }

    .wd-sm-750-f {
        width: 750px !important;
    }

    .wd-sm-750p-f {
        width: 750% !important;
    }

    .mx-wd-sm-750p-f {
        max-width: 750% !important;
    }

    .mn-wd-sm-750p-f {
        min-width: 750% !important;
    }

    .wd-sm-800 {
        width: 800px;
    }

    .wd-sm-800p {
        width: 800%;
    }

    .mx-wd-sm-800p {
        max-width: 800%;
    }

    .mn-wd-sm-800p {
        min-width: 800%;
    }

    .wd-sm-800-f {
        width: 800px !important;
    }

    .wd-sm-800p-f {
        width: 800% !important;
    }

    .mx-wd-sm-800p-f {
        max-width: 800% !important;
    }

    .mn-wd-sm-800p-f {
        min-width: 800% !important;
    }

    .wd-sm-850 {
        width: 850px;
    }

    .wd-sm-850p {
        width: 850%;
    }

    .mx-wd-sm-850p {
        max-width: 850%;
    }

    .mn-wd-sm-850p {
        min-width: 850%;
    }

    .wd-sm-850-f {
        width: 850px !important;
    }

    .wd-sm-850p-f {
        width: 850% !important;
    }

    .mx-wd-sm-850p-f {
        max-width: 850% !important;
    }

    .mn-wd-sm-850p-f {
        min-width: 850% !important;
    }

    .wd-sm-900 {
        width: 900px;
    }

    .wd-sm-900p {
        width: 900%;
    }

    .mx-wd-sm-900p {
        max-width: 900%;
    }

    .mn-wd-sm-900p {
        min-width: 900%;
    }

    .wd-sm-900-f {
        width: 900px !important;
    }

    .wd-sm-900p-f {
        width: 900% !important;
    }

    .mx-wd-sm-900p-f {
        max-width: 900% !important;
    }

    .mn-wd-sm-900p-f {
        min-width: 900% !important;
    }

    .wd-sm-950 {
        width: 950px;
    }

    .wd-sm-950p {
        width: 950%;
    }

    .mx-wd-sm-950p {
        max-width: 950%;
    }

    .mn-wd-sm-950p {
        min-width: 950%;
    }

    .wd-sm-950-f {
        width: 950px !important;
    }

    .wd-sm-950p-f {
        width: 950% !important;
    }

    .mx-wd-sm-950p-f {
        max-width: 950% !important;
    }

    .mn-wd-sm-950p-f {
        min-width: 950% !important;
    }

    .wd-sm-1000 {
        width: 1000px;
    }

    .wd-sm-1000p {
        width: 1000%;
    }

    .mx-wd-sm-1000p {
        max-width: 1000%;
    }

    .mn-wd-sm-1000p {
        min-width: 1000%;
    }

    .wd-sm-1000-f {
        width: 1000px !important;
    }

    .wd-sm-1000p-f {
        width: 1000% !important;
    }

    .mx-wd-sm-1000p-f {
        max-width: 1000% !important;
    }

    .mn-wd-sm-1000p-f {
        min-width: 1000% !important;
    }

    .wd-sm-auto {
        width: auto;
    }

    .wd-sm-auto-f {
        width: auto !important;
    }
}

@media (min-width: 768px) {
    .wd-md-5 {
        width: 5px;
    }

    .wd-md-5p {
        width: 5%;
    }

    .mx-wd-md-5p {
        max-width: 5%;
    }

    .mn-wd-md-5p {
        min-width: 5%;
    }

    .wd-md-5-f {
        width: 5px !important;
    }

    .wd-md-5p-f {
        width: 5% !important;
    }

    .mx-wd-md-5p-f {
        max-width: 5% !important;
    }

    .mn-wd-md-5p-f {
        min-width: 5% !important;
    }

    .wd-md-10 {
        width: 10px;
    }

    .wd-md-10p {
        width: 10%;
    }

    .mx-wd-md-10p {
        max-width: 10%;
    }

    .mn-wd-md-10p {
        min-width: 10%;
    }

    .wd-md-10-f {
        width: 10px !important;
    }

    .wd-md-10p-f {
        width: 10% !important;
    }

    .mx-wd-md-10p-f {
        max-width: 10% !important;
    }

    .mn-wd-md-10p-f {
        min-width: 10% !important;
    }

    .wd-md-15 {
        width: 15px;
    }

    .wd-md-15p {
        width: 15%;
    }

    .mx-wd-md-15p {
        max-width: 15%;
    }

    .mn-wd-md-15p {
        min-width: 15%;
    }

    .wd-md-15-f {
        width: 15px !important;
    }

    .wd-md-15p-f {
        width: 15% !important;
    }

    .mx-wd-md-15p-f {
        max-width: 15% !important;
    }

    .mn-wd-md-15p-f {
        min-width: 15% !important;
    }

    .wd-md-20 {
        width: 20px;
    }

    .wd-md-20p {
        width: 20%;
    }

    .mx-wd-md-20p {
        max-width: 20%;
    }

    .mn-wd-md-20p {
        min-width: 20%;
    }

    .wd-md-20-f {
        width: 20px !important;
    }

    .wd-md-20p-f {
        width: 20% !important;
    }

    .mx-wd-md-20p-f {
        max-width: 20% !important;
    }

    .mn-wd-md-20p-f {
        min-width: 20% !important;
    }

    .wd-md-25 {
        width: 25px;
    }

    .wd-md-25p {
        width: 25%;
    }

    .mx-wd-md-25p {
        max-width: 25%;
    }

    .mn-wd-md-25p {
        min-width: 25%;
    }

    .wd-md-25-f {
        width: 25px !important;
    }

    .wd-md-25p-f {
        width: 25% !important;
    }

    .mx-wd-md-25p-f {
        max-width: 25% !important;
    }

    .mn-wd-md-25p-f {
        min-width: 25% !important;
    }

    .wd-md-30 {
        width: 30px;
    }

    .wd-md-30p {
        width: 30%;
    }

    .mx-wd-md-30p {
        max-width: 30%;
    }

    .mn-wd-md-30p {
        min-width: 30%;
    }

    .wd-md-30-f {
        width: 30px !important;
    }

    .wd-md-30p-f {
        width: 30% !important;
    }

    .mx-wd-md-30p-f {
        max-width: 30% !important;
    }

    .mn-wd-md-30p-f {
        min-width: 30% !important;
    }

    .wd-md-35 {
        width: 35px;
    }

    .wd-md-35p {
        width: 35%;
    }

    .mx-wd-md-35p {
        max-width: 35%;
    }

    .mn-wd-md-35p {
        min-width: 35%;
    }

    .wd-md-35-f {
        width: 35px !important;
    }

    .wd-md-35p-f {
        width: 35% !important;
    }

    .mx-wd-md-35p-f {
        max-width: 35% !important;
    }

    .mn-wd-md-35p-f {
        min-width: 35% !important;
    }

    .wd-md-40 {
        width: 40px;
    }

    .wd-md-40p {
        width: 40%;
    }

    .mx-wd-md-40p {
        max-width: 40%;
    }

    .mn-wd-md-40p {
        min-width: 40%;
    }

    .wd-md-40-f {
        width: 40px !important;
    }

    .wd-md-40p-f {
        width: 40% !important;
    }

    .mx-wd-md-40p-f {
        max-width: 40% !important;
    }

    .mn-wd-md-40p-f {
        min-width: 40% !important;
    }

    .wd-md-45 {
        width: 45px;
    }

    .wd-md-45p {
        width: 45%;
    }

    .mx-wd-md-45p {
        max-width: 45%;
    }

    .mn-wd-md-45p {
        min-width: 45%;
    }

    .wd-md-45-f {
        width: 45px !important;
    }

    .wd-md-45p-f {
        width: 45% !important;
    }

    .mx-wd-md-45p-f {
        max-width: 45% !important;
    }

    .mn-wd-md-45p-f {
        min-width: 45% !important;
    }

    .wd-md-50 {
        width: 50px;
    }

    .wd-md-50p {
        width: 50%;
    }

    .mx-wd-md-50p {
        max-width: 50%;
    }

    .mn-wd-md-50p {
        min-width: 50%;
    }

    .wd-md-50-f {
        width: 50px !important;
    }

    .wd-md-50p-f {
        width: 50% !important;
    }

    .mx-wd-md-50p-f {
        max-width: 50% !important;
    }

    .mn-wd-md-50p-f {
        min-width: 50% !important;
    }

    .wd-md-55 {
        width: 55px;
    }

    .wd-md-55p {
        width: 55%;
    }

    .mx-wd-md-55p {
        max-width: 55%;
    }

    .mn-wd-md-55p {
        min-width: 55%;
    }

    .wd-md-55-f {
        width: 55px !important;
    }

    .wd-md-55p-f {
        width: 55% !important;
    }

    .mx-wd-md-55p-f {
        max-width: 55% !important;
    }

    .mn-wd-md-55p-f {
        min-width: 55% !important;
    }

    .wd-md-60 {
        width: 60px;
    }

    .wd-md-60p {
        width: 60%;
    }

    .mx-wd-md-60p {
        max-width: 60%;
    }

    .mn-wd-md-60p {
        min-width: 60%;
    }

    .wd-md-60-f {
        width: 60px !important;
    }

    .wd-md-60p-f {
        width: 60% !important;
    }

    .mx-wd-md-60p-f {
        max-width: 60% !important;
    }

    .mn-wd-md-60p-f {
        min-width: 60% !important;
    }

    .wd-md-65 {
        width: 65px;
    }

    .wd-md-65p {
        width: 65%;
    }

    .mx-wd-md-65p {
        max-width: 65%;
    }

    .mn-wd-md-65p {
        min-width: 65%;
    }

    .wd-md-65-f {
        width: 65px !important;
    }

    .wd-md-65p-f {
        width: 65% !important;
    }

    .mx-wd-md-65p-f {
        max-width: 65% !important;
    }

    .mn-wd-md-65p-f {
        min-width: 65% !important;
    }

    .wd-md-70 {
        width: 70px;
    }

    .wd-md-70p {
        width: 70%;
    }

    .mx-wd-md-70p {
        max-width: 70%;
    }

    .mn-wd-md-70p {
        min-width: 70%;
    }

    .wd-md-70-f {
        width: 70px !important;
    }

    .wd-md-70p-f {
        width: 70% !important;
    }

    .mx-wd-md-70p-f {
        max-width: 70% !important;
    }

    .mn-wd-md-70p-f {
        min-width: 70% !important;
    }

    .wd-md-75 {
        width: 75px;
    }

    .wd-md-75p {
        width: 75%;
    }

    .mx-wd-md-75p {
        max-width: 75%;
    }

    .mn-wd-md-75p {
        min-width: 75%;
    }

    .wd-md-75-f {
        width: 75px !important;
    }

    .wd-md-75p-f {
        width: 75% !important;
    }

    .mx-wd-md-75p-f {
        max-width: 75% !important;
    }

    .mn-wd-md-75p-f {
        min-width: 75% !important;
    }

    .wd-md-80 {
        width: 80px;
    }

    .wd-md-80p {
        width: 80%;
    }

    .mx-wd-md-80p {
        max-width: 80%;
    }

    .mn-wd-md-80p {
        min-width: 80%;
    }

    .wd-md-80-f {
        width: 80px !important;
    }

    .wd-md-80p-f {
        width: 80% !important;
    }

    .mx-wd-md-80p-f {
        max-width: 80% !important;
    }

    .mn-wd-md-80p-f {
        min-width: 80% !important;
    }

    .wd-md-85 {
        width: 85px;
    }

    .wd-md-85p {
        width: 85%;
    }

    .mx-wd-md-85p {
        max-width: 85%;
    }

    .mn-wd-md-85p {
        min-width: 85%;
    }

    .wd-md-85-f {
        width: 85px !important;
    }

    .wd-md-85p-f {
        width: 85% !important;
    }

    .mx-wd-md-85p-f {
        max-width: 85% !important;
    }

    .mn-wd-md-85p-f {
        min-width: 85% !important;
    }

    .wd-md-90 {
        width: 90px;
    }

    .wd-md-90p {
        width: 90%;
    }

    .mx-wd-md-90p {
        max-width: 90%;
    }

    .mn-wd-md-90p {
        min-width: 90%;
    }

    .wd-md-90-f {
        width: 90px !important;
    }

    .wd-md-90p-f {
        width: 90% !important;
    }

    .mx-wd-md-90p-f {
        max-width: 90% !important;
    }

    .mn-wd-md-90p-f {
        min-width: 90% !important;
    }

    .wd-md-95 {
        width: 95px;
    }

    .wd-md-95p {
        width: 95%;
    }

    .mx-wd-md-95p {
        max-width: 95%;
    }

    .mn-wd-md-95p {
        min-width: 95%;
    }

    .wd-md-95-f {
        width: 95px !important;
    }

    .wd-md-95p-f {
        width: 95% !important;
    }

    .mx-wd-md-95p-f {
        max-width: 95% !important;
    }

    .mn-wd-md-95p-f {
        min-width: 95% !important;
    }

    .wd-md-100 {
        width: 100px;
    }

    .wd-md-100p {
        width: 100%;
    }

    .mx-wd-md-100p {
        max-width: 100%;
    }

    .mn-wd-md-100p {
        min-width: 100%;
    }

    .wd-md-100-f {
        width: 100px !important;
    }

    .wd-md-100p-f {
        width: 100% !important;
    }

    .mx-wd-md-100p-f {
        max-width: 100% !important;
    }

    .mn-wd-md-100p-f {
        min-width: 100% !important;
    }

    .wd-md-150 {
        width: 150px;
    }

    .wd-md-150p {
        width: 150%;
    }

    .mx-wd-md-150p {
        max-width: 150%;
    }

    .mn-wd-md-150p {
        min-width: 150%;
    }

    .wd-md-150-f {
        width: 150px !important;
    }

    .wd-md-150p-f {
        width: 150% !important;
    }

    .mx-wd-md-150p-f {
        max-width: 150% !important;
    }

    .mn-wd-md-150p-f {
        min-width: 150% !important;
    }

    .wd-md-200 {
        width: 200px;
    }

    .wd-md-200p {
        width: 200%;
    }

    .mx-wd-md-200p {
        max-width: 200%;
    }

    .mn-wd-md-200p {
        min-width: 200%;
    }

    .wd-md-200-f {
        width: 200px !important;
    }

    .wd-md-200p-f {
        width: 200% !important;
    }

    .mx-wd-md-200p-f {
        max-width: 200% !important;
    }

    .mn-wd-md-200p-f {
        min-width: 200% !important;
    }

    .wd-md-250 {
        width: 250px;
    }

    .wd-md-250p {
        width: 250%;
    }

    .mx-wd-md-250p {
        max-width: 250%;
    }

    .mn-wd-md-250p {
        min-width: 250%;
    }

    .wd-md-250-f {
        width: 250px !important;
    }

    .wd-md-250p-f {
        width: 250% !important;
    }

    .mx-wd-md-250p-f {
        max-width: 250% !important;
    }

    .mn-wd-md-250p-f {
        min-width: 250% !important;
    }

    .wd-md-300 {
        width: 300px;
    }

    .wd-md-300p {
        width: 300%;
    }

    .mx-wd-md-300p {
        max-width: 300%;
    }

    .mn-wd-md-300p {
        min-width: 300%;
    }

    .wd-md-300-f {
        width: 300px !important;
    }

    .wd-md-300p-f {
        width: 300% !important;
    }

    .mx-wd-md-300p-f {
        max-width: 300% !important;
    }

    .mn-wd-md-300p-f {
        min-width: 300% !important;
    }

    .wd-md-350 {
        width: 350px;
    }

    .wd-md-350p {
        width: 350%;
    }

    .mx-wd-md-350p {
        max-width: 350%;
    }

    .mn-wd-md-350p {
        min-width: 350%;
    }

    .wd-md-350-f {
        width: 350px !important;
    }

    .wd-md-350p-f {
        width: 350% !important;
    }

    .mx-wd-md-350p-f {
        max-width: 350% !important;
    }

    .mn-wd-md-350p-f {
        min-width: 350% !important;
    }

    .wd-md-400 {
        width: 400px;
    }

    .wd-md-400p {
        width: 400%;
    }

    .mx-wd-md-400p {
        max-width: 400%;
    }

    .mn-wd-md-400p {
        min-width: 400%;
    }

    .wd-md-400-f {
        width: 400px !important;
    }

    .wd-md-400p-f {
        width: 400% !important;
    }

    .mx-wd-md-400p-f {
        max-width: 400% !important;
    }

    .mn-wd-md-400p-f {
        min-width: 400% !important;
    }

    .wd-md-450 {
        width: 450px;
    }

    .wd-md-450p {
        width: 450%;
    }

    .mx-wd-md-450p {
        max-width: 450%;
    }

    .mn-wd-md-450p {
        min-width: 450%;
    }

    .wd-md-450-f {
        width: 450px !important;
    }

    .wd-md-450p-f {
        width: 450% !important;
    }

    .mx-wd-md-450p-f {
        max-width: 450% !important;
    }

    .mn-wd-md-450p-f {
        min-width: 450% !important;
    }

    .wd-md-500 {
        width: 500px;
    }

    .wd-md-500p {
        width: 500%;
    }

    .mx-wd-md-500p {
        max-width: 500%;
    }

    .mn-wd-md-500p {
        min-width: 500%;
    }

    .wd-md-500-f {
        width: 500px !important;
    }

    .wd-md-500p-f {
        width: 500% !important;
    }

    .mx-wd-md-500p-f {
        max-width: 500% !important;
    }

    .mn-wd-md-500p-f {
        min-width: 500% !important;
    }

    .wd-md-550 {
        width: 550px;
    }

    .wd-md-550p {
        width: 550%;
    }

    .mx-wd-md-550p {
        max-width: 550%;
    }

    .mn-wd-md-550p {
        min-width: 550%;
    }

    .wd-md-550-f {
        width: 550px !important;
    }

    .wd-md-550p-f {
        width: 550% !important;
    }

    .mx-wd-md-550p-f {
        max-width: 550% !important;
    }

    .mn-wd-md-550p-f {
        min-width: 550% !important;
    }

    .wd-md-600 {
        width: 600px;
    }

    .wd-md-600p {
        width: 600%;
    }

    .mx-wd-md-600p {
        max-width: 600%;
    }

    .mn-wd-md-600p {
        min-width: 600%;
    }

    .wd-md-600-f {
        width: 600px !important;
    }

    .wd-md-600p-f {
        width: 600% !important;
    }

    .mx-wd-md-600p-f {
        max-width: 600% !important;
    }

    .mn-wd-md-600p-f {
        min-width: 600% !important;
    }

    .wd-md-650 {
        width: 650px;
    }

    .wd-md-650p {
        width: 650%;
    }

    .mx-wd-md-650p {
        max-width: 650%;
    }

    .mn-wd-md-650p {
        min-width: 650%;
    }

    .wd-md-650-f {
        width: 650px !important;
    }

    .wd-md-650p-f {
        width: 650% !important;
    }

    .mx-wd-md-650p-f {
        max-width: 650% !important;
    }

    .mn-wd-md-650p-f {
        min-width: 650% !important;
    }

    .wd-md-700 {
        width: 700px;
    }

    .wd-md-700p {
        width: 700%;
    }

    .mx-wd-md-700p {
        max-width: 700%;
    }

    .mn-wd-md-700p {
        min-width: 700%;
    }

    .wd-md-700-f {
        width: 700px !important;
    }

    .wd-md-700p-f {
        width: 700% !important;
    }

    .mx-wd-md-700p-f {
        max-width: 700% !important;
    }

    .mn-wd-md-700p-f {
        min-width: 700% !important;
    }

    .wd-md-750 {
        width: 750px;
    }

    .wd-md-750p {
        width: 750%;
    }

    .mx-wd-md-750p {
        max-width: 750%;
    }

    .mn-wd-md-750p {
        min-width: 750%;
    }

    .wd-md-750-f {
        width: 750px !important;
    }

    .wd-md-750p-f {
        width: 750% !important;
    }

    .mx-wd-md-750p-f {
        max-width: 750% !important;
    }

    .mn-wd-md-750p-f {
        min-width: 750% !important;
    }

    .wd-md-800 {
        width: 800px;
    }

    .wd-md-800p {
        width: 800%;
    }

    .mx-wd-md-800p {
        max-width: 800%;
    }

    .mn-wd-md-800p {
        min-width: 800%;
    }

    .wd-md-800-f {
        width: 800px !important;
    }

    .wd-md-800p-f {
        width: 800% !important;
    }

    .mx-wd-md-800p-f {
        max-width: 800% !important;
    }

    .mn-wd-md-800p-f {
        min-width: 800% !important;
    }

    .wd-md-850 {
        width: 850px;
    }

    .wd-md-850p {
        width: 850%;
    }

    .mx-wd-md-850p {
        max-width: 850%;
    }

    .mn-wd-md-850p {
        min-width: 850%;
    }

    .wd-md-850-f {
        width: 850px !important;
    }

    .wd-md-850p-f {
        width: 850% !important;
    }

    .mx-wd-md-850p-f {
        max-width: 850% !important;
    }

    .mn-wd-md-850p-f {
        min-width: 850% !important;
    }

    .wd-md-900 {
        width: 900px;
    }

    .wd-md-900p {
        width: 900%;
    }

    .mx-wd-md-900p {
        max-width: 900%;
    }

    .mn-wd-md-900p {
        min-width: 900%;
    }

    .wd-md-900-f {
        width: 900px !important;
    }

    .wd-md-900p-f {
        width: 900% !important;
    }

    .mx-wd-md-900p-f {
        max-width: 900% !important;
    }

    .mn-wd-md-900p-f {
        min-width: 900% !important;
    }

    .wd-md-950 {
        width: 950px;
    }

    .wd-md-950p {
        width: 950%;
    }

    .mx-wd-md-950p {
        max-width: 950%;
    }

    .mn-wd-md-950p {
        min-width: 950%;
    }

    .wd-md-950-f {
        width: 950px !important;
    }

    .wd-md-950p-f {
        width: 950% !important;
    }

    .mx-wd-md-950p-f {
        max-width: 950% !important;
    }

    .mn-wd-md-950p-f {
        min-width: 950% !important;
    }

    .wd-md-1000 {
        width: 1000px;
    }

    .wd-md-1000p {
        width: 1000%;
    }

    .mx-wd-md-1000p {
        max-width: 1000%;
    }

    .mn-wd-md-1000p {
        min-width: 1000%;
    }

    .wd-md-1000-f {
        width: 1000px !important;
    }

    .wd-md-1000p-f {
        width: 1000% !important;
    }

    .mx-wd-md-1000p-f {
        max-width: 1000% !important;
    }

    .mn-wd-md-1000p-f {
        min-width: 1000% !important;
    }

    .wd-md-auto {
        width: auto;
    }

    .wd-md-auto-f {
        width: auto !important;
    }

    .wd-md-120 {
        width: 120px;
    }
}

@media (min-width: 992px) {
    .wd-lg-5 {
        width: 5px;
    }

    .wd-lg-5p {
        width: 5%;
    }

    .mx-wd-lg-5p {
        max-width: 5%;
    }

    .mn-wd-lg-5p {
        min-width: 5%;
    }

    .wd-lg-5-f {
        width: 5px !important;
    }

    .wd-lg-5p-f {
        width: 5% !important;
    }

    .mx-wd-lg-5p-f {
        max-width: 5% !important;
    }

    .mn-wd-lg-5p-f {
        min-width: 5% !important;
    }

    .wd-lg-10 {
        width: 10px;
    }

    .wd-lg-10p {
        width: 10%;
    }

    .mx-wd-lg-10p {
        max-width: 10%;
    }

    .mn-wd-lg-10p {
        min-width: 10%;
    }

    .wd-lg-10-f {
        width: 10px !important;
    }

    .wd-lg-10p-f {
        width: 10% !important;
    }

    .mx-wd-lg-10p-f {
        max-width: 10% !important;
    }

    .mn-wd-lg-10p-f {
        min-width: 10% !important;
    }

    .wd-lg-15 {
        width: 15px;
    }

    .wd-lg-15p {
        width: 15%;
    }

    .mx-wd-lg-15p {
        max-width: 15%;
    }

    .mn-wd-lg-15p {
        min-width: 15%;
    }

    .wd-lg-15-f {
        width: 15px !important;
    }

    .wd-lg-15p-f {
        width: 15% !important;
    }

    .mx-wd-lg-15p-f {
        max-width: 15% !important;
    }

    .mn-wd-lg-15p-f {
        min-width: 15% !important;
    }

    .wd-lg-20 {
        width: 20px;
    }

    .wd-lg-20p {
        width: 20%;
    }

    .mx-wd-lg-20p {
        max-width: 20%;
    }

    .mn-wd-lg-20p {
        min-width: 20%;
    }

    .wd-lg-20-f {
        width: 20px !important;
    }

    .wd-lg-20p-f {
        width: 20% !important;
    }

    .mx-wd-lg-20p-f {
        max-width: 20% !important;
    }

    .mn-wd-lg-20p-f {
        min-width: 20% !important;
    }

    .wd-lg-25 {
        width: 25px;
    }

    .wd-lg-25p {
        width: 25%;
    }

    .mx-wd-lg-25p {
        max-width: 25%;
    }

    .mn-wd-lg-25p {
        min-width: 25%;
    }

    .wd-lg-25-f {
        width: 25px !important;
    }

    .wd-lg-25p-f {
        width: 25% !important;
    }

    .mx-wd-lg-25p-f {
        max-width: 25% !important;
    }

    .mn-wd-lg-25p-f {
        min-width: 25% !important;
    }

    .wd-lg-30 {
        width: 30px;
    }

    .wd-lg-30p {
        width: 30%;
    }

    .mx-wd-lg-30p {
        max-width: 30%;
    }

    .mn-wd-lg-30p {
        min-width: 30%;
    }

    .wd-lg-30-f {
        width: 30px !important;
    }

    .wd-lg-30p-f {
        width: 30% !important;
    }

    .mx-wd-lg-30p-f {
        max-width: 30% !important;
    }

    .mn-wd-lg-30p-f {
        min-width: 30% !important;
    }

    .wd-lg-35 {
        width: 35px;
    }

    .wd-lg-35p {
        width: 35%;
    }

    .mx-wd-lg-35p {
        max-width: 35%;
    }

    .mn-wd-lg-35p {
        min-width: 35%;
    }

    .wd-lg-35-f {
        width: 35px !important;
    }

    .wd-lg-35p-f {
        width: 35% !important;
    }

    .mx-wd-lg-35p-f {
        max-width: 35% !important;
    }

    .mn-wd-lg-35p-f {
        min-width: 35% !important;
    }

    .wd-lg-40 {
        width: 40px;
    }

    .wd-lg-40p {
        width: 40%;
    }

    .mx-wd-lg-40p {
        max-width: 40%;
    }

    .mn-wd-lg-40p {
        min-width: 40%;
    }

    .wd-lg-40-f {
        width: 40px !important;
    }

    .wd-lg-40p-f {
        width: 40% !important;
    }

    .mx-wd-lg-40p-f {
        max-width: 40% !important;
    }

    .mn-wd-lg-40p-f {
        min-width: 40% !important;
    }

    .wd-lg-45 {
        width: 45px;
    }

    .wd-lg-45p {
        width: 45%;
    }

    .mx-wd-lg-45p {
        max-width: 45%;
    }

    .mn-wd-lg-45p {
        min-width: 45%;
    }

    .wd-lg-45-f {
        width: 45px !important;
    }

    .wd-lg-45p-f {
        width: 45% !important;
    }

    .mx-wd-lg-45p-f {
        max-width: 45% !important;
    }

    .mn-wd-lg-45p-f {
        min-width: 45% !important;
    }

    .wd-lg-50 {
        width: 50px;
    }

    .wd-lg-50p {
        width: 50%;
    }

    .mx-wd-lg-50p {
        max-width: 50%;
    }

    .mn-wd-lg-50p {
        min-width: 50%;
    }

    .wd-lg-50-f {
        width: 50px !important;
    }

    .wd-lg-50p-f {
        width: 50% !important;
    }

    .mx-wd-lg-50p-f {
        max-width: 50% !important;
    }

    .mn-wd-lg-50p-f {
        min-width: 50% !important;
    }

    .wd-lg-55 {
        width: 55px;
    }

    .wd-lg-55p {
        width: 55%;
    }

    .mx-wd-lg-55p {
        max-width: 55%;
    }

    .mn-wd-lg-55p {
        min-width: 55%;
    }

    .wd-lg-55-f {
        width: 55px !important;
    }

    .wd-lg-55p-f {
        width: 55% !important;
    }

    .mx-wd-lg-55p-f {
        max-width: 55% !important;
    }

    .mn-wd-lg-55p-f {
        min-width: 55% !important;
    }

    .wd-lg-60 {
        width: 60px;
    }

    .wd-lg-60p {
        width: 60%;
    }

    .mx-wd-lg-60p {
        max-width: 60%;
    }

    .mn-wd-lg-60p {
        min-width: 60%;
    }

    .wd-lg-60-f {
        width: 60px !important;
    }

    .wd-lg-60p-f {
        width: 60% !important;
    }

    .mx-wd-lg-60p-f {
        max-width: 60% !important;
    }

    .mn-wd-lg-60p-f {
        min-width: 60% !important;
    }

    .wd-lg-65 {
        width: 65px;
    }

    .wd-lg-65p {
        width: 65%;
    }

    .mx-wd-lg-65p {
        max-width: 65%;
    }

    .mn-wd-lg-65p {
        min-width: 65%;
    }

    .wd-lg-65-f {
        width: 65px !important;
    }

    .wd-lg-65p-f {
        width: 65% !important;
    }

    .mx-wd-lg-65p-f {
        max-width: 65% !important;
    }

    .mn-wd-lg-65p-f {
        min-width: 65% !important;
    }

    .wd-lg-70 {
        width: 70px;
    }

    .wd-lg-70p {
        width: 70%;
    }

    .mx-wd-lg-70p {
        max-width: 70%;
    }

    .mn-wd-lg-70p {
        min-width: 70%;
    }

    .wd-lg-70-f {
        width: 70px !important;
    }

    .wd-lg-70p-f {
        width: 70% !important;
    }

    .mx-wd-lg-70p-f {
        max-width: 70% !important;
    }

    .mn-wd-lg-70p-f {
        min-width: 70% !important;
    }

    .wd-lg-75 {
        width: 75px;
    }

    .wd-lg-75p {
        width: 75%;
    }

    .mx-wd-lg-75p {
        max-width: 75%;
    }

    .mn-wd-lg-75p {
        min-width: 75%;
    }

    .wd-lg-75-f {
        width: 75px !important;
    }

    .wd-lg-75p-f {
        width: 75% !important;
    }

    .mx-wd-lg-75p-f {
        max-width: 75% !important;
    }

    .mn-wd-lg-75p-f {
        min-width: 75% !important;
    }

    .wd-lg-80 {
        width: 80px;
    }

    .wd-lg-80p {
        width: 80%;
    }

    .mx-wd-lg-80p {
        max-width: 80%;
    }

    .mn-wd-lg-80p {
        min-width: 80%;
    }

    .wd-lg-80-f {
        width: 80px !important;
    }

    .wd-lg-80p-f {
        width: 80% !important;
    }

    .mx-wd-lg-80p-f {
        max-width: 80% !important;
    }

    .mn-wd-lg-80p-f {
        min-width: 80% !important;
    }

    .wd-lg-85 {
        width: 85px;
    }

    .wd-lg-85p {
        width: 85%;
    }

    .mx-wd-lg-85p {
        max-width: 85%;
    }

    .mn-wd-lg-85p {
        min-width: 85%;
    }

    .wd-lg-85-f {
        width: 85px !important;
    }

    .wd-lg-85p-f {
        width: 85% !important;
    }

    .mx-wd-lg-85p-f {
        max-width: 85% !important;
    }

    .mn-wd-lg-85p-f {
        min-width: 85% !important;
    }

    .wd-lg-90 {
        width: 90px;
    }

    .wd-lg-90p {
        width: 90%;
    }

    .mx-wd-lg-90p {
        max-width: 90%;
    }

    .mn-wd-lg-90p {
        min-width: 90%;
    }

    .wd-lg-90-f {
        width: 90px !important;
    }

    .wd-lg-90p-f {
        width: 90% !important;
    }

    .mx-wd-lg-90p-f {
        max-width: 90% !important;
    }

    .mn-wd-lg-90p-f {
        min-width: 90% !important;
    }

    .wd-lg-95 {
        width: 95px;
    }

    .wd-lg-95p {
        width: 95%;
    }

    .mx-wd-lg-95p {
        max-width: 95%;
    }

    .mn-wd-lg-95p {
        min-width: 95%;
    }

    .wd-lg-95-f {
        width: 95px !important;
    }

    .wd-lg-95p-f {
        width: 95% !important;
    }

    .mx-wd-lg-95p-f {
        max-width: 95% !important;
    }

    .mn-wd-lg-95p-f {
        min-width: 95% !important;
    }

    .wd-lg-100 {
        width: 100px;
    }

    .wd-lg-100p {
        width: 100%;
    }

    .mx-wd-lg-100p {
        max-width: 100%;
    }

    .mn-wd-lg-100p {
        min-width: 100%;
    }

    .wd-lg-100-f {
        width: 100px !important;
    }

    .wd-lg-100p-f {
        width: 100% !important;
    }

    .mx-wd-lg-100p-f {
        max-width: 100% !important;
    }

    .mn-wd-lg-100p-f {
        min-width: 100% !important;
    }

    .wd-lg-150 {
        width: 150px;
    }

    .wd-lg-150p {
        width: 150%;
    }

    .mx-wd-lg-150p {
        max-width: 150%;
    }

    .mn-wd-lg-150p {
        min-width: 150%;
    }

    .wd-lg-150-f {
        width: 150px !important;
    }

    .wd-lg-150p-f {
        width: 150% !important;
    }

    .mx-wd-lg-150p-f {
        max-width: 150% !important;
    }

    .mn-wd-lg-150p-f {
        min-width: 150% !important;
    }

    .wd-lg-200 {
        width: 200px;
    }

    .wd-lg-200p {
        width: 200%;
    }

    .mx-wd-lg-200p {
        max-width: 200%;
    }

    .mn-wd-lg-200p {
        min-width: 200%;
    }

    .wd-lg-200-f {
        width: 200px !important;
    }

    .wd-lg-200p-f {
        width: 200% !important;
    }

    .mx-wd-lg-200p-f {
        max-width: 200% !important;
    }

    .mn-wd-lg-200p-f {
        min-width: 200% !important;
    }

    .wd-lg-250 {
        width: 250px;
    }

    .wd-lg-250p {
        width: 250%;
    }

    .mx-wd-lg-250p {
        max-width: 250%;
    }

    .mn-wd-lg-250p {
        min-width: 250%;
    }

    .wd-lg-250-f {
        width: 250px !important;
    }

    .wd-lg-250p-f {
        width: 250% !important;
    }

    .mx-wd-lg-250p-f {
        max-width: 250% !important;
    }

    .mn-wd-lg-250p-f {
        min-width: 250% !important;
    }

    .wd-lg-300 {
        width: 300px;
    }

    .wd-lg-300p {
        width: 300%;
    }

    .mx-wd-lg-300p {
        max-width: 300%;
    }

    .mn-wd-lg-300p {
        min-width: 300%;
    }

    .wd-lg-300-f {
        width: 300px !important;
    }

    .wd-lg-300p-f {
        width: 300% !important;
    }

    .mx-wd-lg-300p-f {
        max-width: 300% !important;
    }

    .mn-wd-lg-300p-f {
        min-width: 300% !important;
    }

    .wd-lg-350 {
        width: 350px;
    }

    .wd-lg-350p {
        width: 350%;
    }

    .mx-wd-lg-350p {
        max-width: 350%;
    }

    .mn-wd-lg-350p {
        min-width: 350%;
    }

    .wd-lg-350-f {
        width: 350px !important;
    }

    .wd-lg-350p-f {
        width: 350% !important;
    }

    .mx-wd-lg-350p-f {
        max-width: 350% !important;
    }

    .mn-wd-lg-350p-f {
        min-width: 350% !important;
    }

    .wd-lg-400 {
        width: 400px;
    }

    .wd-lg-400p {
        width: 400%;
    }

    .mx-wd-lg-400p {
        max-width: 400%;
    }

    .mn-wd-lg-400p {
        min-width: 400%;
    }

    .wd-lg-400-f {
        width: 400px !important;
    }

    .wd-lg-400p-f {
        width: 400% !important;
    }

    .mx-wd-lg-400p-f {
        max-width: 400% !important;
    }

    .mn-wd-lg-400p-f {
        min-width: 400% !important;
    }

    .wd-lg-450 {
        width: 450px;
    }

    .wd-lg-450p {
        width: 450%;
    }

    .mx-wd-lg-450p {
        max-width: 450%;
    }

    .mn-wd-lg-450p {
        min-width: 450%;
    }

    .wd-lg-450-f {
        width: 450px !important;
    }

    .wd-lg-450p-f {
        width: 450% !important;
    }

    .mx-wd-lg-450p-f {
        max-width: 450% !important;
    }

    .mn-wd-lg-450p-f {
        min-width: 450% !important;
    }

    .wd-lg-500 {
        width: 500px;
    }

    .wd-lg-500p {
        width: 500%;
    }

    .mx-wd-lg-500p {
        max-width: 500%;
    }

    .mn-wd-lg-500p {
        min-width: 500%;
    }

    .wd-lg-500-f {
        width: 500px !important;
    }

    .wd-lg-500p-f {
        width: 500% !important;
    }

    .mx-wd-lg-500p-f {
        max-width: 500% !important;
    }

    .mn-wd-lg-500p-f {
        min-width: 500% !important;
    }

    .wd-lg-550 {
        width: 550px;
    }

    .wd-lg-550p {
        width: 550%;
    }

    .mx-wd-lg-550p {
        max-width: 550%;
    }

    .mn-wd-lg-550p {
        min-width: 550%;
    }

    .wd-lg-550-f {
        width: 550px !important;
    }

    .wd-lg-550p-f {
        width: 550% !important;
    }

    .mx-wd-lg-550p-f {
        max-width: 550% !important;
    }

    .mn-wd-lg-550p-f {
        min-width: 550% !important;
    }

    .wd-lg-600 {
        width: 600px;
    }

    .wd-lg-600p {
        width: 600%;
    }

    .mx-wd-lg-600p {
        max-width: 600%;
    }

    .mn-wd-lg-600p {
        min-width: 600%;
    }

    .wd-lg-600-f {
        width: 600px !important;
    }

    .wd-lg-600p-f {
        width: 600% !important;
    }

    .mx-wd-lg-600p-f {
        max-width: 600% !important;
    }

    .mn-wd-lg-600p-f {
        min-width: 600% !important;
    }

    .wd-lg-650 {
        width: 650px;
    }

    .wd-lg-650p {
        width: 650%;
    }

    .mx-wd-lg-650p {
        max-width: 650%;
    }

    .mn-wd-lg-650p {
        min-width: 650%;
    }

    .wd-lg-650-f {
        width: 650px !important;
    }

    .wd-lg-650p-f {
        width: 650% !important;
    }

    .mx-wd-lg-650p-f {
        max-width: 650% !important;
    }

    .mn-wd-lg-650p-f {
        min-width: 650% !important;
    }

    .wd-lg-700 {
        width: 700px;
    }

    .wd-lg-700p {
        width: 700%;
    }

    .mx-wd-lg-700p {
        max-width: 700%;
    }

    .mn-wd-lg-700p {
        min-width: 700%;
    }

    .wd-lg-700-f {
        width: 700px !important;
    }

    .wd-lg-700p-f {
        width: 700% !important;
    }

    .mx-wd-lg-700p-f {
        max-width: 700% !important;
    }

    .mn-wd-lg-700p-f {
        min-width: 700% !important;
    }

    .wd-lg-750 {
        width: 750px;
    }

    .wd-lg-750p {
        width: 750%;
    }

    .mx-wd-lg-750p {
        max-width: 750%;
    }

    .mn-wd-lg-750p {
        min-width: 750%;
    }

    .wd-lg-750-f {
        width: 750px !important;
    }

    .wd-lg-750p-f {
        width: 750% !important;
    }

    .mx-wd-lg-750p-f {
        max-width: 750% !important;
    }

    .mn-wd-lg-750p-f {
        min-width: 750% !important;
    }

    .wd-lg-800 {
        width: 800px;
    }

    .wd-lg-800p {
        width: 800%;
    }

    .mx-wd-lg-800p {
        max-width: 800%;
    }

    .mn-wd-lg-800p {
        min-width: 800%;
    }

    .wd-lg-800-f {
        width: 800px !important;
    }

    .wd-lg-800p-f {
        width: 800% !important;
    }

    .mx-wd-lg-800p-f {
        max-width: 800% !important;
    }

    .mn-wd-lg-800p-f {
        min-width: 800% !important;
    }

    .wd-lg-850 {
        width: 850px;
    }

    .wd-lg-850p {
        width: 850%;
    }

    .mx-wd-lg-850p {
        max-width: 850%;
    }

    .mn-wd-lg-850p {
        min-width: 850%;
    }

    .wd-lg-850-f {
        width: 850px !important;
    }

    .wd-lg-850p-f {
        width: 850% !important;
    }

    .mx-wd-lg-850p-f {
        max-width: 850% !important;
    }

    .mn-wd-lg-850p-f {
        min-width: 850% !important;
    }

    .wd-lg-900 {
        width: 900px;
    }

    .wd-lg-900p {
        width: 900%;
    }

    .mx-wd-lg-900p {
        max-width: 900%;
    }

    .mn-wd-lg-900p {
        min-width: 900%;
    }

    .wd-lg-900-f {
        width: 900px !important;
    }

    .wd-lg-900p-f {
        width: 900% !important;
    }

    .mx-wd-lg-900p-f {
        max-width: 900% !important;
    }

    .mn-wd-lg-900p-f {
        min-width: 900% !important;
    }

    .wd-lg-950 {
        width: 950px;
    }

    .wd-lg-950p {
        width: 950%;
    }

    .mx-wd-lg-950p {
        max-width: 950%;
    }

    .mn-wd-lg-950p {
        min-width: 950%;
    }

    .wd-lg-950-f {
        width: 950px !important;
    }

    .wd-lg-950p-f {
        width: 950% !important;
    }

    .mx-wd-lg-950p-f {
        max-width: 950% !important;
    }

    .mn-wd-lg-950p-f {
        min-width: 950% !important;
    }

    .wd-lg-1000 {
        width: 1000px;
    }

    .wd-lg-1000p {
        width: 1000%;
    }

    .mx-wd-lg-1000p {
        max-width: 1000%;
    }

    .mn-wd-lg-1000p {
        min-width: 1000%;
    }

    .wd-lg-1000-f {
        width: 1000px !important;
    }

    .wd-lg-1000p-f {
        width: 1000% !important;
    }

    .mx-wd-lg-1000p-f {
        max-width: 1000% !important;
    }

    .mn-wd-lg-1000p-f {
        min-width: 1000% !important;
    }

    .wd-lg-auto {
        width: auto;
    }

    .wd-lg-auto-f {
        width: auto !important;
    }
}

@media (min-width: 1200px) {
    .wd-xl-5 {
        width: 5px;
    }

    .wd-xl-5p {
        width: 5%;
    }

    .mx-wd-xl-5p {
        max-width: 5%;
    }

    .mn-wd-xl-5p {
        min-width: 5%;
    }

    .wd-xl-5-f {
        width: 5px !important;
    }

    .wd-xl-5p-f {
        width: 5% !important;
    }

    .mx-wd-xl-5p-f {
        max-width: 5% !important;
    }

    .mn-wd-xl-5p-f {
        min-width: 5% !important;
    }

    .wd-xl-10 {
        width: 10px;
    }

    .wd-xl-10p {
        width: 10%;
    }

    .mx-wd-xl-10p {
        max-width: 10%;
    }

    .mn-wd-xl-10p {
        min-width: 10%;
    }

    .wd-xl-10-f {
        width: 10px !important;
    }

    .wd-xl-10p-f {
        width: 10% !important;
    }

    .mx-wd-xl-10p-f {
        max-width: 10% !important;
    }

    .mn-wd-xl-10p-f {
        min-width: 10% !important;
    }

    .wd-xl-15 {
        width: 15px;
    }

    .wd-xl-15p {
        width: 15%;
    }

    .mx-wd-xl-15p {
        max-width: 15%;
    }

    .mn-wd-xl-15p {
        min-width: 15%;
    }

    .wd-xl-15-f {
        width: 15px !important;
    }

    .wd-xl-15p-f {
        width: 15% !important;
    }

    .mx-wd-xl-15p-f {
        max-width: 15% !important;
    }

    .mn-wd-xl-15p-f {
        min-width: 15% !important;
    }

    .wd-xl-20 {
        width: 20px;
    }

    .wd-xl-20p {
        width: 20%;
    }

    .mx-wd-xl-20p {
        max-width: 20%;
    }

    .mn-wd-xl-20p {
        min-width: 20%;
    }

    .wd-xl-20-f {
        width: 20px !important;
    }

    .wd-xl-20p-f {
        width: 20% !important;
    }

    .mx-wd-xl-20p-f {
        max-width: 20% !important;
    }

    .mn-wd-xl-20p-f {
        min-width: 20% !important;
    }

    .wd-xl-25 {
        width: 25px;
    }

    .wd-xl-25p {
        width: 25%;
    }

    .mx-wd-xl-25p {
        max-width: 25%;
    }

    .mn-wd-xl-25p {
        min-width: 25%;
    }

    .wd-xl-25-f {
        width: 25px !important;
    }

    .wd-xl-25p-f {
        width: 25% !important;
    }

    .mx-wd-xl-25p-f {
        max-width: 25% !important;
    }

    .mn-wd-xl-25p-f {
        min-width: 25% !important;
    }

    .wd-xl-30 {
        width: 30px;
    }

    .wd-xl-30p {
        width: 30%;
    }

    .mx-wd-xl-30p {
        max-width: 30%;
    }

    .mn-wd-xl-30p {
        min-width: 30%;
    }

    .wd-xl-30-f {
        width: 30px !important;
    }

    .wd-xl-30p-f {
        width: 30% !important;
    }

    .mx-wd-xl-30p-f {
        max-width: 30% !important;
    }

    .mn-wd-xl-30p-f {
        min-width: 30% !important;
    }

    .wd-xl-35 {
        width: 35px;
    }

    .wd-xl-35p {
        width: 35%;
    }

    .mx-wd-xl-35p {
        max-width: 35%;
    }

    .mn-wd-xl-35p {
        min-width: 35%;
    }

    .wd-xl-35-f {
        width: 35px !important;
    }

    .wd-xl-35p-f {
        width: 35% !important;
    }

    .mx-wd-xl-35p-f {
        max-width: 35% !important;
    }

    .mn-wd-xl-35p-f {
        min-width: 35% !important;
    }

    .wd-xl-40 {
        width: 40px;
    }

    .wd-xl-40p {
        width: 40%;
    }

    .mx-wd-xl-40p {
        max-width: 40%;
    }

    .mn-wd-xl-40p {
        min-width: 40%;
    }

    .wd-xl-40-f {
        width: 40px !important;
    }

    .wd-xl-40p-f {
        width: 40% !important;
    }

    .mx-wd-xl-40p-f {
        max-width: 40% !important;
    }

    .mn-wd-xl-40p-f {
        min-width: 40% !important;
    }

    .wd-xl-45 {
        width: 45px;
    }

    .wd-xl-45p {
        width: 45%;
    }

    .mx-wd-xl-45p {
        max-width: 45%;
    }

    .mn-wd-xl-45p {
        min-width: 45%;
    }

    .wd-xl-45-f {
        width: 45px !important;
    }

    .wd-xl-45p-f {
        width: 45% !important;
    }

    .mx-wd-xl-45p-f {
        max-width: 45% !important;
    }

    .mn-wd-xl-45p-f {
        min-width: 45% !important;
    }

    .wd-xl-50 {
        width: 50px;
    }

    .wd-xl-50p {
        width: 50%;
    }

    .mx-wd-xl-50p {
        max-width: 50%;
    }

    .mn-wd-xl-50p {
        min-width: 50%;
    }

    .wd-xl-50-f {
        width: 50px !important;
    }

    .wd-xl-50p-f {
        width: 50% !important;
    }

    .mx-wd-xl-50p-f {
        max-width: 50% !important;
    }

    .mn-wd-xl-50p-f {
        min-width: 50% !important;
    }

    .wd-xl-55 {
        width: 55px;
    }

    .wd-xl-55p {
        width: 55%;
    }

    .mx-wd-xl-55p {
        max-width: 55%;
    }

    .mn-wd-xl-55p {
        min-width: 55%;
    }

    .wd-xl-55-f {
        width: 55px !important;
    }

    .wd-xl-55p-f {
        width: 55% !important;
    }

    .mx-wd-xl-55p-f {
        max-width: 55% !important;
    }

    .mn-wd-xl-55p-f {
        min-width: 55% !important;
    }

    .wd-xl-60 {
        width: 60px;
    }

    .wd-xl-60p {
        width: 60%;
    }

    .mx-wd-xl-60p {
        max-width: 60%;
    }

    .mn-wd-xl-60p {
        min-width: 60%;
    }

    .wd-xl-60-f {
        width: 60px !important;
    }

    .wd-xl-60p-f {
        width: 60% !important;
    }

    .mx-wd-xl-60p-f {
        max-width: 60% !important;
    }

    .mn-wd-xl-60p-f {
        min-width: 60% !important;
    }

    .wd-xl-65 {
        width: 65px;
    }

    .wd-xl-65p {
        width: 65%;
    }

    .mx-wd-xl-65p {
        max-width: 65%;
    }

    .mn-wd-xl-65p {
        min-width: 65%;
    }

    .wd-xl-65-f {
        width: 65px !important;
    }

    .wd-xl-65p-f {
        width: 65% !important;
    }

    .mx-wd-xl-65p-f {
        max-width: 65% !important;
    }

    .mn-wd-xl-65p-f {
        min-width: 65% !important;
    }

    .wd-xl-70 {
        width: 70px;
    }

    .wd-xl-70p {
        width: 70%;
    }

    .mx-wd-xl-70p {
        max-width: 70%;
    }

    .mn-wd-xl-70p {
        min-width: 70%;
    }

    .wd-xl-70-f {
        width: 70px !important;
    }

    .wd-xl-70p-f {
        width: 70% !important;
    }

    .mx-wd-xl-70p-f {
        max-width: 70% !important;
    }

    .mn-wd-xl-70p-f {
        min-width: 70% !important;
    }

    .wd-xl-75 {
        width: 75px;
    }

    .wd-xl-75p {
        width: 75%;
    }

    .mx-wd-xl-75p {
        max-width: 75%;
    }

    .mn-wd-xl-75p {
        min-width: 75%;
    }

    .wd-xl-75-f {
        width: 75px !important;
    }

    .wd-xl-75p-f {
        width: 75% !important;
    }

    .mx-wd-xl-75p-f {
        max-width: 75% !important;
    }

    .mn-wd-xl-75p-f {
        min-width: 75% !important;
    }

    .wd-xl-80 {
        width: 80px;
    }

    .wd-xl-80p {
        width: 80%;
    }

    .mx-wd-xl-80p {
        max-width: 80%;
    }

    .mn-wd-xl-80p {
        min-width: 80%;
    }

    .wd-xl-80-f {
        width: 80px !important;
    }

    .wd-xl-80p-f {
        width: 80% !important;
    }

    .mx-wd-xl-80p-f {
        max-width: 80% !important;
    }

    .mn-wd-xl-80p-f {
        min-width: 80% !important;
    }

    .wd-xl-85 {
        width: 85px;
    }

    .wd-xl-85p {
        width: 85%;
    }

    .mx-wd-xl-85p {
        max-width: 85%;
    }

    .mn-wd-xl-85p {
        min-width: 85%;
    }

    .wd-xl-85-f {
        width: 85px !important;
    }

    .wd-xl-85p-f {
        width: 85% !important;
    }

    .mx-wd-xl-85p-f {
        max-width: 85% !important;
    }

    .mn-wd-xl-85p-f {
        min-width: 85% !important;
    }

    .wd-xl-90 {
        width: 90px;
    }

    .wd-xl-90p {
        width: 90%;
    }

    .mx-wd-xl-90p {
        max-width: 90%;
    }

    .mn-wd-xl-90p {
        min-width: 90%;
    }

    .wd-xl-90-f {
        width: 90px !important;
    }

    .wd-xl-90p-f {
        width: 90% !important;
    }

    .mx-wd-xl-90p-f {
        max-width: 90% !important;
    }

    .mn-wd-xl-90p-f {
        min-width: 90% !important;
    }

    .wd-xl-95 {
        width: 95px;
    }

    .wd-xl-95p {
        width: 95%;
    }

    .mx-wd-xl-95p {
        max-width: 95%;
    }

    .mn-wd-xl-95p {
        min-width: 95%;
    }

    .wd-xl-95-f {
        width: 95px !important;
    }

    .wd-xl-95p-f {
        width: 95% !important;
    }

    .mx-wd-xl-95p-f {
        max-width: 95% !important;
    }

    .mn-wd-xl-95p-f {
        min-width: 95% !important;
    }

    .wd-xl-100 {
        width: 100px;
    }

    .wd-xl-100p {
        width: 100%;
    }

    .mx-wd-xl-100p {
        max-width: 100%;
    }

    .mn-wd-xl-100p {
        min-width: 100%;
    }

    .wd-xl-100-f {
        width: 100px !important;
    }

    .wd-xl-100p-f {
        width: 100% !important;
    }

    .mx-wd-xl-100p-f {
        max-width: 100% !important;
    }

    .mn-wd-xl-100p-f {
        min-width: 100% !important;
    }

    .wd-xl-150 {
        width: 150px;
    }

    .wd-xl-150p {
        width: 150%;
    }

    .mx-wd-xl-150p {
        max-width: 150%;
    }

    .mn-wd-xl-150p {
        min-width: 150%;
    }

    .wd-xl-150-f {
        width: 150px !important;
    }

    .wd-xl-150p-f {
        width: 150% !important;
    }

    .mx-wd-xl-150p-f {
        max-width: 150% !important;
    }

    .mn-wd-xl-150p-f {
        min-width: 150% !important;
    }

    .wd-xl-200 {
        width: 200px;
    }

    .wd-xl-200p {
        width: 200%;
    }

    .mx-wd-xl-200p {
        max-width: 200%;
    }

    .mn-wd-xl-200p {
        min-width: 200%;
    }

    .wd-xl-200-f {
        width: 200px !important;
    }

    .wd-xl-200p-f {
        width: 200% !important;
    }

    .mx-wd-xl-200p-f {
        max-width: 200% !important;
    }

    .mn-wd-xl-200p-f {
        min-width: 200% !important;
    }

    .wd-xl-250 {
        width: 250px;
    }

    .wd-xl-250p {
        width: 250%;
    }

    .mx-wd-xl-250p {
        max-width: 250%;
    }

    .mn-wd-xl-250p {
        min-width: 250%;
    }

    .wd-xl-250-f {
        width: 250px !important;
    }

    .wd-xl-250p-f {
        width: 250% !important;
    }

    .mx-wd-xl-250p-f {
        max-width: 250% !important;
    }

    .mn-wd-xl-250p-f {
        min-width: 250% !important;
    }

    .wd-xl-300 {
        width: 300px;
    }

    .wd-xl-300p {
        width: 300%;
    }

    .mx-wd-xl-300p {
        max-width: 300%;
    }

    .mn-wd-xl-300p {
        min-width: 300%;
    }

    .wd-xl-300-f {
        width: 300px !important;
    }

    .wd-xl-300p-f {
        width: 300% !important;
    }

    .mx-wd-xl-300p-f {
        max-width: 300% !important;
    }

    .mn-wd-xl-300p-f {
        min-width: 300% !important;
    }

    .wd-xl-350 {
        width: 350px;
    }

    .wd-xl-350p {
        width: 350%;
    }

    .mx-wd-xl-350p {
        max-width: 350%;
    }

    .mn-wd-xl-350p {
        min-width: 350%;
    }

    .wd-xl-350-f {
        width: 350px !important;
    }

    .wd-xl-350p-f {
        width: 350% !important;
    }

    .mx-wd-xl-350p-f {
        max-width: 350% !important;
    }

    .mn-wd-xl-350p-f {
        min-width: 350% !important;
    }

    .wd-xl-400 {
        width: 400px;
    }

    .wd-xl-400p {
        width: 400%;
    }

    .mx-wd-xl-400p {
        max-width: 400%;
    }

    .mn-wd-xl-400p {
        min-width: 400%;
    }

    .wd-xl-400-f {
        width: 400px !important;
    }

    .wd-xl-400p-f {
        width: 400% !important;
    }

    .mx-wd-xl-400p-f {
        max-width: 400% !important;
    }

    .mn-wd-xl-400p-f {
        min-width: 400% !important;
    }

    .wd-xl-450 {
        width: 450px;
    }

    .wd-xl-450p {
        width: 450%;
    }

    .mx-wd-xl-450p {
        max-width: 450%;
    }

    .mn-wd-xl-450p {
        min-width: 450%;
    }

    .wd-xl-450-f {
        width: 450px !important;
    }

    .wd-xl-450p-f {
        width: 450% !important;
    }

    .mx-wd-xl-450p-f {
        max-width: 450% !important;
    }

    .mn-wd-xl-450p-f {
        min-width: 450% !important;
    }

    .wd-xl-500 {
        width: 500px;
    }

    .wd-xl-500p {
        width: 500%;
    }

    .mx-wd-xl-500p {
        max-width: 500%;
    }

    .mn-wd-xl-500p {
        min-width: 500%;
    }

    .wd-xl-500-f {
        width: 500px !important;
    }

    .wd-xl-500p-f {
        width: 500% !important;
    }

    .mx-wd-xl-500p-f {
        max-width: 500% !important;
    }

    .mn-wd-xl-500p-f {
        min-width: 500% !important;
    }

    .wd-xl-550 {
        width: 550px;
    }

    .wd-xl-550p {
        width: 550%;
    }

    .mx-wd-xl-550p {
        max-width: 550%;
    }

    .mn-wd-xl-550p {
        min-width: 550%;
    }

    .wd-xl-550-f {
        width: 550px !important;
    }

    .wd-xl-550p-f {
        width: 550% !important;
    }

    .mx-wd-xl-550p-f {
        max-width: 550% !important;
    }

    .mn-wd-xl-550p-f {
        min-width: 550% !important;
    }

    .wd-xl-600 {
        width: 600px;
    }

    .wd-xl-600p {
        width: 600%;
    }

    .mx-wd-xl-600p {
        max-width: 600%;
    }

    .mn-wd-xl-600p {
        min-width: 600%;
    }

    .wd-xl-600-f {
        width: 600px !important;
    }

    .wd-xl-600p-f {
        width: 600% !important;
    }

    .mx-wd-xl-600p-f {
        max-width: 600% !important;
    }

    .mn-wd-xl-600p-f {
        min-width: 600% !important;
    }

    .wd-xl-650 {
        width: 650px;
    }

    .wd-xl-650p {
        width: 650%;
    }

    .mx-wd-xl-650p {
        max-width: 650%;
    }

    .mn-wd-xl-650p {
        min-width: 650%;
    }

    .wd-xl-650-f {
        width: 650px !important;
    }

    .wd-xl-650p-f {
        width: 650% !important;
    }

    .mx-wd-xl-650p-f {
        max-width: 650% !important;
    }

    .mn-wd-xl-650p-f {
        min-width: 650% !important;
    }

    .wd-xl-700 {
        width: 700px;
    }

    .wd-xl-700p {
        width: 700%;
    }

    .mx-wd-xl-700p {
        max-width: 700%;
    }

    .mn-wd-xl-700p {
        min-width: 700%;
    }

    .wd-xl-700-f {
        width: 700px !important;
    }

    .wd-xl-700p-f {
        width: 700% !important;
    }

    .mx-wd-xl-700p-f {
        max-width: 700% !important;
    }

    .mn-wd-xl-700p-f {
        min-width: 700% !important;
    }

    .wd-xl-750 {
        width: 750px;
    }

    .wd-xl-750p {
        width: 750%;
    }

    .mx-wd-xl-750p {
        max-width: 750%;
    }

    .mn-wd-xl-750p {
        min-width: 750%;
    }

    .wd-xl-750-f {
        width: 750px !important;
    }

    .wd-xl-750p-f {
        width: 750% !important;
    }

    .mx-wd-xl-750p-f {
        max-width: 750% !important;
    }

    .mn-wd-xl-750p-f {
        min-width: 750% !important;
    }

    .wd-xl-800 {
        width: 800px;
    }

    .wd-xl-800p {
        width: 800%;
    }

    .mx-wd-xl-800p {
        max-width: 800%;
    }

    .mn-wd-xl-800p {
        min-width: 800%;
    }

    .wd-xl-800-f {
        width: 800px !important;
    }

    .wd-xl-800p-f {
        width: 800% !important;
    }

    .mx-wd-xl-800p-f {
        max-width: 800% !important;
    }

    .mn-wd-xl-800p-f {
        min-width: 800% !important;
    }

    .wd-xl-850 {
        width: 850px;
    }

    .wd-xl-850p {
        width: 850%;
    }

    .mx-wd-xl-850p {
        max-width: 850%;
    }

    .mn-wd-xl-850p {
        min-width: 850%;
    }

    .wd-xl-850-f {
        width: 850px !important;
    }

    .wd-xl-850p-f {
        width: 850% !important;
    }

    .mx-wd-xl-850p-f {
        max-width: 850% !important;
    }

    .mn-wd-xl-850p-f {
        min-width: 850% !important;
    }

    .wd-xl-900 {
        width: 900px;
    }

    .wd-xl-900p {
        width: 900%;
    }

    .mx-wd-xl-900p {
        max-width: 900%;
    }

    .mn-wd-xl-900p {
        min-width: 900%;
    }

    .wd-xl-900-f {
        width: 900px !important;
    }

    .wd-xl-900p-f {
        width: 900% !important;
    }

    .mx-wd-xl-900p-f {
        max-width: 900% !important;
    }

    .mn-wd-xl-900p-f {
        min-width: 900% !important;
    }

    .wd-xl-950 {
        width: 950px;
    }

    .wd-xl-950p {
        width: 950%;
    }

    .mx-wd-xl-950p {
        max-width: 950%;
    }

    .mn-wd-xl-950p {
        min-width: 950%;
    }

    .wd-xl-950-f {
        width: 950px !important;
    }

    .wd-xl-950p-f {
        width: 950% !important;
    }

    .mx-wd-xl-950p-f {
        max-width: 950% !important;
    }

    .mn-wd-xl-950p-f {
        min-width: 950% !important;
    }

    .wd-xl-1000 {
        width: 1000px;
    }

    .wd-xl-1000p {
        width: 1000%;
    }

    .mx-wd-xl-1000p {
        max-width: 1000%;
    }

    .mn-wd-xl-1000p {
        min-width: 1000%;
    }

    .wd-xl-1000-f {
        width: 1000px !important;
    }

    .wd-xl-1000p-f {
        width: 1000% !important;
    }

    .mx-wd-xl-1000p-f {
        max-width: 1000% !important;
    }

    .mn-wd-xl-1000p-f {
        min-width: 1000% !important;
    }

    .wd-xl-auto {
        width: auto;
        width: auto !important;
    }
}

.wd-100v {
    width: 100vw;
}
/*# sourceMappingURL=style.css.map */


/* Follow UP - Starts */
.complete-lesson {
    background: #ecf0fa;
}

    .complete-lesson .card {
        border-radius: 1rem;
        overflow: hidden;
    }

    .complete-lesson .card-header.bg-theme {
        background-color: #0d1c48;
        color: #ffffff;
        padding: 1rem;
        font-size: 22px;
        font-weight: 600;
        font-family: 'Cinzel', serif;
    }

    .complete-lesson .card ul li {
        font-size: 1rem;
        color: var(--priprimary-color);
        font-weight:500;
        display: inline-block;
        width: 100%;
    }

        .complete-lesson .card ul li .strong {
            color: var(----tertiary-color);
            font-weight: 700;
        }

    .complete-lesson .center-section p {
        margin-bottom: 0.6rem;
        width: 100%;
        display: inline-block;
        color: var(----tertiary-color);
    }

        .complete-lesson .center-section p a {
            text-decoration: underline;
            color: var(--priprimary-color);
        }
.trimStringLarge {
    line-height: 1;
    margin-bottom: 0 !important;
    max-width: 235px !important;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
/* Follow UP - Ends */


.toast-title {
  font-weight: bold; }

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.toast-message a,
.toast-message label {
  color: #ffffff; }

.toast-message a:hover {
  color: #cccccc;
  text-decoration: none; }

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80); }

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40); }

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%; }

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%; }

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%; }

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%; }

.toast-top-left {
  top: 12px;
  left: 12px; }

.toast-top-right {
  top: 12px;
  right: 12px; }

.toast-bottom-right {
  right: 12px;
  bottom: 12px; }

.toast-bottom-left {
  bottom: 12px;
  left: 12px; }

#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/ }

#toast-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80); }

#toast-container > div:hover {
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer; }

#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; }

#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; }

#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; }

#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; }

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto; }

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto; }

.toast {
  background-color: #030303; }

.toast-success {
    background-color: #66BD50;
}

.toast-error {
    background-color: /*#bd362f*/ #DE4841;
}

.toast-info {
  background-color: #2f96b4; }

.toast-warning {
  background-color: #f89406; }

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40); }

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em; }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }

@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em; }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }

@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em; } }

/*  THEME COLORs
========================================================================== */
/* Looks good on chrome default color profile */
/* We will manually convert these primary colors to rgb for the dark mode option of the theme */
/* looks good in sRGB but washed up on chrome default 
$color-primary:						#826bb0;
$color-success:						#31cb55;
$color-info:						#5e93ec;
$color-warning:						#eec559;
$color-danger:						#dc4b92;
$color-fusion:						darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
/*  Color Polarity
========================================================================== */
/*  PAINTBUCKET MIXER
========================================================================== */
/* the grays */
/* the sapphires */
/* the emeralds */
/* the amethyths */
/* the topaz */
/* the rubies */
/* the graphites */
/*  Define universal border difition (div outlines, etc)
========================================================================== */
/*  MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
========================================================================== */
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
/* bootstrap reference xs: 0,  sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
/* global var used for spacing*/
/* Uniform Padding variable */
/* Heads up! This is a global scoped variable - changing may impact the whole template */
/*   BOOTSTRAP OVERRIDES (bootstrap variables)
========================================================================== */
/* usage: theme-colors("primary"); */
/* forms */
/*$input-height:							calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
/* links */
/* checkbox */
/*$custom-file-height-inner:				calc(2.25rem - 1px);*/
/* not part of bootstrap variable */
/* custom checkbox */
/* custom range */
/* custom file */
/* badge */
/* cards */
/*border radius*/
/* alert */
/* toast */
/* breadcrumb */
/* input button */
/* nav link */
/* nav, tabs, pills */
/* tables */
/* dropdowns */
/* dropdowns sizes */
/* popovers */
/* tooltips */
/* modal */
/* reference guide
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
8px = 0.5rem
9px = 0.5625rem
10px = 0.625rem
11px = 0.6875rem
12px = 0.75rem
13px = 0.8125rem
14px = 0.875rem
15px = 0.9375rem
16px = 1rem (base)
17px = 1.0625rem
18px = 1.125rem
19px = 1.1875rem
20px = 1.25rem
21px = 1.3125rem
22px = 1.375rem
24px = 1.5rem
25px = 1.5625rem
26px = 1.625rem
28px = 1.75rem
30px = 1.875rem
32px = 2rem
34px = 2.125rem
36px = 2.25rem
38px = 2.375rem
40px = 2.5rem
*/
/* Fonts */
/* carousel */
/*  BASE VARS
========================================================================== */
/* font vars below will auto change to rem values using function rem($value)*/
/* 11px   */
/* 12px   */
/* 12.5px */
/* 14px   */
/* 15px   */
/* 16px   */
/* 28px   */
/*  Font Family
========================================================================== */
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
/*  ANIMATIONS
========================================================================== */
/* this addresses all animation related to nav hide to nav minify */
/*  Z-INDEX declearation
========================================================================== */
/* we adjust bootstrap z-index to be higher than our higest z-index*/
/*  CUSTOM ICON PREFIX 
========================================================================== */
/*  PRINT CSS (landscape or portrait)
========================================================================== */
/* landscape or portrait */
/* auto, letter */
/*  Common Element Variables
========================================================================== */
/* Z-index decleartion "birds eye view"
========================================================================== */
/*  Components
========================================================================== */
/*  PAGE HEADER STUFF
========================================================================== */
/* colors */
/* height */
/* logo */
/* try not to go beywond the width of $main_nav_width value */
/* you may need to change this depending on your logo design */
/* adjust this as you see fit : left, right, center */
/* icon font size (not button) */
/* search input box */
/* suggestion: #ccced0*/
/* btn */
/* dropdown: app list */
/* badge */
/* COMPONENTS & MODS */
/*  NAVIGATION STUFF

Guide:

aside.page-sidebar ($nav-width, $nav-background)
	.page-logo
	.primary-nav
		.info-card
		ul.nav-menu
			li
				a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
					icon 
					span
					collapse-sign 
					
				ul.nav-menu-sub-one  
					li
						a ($nav-level-1... $nav-sub-link-height)
							span
							collapse-sign

						ul.nav-menu-sub-two
							li
								a ($nav-level-2... $nav-sub-link-height)
									span

		x.nav-title ($nav-title-*...)


========================================================================== */
/* main navigation */
/* left panel */
/* nav footer */
/* nav parent level-0 */
/* nav link level-1 */
/* nav level-1 bg */
/* nav icon sizes */
/* badge default */
/* all child */
/* nav title */
/* nav Minify */
/* when the menu pops on hover */
/* navigation Width */
/* partial visibility of the menu */
/* top navigation */
/* nav Info Card (appears below the logo) */
/* width is auto */
/* nav DL labels for all child */
/* will be pulled to left as a negative value */
/*   MISC Settings
========================================================================== */
/* List Table */
/*   PAGE SETTINGS
========================================================================== */
/*   PAGE BREADCRUMB 
========================================================================== */
/*   PAGE COMPONENT PANELS 
========================================================================== */
/*   PAGE COMPONENT PROGRESSBARS 
========================================================================== */
/*   PAGE COMPONENT MESSENGER 
========================================================================== */
/*   FOOTER
========================================================================== */
/*   GLOBALS
========================================================================== */
/* ACCESSIBILITIES */
/* SHORTCUT BUTTON (appears on bottom right of the page) */
/* GULP WARNINGS */
.toast {
  background-color: #886ab5;
  background-image: none !important; }
    .toast:before {
        content: "\f05a";
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-family: 'Font Awesome 5 Free';
        font-size: 1.5rem;
        left: 1rem;
        top: 0;
        bottom: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 600;
    }

.toast-success {
    /*background-color: #1ab3a3;*/
    background-color: #66BD50;
}
    .toast-success:before {
        content: "\f00c";
    }

.toast-error {
    background-color: /*#fd3995*/ #DE4841;
}
    .toast-error:before {
        content: "\f00d";
    }

.toast-info {
  background-color: #2196F3; }
  .toast-info:before {
    content: "\f05a"; }

.toast-warning {
  background-color: #ffb20e; }
  .toast-warning > div,
  .toast-warning .toast-close-button {
    color: #000; }
  .toast-warning:before {
    content: "\f071";
    color: #000; }

#toast-container > .toast {
  padding: 1rem 1rem 1rem 3.5rem;
  border-radius: 4px;
  background-image: none !important;
  width: 22rem;
  opacity: 0.9;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
  #toast-container > .toast:hover {
    -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
            box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); }

.toast-close-button {
  top: -0.7em; }

@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > .toast {
    width: 18rem; }
  #toast-container .toast-close-button {
    top: -0.7em; } }

/*# sourceMappingURL=toastr.css.map */