@import url("https://use.typekit.net/fvm0gmt.css");
@font-face {
    font-family: 'fifty_fiftyitalic';
    src: url('fiftyfifty-italic-webfont.woff2') format('woff2'), url('fiftyfifty-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fifty_fiftyregular';
    src: url('fiftyfifty-regular-webfont.woff2') format('woff2'), url('fiftyfifty-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url("https://use.typekit.net/oay4yfq.css");
@font-face {
    font-family: "bodoni-urw", serif;
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "bodoni-urw", serif;
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: "bodoni-urw", serif;
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "bodoni-urw", serif;
    font-weight: 700;
    font-style: italic;
}
@import url("https://use.typekit.net/uoi3nvm.css");
@font-face {
    font-family: "swear-display", serif;
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "swear-display", serif;
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: "swear-display", serif;
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "swear-display", serif;
    font-weight: 700;
    font-style: italic;
}


.vc_empty_space {
    height:50px;
}

@charset "UTF-8";

a {
    color: #1eace4;
}

a:hover {
    text-decoration:underline;
}

.topBanner {
    background-color: #2e2e2e;
    background-image: url(../assets/images/Proof24-WebBanner-V2.jpg);
    background-size: contain;
    background-blend-mode: overlay;
    background-position: center center;
    background-repeat: repeat;
}

#section-experience {
    background-image: url(../assets/images/header-experience-2-1.jpg) !important;
    background-size: cover;
    background-position: left center;
    margin-top:-90px;
}

#section-christmas {
    background-image: url(../assets/images/BANNER_BG.jpg) !important;
    background-size: cover;
    background-position: left center;
    /*height: 785px;*/
    display: block;
    text-align: center;
    padding: 2em;
    /*margin-top: -100px;*/
}
    #section-christmas img {
        margin-bottom: 2em;
    }

    .ci {
        text-align: center;
        width: 70%;
        margin: auto;
        display: block;
        justify-content: center;
        padding-top: 110px;
    }

.vc_custom_1576789717887 {
    background: #000000 url(../assets/images/Experience-Section2-PhotoBG.jpg?id=23859);
}

.vc_custom_1576604274348 {
    background-image: url(../assets/images/ExperienceBG.png) !important;
}

.vc_custom_1576019420584 {
    background-image: url(../assets/images/family-8-5-22-3.jpg) !important;
    height: 600px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.p-info {
    color:rgb(111, 111, 111);
    font-size:18px;
    font-weight:600;
}



#encounter-page {
    background-color: #ebe7dd;
}
@media (max-width:390px) {
    #encounter-page section {
        padding: 2em 0 1em;
    }
}
.encounter-header hr {
    height: 2px;
    width: 100%;
    background-color: #1a1a1a;
    opacity: 1;
    margin: 1em 0;
}
.encounter-header .encounterLogo {
    margin-bottom: 5em;
    max-width: 1280px;
}
.encounter-header .encounterHero {
    max-width: 600px;
}
@media (max-width:844px) {
    .encounter-header p {
        text-align: center !important;
    }
}
@media (max-width:390px) {
    .encounter-header .encounterLogo {
        margin-bottom: 2em;
        max-width: 320px;
    }
    .encounter-header .encounterHero {
        max-width: 300px;
    }
}
.encounter-whatIs .row {
    border-top: 2px solid #1a1a1a;
    border-bottom: 2px solid #1a1a1a;
    padding: 5em 0;
}
.encounter-whatIs .image {
    max-width: 550px;
    margin-bottom: 2em;
}
.encounter-whatIs p {
    font-size: 1.5em;
    line-height: 1.6;
    padding-right: 2em;
    margin-bottom: 1em;
}
.encounter-whatIs .border-left {
    border-left: 2px solid #1a1a1a;
    padding: 0 5em;
}
.encounter-whatIs .border-left .image {
    max-width: 500px;
}
@media (max-width:390px) {
    .encounter-whatIs .image {
        margin-bottom: 0;
        padding: 0 2em;
    }
    .encounter-whatIs .border-left {
        border-left: none;
        padding: 0 4em;
    }
    .encounter-whatIs p {
        padding: 0 2em;
    }
}
.encounter-night .row.dates {
    background-color: #839367;
    padding: 5em;
}
#encounter-page .d-flex {
    display: flex;
}
#encounter-page .f-d-col {
    flex-direction: column;
}
.encounter-night .image {
    max-width: 1200px;
    margin-bottom: 2em;
}
.encounter-night h3 {
    color: #d4d7cc;
}
.encounter-night h3 span {
    font-weight: bold;
}
.encounter-night p {
    color: #d4d7cc;
    font-size: 1.5em !important;
}
.encounter-night .rsvp {
    border-bottom: 2px solid #1a1a1a;
    padding: 0 0 3em;
}
    .encounter-night .rsvp img {
        margin: 5em 0;
    }
    .encounter-night .rsvp .encounterBtn {
        color: #ebe7dd;
        font-size: 3em;
        background-color: #c8906a;
        padding: .3em 1em;
        margin: 0 0 1em;
        border-radius: 5em;
        display: inline-block;
        /* width: 268px; */
        text-align: center;
    }
        .encounter-night .rsvp .encounterBtn span {
            max-width: 150px;
            display: block;
        }
            .encounter-night .rsvp .encounterBtn span img {
                padding: 0;
                margin: 0;
            }
            .encounter-night .rsvp .encounterBtn:hover {
                text-decoration: none;
                background-color: #839367;
                color: #ebe7dd;
            }
    .encounter-night .rsvp p {
        font-size: 1.5em !important;
        line-height: 1.6;
        text-align: center;
        color: #1a1a1a;
    }
@media (max-width:1180px) {
    .encounter-night h3 {
        font-size: 2.5em;
    }
}
@media (max-width:844px) {
    .encounter-night h3 {
        font-size: 2em;
    }
}
@media (max-width:390px) {
    .encounter-night .row.dates {
        padding: 3em;
        text-align: center;
    }
    .encounter-night h3 {
        font-size: 1.5em;
        line-height: 1.6;
    }
    .encounter-night .rsvp p {
        padding: 0 2.5em;
        text-align: left;
    }
}
.encounter-signUp .row {
    background-image: url('../assets/images/encounter/signUpBG.jpg');
    padding: 5em 0;
    background-position: center bottom;
    background-size: cover;
}
.encounter-signUp .encounterBtn {
    background-color: none;
    padding: 1em 4em;
    margin: 2em 0 1em;
    border-radius: 5em;
    display: inline-block;
    border: 1px solid #ebe7dd;
}
    .encounterBtn:hover {
        text-decoration: none;
        background-color: #839367;
    }
@media (max-width:390px) {
    .encounter-signUp .encounterBtn {
        max-width: 290px;
        margin: 0 0 2em;
    }
}
.encounter-signUp a span {
    max-width: 250px;
    display: block;
}
.encounter-signUp p {
    font-size: 1.5em;
    line-height: 1.6;
    color: #ebe7dd;
    padding: 0 4em;
}
@media (max-width:390px) {
    .encounter-signUp p {
        padding: 0 2em;
    }
}
.encounter-text .row {
    border-top: 2px solid #1a1a1a;
    border-bottom: 2px solid #1a1a1a;
    padding: 5em 0;
}
.encounter-text .border-right {
    border-right: 2px solid #1a1a1a;
}
.encounter-text .image {
    padding-right: 4em;
}
.encounter-text .imageText {
    margin-top: 4em;
}
.encounter-text .imageText img {
    padding-left: 3em;
}
@media (max-width:390px) {
    .encounter-text .image {
        padding: 0 2em;
    }
    .encounter-text .imageText img {
        padding: 0 2em;
    }
}
.encounter-womensPrayer .row {
    background-color: #d4d7cc;
    padding: 5em;
    text-align: center;
}
.encounter-womensPrayer .image {
    max-width: 900px;
    margin-bottom: 2em;
}
.encounter-womensPrayer h4 {
    color: #839367;
    text-transform: uppercase;
    margin-bottom: 1em;
}
.encounter-womensPrayer .imageDates {
    background-color: #839367;
    border-radius: 5em;
    padding: 2em 3em;
    max-width: 800px;
    margin-bottom: 1em;
}
.encounter-womensPrayer p {
    color: #839367;
    font-size: 2em;
    text-transform: uppercase;
}
@media (max-width:844px) {
    .encounter-womensPrayer h4 {
        font-size: 2em;
    }
}
@media (max-width:390px) {
    .encounter-womensPrayer .row {
        padding: 3em 2em;
    }
    .encounter-womensPrayer h4 {
        font-size: 1.5em;
        line-height: 1.2;
    }
    .encounter-womensPrayer .imageDates {
        padding: 1em 2em;
    }
    .encounter-womensPrayer p {
        font-size: 1.5em;
    }
}
.encounter-rallyNight .row {
    background-color: #bc8777;
    padding: 5em;
    text-align: center;
}
.encounter-rallyNight .image {
    max-width: 900px;
    margin-bottom: 2em;
}
.encounter-rallyNight h4 {
    color: #ebe7dd;
    text-transform: uppercase;
    margin-bottom: 1em;
}
.encounter-rallyNight .imageDates {
    background-color: #ebe7dd;
    border-radius: 5em;
    padding: 2em 3em;
    max-width: 700px;
    margin-bottom: 1em;
}
.encounter-rallyNight p {
    color: #ebe7dd;
    font-size: 2em;
    text-transform: uppercase;
}
@media (max-width:844px) {
    .encounter-rallyNight h4 {
        font-size: 1.5em;
        line-height: 1.2;
    }
}
@media (max-width:390px) {
    .encounter-rallyNight .row {
        padding: 3em 2em;
    }

    .encounter-rallyNight h4 {
        font-size: 1.5em;
        line-height: 1.2;
    }

    .encounter-rallyNight .imageDates {
        padding: 1em 2em;
    }

    .encounter-rallyNight p {
        font-size: 1.5em;
    }
}

#christmas-page {
    background-image: url(../assets/images/Christmas-Texture-Background.png) !important;
    background-repeat: repeat;
}
    #christmas-page section.christmas-header {
        padding: 0;
        box-shadow: 0px 0px 30px rgba(0,0,0,0.9);
        z-index: 2;
    }
#christmas-page section.christmas-header img.bg {
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    height: auto;
    position: relative;
}
    #christmas-page section.christmas-info {
        /*text-align: center;*/
        /*        background-image: url(../assets/images/christmas-info-bg-lg.jpg) !important;
        background-position: center center;
        background-size: cover;*/
        background-color: #202020;
        padding: 4em 0;
    }
        #christmas-page section.christmas-info h1 {
            font-family: "swear-display", serif;
            font-weight: 600;
            font-style: normal;
            color: #fff !important;
            font-size: 4.5em;
            margin-bottom: .25em;
            padding: 0 .5em;
        }
        #christmas-page section.christmas-info h2 {
            font-family: "swear-display", serif;
            font-weight: 500;
            font-style: normal;
            color: #fff !important;
            font-size: 4em;
            margin-bottom: .5em;
        }
        #christmas-page section.christmas-info h3 {
            font-family: "swear-display", serif;
            font-weight: 500;
            font-style: normal;
            color: #fff !important;
            font-size: 3em;
            margin-bottom: .5em;
            padding: 0 .5em;
        }
        #christmas-page section.christmas-info p {
            font-family: "swear-display", serif;
            font-weight: 500;
            font-style: normal;
            color: #fff !important;
            font-size: 1.4em;
            line-height: 2;
        }
        #christmas-page section.christmas-info img {
            border-radius: 5px;
            box-shadow: 0px 0px 15px rgba(0,0,0,0.9);
        }
        #christmas-page section.christmas-poster {
            padding: 0;
            box-shadow: 0px -3px 30px rgba(0,0,0,0.9);
        }
@media (min-width:1440px) {
    #christmas-page section.christmas-info {
        background-size: contain;
        background-repeat: round;
        background-position: top;
    }
}
#s1 {
    background-image: url(../assets/images/banners/encounter-banner.png) !important;
    width: 100%;
    background-repeat: no-repeat;
    background-position-y: top;
    background-position-x: center;
    text-align: center;
    padding-top: 600px;
}


.header-img a{
    background-color: #000000 !important;
}


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

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



/* heading */
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 5px;
    padding: 0;
    letter-spacing: 0;
    font-weight: 400;
}

h1 {
    font-size: 70px;
    line-height: 70px;
}

h2 {
    font-size: 30px;
    line-height: 45px;
    color:#000;
    font-weight:900;
}

h3 {
    font-size: 48px;
    line-height: 54px
}

h4 {
    font-size: 40px;
    line-height: 46px
}

h5 {
    font-size: 32px;
    line-height: 40px
}

h6 {
    font-size: 25px;
    line-height: 30px
}


.sermonTitle {
    /*font-weight: 900 !important;*/
}
/*.vc_custom_1576794063852 {
    padding-right: 50px !important;
    padding-left: 50px !important;
    background-color: #ffffff !important;
}

.vc_custom_1507205266443 {
    padding: 0px !important;
    background-color: #1c1c1c !important;
}



*/
/*
.vc_custom_1576624834351 {
    margin-bottom: 0px !important;
    border-bottom-width: 0px !important;
    padding-bottom: 0px !important;
}

.vc_custom_1576625003056 {
    margin-top: 0px !important;
    border-top-width: 0px !important;
    padding-top: 0px !important;
}

.vc_custom_1576794877021 {
    background-color: #f7f7f7 !important;
}

.vc_custom_1576794826875 {
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    background-color: #f7f7f7 !important;
}

.vc_custom_1576794798034 {
    padding-bottom: 8% !important;
}

.vc_custom_1576794760114 {
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}

.vc_custom_1576794741116 {
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}

.vc_custom_1576794729394 {
    background-image: url(https://wpdemos.themezaa.com/pofo/demo-images/2017/06/1920x1300-ph.jpg?id=20255) !important;
}

.vc_custom_1576794647490 {
    background-color: #f7f7f7 !important;
}*/
.bg-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: .5
}

.opacity-very-light {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.2;
    top: 0;
    left: 0;
}

.opacity-light {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.3;
    top: 0;
    left: 0;
}

.opacity-extra-medium {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    top: 0;
    left: 0;
}

.opacity-medium {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.75;
    top: 0;
    left: 0;
}

.opacity-full {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.8;
    top: 0;
    left: 0;
}

.opacity-full-dark {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.9;
    top: 0;
    left: 0;
}


.margin-5px-bottom{
    margin-bottom:5px;
}
.margin-7px-bottom {
    margin-bottom: 7px;
}

.bg-lead-with-brian {
    background-image: url(../assets/images/LearningToLead-BrianHouston.png) !important;
    height: 500px;
}

.bg-lead-read-flags {
    background-image: url(../assets/images/LearningToLead-RedFlagsLeadership.png) !important;
    height: 500px;
}
.bg-lead-john-maxwell {
    background-image: url(../assets/images/learning-to-lead-john-maxwell.jpeg) !important;
    height: 500px;
}

.vc_custom_1596641613408 {
    background-image: url(../assets/images/header.jpeg) !important;
}

.vc_custom_1590078202246 {
    margin-top: 0px !important;
    border-top-width: 0px !important;
    padding-top: 0px !important;
}

.ns1 {
    background-image: url(../assets/images/next-steps/Next-Steps_Banner.JPG) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    height: 400px;
}
    .ns1 h1 {
        margin-top: 130px
    }


.no-padding{
    padding:0px !important;
}

.header-img {
    /*background-image: url('../assets/images/WCCF-Banner.png');*/
    /*background-size: cover;*/
    background-position: center center !important;
    height: 700px;
    /*//was 750px*/
    width: 100%;
    /*    padding-top: 100px;*/
    /*position: absolute;
    top: 0px;
    left: 0px;*/
    /*margin-top: -120px;*/
}

#header-text {
    /*position:absolute;*/
    /*bottom: 18%;*/
    padding-top: 460px;
    font-weight: 600;
    display: block;
    line-height: 50px;
    font-size: 45px;
    color: #fff;
    vertical-align: baseline;
    text-align: right;
    text-shadow: 2px 2px black;
}
#header-text a {
    text-shadow: none;
}

.header {
    height: 500px !important;
}

.navbar {
    display:none
}

.navbar-desktop {
    display: block;
}



#business-recorded-sessions > div {
    display: inline-block;
    width: 49%;
    border: solid 1px #666666;
    height: 250px;
}

    #business-recorded-sessions > div > h1 {
        font-size: 40px;
        font-weight: 800;
        color: #1face3;
    }



p {
    font-size: 16px;
}

.menu-item i {
    display:none;
}

/*@media(max-width:590px) {*/
@media only screen and (max-width:990px) {
    .subnav {
        display: none;
    }

    .menu-item i {
        display: inline-block;
    }

    .menu-item:hover > ul.subnav {
        display: block;
    }

    .menu-item:hover > i {
        transform: rotate(90deg);
    }

    .header-img { 
        height: 375px !important;
    }

    .header {
        height: 250px !important;
    }

        .header p {
            font-size: 22px !important;
            line-height: 26px !important;
            font-weight: 600 !important;
        }

    p {
        font-size: 16px;
    }

    .marketing {
        padding: 0px !important;
    }

    #header-text {
        /*padding-top: 285px !important;*/
        /*padding-top: 255px !important;*/
        padding-top: 235px !important;
    }
}

.center {
    display: flex;
    justify-content: center;
    flex-grow:1;
    flex-wrap:wrap;
    align-items: center;
    /*height: 70px;*/
}

#header-growth-track {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../assets/images/Banner-GT.JPG) !important;
    background-repeat: no-repeat;
    background-color: #212832;
    background-size: cover;
    background-position: bottom;
    color: #fff;
    width: 100%;
    height: 400px;
}

#header-dream-team {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../assets/images/banners/dream-team.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    color: #fff;
    width: 100%;
    height: 100%;
}

#areas-to-serve {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../assets/images/dreamteam-2.png) !important;
    background-blend-mode: hard-light;
    padding: 30px;
    background-repeat: no-repeat;
    background-position-y: top;
    background-size: cover;
    background-attachment: fixed;
    margin-top: 15px;
}
    #areas-to-serve h2 {
        color:#fff;
        text-align:center;
    }

    #areas-to-serve p {
        text-align: center;
        font-size: 28px;
        line-height: 36px;
        color: #fff;
    }

#header-business {
    background-image: url(../assets/images/BG_BusinessLeadersBreakfast.png) !important;
    height: 400px;
    /*padding-top: 100px;*/
    background-repeat: no-repeat;
    background-position-y: top;
    background-size: cover;
    /*background-attachment: fixed;*/
}

#header-groups {
    background-image: linear-gradient(rgba(255,255,255,.2) 0%, rgba(255,255,255,.5) 100%), url(../assets/images/banners/groups.jpeg) !important;
    /*background-image: url(../assets/images/banners/groups.jpeg) !important;*/
    background-color: #8e8e8e;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
    height: 100%;
    text-align: center;
    position: relative;
    display:flex;
    /*display:flex;
    flex-direction:column;
    justify-content:center;*/
}


#header-groups .inner1 {

    display:flex;
    flex-direction:column;
    justify-content:center;
    margin:0 auto;
    /*flex-basis:auto;*/
}


#header-groups img{
    /*height: 70%*/
}

#groups-testimony {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    background-image: url(../assets/images/Groups2.jpg) !important;
}

#groups-gran-testimony {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    background-image: url(../assets/images/Groups-3.jpg) !important;
}


.inner {
    height: inherit;
    display: flex;
    flex-direction: column;
    flex-flow: column;
    justify-content: space-evenly;
    text-align: center;
    position: relative;
}

.header p {
    font-size: 40px;
    line-height: 60px;
    font-weight: 900;
}

#page-title {
    background-color: #e8e8e8;
    padding: 40px 15px;
}

    #page-title h1 {
        font-size: 20px;
        line-height: 26px;
        font-weight: 900;
        margin: 0px;
    }


/*@media(max-width:590px) {*/
@media only screen and (max-device-width: 1100px) {

    .menu-item i {
        display: inline-block;
    }

    .menu-item:hover > ul.subnav {
        display: block;
    }

    .menu-item:hover > i {
        transform: rotate(90deg);
    }


    .navbar-desktop { display : none; }

    .navbar {
        display: block;
    }
}


    /*@media(max-width:590px) {*/
@media only screen and (max-width:1240px) {

    .menu-item i {
        display: inline-block;
    }

    .menu-item:hover > ul.subnav {
        display: block;
    }

    .menu-item:hover > i {
        transform: rotate(90deg);
    }

    .vc_custom_1582046422515 {
        height: 200px !important;
        padding-top:0px !important;
    }

    /*.sermonTitle{
        color:#000 !important;
    }*/

    .header-img {
        background-size: cover;
    }

    .mobile-toggle {
        background-color: #1face3 !important;
        border-radius: 2px !important;
    }

    header{
        height:75px !important;
    }

    header h1 {
        padding:0px !important;
    }

    .navbar-desktop {
        display: none;
    }

    .ci {
        padding-top: 310px;
    }

    .navbar {
        display: block;
        margin-top:7px;
    }
    /*.header-img {
            background-position-x: left !important;
        }*/

    #sermons-grid li {
        width: 100%;
    }

    .full-width-pull-menu .menu-wrap ul.hamburger-menu-style1 a {
        font-size: 18px !important;
        line-height: 38px !important;
    }

    /*.full-width-pull-menu .menu-wrap ul {
        padding: 25px 0 0 0 !important;
    }*/

    #header-text {
        line-height: 34px;
        font-size: 28px;
        padding-right: 15px;
    }

    #ulSuggestions li {
        width: 100%;
    }

    .footer-widget-area .text-small {
        text-align: center
    }

    .footer-widget-area .widget-title {
        margin: 18px 0 10px 0
    }
}

    @font-face {
        font-family: "Roboto";
        src: url("../assets/fonts/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2");
    }

    .feature-title-link {
        font-size: 20px;
        color: #ffffff !important;
    }

    .Roboto {
        font-family: "Roboto";
    }
    /*
@font-face {
font-family: "FontAwesome";
src: url("../assets/fonts/fa-brands-400.woff2");
}


*/
    @font-face {
        font-family: "FontAwesome";
        font-display: block;
        src: url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.eot"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.woff2") format("woff2"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.woff") format("woff"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.ttf") format("truetype"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.svg#fontawesome") format("svg");
    }

    @font-face {
        font-family: "FontAwesome";
        font-display: block;
        src: url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.eot"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.woff2") format("woff2"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.woff") format("woff"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.ttf") format("truetype"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.svg#fontawesome") format("svg");
    }

    @font-face {
        font-family: "FontAwesome";
        font-display: block;
        src: url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.eot"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.woff2") format("woff2"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.woff") format("woff"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.ttf") format("truetype"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.svg#fontawesome") format("svg");
        unicode-range: U+F004-F005,U+F007,U+F017,U+F022,U+F024,U+F02E,U+F03E,U+F044,U+F057-F059,U+F06E,U+F070,U+F075,U+F07B-F07C,U+F080,U+F086,U+F089,U+F094,U+F09D,U+F0A0,U+F0A4-F0A7,U+F0C5,U+F0C7-F0C8,U+F0E0,U+F0EB,U+F0F3,U+F0F8,U+F0FE,U+F111,U+F118-F11A,U+F11C,U+F133,U+F144,U+F146,U+F14A,U+F14D-F14E,U+F150-F152,U+F15B-F15C,U+F164-F165,U+F185-F186,U+F191-F192,U+F1AD,U+F1C1-F1C9,U+F1CD,U+F1D8,U+F1E3,U+F1EA,U+F1F6,U+F1F9,U+F20A,U+F247-F249,U+F24D,U+F254-F25B,U+F25D,U+F267,U+F271-F274,U+F279,U+F28B,U+F28D,U+F2B5-F2B6,U+F2B9,U+F2BB,U+F2BD,U+F2C1-F2C2,U+F2D0,U+F2D2,U+F2DC,U+F2ED,U+F328,U+F358-F35B,U+F3A5,U+F3D1,U+F410,U+F4AD;
    }


    .current-page-item a {
        color: #1face3 !important;
    }

    .FontAwesome {
        font-family: "FontAwesome";
    }


    .pushy {
        padding: 2em;
    }

    html.pushbar_locked .pushbar_overlay {
        opacity: 0.5;
        z-index: 999;
    }

    .vertical-alignment-helper {
        display: table;
        height: 100%;
        width: 100%;
        pointer-events: none;
    }

    .vertical-align-center {
        /* To center vertically */
        display: table-cell;
        vertical-align: middle;
        pointer-events: none;
    }

    .modal-content {
        /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
        width: inherit;
        max-width: inherit; /* For Bootstrap 4 - to avoid the modal window stretching 
full width */
        height: inherit;
        /* To center horizontally */
        margin: 0 auto;
        pointer-events: all;
    }



.divWordCloud {
    font-size: 30px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
}

    .divWordCloud div:nth-child(odd) {
        color: #1eace4;
    }

    .divWordCloud div {
        /*margin-right: 50px;*/
        margin-bottom: 50px;
        /* float:left;*/
        display: inline-block;
        text-align: center;
    }

.divWordCloudMobile {
    display:none;
}
    .divWordCloudMobile div:nth-child(odd) {
        color: #1eace4;
    }
    .divWordCloudMobile div {
        margin-right: 20px;
        margin-bottom: 20px;
        /* float:left;*/
        display: inline-block;
        text-align: center;
    }

@media only screen and (max-device-width: 1100px) {
    
  
}

/*@media(max-width:590px) {*/
@media only screen and (max-width:990px) {

    #header-growth-track {
        background-size: cover;
        background-position: bottom;
    }
    #header-growth-track .inner {
        justify-content: end;
    }
        #header-growth-track .icon-large {
            font-size:25px;
        }
            
    .divWordCloudMobile {
        display: block;
        font-size: 20px;
        font-weight: 700;
    }

    .divWordCloud{
        display:none;
    }
}
  

    /*!
* Bootstrap v5.1.3 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
    :root {
        --bs-gray: #69707a;
        --bs-gray-dark: #363d47;
        --bs-gray-100: #f2f6fc;
        --bs-gray-200: #e0e5ec;
        --bs-gray-300: #d4dae3;
        --bs-gray-400: #c5ccd6;
        --bs-gray-500: #a7aeb8;
        --bs-gray-600: #69707a;
        --bs-gray-700: #4a515b;
        --bs-gray-800: #363d47;
        --bs-gray-900: #212832;
        --bs-primary: #dc392d;
        --bs-secondary: #e0e5ec;
        --bs-success: #00ac69;
        --bs-info: #00cfd5;
        --bs-warning: #f4a100;
        --bs-danger: #e81500;
        --bs-light: #f2f6fc;
        --bs-dark: #212832;
        --bs-black: #000;
        --bs-white: #fff;
        --bs-red: #dc392d;
        --bs-orange: #f76400;
        --bs-yellow: #f4a100;
        --bs-green: #00ac69;
        --bs-teal: #00ba94;
        --bs-cyan: #00cfd5;
        --bs-blue: #0061f2;
        --bs-indigo: #5800e8;
        --bs-purple: #6900c7;
        --bs-pink: #e30059;
        --bs-red-soft: #f0e3e7;
        --bs-orange-soft: #f3e7e3;
        --bs-yellow-soft: #f2eee3;
        --bs-green-soft: #daefed;
        --bs-teal-soft: #daf0f2;
        --bs-cyan-soft: #daf2f8;
        --bs-blue-soft: #dae7fb;
        --bs-indigo-soft: #e3ddfa;
        --bs-purple-soft: #e4ddf7;
        --bs-pink-soft: #f1ddec;
        --bs-primary-soft: #f0e3e7;
        --bs-secondary-soft: #f0f4fa;
        --bs-success-soft: #daefed;
        --bs-info-soft: #daf2f8;
        --bs-warning-soft: #f2eee3;
        --bs-danger-soft: #f1e0e3;
        --bs-primary-rgb: 220, 57, 45;
        --bs-secondary-rgb: 224, 229, 236;
        --bs-success-rgb: 0, 172, 105;
        --bs-info-rgb: 0, 207, 213;
        --bs-warning-rgb: 244, 161, 0;
        --bs-danger-rgb: 232, 21, 0;
        --bs-light-rgb: 242, 246, 252;
        --bs-dark-rgb: 33, 40, 50;
        --bs-red-rgb: 220, 57, 45;
        --bs-orange-rgb: 247, 100, 0;
        --bs-yellow-rgb: 244, 161, 0;
        --bs-green-rgb: 0, 172, 105;
        --bs-teal-rgb: 0, 186, 148;
        --bs-cyan-rgb: 0, 207, 213;
        --bs-blue-rgb: 0, 97, 242;
        --bs-indigo-rgb: 88, 0, 232;
        --bs-purple-rgb: 105, 0, 199;
        --bs-pink-rgb: 227, 0, 89;
        --bs-red-soft-rgb: 240, 227, 231;
        --bs-orange-soft-rgb: 243, 231, 227;
        --bs-yellow-soft-rgb: 242, 238, 227;
        --bs-green-soft-rgb: 218, 239, 237;
        --bs-teal-soft-rgb: 218, 240, 242;
        --bs-cyan-soft-rgb: 218, 242, 248;
        --bs-blue-soft-rgb: 218, 231, 251;
        --bs-indigo-soft-rgb: 227, 221, 250;
        --bs-purple-soft-rgb: 228, 221, 247;
        --bs-pink-soft-rgb: 241, 221, 236;
        --bs-primary-soft-rgb: 240, 227, 231;
        --bs-secondary-soft-rgb: 240, 244, 250;
        --bs-success-soft-rgb: 218, 239, 237;
        --bs-info-soft-rgb: 218, 242, 248;
        --bs-warning-soft-rgb: 242, 238, 227;
        --bs-danger-soft-rgb: 241, 224, 227;
        --bs-white-rgb: 255, 255, 255;
        --bs-black-rgb: 0, 0, 0;
        --bs-body-color-rgb: 105, 112, 122;
        --bs-body-bg-rgb: 255, 255, 255;
        --bs-font-sans-serif: "Metropolis", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --bs-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0));
        --bs-body-font-family: Metropolis, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        --bs-body-font-size: 1rem;
        --bs-body-font-weight: 400;
        --bs-body-line-height: 1.5;
        --bs-body-color: #69707a;
        --bs-body-bg: #fff
    }

    * {
        box-sizing: border-box
    }

    @media (prefers-reduced-motion: no-preference) {
        :root {
            scroll-behavior: smooth
        }
    }

    body {
        margin: 0;
        font-family: Metropolis, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-family: var(--bs-body-font-family);
        font-size: 1rem;
        font-size: var(--bs-body-font-size);
        font-weight: 400;
        font-weight: var(--bs-body-font-weight);
        line-height: 1.5;
        line-height: var(--bs-body-line-height);
        color: #69707a;
        color: var(--bs-body-color);
        text-align: var(--bs-body-text-align);
        background-color: #fff;
        background-color: var(--bs-body-bg);
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        height: 1200px;
    }

    .vc_custom_1509689633928 {
        padding: 0px;
        background-color: #f7f7f7 !important;
    }

    .vc_custom_1580163333813 {
        height: 700px;
    }

    .vc_custom_1580142757749 {
        margin-top: 0px !important;
        border-top-width: 0px !important;
        padding-top: 0px !important;
    }

    .vc_custom_nomargintop {
        margin-top: 0px;
        padding-top: 0px;
    }

    hr {
        margin: 1rem 0;
        color: inherit;
        background-color: currentColor;
        border: 0;
        opacity: .25
    }

        hr:not([size]) {
            height: 1px
        }
/*
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-top: 0;
        margin-bottom: .5rem;
        font-weight: 500;
        line-height: 1.2;
        color: #363d47
    }

    .h1,
    h1 {
        font-size: calc(1.275rem + .3vw)
    }

    @media (min-width: 1200px) {

        .h1,
        h1 {
            font-size: 1.5rem
        }
    }

    .h2,
    h2 {
        font-size: calc(1.265rem + .18vw)
    }

    @media (min-width: 1200px) {

        .h2,
        h2 {
            font-size: 1.4rem
        }
    }

    .h3,
    h3 {
        font-size: calc(1.255rem + .06vw)
    }

    @media (min-width: 1200px) {

        .h3,
        h3 {
            font-size: 1.3rem
        }
    }

    .h4,
    h4 {
        font-size: 1.2rem
    }

    .h5,
    h5 {
        font-size: 1.1rem
    }

    .h6,
    h6 {
        font-size: 1rem
    }*/

    p {
        margin-top: 0;
        margin-bottom: 1rem
    }

    address {
        margin-bottom: 1rem;
        font-style: normal;
        line-height: inherit
    }

    ol,
    ul {
        padding-left: 2rem
    }

    ol,
    ul {
        margin-top: 0;
        margin-bottom: 1rem
    }

        ol ol,
        ol ul,
        ul ol,
        ul ul {
            margin-bottom: 0
        }

    b,
    strong {
        font-weight: bolder
    }

    .small,
    small {
        font-size: .875em
    }

    sup {
        position: relative;
        font-size: .75em;
        line-height: 0;
        vertical-align: baseline
    }

    sup {
        top: -.5em
    }


        a:not([href]):not([class]),
        a:not([href]):not([class]):hover {
            color: inherit;
            text-decoration: none
        }

    code,
    pre {
        font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
        font-family: var(--bs-font-monospace);
        font-size: 1em;
        direction: ltr;
        unicode-bidi: bidi-override
    }

    pre {
        display: block;
        margin-top: 0;
        margin-bottom: 1rem;
        overflow: auto;
        font-size: .875em;
        color: #69707a
    }

        pre code {
            font-size: inherit;
            color: inherit;
            word-break: normal
        }

    code {
        font-size: .875em;
        color: #e30059;
        word-wrap: break-word
    }

    a > code {
        color: inherit
    }

    figure {
        margin: 0 0 1rem
    }

    img,
    svg {
        vertical-align: middle
    }

    table {
        caption-side: bottom;
        border-collapse: collapse
    }

    caption {
        padding-top: .75rem;
        padding-bottom: .75rem;
        color: #a7aeb8;
        text-align: left
    }

    th {
        text-align: inherit;
        text-align: -webkit-match-parent
    }

    tbody,
    td,
    th,
    thead,
    tr {
        border: 0 solid;
        border-color: inherit
    }

    label {
        display: inline-block
    }

    button {
        border-radius: 0
    }

        button:focus:not(:focus-visible) {
            outline: 0
        }

    button,
    input,
    select,
    textarea {
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit
    }

    button,
    select {
        text-transform: none
    }

    [role=button] {
        cursor: pointer
    }

    select {
        word-wrap: normal
    }

        select:disabled {
            opacity: 1
        }

    [list]::-webkit-calendar-picker-indicator {
        display: none
    }

    [type=button],
    [type=reset],
    [type=submit],
    button {
        -webkit-appearance: button
    }

        [type=button]:not(:disabled),
        [type=reset]:not(:disabled),
        [type=submit]:not(:disabled),
        button:not(:disabled) {
            cursor: pointer
        }

    textarea {
        resize: vertical
    }

    [type=search] {
        outline-offset: -2px;
        -webkit-appearance: textfield
    }

    iframe {
        border: 0
    }

    summary {
        display: list-item;
        cursor: pointer
    }

    progress {
        vertical-align: baseline
    }

    [hidden] {
        display: none !important
    }

    .lead {
        font-size: 1.1rem;
        font-weight: 400
    }

    .display-1 {
        font-size: calc(1.625rem + 4.5vw);
        font-weight: 300;
        line-height: 1.2
    }

    @media (min-width: 1200px) {
        .display-1 {
            font-size: 5rem
        }
    }

    .display-4 {
        font-size: calc(1.475rem + 2.7vw);
        font-weight: 300;
        line-height: 1.2
    }

    @media (min-width: 1200px) {
        .display-4 {
            font-size: 3.5rem
        }
    }

    .display-6 {
        font-size: calc(1.375rem + 1.5vw);
        font-weight: 300;
        line-height: 1.2
    }

    @media (min-width: 1200px) {
        .display-6 {
            font-size: 2.5rem
        }
    }

    .list-unstyled {
        padding-left: 0;
        list-style: none
    }

    .img-fluid {
        max-width: 100%;
        height: auto
    }

    .figure {
        display: inline-block
    }

    .container,
    .container-fluid,
    .container-xl {
        width: 100%;
        padding-right: .75rem;
        padding-right: var(--bs-gutter-x, .75rem);
        padding-left: .75rem;
        padding-left: var(--bs-gutter-x, .75rem);
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width: 576px) {
        .container {
            max-width: 540px
        }
    }

    @media (min-width: 768px) {
        .container {
            max-width: 720px
        }
    }

    @media (min-width: 992px) {
        .container {
            max-width: 960px
        }
    }

    @media (min-width: 1200px) {

        .container,
        .container-xl {
            max-width: 1140px
        }
    }

    @media (min-width: 1500px) {

        .container,
        .container-xl {
            max-width: 1440px
        }
    }
/*
    .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1 * var(--bs-gutter-y));
        margin-right: calc(-.5 * var(--bs-gutter-x));
        margin-left: calc(-.5 * var(--bs-gutter-x))
    }*/
    /*
.row>* {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-top: var(--bs-gutter-y)
}
*/
    .col {
        flex: 1 0 0%
    }

    .col-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .gx-0 {
        --bs-gutter-x: 0
    }


    @media (min-width: 992px) {
        .col-lg {
            flex: 1 0 0%
        }

        .col-lg-3 {
            flex: 0 0 auto;
            width: 25%
        }

        .col-lg-4 {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .col-lg-5 {
            flex: 0 0 auto;
            width: 41.66666667%
        }

        .col-lg-6 {
            flex: 0 0 auto;
            width: 50%
        }

        .col-lg-7 {
            flex: 0 0 auto;
            width: 58.33333333%
        }

        .col-lg-8 {
            flex: 0 0 auto;
            width: 66.66666667%
        }

        .col-lg-9 {
            flex: 0 0 auto;
            width: 75%
        }

        .col-lg-10 {
            flex: 0 0 auto;
            width: 83.33333333%
        }

        .col-lg-12 {
            flex: 0 0 auto;
            width: 100%
        }
    }

    @media (min-width: 1200px) {
        .col-xl-auto {
            flex: 0 0 auto;
            width: auto
        }

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

        .col-xl-4 {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .col-xl-5 {
            flex: 0 0 auto;
            width: 41.66666667%
        }

        .col-xl-8 {
            flex: 0 0 auto;
            width: 66.66666667%
        }

        .col-xl-10 {
            flex: 0 0 auto;
            width: 83.33333333%
        }

        .col-xl-12 {
            flex: 0 0 auto;
            width: 100%
        }
    }

    .table {
        --bs-table-bg: transparent;
        --bs-table-accent-bg: transparent;
        --bs-table-striped-color: #69707a;
        --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
        --bs-table-active-color: #69707a;
        --bs-table-active-bg: rgba(0, 0, 0, 0.1);
        --bs-table-hover-color: #69707a;
        --bs-table-hover-bg: rgba(224, 229, 236, 0.25);
        width: 100%;
        margin-bottom: 1rem;
        color: #69707a;
        vertical-align: top;
        border-color: #e0e5ec
    }

        .table > :not(caption) > * > * {
            padding: .75rem;
            background-color: var(--bs-table-bg);
            border-bottom-width: 1px;
            box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
        }

        .table > tbody {
            vertical-align: inherit
        }

        .table > thead {
            vertical-align: bottom
        }

        .table > :not(:first-child) {
            border-top: 2px solid
        }

    .table-bordered > :not(caption) > * {
        border-width: 1px 0
    }

        .table-bordered > :not(caption) > * > * {
            border-width: 0 1px
        }

    .table-borderless > :not(caption) > * > * {
        border-bottom-width: 0
    }

    .table-borderless > :not(:first-child) {
        border-top-width: 0
    }

    .table-striped > tbody > tr:nth-of-type(odd) > * {
        --bs-table-accent-bg: var(--bs-table-striped-bg);
        color: var(--bs-table-striped-color)
    }

    .table-active {
        --bs-table-accent-bg: var(--bs-table-active-bg);
        color: var(--bs-table-active-color)
    }

    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .form-label {
        margin-bottom: .5rem
    }

    .col-form-label {
        padding-top: calc(.875rem + 1px);
        padding-bottom: calc(.875rem + 1px);
        margin-bottom: 0;
        font-size: inherit;
        line-height: 1
    }

    .form-text {
        margin-top: .25rem;
        font-size: .875em;
        color: #a7aeb8
    }

    .form-control {
        display: block;
        width: 100%;
        padding: .875rem 1.125rem;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1;
        color: #69707a;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #c5ccd6;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: .35rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

    @media (prefers-reduced-motion: reduce) {
        .form-control {
            transition: none
        }
    }

    .form-control[type=file] {
        overflow: hidden
    }

        .form-control[type=file]:not(:disabled):not([readonly]) {
            cursor: pointer
        }

    .form-control:focus {
        color: #69707a;
        background-color: #fff;
        border-color: tint-color(#0061f2, 50%);
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0, 97, 242, .25)
    }

    .form-control::-webkit-date-and-time-value {
        height: 1em
    }

    .form-control::-moz-placeholder {
        color: #a7aeb8;
        opacity: 1
    }

    .form-control::placeholder {
        color: #a7aeb8;
        opacity: 1
    }

    .form-control:disabled,
    .form-control[readonly] {
        background-color: #e0e5ec;
        opacity: 1
    }

    .form-control::file-selector-button {
        padding: .875rem 1.125rem;
        margin: -.875rem -1.125rem;
        -webkit-margin-end: 1.125rem;
        margin-inline-end: 1.125rem;
        color: #69707a;
        background-color: #fff;
        pointer-events: none;
        border: 0 solid;
        border-color: inherit;
        border-inline-end-width: 1px;
        border-radius: 0;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

    @media (prefers-reduced-motion: reduce) {
        .form-control::file-selector-button {
            transition: none
        }
    }

    .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
        background-color: #f2f2f2
    }

    .form-control::-webkit-file-upload-button {
        padding: .875rem 1.125rem;
        margin: -.875rem -1.125rem;
        -webkit-margin-end: 1.125rem;
        margin-inline-end: 1.125rem;
        color: #69707a;
        background-color: #fff;
        pointer-events: none;
        border: 0 solid;
        border-color: inherit;
        border-inline-end-width: 1px;
        border-radius: 0;
        -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

    @media (prefers-reduced-motion: reduce) {
        .form-control::-webkit-file-upload-button {
            -webkit-transition: none;
            transition: none
        }
    }

    .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
        background-color: #f2f2f2
    }

    textarea.form-control {
        min-height: calc(1em + 1.75rem + 2px)
    }

    .form-select {
        display: block;
        width: 100%;
        padding: .875rem 3.375rem .875rem 1.125rem;
        -moz-padding-start: calc(1.125rem - 3px);
        font-size: .875rem;
        font-weight: 400;
        line-height: 1;
        color: #69707a;
        background-color: #fff;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23363d47' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right 1.125rem center;
        background-size: 16px 12px;
        border: 1px solid #c5ccd6;
        border-radius: .35rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    @media (prefers-reduced-motion: reduce) {
        .form-select {
            transition: none
        }
    }

    .form-select:focus {
        border-color: tint-color(#0061f2, 50%);
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0, 97, 242, .25)
    }

    .form-select[multiple],
    .form-select[size]:not([size="1"]) {
        padding-right: 1.125rem;
        background-image: none
    }

    .form-select:disabled {
        background-color: #e0e5ec
    }

    .form-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #69707a
    }

    .form-check {
        display: block;
        min-height: 1.5rem;
        padding-left: 1.5em;
        margin-bottom: .125rem
    }

        .form-check .form-check-input {
            float: left;
            margin-left: -1.5em
        }

    .form-check-input {
        width: 1em;
        height: 1em;
        margin-top: .25em;
        vertical-align: top;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: contain;
        border: 1px solid rgba(0, 0, 0, .25);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-print-color-adjust: exact;
        color-adjust: exact
    }

        .form-check-input[type=checkbox] {
            border-radius: .25em
        }

        .form-check-input[type=radio] {
            border-radius: 50%
        }

        .form-check-input:active {
            filter: brightness(90%)
        }

        .form-check-input:focus {
            border-color: tint-color(#0061f2, 50%);
            outline: 0;
            box-shadow: 0 0 0 .2rem rgba(0, 97, 242, .25)
        }

        .form-check-input:checked {
            background-color: #dc392d;
            border-color: #dc392d
        }

            .form-check-input:checked[type=checkbox] {
                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
            }

            .form-check-input:checked[type=radio] {
                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
            }

        .form-check-input[type=checkbox]:indeterminate {
            background-color: #dc392d;
            border-color: #dc392d;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
        }

        .form-check-input:disabled {
            pointer-events: none;
            filter: none;
            opacity: .5
        }

            .form-check-input:disabled ~ .form-check-label,
            .form-check-input[disabled] ~ .form-check-label {
                opacity: .5
            }

    .form-switch {
        padding-left: 2.5em
    }

        .form-switch .form-check-input {
            width: 2em;
            margin-left: -2.5em;
            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='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
            background-position: 0;
            border-radius: 2em;
            transition: background-position .15s ease-in-out
        }

    @media (prefers-reduced-motion: reduce) {
        .form-switch .form-check-input {
            transition: none
        }
    }

    .form-switch .form-check-input:focus {
        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='tint-color%28%230061f2, 50%%29'/%3e%3c/svg%3e")
    }

    .form-switch .form-check-input:checked {
        background-position: 100%;
        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")
    }

    .form-check-inline {
        display: inline-block;
        margin-right: 1rem
    }

    .btn-check {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none
    }

        .btn-check:disabled + .btn,
        .btn-check[disabled] + .btn {
            pointer-events: none;
            filter: none;
            opacity: .65
        }

    .form-range:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 97, 242, .25)
    }

    .form-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -.25rem;
        background-color: #dc392d;
        border: 0;
        border-radius: 1rem;
        -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        -webkit-appearance: none;
        appearance: none
    }

    @media (prefers-reduced-motion: reduce) {
        .form-range::-webkit-slider-thumb {
            -webkit-transition: none;
            transition: none
        }
    }

    .form-range::-webkit-slider-thumb:active {
        background-color: #f5c4c0
    }

    .form-range::-webkit-slider-runnable-track {
        width: 100%;
        height: .5rem;
        color: transparent;
        cursor: pointer;
        background-color: #d4dae3;
        border-color: transparent;
        border-radius: 1rem
    }

    .form-range::-moz-range-thumb:active {
        background-color: #f5c4c0
    }

    .form-range:disabled::-webkit-slider-thumb {
        background-color: #a7aeb8
    }

    .form-floating {
        position: relative
    }

        .form-floating > .form-control,
        .form-floating > .form-select {
            height: calc(3.5rem + 2px);
            line-height: 1.25
        }

        .form-floating > label {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            padding: 1rem 1.125rem;
            pointer-events: none;
            border: 1px solid transparent;
            transform-origin: 0 0;
            transition: opacity .1s ease-in-out, transform .1s ease-in-out
        }

    @media (prefers-reduced-motion: reduce) {
        .form-floating > label {
            transition: none
        }
    }

    .form-floating > .form-control {
        padding: 1rem 1.125rem
    }

        .form-floating > .form-control::-moz-placeholder {
            color: transparent
        }

        .form-floating > .form-control::placeholder {
            color: transparent
        }

        .form-floating > .form-control:not(:-moz-placeholder-shown) {
            padding-top: 1.625rem;
            padding-bottom: .625rem
        }

        .form-floating > .form-control:focus,
        .form-floating > .form-control:not(:placeholder-shown) {
            padding-top: 1.625rem;
            padding-bottom: .625rem
        }

        .form-floating > .form-control:-webkit-autofill {
            padding-top: 1.625rem;
            padding-bottom: .625rem
        }

    .form-floating > .form-select {
        padding-top: 1.625rem;
        padding-bottom: .625rem
    }

    .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
        opacity: .65;
        transform: scale(.85) translateY(-.5rem) translateX(.15rem)
    }

    .form-floating > .form-control:focus ~ label,
    .form-floating > .form-control:not(:placeholder-shown) ~ label,
    .form-floating > .form-select ~ label {
        opacity: .65;
        transform: scale(.85) translateY(-.5rem) translateX(.15rem)
    }

    .form-floating > .form-control:-webkit-autofill ~ label {
        opacity: .65;
        transform: scale(.85) translateY(-.5rem) translateX(.15rem)
    }

    .input-group {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%
    }

        .input-group > .form-control,
        .input-group > .form-select {
            position: relative;
            flex: 1 1 auto;
            width: 1%;
            min-width: 0
        }

            .input-group > .form-control:focus,
            .input-group > .form-select:focus {
                z-index: 3
            }

        .input-group .btn {
            position: relative;
            z-index: 2
        }

            .input-group .btn:focus {
                z-index: 3
            }

        .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
        .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
        .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
        .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
            margin-left: -1px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

    .valid-feedback {
        display: none;
        width: 100%;
        margin-top: .25rem;
        font-size: .875em;
        color: #00ac69
    }

    .valid-tooltip {
        position: absolute;
        top: 100%;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: .25rem .5rem;
        margin-top: .1rem;
        font-size: .875rem;
        color: #fff;
        background-color: rgba(0, 172, 105, .9);
        border-radius: .35rem
    }

    .is-valid ~ .valid-feedback,
    .is-valid ~ .valid-tooltip,
    .was-validated :valid ~ .valid-tooltip {
        display: block
    }

    .form-control.is-valid {
        border-color: #00ac69;
        padding-right: calc(1em + 1.75rem);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300ac69' 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: right calc(.25em + .4375rem) center;
        background-size: calc(.5em + .875rem) calc(.5em + .875rem)
    }

        .form-control.is-valid:focus {
            border-color: #00ac69;
            box-shadow: 0 0 0 .2rem rgba(0, 172, 105, .25)
        }

    textarea.form-control.is-valid {
        padding-right: calc(1em + 1.75rem);
        background-position: top calc(.25em + .4375rem) right calc(.25em + .4375rem)
    }

    .form-select.is-valid {
        border-color: #00ac69
    }

        .form-select.is-valid:not([multiple]):not([size]),
        .form-select.is-valid:not([multiple])[size="1"] {
            padding-right: 6.1875rem;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23363d47' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300ac69' 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-position: right 1.125rem center, center right 3.375rem;
            background-size: 16px 12px, calc(.5em + .875rem) calc(.5em + .875rem)
        }

        .form-select.is-valid:focus {
            border-color: #00ac69;
            box-shadow: 0 0 0 .2rem rgba(0, 172, 105, .25)
        }

    .form-check-input.is-valid {
        border-color: #00ac69
    }

        .form-check-input.is-valid:checked {
            background-color: #00ac69
        }

        .form-check-input.is-valid:focus {
            box-shadow: 0 0 0 .2rem rgba(0, 172, 105, .25)
        }

        .form-check-input.is-valid ~ .form-check-label {
            color: #00ac69
        }

    .form-check-inline .form-check-input ~ .valid-feedback {
        margin-left: .5em
    }

    .input-group .form-control.is-valid,
    .input-group .form-select.is-valid {
        z-index: 1
    }

        .input-group .form-control.is-valid:focus,
        .input-group .form-select.is-valid:focus {
            z-index: 3
        }

    .invalid-feedback {
        display: none;
        width: 100%;
        margin-top: .25rem;
        font-size: .875em;
        color: #e81500
    }

    .invalid-tooltip {
        position: absolute;
        top: 100%;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: .25rem .5rem;
        margin-top: .1rem;
        font-size: .875rem;
        color: #fff;
        background-color: rgba(232, 21, 0, .9);
        border-radius: .35rem
    }

    .is-invalid ~ .invalid-feedback,
    .is-invalid ~ .invalid-tooltip,
    .was-validated :invalid ~ .invalid-tooltip {
        display: block
    }

    .form-control.is-invalid {
        border-color: #e81500;
        padding-right: calc(1em + 1.75rem);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23e81500'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e81500' stroke='none'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right calc(.25em + .4375rem) center;
        background-size: calc(.5em + .875rem) calc(.5em + .875rem)
    }

        .form-control.is-invalid:focus {
            border-color: #e81500;
            box-shadow: 0 0 0 .2rem rgba(232, 21, 0, .25)
        }

    textarea.form-control.is-invalid {
        padding-right: calc(1em + 1.75rem);
        background-position: top calc(.25em + .4375rem) right calc(.25em + .4375rem)
    }

    .form-select.is-invalid {
        border-color: #e81500
    }

        .form-select.is-invalid:not([multiple]):not([size]),
        .form-select.is-invalid:not([multiple])[size="1"] {
            padding-right: 6.1875rem;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23363d47' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23e81500'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e81500' stroke='none'/%3e%3c/svg%3e");
            background-position: right 1.125rem center, center right 3.375rem;
            background-size: 16px 12px, calc(.5em + .875rem) calc(.5em + .875rem)
        }

        .form-select.is-invalid:focus {
            border-color: #e81500;
            box-shadow: 0 0 0 .2rem rgba(232, 21, 0, .25)
        }

    .form-check-input.is-invalid {
        border-color: #e81500
    }

        .form-check-input.is-invalid:checked {
            background-color: #e81500
        }

        .form-check-input.is-invalid:focus {
            box-shadow: 0 0 0 .2rem rgba(232, 21, 0, .25)
        }

        .form-check-input.is-invalid ~ .form-check-label {
            color: #e81500
        }

    .form-check-inline .form-check-input ~ .invalid-feedback {
        margin-left: .5em
    }

    .input-group .form-control.is-invalid,
    .input-group .form-select.is-invalid {
        z-index: 2
    }

        .input-group .form-control.is-invalid:focus,
        .input-group .form-select.is-invalid:focus {
            z-index: 3
        }

    /* full menu */
    .show-menu .menu-wrap, .menu-wrap {
        left: auto
    }

    .show-menu .menu-wrap {
        opacity: 1;
        visibility: visible;
        z-index: 10001;
        transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
    }

    .menu-wrap {
        width: 100%;
        z-index: -10001;
        position: fixed;
        top: 0;
        right: 0;
        opacity: 0;
        visibility: hidden;
    }


    .btn {
        display: inline-block;
        font-weight: 400;
        line-height: 1;
        color: #69707a;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        padding: .875rem 1.125rem;
        /* font-size: .875rem;*/
        border-radius: .35rem;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

    @media (prefers-reduced-motion: reduce) {
        .btn {
            transition: none
        }
    }

    .btn:hover {
        color: #69707a;
        text-decoration: none
    }

    .btn-check:focus + .btn,
    .btn:focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(220, 57, 45, .25)
    }

    .btn.disabled,
    .btn:disabled {
        pointer-events: none;
        opacity: .65
    }

    .btn-primary {
        color: #fff;
        background-color: #dc392d;
        border-color: #dc392d
    }

        .btn-check:focus + .btn-primary,
        .btn-primary:focus,
        .btn-primary:hover {
            color: #fff;
            background-color: #bb3026;
            border-color: #b02e24
        }

        .btn-check:focus + .btn-primary,
        .btn-primary:focus {
            box-shadow: 0 0 0 .2rem rgba(225, 87, 77, .5)
        }

        .btn-check:active + .btn-primary,
        .btn-check:checked + .btn-primary,
        .btn-primary.active,
        .btn-primary:active,
        .show > .btn-primary.dropdown-toggle {
            color: #fff;
            background-color: #b02e24;
            border-color: #a52b22
        }

            .btn-check:active + .btn-primary:focus,
            .btn-check:checked + .btn-primary:focus,
            .btn-primary.active:focus,
            .btn-primary:active:focus,
            .show > .btn-primary.dropdown-toggle:focus {
                box-shadow: 0 0 0 .2rem rgba(225, 87, 77, .5)
            }

        .btn-primary.disabled,
        .btn-primary:disabled {
            color: #fff;
            background-color: #dc392d;
            border-color: #dc392d
        }

    .btn-secondary {
        color: #000;
        background-color: #e0e5ec;
        border-color: #e0e5ec
    }

        .btn-check:focus + .btn-secondary,
        .btn-secondary:focus,
        .btn-secondary:hover {
            color: #000;
            background-color: #e5e9ef;
            border-color: #e3e8ee
        }

        .btn-check:focus + .btn-secondary,
        .btn-secondary:focus {
            box-shadow: 0 0 0 .2rem hsla(213, 9%, 77%, .5)
        }

        .btn-check:active + .btn-secondary,
        .btn-check:checked + .btn-secondary,
        .btn-secondary.active,
        .btn-secondary:active,
        .show > .btn-secondary.dropdown-toggle {
            color: #000;
            background-color: #e6eaf0;
            border-color: #e3e8ee
        }

            .btn-check:active + .btn-secondary:focus,
            .btn-check:checked + .btn-secondary:focus,
            .btn-secondary.active:focus,
            .btn-secondary:active:focus,
            .show > .btn-secondary.dropdown-toggle:focus {
                box-shadow: 0 0 0 .2rem hsla(213, 9%, 77%, .5)
            }

        .btn-secondary.disabled,
        .btn-secondary:disabled {
            color: #000;
            background-color: #e0e5ec;
            border-color: #e0e5ec
        }

    .btn-check:active + .btn-success,
    .btn-success.active,
    .btn-success:active {
        color: #fff;
        background-color: #008a54;
        border-color: #00814f
    }

        .btn-check:active + .btn-success:focus,
        .btn-success.active:focus,
        .btn-success:active:focus {
            box-shadow: 0 0 0 .2rem rgba(38, 184, 128, .5)
        }

    .btn-info {
        color: #fff;
        background-color: #00cfd5;
        border-color: #00cfd5
    }

        .btn-check:focus + .btn-info,
        .btn-info:focus,
        .btn-info:hover {
            color: #fff;
            background-color: #00b0b5;
            border-color: #00a6aa
        }

        .btn-check:focus + .btn-info,
        .btn-info:focus {
            box-shadow: 0 0 0 .2rem rgba(38, 214, 219, .5)
        }

        .btn-check:active + .btn-info,
        .btn-check:checked + .btn-info,
        .btn-info.active,
        .btn-info:active,
        .show > .btn-info.dropdown-toggle {
            color: #fff;
            background-color: #00a6aa;
            border-color: #009ba0
        }

            .btn-check:active + .btn-info:focus,
            .btn-check:checked + .btn-info:focus,
            .btn-info.active:focus,
            .btn-info:active:focus,
            .show > .btn-info.dropdown-toggle:focus {
                box-shadow: 0 0 0 .2rem rgba(38, 214, 219, .5)
            }

        .btn-info.disabled,
        .btn-info:disabled {
            color: #fff;
            background-color: #00cfd5;
            border-color: #00cfd5
        }

    .btn-check:active + .btn-warning,
    .btn-warning.active,
    .btn-warning:active {
        color: #fff;
        background-color: #c38100;
        border-color: #b77900
    }

        .btn-check:active + .btn-warning:focus,
        .btn-warning.active:focus,
        .btn-warning:active:focus {
            box-shadow: 0 0 0 .2rem rgba(246, 175, 38, .5)
        }

    .btn-check:active + .btn-danger,
    .btn-danger.active,
    .btn-danger:active {
        color: #fff;
        background-color: #ba1100;
        border-color: #ae1000
    }

        .btn-check:active + .btn-danger:focus,
        .btn-danger.active:focus,
        .btn-danger:active:focus {
            box-shadow: 0 0 0 .2rem rgba(235, 56, 38, .5)
        }

    .btn-check:active + .btn-light,
    .btn-light.active,
    .btn-light:active {
        color: #000;
        background-color: #f5f8fd;
        border-color: #f3f7fc
    }

        .btn-check:active + .btn-light:focus,
        .btn-light.active:focus,
        .btn-light:active:focus {
            box-shadow: 0 0 0 .2rem hsla(218, 9%, 82%, .5)
        }

    .btn-dark {
        color: #fff;
        background-color: #212832;
        border-color: #212832
    }

        .btn-check:focus + .btn-dark,
        .btn-dark:focus,
        .btn-dark:hover {
            color: #fff;
            background-color: #1c222b;
            border-color: #1a2028
        }

        .btn-check:focus + .btn-dark,
        .btn-dark:focus {
            box-shadow: 0 0 0 .2rem rgba(66, 72, 81, .5)
        }

        .btn-check:active + .btn-dark,
        .btn-check:checked + .btn-dark,
        .btn-dark.active,
        .btn-dark:active,
        .show > .btn-dark.dropdown-toggle {
            color: #fff;
            background-color: #1a2028;
            border-color: #191e26
        }

            .btn-check:active + .btn-dark:focus,
            .btn-check:checked + .btn-dark:focus,
            .btn-dark.active:focus,
            .btn-dark:active:focus,
            .show > .btn-dark.dropdown-toggle:focus {
                box-shadow: 0 0 0 .2rem rgba(66, 72, 81, .5)
            }

        .btn-dark.disabled,
        .btn-dark:disabled {
            color: #fff;
            background-color: #212832;
            border-color: #212832
        }

    .btn-black,
    .btn-black:focus,
    .btn-black:hover,
    .btn-check:focus + .btn-black {
        color: #fff;
        background-color: #000;
        border-color: #000
    }

        .btn-black:focus,
        .btn-check:focus + .btn-black {
            box-shadow: 0 0 0 .2rem rgba(38, 38, 38, .5)
        }

        .btn-black.active,
        .btn-black:active,
        .btn-check:active + .btn-black,
        .btn-check:checked + .btn-black,
        .show > .btn-black.dropdown-toggle {
            color: #fff;
            background-color: #000;
            border-color: #000
        }

            .btn-black.active:focus,
            .btn-black:active:focus,
            .btn-check:active + .btn-black:focus,
            .btn-check:checked + .btn-black:focus,
            .show > .btn-black.dropdown-toggle:focus {
                box-shadow: 0 0 0 .2rem rgba(38, 38, 38, .5)
            }

        .btn-black.disabled,
        .btn-black:disabled {
            color: #fff;
            background-color: #000;
            border-color: #000
        }

    .btn-check:focus + .btn-white,
    .btn-white,
    .btn-white:focus,
    .btn-white:hover {
        color: #000;
        background-color: #fff;
        border-color: #fff
    }

        .btn-check:focus + .btn-white,
        .btn-white:focus {
            box-shadow: 0 0 0 .2rem hsla(0, 0%, 85%, .5)
        }

        .btn-check:active + .btn-white,
        .btn-check:checked + .btn-white,
        .btn-white.active,
        .btn-white:active,
        .show > .btn-white.dropdown-toggle {
            color: #000;
            background-color: #fff;
            border-color: #fff
        }

            .btn-check:active + .btn-white:focus,
            .btn-check:checked + .btn-white:focus,
            .btn-white.active:focus,
            .btn-white:active:focus,
            .show > .btn-white.dropdown-toggle:focus {
                box-shadow: 0 0 0 .2rem hsla(0, 0%, 85%, .5)
            }

        .btn-white.disabled,
        .btn-white:disabled {
            color: #000;
            background-color: #fff;
            border-color: #fff
        }

    .btn-check:active + .btn-red,
    .btn-red.active,
    .btn-red:active {
        color: #fff;
        background-color: #b02e24;
        border-color: #a52b22
    }

        .btn-check:active + .btn-red:focus,
        .btn-red.active:focus,
        .btn-red:active:focus {
            box-shadow: 0 0 0 .2rem rgba(225, 87, 77, .5)
        }

    .btn-check:active + .btn-orange,
    .btn-orange.active,
    .btn-orange:active {
        color: #fff;
        background-color: #c65000;
        border-color: #b94b00
    }

        .btn-check:active + .btn-orange:focus,
        .btn-orange.active:focus,
        .btn-orange:active:focus {
            box-shadow: 0 0 0 .2rem rgba(248, 123, 38, .5)
        }

    .btn-check:active + .btn-yellow,
    .btn-yellow.active,
    .btn-yellow:active {
        color: #fff;
        background-color: #c38100;
        border-color: #b77900
    }

        .btn-check:active + .btn-yellow:focus,
        .btn-yellow.active:focus,
        .btn-yellow:active:focus {
            box-shadow: 0 0 0 .2rem rgba(246, 175, 38, .5)
        }

    .btn-green {
        color: #fff;
        background-color: #00ac69;
        border-color: #00ac69
    }

        .btn-check:focus + .btn-green,
        .btn-green:focus,
        .btn-green:hover {
            color: #fff;
            background-color: #009259;
            border-color: #008a54
        }

        .btn-check:focus + .btn-green,
        .btn-green:focus {
            box-shadow: 0 0 0 .2rem rgba(38, 184, 128, .5)
        }

        .btn-check:active + .btn-green,
        .btn-check:checked + .btn-green,
        .btn-green.active,
        .btn-green:active,
        .show > .btn-green.dropdown-toggle {
            color: #fff;
            background-color: #008a54;
            border-color: #00814f
        }

            .btn-check:active + .btn-green:focus,
            .btn-check:checked + .btn-green:focus,
            .btn-green.active:focus,
            .btn-green:active:focus,
            .show > .btn-green.dropdown-toggle:focus {
                box-shadow: 0 0 0 .2rem rgba(38, 184, 128, .5)
            }

        .btn-green.disabled,
        .btn-green:disabled {
            color: #fff;
            background-color: #00ac69;
            border-color: #00ac69
        }

    .btn-teal {
        color: #fff;
        background-color: #00ba94;
        border-color: #00ba94
    }

        .btn-check:focus + .btn-teal,
        .btn-teal:focus,
        .btn-teal:hover {
            color: #fff;
            background-color: #009e7e;
            border-color: #009576
        }

        .btn-check:focus + .btn-teal,
        .btn-teal:focus {
            box-shadow: 0 0 0 .2rem rgba(38, 196, 164, .5)
        }

        .btn-check:active + .btn-teal,
        .btn-check:checked + .btn-teal,
        .btn-teal.active,
        .btn-teal:active,
        .show > .btn-teal.dropdown-toggle {
            color: #fff;
            background-color: #009576;
            border-color: #008c6f
        }

            .btn-check:active + .btn-teal:focus,
            .btn-check:checked + .btn-teal:focus,
            .btn-teal.active:focus,
            .btn-teal:active:focus,
            .show > .btn-teal.dropdown-toggle:focus {
                box-shadow: 0 0 0 .2rem rgba(38, 196, 164, .5)
            }

        .btn-teal.disabled,
        .btn-teal:disabled {
            color: #fff;
            background-color: #00ba94;
            border-color: #00ba94
        }

    .btn-check:active + .btn-cyan,
    .btn-cyan.active,
    .btn-cyan:active {
        color: #fff;
        background-color: #00a6aa;
        border-color: #009ba0
    }

        .btn-check:active + .btn-cyan:focus,
        .btn-cyan.active:focus,
        .btn-cyan:active:focus {
            box-shadow: 0 0 0 .2rem rgba(38, 214, 219, .5)
        }

    .btn-blue.active,
    .btn-blue:active,
    .btn-check:active + .btn-blue {
        color: #fff;
        background-color: #004ec2;
        border-color: #0049b6
    }

        .btn-blue.active:focus,
        .btn-blue:active:focus,
        .btn-check:active + .btn-blue:focus {
            box-shadow: 0 0 0 .2rem rgba(38, 121, 244, .5)
        }

    .btn-check:active + .btn-indigo,
    .btn-indigo.active,
    .btn-indigo:active {
        color: #fff;
        background-color: #4600ba;
        border-color: #4200ae
    }

        .btn-check:active + .btn-indigo:focus,
        .btn-indigo.active:focus,
        .btn-indigo:active:focus {
            box-shadow: 0 0 0 .2rem rgba(113, 38, 235, .5)
        }

    .btn-purple {
        color: #fff;
        background-color: #6900c7;
        border-color: #6900c7
    }

        .btn-check:focus + .btn-purple,
        .btn-purple:focus,
        .btn-purple:hover {
            color: #fff;
            background-color: #5900a9;
            border-color: #54009f
        }

        .btn-check:focus + .btn-purple,
        .btn-purple:focus {
            box-shadow: 0 0 0 .2rem rgba(128, 38, 207, .5)
        }

        .btn-check:active + .btn-purple,
        .btn-check:checked + .btn-purple,
        .btn-purple.active,
        .btn-purple:active,
        .show > .btn-purple.dropdown-toggle {
            color: #fff;
            background-color: #54009f;
            border-color: #4f0095
        }

            .btn-check:active + .btn-purple:focus,
            .btn-check:checked + .btn-purple:focus,
            .btn-purple.active:focus,
            .btn-purple:active:focus,
            .show > .btn-purple.dropdown-toggle:focus {
                box-shadow: 0 0 0 .2rem rgba(128, 38, 207, .5)
            }

        .btn-purple.disabled,
        .btn-purple:disabled {
            color: #fff;
            background-color: #6900c7;
            border-color: #6900c7
        }

    .btn-check:active + .btn-pink,
    .btn-pink.active,
    .btn-pink:active {
        color: #fff;
        background-color: #b60047;
        border-color: #aa0043
    }

        .btn-check:active + .btn-pink:focus,
        .btn-pink.active:focus,
        .btn-pink:active:focus {
            box-shadow: 0 0 0 .2rem rgba(231, 38, 114, .5)
        }

    .btn-check:active + .btn-red-soft,
    .btn-red-soft.active,
    .btn-red-soft:active {
        color: #000;
        background-color: #f3e9ec;
        border-color: #f2e6e9
    }

        .btn-check:active + .btn-red-soft:focus,
        .btn-red-soft.active:focus,
        .btn-red-soft:active:focus {
            box-shadow: 0 0 0 .2rem rgba(204, 193, 196, .5)
        }

    .btn-check:active + .btn-orange-soft,
    .btn-orange-soft.active,
    .btn-orange-soft:active {
        color: #000;
        background-color: #f5ece9;
        border-color: #f4e9e6
    }

        .btn-check:active + .btn-orange-soft:focus,
        .btn-orange-soft.active:focus,
        .btn-orange-soft:active:focus {
            box-shadow: 0 0 0 .2rem hsla(13, 13%, 78%, .5)
        }

    .btn-check:active + .btn-yellow-soft,
    .btn-yellow-soft.active,
    .btn-yellow-soft:active {
        color: #000;
        background-color: #f5f1e9;
        border-color: #f3f0e6
    }

        .btn-check:active + .btn-yellow-soft:focus,
        .btn-yellow-soft.active:focus,
        .btn-yellow-soft:active:focus {
            box-shadow: 0 0 0 .2rem hsla(42, 12%, 78%, .5)
        }

    .btn-green-soft {
        color: #000;
        background-color: #daefed;
        border-color: #daefed
    }

        .btn-check:focus + .btn-green-soft,
        .btn-green-soft:focus,
        .btn-green-soft:hover {
            color: #000;
            background-color: #e0f1f0;
            border-color: #def1ef
        }

        .btn-check:focus + .btn-green-soft,
        .btn-green-soft:focus {
            box-shadow: 0 0 0 .2rem rgba(185, 203, 201, .5)
        }

        .btn-check:active + .btn-green-soft,
        .btn-check:checked + .btn-green-soft,
        .btn-green-soft.active,
        .btn-green-soft:active,
        .show > .btn-green-soft.dropdown-toggle {
            color: #000;
            background-color: #e1f2f1;
            border-color: #def1ef
        }

            .btn-check:active + .btn-green-soft:focus,
            .btn-check:checked + .btn-green-soft:focus,
            .btn-green-soft.active:focus,
            .btn-green-soft:active:focus,
            .show > .btn-green-soft.dropdown-toggle:focus {
                box-shadow: 0 0 0 .2rem rgba(185, 203, 201, .5)
            }

        .btn-green-soft.disabled,
        .btn-green-soft:disabled {
            color: #000;
            background-color: #daefed;
            border-color: #daefed
        }

    .btn-check:active + .btn-teal-soft,
    .btn-teal-soft.active,
    .btn-teal-soft:active {
        color: #000;
        background-color: #e1f3f5;
        border-color: #def2f3
    }

        .btn-check:active + .btn-teal-soft:focus,
        .btn-teal-soft.active:focus,
        .btn-teal-soft:active:focus {
            box-shadow: 0 0 0 .2rem rgba(185, 204, 206, .5)
        }

    .btn-check:active + .btn-cyan-soft,
    .btn-cyan-soft.active,
    .btn-cyan-soft:active {
        color: #000;
        background-color: #e1f5f9;
        border-color: #def3f9
    }

        .btn-check:active + .btn-cyan-soft:focus,
        .btn-cyan-soft.active:focus,
        .btn-cyan-soft:active:focus {
            box-shadow: 0 0 0 .2rem rgba(185, 206, 211, .5)
        }

    .btn-blue-soft {
        color: #000;
        background-color: #dae7fb;
        border-color: #dae7fb
    }

        .btn-blue-soft:focus,
        .btn-blue-soft:hover,
        .btn-check:focus + .btn-blue-soft {
            color: #000;
            background-color: #e0ebfc;
            border-color: #dee9fb
        }

        .btn-blue-soft:focus,
        .btn-check:focus + .btn-blue-soft {
            box-shadow: 0 0 0 .2rem rgba(185, 196, 213, .5)
        }

        .btn-blue-soft.active,
        .btn-blue-soft:active,
        .btn-check:active + .btn-blue-soft,
        .btn-check:checked + .btn-blue-soft,
        .show > .btn-blue-soft.dropdown-toggle {
            color: #000;
            background-color: #e1ecfc;
            border-color: #dee9fb
        }

            .btn-blue-soft.active:focus,
            .btn-blue-soft:active:focus,
            .btn-check:active + .btn-blue-soft:focus,
            .btn-check:checked + .btn-blue-soft:focus,
            .show > .btn-blue-soft.dropdown-toggle:focus {
                box-shadow: 0 0 0 .2rem rgba(185, 196, 213, .5)
            }

        .btn-blue-soft.disabled,
        .btn-blue-soft:disabled {
            color: #000;
            background-color: #dae7fb;
            border-color: #dae7fb
        }

    .btn-check:active + .btn-indigo-soft,
    .btn-indigo-soft.active,
    .btn-indigo-soft:active {
        color: #000;
        background-color: #e9e4fb;
        border-color: #e6e0fb
    }

        .btn-check:active + .btn-indigo-soft:focus,
        .btn-indigo-soft.active:focus,
        .btn-indigo-soft:active:focus {
            box-shadow: 0 0 0 .2rem rgba(193, 188, 213, .5)
        }

    .btn-check:active + .btn-purple-soft,
    .btn-purple-soft.active,
    .btn-purple-soft:active {
        color: #000;
        background-color: #e9e4f9;
        border-color: #e7e0f8
    }

        .btn-check:active + .btn-purple-soft:focus,
        .btn-purple-soft.active:focus,
        .btn-purple-soft:active:focus {
            box-shadow: 0 0 0 .2rem rgba(194, 188, 210, .5)
        }

    .btn-check:active + .btn-pink-soft,
    .btn-pink-soft.active,
    .btn-pink-soft:active {
        color: #000;
        background-color: #f4e4f0;
        border-color: #f2e0ee
    }

        .btn-check:active + .btn-pink-soft:focus,
        .btn-pink-soft.active:focus,
        .btn-pink-soft:active:focus {
            box-shadow: 0 0 0 .2rem rgba(205, 188, 201, .5)
        }

    .btn-primary-soft {
        color: #000;
        background-color: #f0e3e7;
        border-color: #f0e3e7
    }

        .btn-primary-soft:hover {
            color: #000;
            background-color: #f2e7eb;
            border-color: #f2e6e9
        }

        .btn-check:focus + .btn-primary-soft,
        .btn-primary-soft:focus {
            color: #000;
            background-color: #f2e7eb;
            border-color: #f2e6e9;
            box-shadow: 0 0 0 .2rem rgba(204, 193, 196, .5)
        }

        .btn-check:active + .btn-primary-soft,
        .btn-check:checked + .btn-primary-soft,
        .btn-primary-soft.active,
        .btn-primary-soft:active,
        .show > .btn-primary-soft.dropdown-toggle {
            color: #000;
            background-color: #f3e9ec;
            border-color: #f2e6e9
        }

            .btn-check:active + .btn-primary-soft:focus,
            .btn-check:checked + .btn-primary-soft:focus,
            .btn-primary-soft.active:focus,
            .btn-primary-soft:active:focus,
            .show > .btn-primary-soft.dropdown-toggle:focus {
                box-shadow: 0 0 0 .2rem rgba(204, 193, 196, .5)
            }

        .btn-primary-soft.disabled,
        .btn-primary-soft:disabled {
            color: #000;
            background-color: #f0e3e7;
            border-color: #f0e3e7
        }

    .btn-check:active + .btn-secondary-soft,
    .btn-secondary-soft.active,
    .btn-secondary-soft:active {
        color: #000;
        background-color: #f3f6fb;
        border-color: #f2f5fb
    }

        .btn-check:active + .btn-secondary-soft:focus,
        .btn-secondary-soft.active:focus,
        .btn-secondary-soft:active:focus {
            box-shadow: 0 0 0 .2rem rgba(204, 207, 213, .5)
        }

    .btn-success-soft {
        color: #000;
        background-color: #daefed;
        border-color: #daefed
    }

        .btn-success-soft:hover {
            color: #000;
            background-color: #e0f1f0;
            border-color: #def1ef
        }

        .btn-check:focus + .btn-success-soft,
        .btn-success-soft:focus {
            color: #000;
            background-color: #e0f1f0;
            border-color: #def1ef;
            box-shadow: 0 0 0 .2rem rgba(185, 203, 201, .5)
        }

        .btn-check:active + .btn-success-soft,
        .btn-check:checked + .btn-success-soft,
        .btn-success-soft.active,
        .btn-success-soft:active,
        .show > .btn-success-soft.dropdown-toggle {
            color: #000;
            background-color: #e1f2f1;
            border-color: #def1ef
        }

            .btn-check:active + .btn-success-soft:focus,
            .btn-check:checked + .btn-success-soft:focus,
            .btn-success-soft.active:focus,
            .btn-success-soft:active:focus,
            .show > .btn-success-soft.dropdown-toggle:focus {
                box-shadow: 0 0 0 .2rem rgba(185, 203, 201, .5)
            }

        .btn-success-soft.disabled,
        .btn-success-soft:disabled {
            color: #000;
            background-color: #daefed;
            border-color: #daefed
        }

    .btn-check:active + .btn-info-soft,
    .btn-info-soft.active,
    .btn-info-soft:active {
        color: #000;
        background-color: #e1f5f9;
        border-color: #def3f9
    }

        .btn-check:active + .btn-info-soft:focus,
        .btn-info-soft.active:focus,
        .btn-info-soft:active:focus {
            box-shadow: 0 0 0 .2rem rgba(185, 206, 211, .5)
        }

    .btn-check:active + .btn-warning-soft,
    .btn-warning-soft.active,
    .btn-warning-soft:active {
        color: #000;
        background-color: #f5f1e9;
        border-color: #f3f0e6
    }

        .btn-check:active + .btn-warning-soft:focus,
        .btn-warning-soft.active:focus,
        .btn-warning-soft:active:focus {
            box-shadow: 0 0 0 .2rem hsla(42, 12%, 78%, .5)
        }

    .btn-check:active + .btn-danger-soft,
    .btn-danger-soft.active,
    .btn-danger-soft:active {
        color: #000;
        background-color: #f4e6e9;
        border-color: #f2e3e6
    }

        .btn-check:active + .btn-danger-soft:focus,
        .btn-danger-soft.active:focus,
        .btn-danger-soft:active:focus {
            box-shadow: 0 0 0 .2rem rgba(205, 190, 193, .5)
        }

    .btn-check:active + .btn-outline-primary,
    .btn-outline-primary.active,
    .btn-outline-primary:active {
        color: #fff;
        background-color: #dc392d;
        border-color: #dc392d
    }

        .btn-check:active + .btn-outline-primary:focus,
        .btn-outline-primary.active:focus,
        .btn-outline-primary:active:focus {
            box-shadow: 0 0 0 .2rem rgba(220, 57, 45, .5)
        }

    .btn-check:active + .btn-outline-secondary,
    .btn-outline-secondary.active,
    .btn-outline-secondary:active {
        color: #000;
        background-color: #e0e5ec;
        border-color: #e0e5ec
    }

        .btn-check:active + .btn-outline-secondary:focus,
        .btn-outline-secondary.active:focus,
        .btn-outline-secondary:active:focus {
            box-shadow: 0 0 0 .2rem rgba(224, 229, 236, .5)
        }

    .btn-check:active + .btn-outline-success,
    .btn-outline-success.active,
    .btn-outline-success:active {
        color: #fff;
        background-color: #00ac69;
        border-color: #00ac69
    }

        .btn-check:active + .btn-outline-success:focus,
        .btn-outline-success.active:focus,
        .btn-outline-success:active:focus {
            box-shadow: 0 0 0 .2rem rgba(0, 172, 105, .5)
        }

    .btn-check:active + .btn-outline-info,
    .btn-outline-info.active,
    .btn-outline-info:active {
        color: #fff;
        background-color: #00cfd5;
        border-color: #00cfd5
    }

        .btn-check:active + .btn-outline-info:focus,
        .btn-outline-info.active:focus,
        .btn-outline-info:active:focus {
            box-shadow: 0 0 0 .2rem rgba(0, 207, 213, .5)
        }

    .btn-check:active + .btn-outline-warning,
    .btn-outline-warning.active,
    .btn-outline-warning:active {
        color: #fff;
        background-color: #f4a100;
        border-color: #f4a100
    }

        .btn-check:active + .btn-outline-warning:focus,
        .btn-outline-warning.active:focus,
        .btn-outline-warning:active:focus {
            box-shadow: 0 0 0 .2rem rgba(244, 161, 0, .5)
        }

    .btn-check:active + .btn-outline-danger,
    .btn-outline-danger.active,
    .btn-outline-danger:active {
        color: #fff;
        background-color: #e81500;
        border-color: #e81500
    }

        .btn-check:active + .btn-outline-danger:focus,
        .btn-outline-danger.active:focus,
        .btn-outline-danger:active:focus {
            box-shadow: 0 0 0 .2rem rgba(232, 21, 0, .5)
        }

    .btn-check:active + .btn-outline-light,
    .btn-outline-light.active,
    .btn-outline-light:active {
        color: #000;
        background-color: #f2f6fc;
        border-color: #f2f6fc
    }

        .btn-check:active + .btn-outline-light:focus,
        .btn-outline-light.active:focus,
        .btn-outline-light:active:focus {
            box-shadow: 0 0 0 .2rem rgba(242, 246, 252, .5)
        }

    .btn-check:active + .btn-outline-dark,
    .btn-outline-dark.active,
    .btn-outline-dark:active {
        color: #fff;
        background-color: #212832;
        border-color: #212832
    }

        .btn-check:active + .btn-outline-dark:focus,
        .btn-outline-dark.active:focus,
        .btn-outline-dark:active:focus {
            box-shadow: 0 0 0 .2rem rgba(33, 40, 50, .5)
        }

    .btn-check:active + .btn-outline-black,
    .btn-outline-black.active,
    .btn-outline-black:active {
        color: #fff;
        background-color: #000;
        border-color: #000
    }

        .btn-check:active + .btn-outline-black:focus,
        .btn-outline-black.active:focus,
        .btn-outline-black:active:focus {
            box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .5)
        }

    .btn-check:active + .btn-outline-white,
    .btn-outline-white.active,
    .btn-outline-white:active {
        color: #000;
        background-color: #fff;
        border-color: #fff
    }

        .btn-check:active + .btn-outline-white:focus,
        .btn-outline-white.active:focus,
        .btn-outline-white:active:focus {
            box-shadow: 0 0 0 .2rem hsla(0, 0%, 100%, .5)
        }

    .btn-check:active + .btn-outline-red,
    .btn-outline-red.active,
    .btn-outline-red:active {
        color: #fff;
        background-color: #dc392d;
        border-color: #dc392d
    }

        .btn-check:active + .btn-outline-red:focus,
        .btn-outline-red.active:focus,
        .btn-outline-red:active:focus {
            box-shadow: 0 0 0 .2rem rgba(220, 57, 45, .5)
        }

    .btn-check:active + .btn-outline-orange,
    .btn-outline-orange.active,
    .btn-outline-orange:active {
        color: #fff;
        background-color: #f76400;
        border-color: #f76400
    }

        .btn-check:active + .btn-outline-orange:focus,
        .btn-outline-orange.active:focus,
        .btn-outline-orange:active:focus {
            box-shadow: 0 0 0 .2rem rgba(247, 100, 0, .5)
        }

    .btn-check:active + .btn-outline-yellow,
    .btn-outline-yellow.active,
    .btn-outline-yellow:active {
        color: #fff;
        background-color: #f4a100;
        border-color: #f4a100
    }

        .btn-check:active + .btn-outline-yellow:focus,
        .btn-outline-yellow.active:focus,
        .btn-outline-yellow:active:focus {
            box-shadow: 0 0 0 .2rem rgba(244, 161, 0, .5)
        }

    .btn-check:active + .btn-outline-green,
    .btn-outline-green.active,
    .btn-outline-green:active {
        color: #fff;
        background-color: #00ac69;
        border-color: #00ac69
    }

        .btn-check:active + .btn-outline-green:focus,
        .btn-outline-green.active:focus,
        .btn-outline-green:active:focus {
            box-shadow: 0 0 0 .2rem rgba(0, 172, 105, .5)
        }

    .btn-check:active + .btn-outline-teal,
    .btn-outline-teal.active,
    .btn-outline-teal:active {
        color: #fff;
        background-color: #00ba94;
        border-color: #00ba94
    }

        .btn-check:active + .btn-outline-teal:focus,
        .btn-outline-teal.active:focus,
        .btn-outline-teal:active:focus {
            box-shadow: 0 0 0 .2rem rgba(0, 186, 148, .5)
        }

    .btn-check:active + .btn-outline-cyan,
    .btn-outline-cyan.active,
    .btn-outline-cyan:active {
        color: #fff;
        background-color: #00cfd5;
        border-color: #00cfd5
    }

        .btn-check:active + .btn-outline-cyan:focus,
        .btn-outline-cyan.active:focus,
        .btn-outline-cyan:active:focus {
            box-shadow: 0 0 0 .2rem rgba(0, 207, 213, .5)
        }

    .btn-check:active + .btn-outline-blue,
    .btn-outline-blue.active,
    .btn-outline-blue:active {
        color: #fff;
        background-color: #0061f2;
        border-color: #0061f2
    }

        .btn-check:active + .btn-outline-blue:focus,
        .btn-outline-blue.active:focus,
        .btn-outline-blue:active:focus {
            box-shadow: 0 0 0 .2rem rgba(0, 97, 242, .5)
        }

    .btn-check:active + .btn-outline-indigo,
    .btn-outline-indigo.active,
    .btn-outline-indigo:active {
        color: #fff;
        background-color: #5800e8;
        border-color: #5800e8
    }

        .btn-check:active + .btn-outline-indigo:focus,
        .btn-outline-indigo.active:focus,
        .btn-outline-indigo:active:focus {
            box-shadow: 0 0 0 .2rem rgba(88, 0, 232, .5)
        }

    .btn-check:active + .btn-outline-purple,
    .btn-outline-purple.active,
    .btn-outline-purple:active {
        color: #fff;
        background-color: #6900c7;
        border-color: #6900c7
    }

        .btn-check:active + .btn-outline-purple:focus,
        .btn-outline-purple.active:focus,
        .btn-outline-purple:active:focus {
            box-shadow: 0 0 0 .2rem rgba(105, 0, 199, .5)
        }

    .btn-check:active + .btn-outline-pink,
    .btn-outline-pink.active,
    .btn-outline-pink:active {
        color: #fff;
        background-color: #e30059;
        border-color: #e30059
    }

        .btn-check:active + .btn-outline-pink:focus,
        .btn-outline-pink.active:focus,
        .btn-outline-pink:active:focus {
            box-shadow: 0 0 0 .2rem rgba(227, 0, 89, .5)
        }

    .btn-check:active + .btn-outline-red-soft,
    .btn-outline-red-soft.active,
    .btn-outline-red-soft:active {
        color: #000;
        background-color: #f0e3e7;
        border-color: #f0e3e7
    }

        .btn-check:active + .btn-outline-red-soft:focus,
        .btn-outline-red-soft.active:focus,
        .btn-outline-red-soft:active:focus {
            box-shadow: 0 0 0 .2rem rgba(240, 227, 231, .5)
        }

    .btn-check:active + .btn-outline-orange-soft,
    .btn-outline-orange-soft.active,
    .btn-outline-orange-soft:active {
        color: #000;
        background-color: #f3e7e3;
        border-color: #f3e7e3
    }

        .btn-check:active + .btn-outline-orange-soft:focus,
        .btn-outline-orange-soft.active:focus,
        .btn-outline-orange-soft:active:focus {
            box-shadow: 0 0 0 .2rem hsla(15, 40%, 92%, .5)
        }

    .btn-check:active + .btn-outline-yellow-soft,
    .btn-outline-yellow-soft.active,
    .btn-outline-yellow-soft:active {
        color: #000;
        background-color: #f2eee3;
        border-color: #f2eee3
    }

        .btn-check:active + .btn-outline-yellow-soft:focus,
        .btn-outline-yellow-soft.active:focus,
        .btn-outline-yellow-soft:active:focus {
            box-shadow: 0 0 0 .2rem hsla(44, 37%, 92%, .5)
        }

    .btn-check:active + .btn-outline-green-soft,
    .btn-outline-green-soft.active,
    .btn-outline-green-soft:active {
        color: #000;
        background-color: #daefed;
        border-color: #daefed
    }

        .btn-check:active + .btn-outline-green-soft:focus,
        .btn-outline-green-soft.active:focus,
        .btn-outline-green-soft:active:focus {
            box-shadow: 0 0 0 .2rem rgba(218, 239, 237, .5)
        }

    .btn-check:active + .btn-outline-teal-soft,
    .btn-outline-teal-soft.active,
    .btn-outline-teal-soft:active {
        color: #000;
        background-color: #daf0f2;
        border-color: #daf0f2
    }

        .btn-check:active + .btn-outline-teal-soft:focus,
        .btn-outline-teal-soft.active:focus,
        .btn-outline-teal-soft:active:focus {
            box-shadow: 0 0 0 .2rem rgba(218, 240, 242, .5)
        }

    .btn-check:active + .btn-outline-cyan-soft,
    .btn-outline-cyan-soft.active,
    .btn-outline-cyan-soft:active {
        color: #000;
        background-color: #daf2f8;
        border-color: #daf2f8
    }

        .btn-check:active + .btn-outline-cyan-soft:focus,
        .btn-outline-cyan-soft.active:focus,
        .btn-outline-cyan-soft:active:focus {
            box-shadow: 0 0 0 .2rem rgba(218, 242, 248, .5)
        }

    .btn-check:active + .btn-outline-blue-soft,
    .btn-outline-blue-soft.active,
    .btn-outline-blue-soft:active {
        color: #000;
        background-color: #dae7fb;
        border-color: #dae7fb
    }

        .btn-check:active + .btn-outline-blue-soft:focus,
        .btn-outline-blue-soft.active:focus,
        .btn-outline-blue-soft:active:focus {
            box-shadow: 0 0 0 .2rem rgba(218, 231, 251, .5)
        }

    .btn-check:active + .btn-outline-indigo-soft,
    .btn-outline-indigo-soft.active,
    .btn-outline-indigo-soft:active {
        color: #000;
        background-color: #e3ddfa;
        border-color: #e3ddfa
    }

        .btn-check:active + .btn-outline-indigo-soft:focus,
        .btn-outline-indigo-soft.active:focus,
        .btn-outline-indigo-soft:active:focus {
            box-shadow: 0 0 0 .2rem rgba(227, 221, 250, .5)
        }

    .btn-check:active + .btn-outline-purple-soft,
    .btn-outline-purple-soft.active,
    .btn-outline-purple-soft:active {
        color: #000;
        background-color: #e4ddf7;
        border-color: #e4ddf7
    }

        .btn-check:active + .btn-outline-purple-soft:focus,
        .btn-outline-purple-soft.active:focus,
        .btn-outline-purple-soft:active:focus {
            box-shadow: 0 0 0 .2rem rgba(228, 221, 247, .5)
        }

    .btn-check:active + .btn-outline-pink-soft,
    .btn-outline-pink-soft.active,
    .btn-outline-pink-soft:active {
        color: #000;
        background-color: #f1ddec;
        border-color: #f1ddec
    }

        .btn-check:active + .btn-outline-pink-soft:focus,
        .btn-outline-pink-soft.active:focus,
        .btn-outline-pink-soft:active:focus {
            box-shadow: 0 0 0 .2rem rgba(241, 221, 236, .5)
        }

    .btn-check:active + .btn-outline-primary-soft,
    .btn-outline-primary-soft.active,
    .btn-outline-primary-soft:active {
        color: #000;
        background-color: #f0e3e7;
        border-color: #f0e3e7
    }

        .btn-check:active + .btn-outline-primary-soft:focus,
        .btn-outline-primary-soft.active:focus,
        .btn-outline-primary-soft:active:focus {
            box-shadow: 0 0 0 .2rem rgba(240, 227, 231, .5)
        }

    .btn-check:active + .btn-outline-secondary-soft,
    .btn-outline-secondary-soft.active,
    .btn-outline-secondary-soft:active {
        color: #000;
        background-color: #f0f4fa;
        border-color: #f0f4fa
    }

        .btn-check:active + .btn-outline-secondary-soft:focus,
        .btn-outline-secondary-soft.active:focus,
        .btn-outline-secondary-soft:active:focus {
            box-shadow: 0 0 0 .2rem rgba(240, 244, 250, .5)
        }

    .btn-check:active + .btn-outline-success-soft,
    .btn-outline-success-soft.active,
    .btn-outline-success-soft:active {
        color: #000;
        background-color: #daefed;
        border-color: #daefed
    }

        .btn-check:active + .btn-outline-success-soft:focus,
        .btn-outline-success-soft.active:focus,
        .btn-outline-success-soft:active:focus {
            box-shadow: 0 0 0 .2rem rgba(218, 239, 237, .5)
        }

    .btn-check:active + .btn-outline-info-soft,
    .btn-outline-info-soft.active,
    .btn-outline-info-soft:active {
        color: #000;
        background-color: #daf2f8;
        border-color: #daf2f8
    }

        .btn-check:active + .btn-outline-info-soft:focus,
        .btn-outline-info-soft.active:focus,
        .btn-outline-info-soft:active:focus {
            box-shadow: 0 0 0 .2rem rgba(218, 242, 248, .5)
        }

    .btn-check:active + .btn-outline-warning-soft,
    .btn-outline-warning-soft.active,
    .btn-outline-warning-soft:active {
        color: #000;
        background-color: #f2eee3;
        border-color: #f2eee3
    }

        .btn-check:active + .btn-outline-warning-soft:focus,
        .btn-outline-warning-soft.active:focus,
        .btn-outline-warning-soft:active:focus {
            box-shadow: 0 0 0 .2rem hsla(44, 37%, 92%, .5)
        }

    .btn-check:active + .btn-outline-danger-soft,
    .btn-outline-danger-soft.active,
    .btn-outline-danger-soft:active {
        color: #000;
        background-color: #f1e0e3;
        border-color: #f1e0e3
    }

        .btn-check:active + .btn-outline-danger-soft:focus,
        .btn-outline-danger-soft.active:focus,
        .btn-outline-danger-soft:active:focus {
            box-shadow: 0 0 0 .2rem rgba(241, 224, 227, .5)
        }

    .btn-link {
        font-weight: 400;
        color: #dc392d;
        text-decoration: none
    }

        .btn-link:hover {
            color: #b02e24
        }

        .btn-link:focus,
        .btn-link:hover {
            text-decoration: underline
        }

        .btn-link.disabled,
        .btn-link:disabled {
            color: #69707a
        }

    .btn-lg {
        padding: 1.25rem 1.5rem;
        font-size: 1rem;
        border-radius: .35rem
    }

    .btn-sm {
        padding: .5rem .75rem;
        font-size: .75rem;
        border-radius: .25rem
    }

    /*.fade {
transition: opacity .15s linear
}*/

    @media (prefers-reduced-motion: reduce) {
        .fade {
            transition: none
        }
    }
    /*
.fade:not(.show) {
opacity: 0
}

.collapse:not(.show) {
display: none
}

.collapsing {
height: 0;
overflow: hidden;
transition: height .15s ease
}*/

    @media (prefers-reduced-motion: reduce) {
        .collapsing {
            transition: none
        }
    }

    .dropdown {
        position: relative
    }

    .dropdown-toggle {
        white-space: nowrap
    }

        .dropdown-toggle:after {
            display: inline-block;
            margin-left: .255em;
            vertical-align: .255em;
            content: "";
            border-top: .3em solid;
            border-right: .3em solid transparent;
            border-bottom: 0;
            border-left: .3em solid transparent
        }

        .dropdown-toggle:empty:after {
            margin-left: 0
        }

    .dropdown-menu {
        position: absolute;
        z-index: 1000;
        display: none;
        min-width: 10rem;
        padding: .5rem 0;
        margin: 0;
        font-size: 1rem;
        color: #69707a;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #e0e5ec;
        border-radius: .35rem
    }

    .dropdown-menu-end {
        --bs-position: end
    }

    .dropdown-divider {
        height: 0;
        margin: .5rem 0;
        overflow: hidden;
        border-top: 1px solid #e0e5ec
    }

    .dropdown-item {
        display: block;
        width: 100%;
        padding: .25rem 1rem;
        clear: both;
        font-weight: 400;
        color: #212832;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0
    }

        .dropdown-item:focus,
        .dropdown-item:hover {
            color: #1e242d;
            text-decoration: none;
            background-color: #e0e5ec
        }

        .dropdown-item.active,
        .dropdown-item:active {
            color: #fff;
            text-decoration: none;
            background-color: #dc392d
        }

        .dropdown-item.disabled,
        .dropdown-item:disabled {
            color: #a7aeb8;
            pointer-events: none;
            background-color: transparent
        }

    .dropdown-menu.show {
        display: block
    }

    .dropdown-header {
        display: block;
        padding: .5rem 1rem;
        margin-bottom: 0;
        font-size: .875rem;
        color: #69707a;
        white-space: nowrap
    }

    .dropdown-menu-dark .dropdown-item.active,
    .dropdown-menu-dark .dropdown-item:active {
        color: #fff;
        background-color: #dc392d
    }

    .btn-group {
        position: relative;
        display: inline-flex;
        vertical-align: middle
    }

        .btn-group > .btn {
            position: relative;
            flex: 1 1 auto
        }

            .btn-group-vertical > .btn.active,
            .btn-group-vertical > .btn:active,
            .btn-group > .btn-check:checked + .btn,
            .btn-group > .btn-check:focus + .btn,
            .btn-group > .btn.active,
            .btn-group > .btn:active,
            .btn-group > .btn:focus,
            .btn-group > .btn:hover {
                z-index: 1
            }

            .btn-group > .btn-group:not(:first-child),
            .btn-group > .btn:not(:first-child) {
                margin-left: -1px
            }

            .btn-group > .btn-group:not(:last-child) > .btn,
            .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

            .btn-group > .btn-group:not(:first-child) > .btn,
            .btn-group > .btn:nth-child(n+3),
            .btn-group > :not(.btn-check) + .btn {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }

    .nav {
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none
    }

    .nav-link {
        display: block;
        padding: .5rem 1rem;
        color: #dc392d;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
    }

    @media (prefers-reduced-motion: reduce) {
        .nav-link {
            transition: none
        }
    }

    .nav-link:focus,
    .nav-link:hover {
        color: #b02e24;
        text-decoration: none
    }

    .nav-link.disabled {
        color: #69707a;
        pointer-events: none;
        cursor: default
    }

    .nav-tabs {
        border-bottom: 1px solid #d4dae3
    }

        .nav-tabs .nav-link {
            margin-bottom: -1px;
            background: none;
            border: 1px solid transparent;
            border-top-left-radius: .35rem;
            border-top-right-radius: .35rem
        }

            .nav-tabs .nav-link:focus,
            .nav-tabs .nav-link:hover {
                border-color: #e0e5ec #e0e5ec #d4dae3;
                isolation: isolate
            }

            .nav-tabs .nav-link.disabled {
                color: #69707a;
                background-color: transparent;
                border-color: transparent
            }

            .nav-tabs .nav-item.show .nav-link,
            .nav-tabs .nav-link.active {
                color: #4a515b;
                background-color: #fff;
                border-color: #d4dae3 #d4dae3 #fff
            }

        .nav-tabs .dropdown-menu {
            margin-top: -1px;
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

    .nav-pills .nav-link {
        background: none;
        border: 0;
        border-radius: .35rem
    }

        .nav-pills .nav-link.active,
        .nav-pills .show > .nav-link {
            color: #fff;
            background-color: #dc392d
        }

    .nav-fill .nav-item,
    .nav-fill > .nav-link {
        flex: 1 1 auto;
        text-align: center
    }

        .nav-fill .nav-item .nav-link {
            width: 100%
        }

    .tab-content > .tab-pane {
        display: none
    }

    .tab-content > .active {
        display: block
    }

    .navbar {
        position: relative;
        /* display: flex;
        flex-wrap: wrap;*/
        align-items: center;
        justify-content: space-between;
        padding-top: .5rem;
        padding-bottom: .5rem
    }

        .navbar > .container,
        .navbar > .container-fluid,
        .navbar > .container-xl {
            display: flex;
            flex-wrap: inherit;
            align-items: center;
            justify-content: space-between
        }

    .navbar-brand {
        padding-top: .3125rem;
        padding-bottom: .3125rem;
        margin-right: 1rem;
        font-size: 1.25rem;
        white-space: nowrap
    }

        .navbar-brand:focus,
        .navbar-brand:hover {
            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
        }

    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center
    }

    .navbar-toggler {
        padding: .25rem .75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: .35rem;
        transition: box-shadow .15s ease-in-out
    }

    @media (prefers-reduced-motion: reduce) {
        .navbar-toggler {
            transition: none
        }
    }

    .navbar-toggler:hover {
        text-decoration: none
    }

    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: 0 0 0 .2rem
    }

    @media (min-width: 992px) {
        .navbar-expand-lg {
            flex-wrap: 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: .5rem;
                    padding-left: .5rem
                }

            .navbar-expand-lg .navbar-collapse {
                display: flex !important;
                flex-basis: auto
            }

            .navbar-expand-lg .navbar-toggler {
                display: none
            }
    }

    .navbar-expand {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand .navbar-nav {
            flex-direction: row
        }

            .navbar-expand .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem
            }

        .navbar-expand .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand .navbar-toggler {
            display: none
        }

    .navbar-light .navbar-brand,
    .navbar-light .navbar-brand:focus,
    .navbar-light .navbar-brand:hover {
        color: rgba(0, 0, 0, .9)
    }

    .navbar-light .navbar-nav .nav-link {
        color: rgba(0, 0, 0, .55)
    }

        .navbar-light .navbar-nav .nav-link:focus,
        .navbar-light .navbar-nav .nav-link:hover {
            color: rgba(0, 0, 0, .7)
        }

        .navbar-light .navbar-nav .nav-link.disabled {
            color: rgba(0, 0, 0, .3)
        }

        .navbar-light .navbar-nav .nav-link.active,
        .navbar-light .navbar-nav .show > .nav-link {
            color: rgba(0, 0, 0, .9)
        }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .55);
        border-color: rgba(0, 0, 0, .1)
    }

    .navbar-dark .navbar-nav .nav-link.active {
        color: #fff
    }

    .card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(33, 40, 50, .125);
        border-radius: .35rem
    }

        .card > hr {
            margin-right: 0;
            margin-left: 0
        }

        .card > .list-group {
            border-top: inherit;
            border-bottom: inherit
        }

            .card > .list-group:first-child {
                border-top-width: 0;
                border-top-left-radius: .35rem;
                border-top-right-radius: .35rem
            }

            .card > .list-group:last-child {
                border-bottom-width: 0;
                border-bottom-right-radius: .35rem;
                border-bottom-left-radius: .35rem
            }

            .card > .card-header + .list-group,
            .card > .list-group + .card-footer {
                border-top: 0
            }

    .card-body {
        flex: 1 1 auto;
        padding: 1.35rem
    }

    .card-text:last-child {
        margin-bottom: 0
    }

    .card-link:hover {
        text-decoration: none
    }

    .card-link + .card-link {
        margin-left: 1.35rem
    }

    .card-header {
        padding: 1rem 1.35rem;
        margin-bottom: 0;
        background-color: rgba(33, 40, 50, .03);
        border-bottom: 1px solid rgba(33, 40, 50, .125)
    }

        .card-header:first-child {
            border-radius: .35rem .35rem 0 0
        }

    .card-footer {
        padding: 1rem 1.35rem;
        background-color: rgba(33, 40, 50, .03);
        border-top: 1px solid rgba(33, 40, 50, .125)
    }

        .card-footer:last-child {
            border-radius: 0 0 .35rem .35rem
        }

    .card-header-tabs {
        margin-bottom: -1rem;
        border-bottom: 0
    }

    .card-header-pills,
    .card-header-tabs {
        margin-right: -.675rem;
        margin-left: -.675rem
    }

    .card-img-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1rem;
        border-radius: .35rem
    }

    .card-img,
    .card-img-bottom,
    .card-img-top {
        width: 100%
    }

    .card-img,
    .card-img-top {
        border-top-left-radius: .35rem;
        border-top-right-radius: .35rem
    }

    .card-img,
    .card-img-bottom {
        border-bottom-right-radius: .35rem;
        border-bottom-left-radius: .35rem
    }

    .breadcrumb-item.active {
        color: #69707a
    }

    .pagination {
        display: flex;
        padding-left: 0;
        list-style: none
    }

    .page-link {
        position: relative;
        display: block;
        color: #dc392d;
        background-color: #fff;
        border: 1px solid #d4dae3;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
    }

    @media (prefers-reduced-motion: reduce) {
        .page-link {
            transition: none
        }
    }

    .page-link:hover {
        z-index: 2;
        color: #b02e24;
        text-decoration: none;
        background-color: #e0e5ec;
        border-color: #d4dae3
    }

    .page-link:focus {
        z-index: 3;
        color: #b02e24;
        background-color: #e0e5ec;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(220, 57, 45, .25)
    }

    .page-item:not(:first-child) .page-link {
        margin-left: -1px
    }

    .dataTable-pagination .page-item.active a,
    .dataTable-pagination li.active .page-link,
    .dataTable-pagination li.active a,
    .page-item.active .dataTable-pagination a,
    .page-item.active .page-link {
        z-index: 3;
        color: #fff;
        background-color: #dc392d;
        border-color: #dc392d
    }

    .page-item.disabled .page-link {
        color: #69707a;
        pointer-events: none;
        background-color: #fff;
        border-color: #d4dae3
    }

    .page-link {
        padding: .375rem .75rem
    }

    .page-item:first-child .page-link {
        border-top-left-radius: .35rem;
        border-bottom-left-radius: .35rem
    }

    .page-item:last-child .page-link {
        border-top-right-radius: .35rem;
        border-bottom-right-radius: .35rem
    }

    .badge {
        display: inline-block;
        padding: .35rem .5rem;
        font-size: .75em;
        font-weight: 400;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .35rem
    }

        .badge:empty {
            display: none
        }

    .btn .badge {
        position: relative;
        top: -1px
    }

    .alert {
        position: relative;
        padding: 1.25rem 1rem;
        margin-bottom: 1rem;
        border: 1px solid transparent;
        border-radius: .35rem
    }

    .alert-heading {
        color: inherit
    }

    .alert-link {
        font-weight: 500
    }

    .alert-dismissible {
        padding-right: 3rem
    }

        .alert-dismissible .btn-close {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 2;
            padding: 1.5625rem 1rem
        }

    .alert-primary {
        color: #84221b;
        background-color: #f8d7d5;
        border-color: #f5c4c0
    }

        .alert-primary .alert-link {
            color: #6a1b16
        }

    .alert-info {
        color: #007c80;
        background-color: #ccf5f7;
        border-color: #b3f1f2
    }

        .alert-info .alert-link {
            color: #006366
        }

    .alert-blue {
        color: #003a91;
        background-color: #ccdffc;
        border-color: #b3d0fb
    }

        .alert-blue .alert-link {
            color: #002e74
        }

    @keyframes progress-bar-stripes {
        0% {
            background-position-x: 1rem
        }
    }

    .progress {
        height: 1rem;
        font-size: .75rem;
        background-color: #e0e5ec;
        border-radius: 7.35rem
    }

    .progress,
    .progress-bar {
        display: flex;
        overflow: hidden
    }

    .progress-bar {
        flex-direction: column;
        justify-content: center;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        background-color: #dc392d;
        transition: width .6s ease
    }

    @media (prefers-reduced-motion: reduce) {
        .progress-bar {
            transition: none
        }
    }

    .list-group {
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        border-radius: .35rem
    }

    .list-group-item-action {
        width: 100%;
        color: #4a515b;
        text-align: inherit
    }

        .list-group-item-action:focus,
        .list-group-item-action:hover {
            z-index: 1;
            color: #4a515b;
            text-decoration: none;
            background-color: #f2f6fc
        }

        .list-group-item-action:active {
            color: #69707a;
            background-color: #e0e5ec
        }

    .list-group-item {
        position: relative;
        display: block;
        padding: .5rem 1rem;
        color: #212832;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, .125)
    }

        .list-group-item:first-child {
            border-top-left-radius: inherit;
            border-top-right-radius: inherit
        }

        .list-group-item:last-child {
            border-bottom-right-radius: inherit;
            border-bottom-left-radius: inherit
        }

        .list-group-item.disabled,
        .list-group-item:disabled {
            color: #69707a;
            pointer-events: none;
            background-color: #fff
        }

        .list-group-item.active {
            z-index: 2;
            color: #fff;
            background-color: #dc392d;
            border-color: #dc392d
        }

        .list-group-item + .list-group-item {
            border-top-width: 0
        }

            .list-group-item + .list-group-item.active {
                margin-top: -1px;
                border-top-width: 1px
            }

    .list-group-horizontal > .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }

    @media (min-width: 576px) {
        .list-group-horizontal-sm > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
            margin-left: -1px;
            border-left-width: 1px
        }
    }

    @media (min-width: 768px) {
        .list-group-horizontal-md > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-md > .list-group-item + .list-group-item.active {
            margin-left: -1px;
            border-left-width: 1px
        }
    }

    @media (min-width: 992px) {
        .list-group-horizontal-lg > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
            margin-left: -1px;
            border-left-width: 1px
        }
    }

    @media (min-width: 1200px) {
        .list-group-horizontal-xl > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
            margin-left: -1px;
            border-left-width: 1px
        }
    }

    @media (min-width: 1500px) {
        .list-group-horizontal-xxl > .list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
            margin-left: -1px;
            border-left-width: 1px
        }
    }

    .list-group-flush {
        border-radius: 0
    }

        .list-group-flush > .list-group-item {
            border-width: 0 0 1px
        }

            .list-group-flush > .list-group-item:last-child {
                border-bottom-width: 0
            }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #84221b;
        border-color: #84221b
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #86898e;
        border-color: #86898e
    }

    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #00673f;
        border-color: #00673f
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #007c80;
        border-color: #007c80
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #926100;
        border-color: #926100
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #8b0d00;
        border-color: #8b0d00
    }

    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #919497;
        border-color: #919497
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #14181e;
        border-color: #14181e
    }

    .list-group-item-black.list-group-item-action.active {
        color: #fff;
        background-color: #000;
        border-color: #000
    }

    .list-group-item-white.list-group-item-action.active {
        color: #fff;
        background-color: #999;
        border-color: #999
    }

    .list-group-item-red.list-group-item-action.active {
        color: #fff;
        background-color: #84221b;
        border-color: #84221b
    }

    .list-group-item-orange.list-group-item-action.active {
        color: #fff;
        background-color: #943c00;
        border-color: #943c00
    }

    .list-group-item-yellow.list-group-item-action.active {
        color: #fff;
        background-color: #926100;
        border-color: #926100
    }

    .list-group-item-green.list-group-item-action.active {
        color: #fff;
        background-color: #00673f;
        border-color: #00673f
    }

    .list-group-item-teal.list-group-item-action.active {
        color: #fff;
        background-color: #007059;
        border-color: #007059
    }

    .list-group-item-cyan.list-group-item-action.active {
        color: #fff;
        background-color: #007c80;
        border-color: #007c80
    }

    .list-group-item-blue.list-group-item-action.active {
        color: #fff;
        background-color: #003a91;
        border-color: #003a91
    }

    .list-group-item-indigo.list-group-item-action.active {
        color: #fff;
        background-color: #35008b;
        border-color: #35008b
    }

    .list-group-item-purple.list-group-item-action.active {
        color: #fff;
        background-color: #3f0077;
        border-color: #3f0077
    }

    .list-group-item-pink.list-group-item-action.active {
        color: #fff;
        background-color: #880035;
        border-color: #880035
    }

    .list-group-item-red-soft.list-group-item-action.active {
        color: #fff;
        background-color: #90888b;
        border-color: #90888b
    }

    .list-group-item-orange-soft.list-group-item-action.active {
        color: #fff;
        background-color: #928b88;
        border-color: #928b88
    }

    .list-group-item-yellow-soft.list-group-item-action.active {
        color: #fff;
        background-color: #918f88;
        border-color: #918f88
    }

    .list-group-item-green-soft.list-group-item-action.active {
        color: #fff;
        background-color: #838f8e;
        border-color: #838f8e
    }

    .list-group-item-teal-soft.list-group-item-action.active {
        color: #fff;
        background-color: #839091;
        border-color: #839091
    }

    .list-group-item-cyan-soft.list-group-item-action.active {
        color: #fff;
        background-color: #839195;
        border-color: #839195
    }

    .list-group-item-blue-soft.list-group-item-action.active {
        color: #fff;
        background-color: #838b97;
        border-color: #838b97
    }

    .list-group-item-indigo-soft.list-group-item-action.active {
        color: #fff;
        background-color: #888596;
        border-color: #888596
    }

    .list-group-item-purple-soft.list-group-item-action.active {
        color: #fff;
        background-color: #898594;
        border-color: #898594
    }

    .list-group-item-pink-soft.list-group-item-action.active {
        color: #fff;
        background-color: #91858e;
        border-color: #91858e
    }

    .list-group-item-primary-soft.list-group-item-action.active {
        color: #fff;
        background-color: #90888b;
        border-color: #90888b
    }

    .list-group-item-secondary-soft.list-group-item-action.active {
        color: #fff;
        background-color: #909296;
        border-color: #909296
    }

    .list-group-item-success-soft.list-group-item-action.active {
        color: #fff;
        background-color: #838f8e;
        border-color: #838f8e
    }

    .list-group-item-info-soft.list-group-item-action.active {
        color: #fff;
        background-color: #839195;
        border-color: #839195
    }

    .list-group-item-warning-soft.list-group-item-action.active {
        color: #fff;
        background-color: #918f88;
        border-color: #918f88
    }

    .list-group-item-danger-soft.list-group-item-action.active {
        color: #fff;
        background-color: #918688;
        border-color: #918688
    }

    .btn-close {
        box-sizing: content-box;
        width: 1em;
        height: 1em;
        padding: .25em;
        color: #000;
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1em auto no-repeat;
        border: 0;
        border-radius: .35rem;
        opacity: .5
    }

        .btn-close:hover {
            color: #000;
            text-decoration: none;
            opacity: .75
        }

        .btn-close:focus {
            outline: 0;
            box-shadow: 0 0 0 .2rem rgba(220, 57, 45, .25);
            opacity: 1
        }

        .btn-close.disabled,
        .btn-close:disabled {
            pointer-events: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            opacity: .25
        }

    .toast {
        width: 350px;
        max-width: 100%;
        font-size: .875rem;
        pointer-events: auto;
        background-color: hsla(0, 0%, 100%, .85);
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .1);
        box-shadow: 0 .15rem 1.75rem 0 rgba(33, 40, 50, .15);
        border-radius: .35rem
    }

        .toast.showing {
            opacity: 0
        }

        .toast:not(.show) {
            display: none
        }

    .toast-header {
        display: flex;
        align-items: center;
        padding: .5rem .75rem;
        color: #69707a;
        background-color: hsla(0, 0%, 100%, .85);
        background-clip: padding-box;
        border-bottom: 1px solid rgba(0, 0, 0, .05);
        border-top-left-radius: calc(.35rem - 1px);
        border-top-right-radius: calc(.35rem - 1px)
    }

        .toast-header .btn-close {
            margin-right: -.375rem;
            margin-left: .75rem
        }

    .toast-body {
        padding: .75rem;
        word-wrap: break-word
    }
    /*
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1055;
display: none;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
outline: 0
}

.modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none
}

.modal.fade .modal-dialog {
transition: transform .3s ease-out;
transform: translateY(-50px)
}

@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
    transition: none
}
}

.modal.show .modal-dialog {
transform: none
}

.modal.modal-static .modal-dialog {
transform: scale(1.02)
}

.modal-dialog-scrollable {
height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
max-height: 100%;
overflow: hidden
}

.modal-dialog-scrollable .modal-body {
overflow-y: auto
}

.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - 1rem)
}

.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, .2);
border-radius: .5rem;
outline: 0
}

.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
width: 100vw;
height: 100vh;
background-color: #000
}

.modal-backdrop.fade {
opacity: .2
}

.modal-backdrop.show {
opacity: .5
}

.modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: 1rem;
border-bottom: 1px solid #e0e5ec;
border-top-left-radius: calc(.5rem - 1px);
border-top-right-radius: calc(.5rem - 1px)
}

.modal-header .btn-close {
padding: .5rem;
margin: -.5rem -.5rem -.5rem auto
}

.modal-title {
margin-bottom: 0;
line-height: 1.5
}

.modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem
}

.modal-footer {
display: flex;
flex-wrap: wrap;
flex-shrink: 0;
align-items: center;
justify-content: flex-end;
padding: .75rem;
border-top: 1px solid #e0e5ec;
border-bottom-right-radius: calc(.5rem - 1px);
border-bottom-left-radius: calc(.5rem - 1px)
}

.modal-footer>* {
margin: .25rem
}*/

    @media (min-width: 576px) {
        .modal-dialog {
            max-width: 500px;
            margin: 1.75rem auto
        }

        .modal-dialog-scrollable {
            height: calc(100% - 3.5rem)
        }

        .modal-dialog-centered {
            min-height: calc(100% - 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
        }
    }

    .modal-fullscreen {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

        .modal-fullscreen .modal-content {
            height: 100%;
            border: 0;
            border-radius: 0
        }

        .modal-fullscreen .modal-header {
            border-radius: 0
        }

        .modal-fullscreen .modal-body {
            overflow-y: auto
        }

        .modal-fullscreen .modal-footer {
            border-radius: 0
        }

    @media (max-width: 575.98px) {
        .modal-fullscreen-sm-down {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0
        }

            .modal-fullscreen-sm-down .modal-content {
                height: 100%;
                border: 0;
                border-radius: 0
            }

            .modal-fullscreen-sm-down .modal-header {
                border-radius: 0
            }

            .modal-fullscreen-sm-down .modal-body {
                overflow-y: auto
            }

            .modal-fullscreen-sm-down .modal-footer {
                border-radius: 0
            }
    }

    @media (max-width: 767.98px) {
        .modal-fullscreen-md-down {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0
        }

            .modal-fullscreen-md-down .modal-content {
                height: 100%;
                border: 0;
                border-radius: 0
            }

            .modal-fullscreen-md-down .modal-header {
                border-radius: 0
            }

            .modal-fullscreen-md-down .modal-body {
                overflow-y: auto
            }

            .modal-fullscreen-md-down .modal-footer {
                border-radius: 0
            }
    }

    @media (max-width: 991.98px) {
        .modal-fullscreen-lg-down {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0
        }

            .modal-fullscreen-lg-down .modal-content {
                height: 100%;
                border: 0;
                border-radius: 0
            }

            .modal-fullscreen-lg-down .modal-header {
                border-radius: 0
            }

            .modal-fullscreen-lg-down .modal-body {
                overflow-y: auto
            }

            .modal-fullscreen-lg-down .modal-footer {
                border-radius: 0
            }
    }

    @media (max-width: 1199.98px) {
        .modal-fullscreen-xl-down {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0
        }

            .modal-fullscreen-xl-down .modal-content {
                height: 100%;
                border: 0;
                border-radius: 0
            }

            .modal-fullscreen-xl-down .modal-header {
                border-radius: 0
            }

            .modal-fullscreen-xl-down .modal-body {
                overflow-y: auto
            }

            .modal-fullscreen-xl-down .modal-footer {
                border-radius: 0
            }
    }

    @media (max-width: 1499.98px) {
        .modal-fullscreen-xxl-down {
            width: 100vw;
            max-width: none;
            height: 100%;
            margin: 0
        }

            .modal-fullscreen-xxl-down .modal-content {
                height: 100%;
                border: 0;
                border-radius: 0
            }

            .modal-fullscreen-xxl-down .modal-header {
                border-radius: 0
            }

            .modal-fullscreen-xxl-down .modal-body {
                overflow-y: auto
            }

            .modal-fullscreen-xxl-down .modal-footer {
                border-radius: 0
            }
    }

    .tooltip {
        position: absolute;
        z-index: 1080;
        display: block;
        margin: 0;
        font-family: Metropolis, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, 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: .875rem;
        word-wrap: break-word;
        opacity: 0
    }

        .tooltip.show {
            opacity: .9
        }

        .tooltip .tooltip-arrow {
            position: absolute;
            display: block;
            width: .8rem;
            height: .4rem
        }

            .tooltip .tooltip-arrow:before {
                position: absolute;
                content: "";
                border-color: transparent;
                border-style: solid
            }

    .bs-tooltip-auto[data-popper-placement^=top],
    .bs-tooltip-top {
        padding: .4rem 0
    }

        .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
        .bs-tooltip-top .tooltip-arrow {
            bottom: 0
        }

            .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,
            .bs-tooltip-top .tooltip-arrow:before {
                top: -1px;
                border-width: .4rem .4rem 0;
                border-top-color: #000
            }

    .bs-tooltip-auto[data-popper-placement^=right],
    .bs-tooltip-end {
        padding: 0 .4rem
    }

        .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
        .bs-tooltip-end .tooltip-arrow {
            left: 0;
            width: .4rem;
            height: .8rem
        }

            .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,
            .bs-tooltip-end .tooltip-arrow:before {
                right: -1px;
                border-width: .4rem .4rem .4rem 0;
                border-right-color: #000
            }

    .bs-tooltip-auto[data-popper-placement^=bottom],
    .bs-tooltip-bottom {
        padding: .4rem 0
    }

        .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
        .bs-tooltip-bottom .tooltip-arrow {
            top: 0
        }

            .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,
            .bs-tooltip-bottom .tooltip-arrow:before {
                bottom: -1px;
                border-width: 0 .4rem .4rem;
                border-bottom-color: #000
            }

    .bs-tooltip-auto[data-popper-placement^=left],
    .bs-tooltip-start {
        padding: 0 .4rem
    }

        .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
        .bs-tooltip-start .tooltip-arrow {
            right: 0;
            width: .4rem;
            height: .8rem
        }

            .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,
            .bs-tooltip-start .tooltip-arrow:before {
                left: -1px;
                border-width: .4rem 0 .4rem .4rem;
                border-left-color: #000
            }

    .tooltip-inner {
        max-width: 200px;
        padding: .25rem .5rem;
        color: #fff;
        text-align: center;
        background-color: #000;
        border-radius: .35rem
    }

    .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%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition: transform .6s ease-in-out
    }

    @media (prefers-reduced-motion: reduce) {
        .carousel-item {
            transition: none
        }
    }

    .carousel-item-next,
    .carousel-item-prev,
    .carousel-item.active {
        display: block
    }

        .active.carousel-item-end,
        .carousel-item-next:not(.carousel-item-start) {
            transform: translateX(100%)
        }

        .active.carousel-item-start,
        .carousel-item-prev:not(.carousel-item-end) {
            transform: translateX(-100%)
        }

    .carousel-fade .carousel-item {
        opacity: 0;
        transition-property: opacity;
        transform: none
    }

        .carousel-fade .carousel-item-next.carousel-item-start,
        .carousel-fade .carousel-item-prev.carousel-item-end,
        .carousel-fade .carousel-item.active {
            z-index: 1;
            opacity: 1
        }

    .carousel-fade .active.carousel-item-end,
    .carousel-fade .active.carousel-item-start {
        z-index: 0;
        opacity: 0;
        transition: opacity 0s .6s
    }

    @media (prefers-reduced-motion: reduce) {

        .carousel-fade .active.carousel-item-end,
        .carousel-fade .active.carousel-item-start {
            transition: none
        }
    }

    .carousel-control-next,
    .carousel-control-prev {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 15%;
        padding: 0;
        color: #fff;
        text-align: center;
        background: none;
        border: 0;
        opacity: .5;
        transition: opacity .15s ease
    }

    @media (prefers-reduced-motion: reduce) {

        .carousel-control-next,
        .carousel-control-prev {
            transition: none
        }
    }

    .carousel-control-next:focus,
    .carousel-control-next:hover,
    .carousel-control-prev:focus,
    .carousel-control-prev:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: .9
    }

    .carousel-control-prev {
        left: 0
    }

    .carousel-control-next {
        right: 0
    }

    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100% 100%
    }

    .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
    }

    .carousel-control-next-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
    }

    .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        display: flex;
        justify-content: center;
        padding: 0;
        margin-right: 15%;
        margin-bottom: 1rem;
        margin-left: 15%;
        list-style: none
    }

        .carousel-indicators [data-bs-target] {
            box-sizing: content-box;
            flex: 0 1 auto;
            width: 30px;
            height: 3px;
            padding: 0;
            margin-right: 3px;
            margin-left: 3px;
            text-indent: -999px;
            cursor: pointer;
            background-color: #fff;
            background-clip: padding-box;
            border: 0;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            opacity: .5;
            transition: opacity .6s ease
        }

    @media (prefers-reduced-motion: reduce) {
        .carousel-indicators [data-bs-target] {
            transition: none
        }
    }

    .carousel-indicators .active {
        opacity: 1
    }

    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 1.25rem;
        left: 15%;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        color: #fff;
        text-align: center
    }

    .carousel-dark .carousel-control-next-icon,
    .carousel-dark .carousel-control-prev-icon {
        filter: invert(1) grayscale(100)
    }

    .carousel-dark .carousel-indicators [data-bs-target] {
        background-color: #000
    }

    .carousel-dark .carousel-caption {
        color: #000
    }

    @-webkit-keyframes spinner-border {
        to {
            transform: rotate(1turn)
        }
    }

    @keyframes spinner-border {
        to {
            transform: rotate(1turn)
        }
    }

    .spinner-border {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        vertical-align: -.125em;
        border: .25em solid;
        border-right: .25em solid transparent;
        border-radius: 50%;
        -webkit-animation: spinner-border .75s linear infinite;
        animation: spinner-border .75s linear infinite
    }

    .spinner-border-sm {
        width: 1rem;
        height: 1rem;
        border-width: .2em
    }

    @keyframes spinner-grow {
        0% {
            transform: scale(0)
        }

        50% {
            opacity: 1;
            transform: none
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .spinner-border {
            -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s
        }
    }

    .placeholder {
        display: inline-block;
        min-height: 1em;
        vertical-align: middle;
        cursor: wait;
        background-color: currentColor;
        opacity: .5
    }

        .placeholder.btn:before {
            display: inline-block;
            content: ""
        }

    @keyframes placeholder-glow {
        50% {
            opacity: .2
        }
    }

    @-webkit-keyframes placeholder-wave {
        to {
            -webkit-mask-position: -200% 0;
            mask-position: -200% 0
        }
    }

    @keyframes placeholder-wave {
        to {
            -webkit-mask-position: -200% 0;
            mask-position: -200% 0
        }
    }

    .link-red {
        color: #dc392d
    }

        .link-red:focus,
        .link-red:hover {
            color: #b02e24
        }

    .link-green {
        color: #00ac69
    }

        .link-green:focus,
        .link-green:hover {
            color: #008a54
        }

    .link-blue {
        color: #0061f2
    }

        .link-blue:focus,
        .link-blue:hover {
            color: #004ec2
        }

    .fixed-top,
    .nav-fixed #layoutSidenav #layoutSidenav_nav,
    .nav-fixed .topnav {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030
    }

    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .visually-hidden {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important
    }

    .stretched-link:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        content: ""
    }

    .overflow-hidden {
        overflow: hidden !important
    }

    .d-inline-block {
        display: inline-block !important
    }

    .d-block {
        display: block !important
    }

    .d-grid {
        display: grid !important
    }

    .d-flex {
        display: flex !important
    }

    .d-inline-flex {
        display: inline-flex !important
    }

    .d-none {
        display: none !important
    }

    .shadow {
        box-shadow: 0 .15rem 1.75rem 0 rgba(33, 40, 50, .15) !important
    }

    .pagination .page-item .page-link {
        box-shadow: 0 .125rem .25rem 0 rgba(33, 40, 50, .2) !important
    }

    .shadow-lg {
        box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
    }

    .shadow-none {
        box-shadow: none !important
    }

    .position-relative {
        position: relative !important
    }

    .position-absolute {
        position: absolute !important
    }

    .position-sticky {
        position: -webkit-sticky !important;
        position: sticky !important
    }

    .border {
        border: 1px solid #e0e5ec !important
    }

    .border-0 {
        border: 0 !important
    }

    .border-top {
        border-top: 1px solid #e0e5ec !important
    }

    .border-top-0 {
        border-top: 0 !important
    }

    .border-bottom {
        border-bottom: 1px solid #e0e5ec !important
    }

    .w-100 {
        width: 100% !important
    }

    .h-100 {
        height: 100% !important
    }

    .flex-column {
        flex-direction: column !important
    }

    .flex-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-grow-1 {
        flex-grow: 1 !important
    }

    .flex-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-wrap {
        flex-wrap: wrap !important
    }

    .justify-content-end {
        justify-content: flex-end !important
    }

    .justify-content-center {
        justify-content: center !important
    }

    .justify-content-between {
        justify-content: space-between !important
    }

    .align-items-center {
        align-items: center !important
    }

    .align-items-stretch {
        align-items: stretch !important
    }

    .align-self-center {
        align-self: center !important
    }

    .order-1 {
        order: 1 !important
    }

    .m-0 {
        margin: 0 !important
    }

    .m-1 {
        margin: .25rem !important
    }

    .m-3 {
        margin: 1rem !important
    }

    .m-4 {
        margin: 1.5rem !important
    }

    .m-5 {
        margin: 2.5rem !important
    }

    .mx-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-5 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important
    }

    .mt-0 {
        margin-top: 0 !important
    }

    .mt-1 {
        margin-top: .25rem !important
    }

    .mt-2 {
        margin-top: .5rem !important
    }

    .mt-3 {
        margin-top: 1rem !important
    }

    .mt-4 {
        margin-top: 1.5rem !important
    }

    .mt-5 {
        margin-top: 2.5rem !important
    }

    .mt-10 {
        margin-top: 6rem !important
    }

    .mt-15 {
        margin-top: 9rem !important
    }

    .mt-auto {
        margin-top: auto !important
    }

    .me-1 {
        margin-right: .25rem !important
    }

    .me-2 {
        margin-right: .5rem !important
    }

    .me-3 {
        margin-right: 1rem !important
    }

    .me-4 {
        margin-right: 1.5rem !important
    }

    .me-5 {
        margin-right: 2.5rem !important
    }

    .me-auto {
        margin-right: auto !important
    }

    .mb-0 {
        margin-bottom: 0 !important
    }

    .mb-1 {
        margin-bottom: .25rem !important
    }

    .mb-2 {
        margin-bottom: .5rem !important
    }

    .mb-3 {
        margin-bottom: 1rem !important
    }

    .mb-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-5 {
        margin-bottom: 2.5rem !important
    }

    .mb-10 {
        margin-bottom: 6rem !important
    }

    .ms-0 {
        margin-left: 0 !important
    }

    .ms-1 {
        margin-left: .25rem !important
    }

    .ms-2 {
        margin-left: .5rem !important
    }

    .ms-3 {
        margin-left: 1rem !important
    }

    .ms-4 {
        margin-left: 1.5rem !important
    }

    .ms-5 {
        margin-left: 2.5rem !important
    }

    .ms-auto {
        margin-left: auto !important
    }

    .mt-n5 {
        margin-top: -2.5rem !important
    }

    .mt-n15 {
        margin-top: -9rem !important
    }

    .mb-n1 {
        margin-bottom: -.25rem !important
    }

    .mb-n10 {
        margin-bottom: -6rem !important
    }

    .mb-n15 {
        margin-bottom: -9rem !important
    }

    .p-0 {
        padding: 0 !important
    }

    .p-1 {
        padding: .25rem !important
    }

    .p-2 {
        padding: .5rem !important
    }

    .p-3 {
        padding: 1rem !important
    }

    .p-4 {
        padding: 1.5rem !important
    }

    .p-5 {
        padding: 2.5rem !important
    }

    .px-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-5 {
        padding-right: 2.5rem !important;
        padding-left: 2.5rem !important
    }

    .py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-5 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important
    }

    .py-10 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important
    }

    .pt-0 {
        padding-top: 0 !important
    }

    .pt-3 {
        padding-top: 1rem !important
    }

    .pt-4 {
        padding-top: 1.5rem !important
    }

    .pt-5 {
        padding-top: 2.5rem !important
    }

    .pt-10 {
        padding-top: 6rem !important
    }

    .pt-15 {
        padding-top: 9rem !important
    }

    .pb-0 {
        padding-bottom: 0 !important
    }

    .pb-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-5 {
        padding-bottom: 2.5rem !important
    }

    .pb-10 {
        padding-bottom: 6rem !important
    }

    .ps-3 {
        padding-left: 1rem !important
    }

    .ps-5 {
        padding-left: 2.5rem !important
    }

    .fs-1 {
        font-size: calc(1.275rem + .3vw) !important
    }

    .fst-italic {
        font-style: italic !important
    }

    .fw-light {
        font-weight: 300 !important
    }

    .fw-normal {
        font-weight: 400 !important
    }

    .fw-bold {
        font-weight: 500 !important
    }

    .fw-bolder {
        font-weight: bolder !important
    }

    .text-start {
        text-align: left !important
    }

    .text-end {
        text-align: right !important
    }

    .text-center {
        text-align: center !important
    }

    .text-uppercase {
        text-transform: uppercase !important
    }

    .text-capitalize {
        text-transform: capitalize !important
    }

    .text-primary {
        --bs-text-opacity: 1;
        color: rgba(220, 57, 45, var(--bs-text-opacity)) !important;
        color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
    }

    .text-secondary {
        --bs-text-opacity: 1;
        color: rgba(224, 229, 236, var(--bs-text-opacity)) !important;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
    }

    .text-success {
        --bs-text-opacity: 1;
        color: rgba(0, 172, 105, var(--bs-text-opacity)) !important;
        color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
    }

    .text-warning {
        --bs-text-opacity: 1;
        color: rgba(244, 161, 0, var(--bs-text-opacity)) !important;
        color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
    }

    .text-danger {
        --bs-text-opacity: 1;
        color: rgba(232, 21, 0, var(--bs-text-opacity)) !important;
        color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
    }

    .page-header-ui-dark .btn-link,
    .text-light {
        --bs-text-opacity: 1;
        color: rgba(242, 246, 252, var(--bs-text-opacity)) !important;
        color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
    }

    .page-header-ui-light .btn-link,
    .text-dark {
        --bs-text-opacity: 1;
        color: rgba(33, 40, 50, var(--bs-text-opacity)) !important;
        color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
    }

    .text-black {
        --bs-text-opacity: 1;
        color: rgba(0, 0, 0, var(--bs-text-opacity)) !important;
        color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
    }

    .text-white {
        --bs-text-opacity: 1;
        color: rgba(255, 255, 255, var(--bs-text-opacity)) !important;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
    }

    .text-red {
        --bs-text-opacity: 1;
        color: rgba(220, 57, 45, var(--bs-text-opacity)) !important;
        color: rgba(var(--bs-red-rgb), var(--bs-text-opacity)) !important
    }

    .text-orange {
        --bs-text-opacity: 1;
        color: rgba(247, 100, 0, var(--bs-text-opacity)) !important;
        color: rgba(var(--bs-orange-rgb), var(--bs-text-opacity)) !important
    }

    .text-yellow {
        --bs-text-opacity: 1;
        color: rgba(244, 161, 0, var(--bs-text-opacity)) !important;
        color: rgba(var(--bs-yellow-rgb), var(--bs-text-opacity)) !important
    }

    .text-green {
        --bs-text-opacity: 1;
        color: rgba(0, 172, 105, var(--bs-text-opacity)) !important;
        color: rgba(var(--bs-green-rgb), var(--bs-text-opacity)) !important
    }

    .text-teal {
        --bs-text-opacity: 1;
        color: rgba(0, 186, 148, var(--bs-text-opacity)) !important;
        color: rgba(var(--bs-teal-rgb), var(--bs-text-opacity)) !important
    }

    .text-cyan {
        --bs-text-opacity: 1;
        color: rgba(0, 207, 213, var(--bs-text-opacity)) !important;
        color: rgba(var(--bs-cyan-rgb), var(--bs-text-opacity)) !important
    }

    .text-blue {
        --bs-text-opacity: 1;
        color: rgba(0, 97, 242, var(--bs-text-opacity)) !important;
        color: rgba(var(--bs-blue-rgb), var(--bs-text-opacity)) !important
    }

    .text-indigo {
        --bs-text-opacity: 1;
        color: rgba(88, 0, 232, var(--bs-text-opacity)) !important;
        color: rgba(var(--bs-indigo-rgb), var(--bs-text-opacity)) !important
    }

    .text-purple {
        --bs-text-opacity: 1;
        color: rgba(105, 0, 199, var(--bs-text-opacity)) !important;
        color: rgba(var(--bs-purple-rgb), var(--bs-text-opacity)) !important
    }

    .text-body {
        --bs-text-opacity: 1;
        color: rgba(105, 112, 122, var(--bs-text-opacity)) !important;
        color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
    }

    .text-muted {
        --bs-text-opacity: 1;
        color: #a7aeb8 !important
    }

    .page-header-ui-dark .page-header-ui-text,
    .text-white-50 {
        --bs-text-opacity: 1;
        color: hsla(0, 0%, 100%, .5) !important
    }

    .footer-admin a,
    .footer a,
    .text-reset {
        --bs-text-opacity: 1;
        color: inherit !important
    }

    .bg-primary {
        --bs-bg-opacity: 1;
        background-color: rgba(220, 57, 45, var(--bs-bg-opacity)) !important;
        background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-secondary {
        --bs-bg-opacity: 1;
        background-color: rgba(224, 229, 236, var(--bs-bg-opacity)) !important;
        background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-success {
        --bs-bg-opacity: 1;
        background-color: rgba(0, 172, 105, var(--bs-bg-opacity)) !important;
        background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-light {
        --bs-bg-opacity: 1;
        background-color: rgba(242, 246, 252, var(--bs-bg-opacity)) !important;
        background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-dark {
        --bs-bg-opacity: 1;
        background-color: rgba(33, 40, 50, var(--bs-bg-opacity)) !important;
        background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-white {
        --bs-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--bs-bg-opacity)) !important;
        background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-yellow {
        --bs-bg-opacity: 1;
        background-color: rgba(244, 161, 0, var(--bs-bg-opacity)) !important;
        background-color: rgba(var(--bs-yellow-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-green {
        --bs-bg-opacity: 1;
        background-color: rgba(0, 172, 105, var(--bs-bg-opacity)) !important;
        background-color: rgba(var(--bs-green-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-blue {
        --bs-bg-opacity: 1;
        background-color: rgba(0, 97, 242, var(--bs-bg-opacity)) !important;
        background-color: rgba(var(--bs-blue-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-purple {
        --bs-bg-opacity: 1;
        background-color: rgba(105, 0, 199, var(--bs-bg-opacity)) !important;
        background-color: rgba(var(--bs-purple-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-yellow-soft {
        --bs-bg-opacity: 1;
        background-color: rgba(242, 238, 227, var(--bs-bg-opacity)) !important;
        background-color: rgba(var(--bs-yellow-soft-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-green-soft {
        --bs-bg-opacity: 1;
        background-color: rgba(218, 239, 237, var(--bs-bg-opacity)) !important;
        background-color: rgba(var(--bs-green-soft-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-blue-soft {
        --bs-bg-opacity: 1;
        background-color: rgba(218, 231, 251, var(--bs-bg-opacity)) !important;
        background-color: rgba(var(--bs-blue-soft-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-purple-soft {
        --bs-bg-opacity: 1;
        background-color: rgba(228, 221, 247, var(--bs-bg-opacity)) !important;
        background-color: rgba(var(--bs-purple-soft-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-primary-soft {
        --bs-bg-opacity: 1;
        background-color: rgba(240, 227, 231, var(--bs-bg-opacity)) !important;
        background-color: rgba(var(--bs-primary-soft-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-success-soft {
        --bs-bg-opacity: 1;
        background-color: rgba(218, 239, 237, var(--bs-bg-opacity)) !important;
        background-color: rgba(var(--bs-success-soft-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-warning-soft {
        --bs-bg-opacity: 1;
        background-color: rgba(242, 238, 227, var(--bs-bg-opacity)) !important;
        background-color: rgba(var(--bs-warning-soft-rgb), var(--bs-bg-opacity)) !important
    }

    .bg-transparent {
        --bs-bg-opacity: 1;
        background-color: transparent !important
    }

    .rounded {
        border-radius: .35rem !important
    }

    .rounded-0 {
        border-radius: 0 !important
    }

    .rounded-3 {
        border-radius: .5rem !important
    }

    .rounded-circle {
        border-radius: 50% !important
    }

    .rounded-pill {
        border-radius: 50rem !important
    }

    .visible {
        visibility: visible !important
    }

    @media (min-width: 576px) {
        .d-sm-inline {
            display: inline !important
        }

        .d-sm-inline-block {
            display: inline-block !important
        }

        .d-sm-block {
            display: block !important
        }

        .flex-sm-row {
            flex-direction: row !important
        }

        .align-items-sm-center {
            align-items: center !important
        }

        .me-sm-2 {
            margin-right: .5rem !important
        }

        .mb-sm-0 {
            margin-bottom: 0 !important
        }

        .ms-sm-3 {
            margin-left: 1rem !important
        }

        .p-sm-4 {
            padding: 1.5rem !important
        }

        .p-sm-5 {
            padding: 2.5rem !important
        }

        .px-sm-5 {
            padding-right: 2.5rem !important;
            padding-left: 2.5rem !important
        }
    }

    @media (min-width: 768px) {
        .d-md-block {
            display: block !important
        }

        .flex-md-row {
            flex-direction: row !important
        }

        .justify-content-md-between {
            justify-content: space-between !important
        }

        .align-items-md-center {
            align-items: center !important
        }

        .me-md-1 {
            margin-right: .25rem !important
        }

        .me-md-3 {
            margin-right: 1rem !important
        }

        .mb-md-0 {
            margin-bottom: 0 !important
        }

        .ms-md-1 {
            margin-left: .25rem !important
        }

        .p-md-5 {
            padding: 2.5rem !important
        }

        .text-md-start {
            text-align: left !important
        }

        .text-md-end {
            text-align: right !important
        }
    }

    @media (min-width: 992px) {
        .d-lg-block {
            display: block !important
        }

        .d-lg-table-cell {
            display: table-cell !important
        }

        .d-lg-none {
            display: none !important
        }

        .flex-lg-row {
            flex-direction: row !important
        }

        .align-items-lg-center {
            align-items: center !important
        }

        .order-lg-0 {
            order: 0 !important
        }

        .me-lg-0 {
            margin-right: 0 !important
        }

        .me-lg-2 {
            margin-right: .5rem !important
        }

        .me-lg-3 {
            margin-right: 1rem !important
        }

        .mb-lg-0 {
            margin-bottom: 0 !important
        }

        .mb-lg-4 {
            margin-bottom: 1.5rem !important
        }

        .mb-lg-5 {
            margin-bottom: 2.5rem !important
        }

        .ms-lg-2 {
            margin-left: .5rem !important
        }

        .ms-lg-3 {
            margin-left: 1rem !important
        }

        .mt-lg-n5 {
            margin-top: -2.5rem !important
        }

        .mt-lg-n10 {
            margin-top: -6rem !important
        }

        .px-lg-0 {
            padding-right: 0 !important;
            padding-left: 0 !important
        }

        .pe-lg-4 {
            padding-right: 1.5rem !important
        }

        .pb-lg-0 {
            padding-bottom: 0 !important
        }

        .ps-lg-3 {
            padding-left: 1rem !important
        }

        .ps-lg-4 {
            padding-left: 1.5rem !important
        }

        .ps-lg-5 {
            padding-left: 2.5rem !important
        }

        .text-lg-end {
            text-align: right !important
        }

        .text-lg-center {
            text-align: center !important
        }
    }

    @media (min-width: 1200px) {
        .d-xl-block {
            display: block !important
        }

        .flex-xl-row {
            flex-direction: row !important
        }

        .mb-xl-0 {
            margin-bottom: 0 !important
        }

        .p-xl-4 {
            padding: 1.5rem !important
        }
    }

    @media (min-width: 1200px) {
        .fs-1 {
            font-size: 1.5rem !important
        }
    }

    @media print {
        .d-print-none {
            display: none !important
        }
    }

    body,
    html {
        height: 100%
    }

    body {
        overflow-x: hidden
    }

    /*   @font-face {
        font-family: Metropolis;
        src: url(../assets/fonts/metropolis/Metropolis-Thin.otf);
        font-weight: 100;
        font-style: normal
    }

    @font-face {
        font-family: Metropolis;
        src: url(../assets/fonts/metropolis/Metropolis-ThinItalic.otf);
        font-weight: 100;
        font-style: italic
    }

    @font-face {
        font-family: Metropolis;
        src: url(../assets/fonts/metropolis/Metropolis-ExtraLight.otf);
        font-weight: 200;
        font-style: normal
    }

    @font-face {
        font-family: Metropolis;
        src: url(../assets/fonts/metropolis/Metropolis-ExtraLightItalic.otf);
        font-weight: 200;
        font-style: italic
    }

    @font-face {
        font-family: Metropolis;
        src: url(../assets/fonts/metropolis/Metropolis-Light.otf);
        font-weight: 300;
        font-style: normal
    }

    @font-face {
        font-family: Metropolis;
        src: url(../assets/fonts/metropolis/Metropolis-LightItalic.otf);
        font-weight: 300;
        font-style: italic
    }*/

    @font-face {
        font-family: Metropolis;
        src: url(../assets/fonts/metropolis/Metropolis-Regular.otf);
        font-weight: 400;
        font-style: normal
    }

    @font-face {
        font-family: Metropolis;
        src: url(../assets/fonts/metropolis/Metropolis-RegularItalic.otf);
        font-weight: 400;
        font-style: italic
    }

    @font-face {
        font-family: Metropolis;
        src: url(../assets/fonts/metropolis/Metropolis-Medium.otf);
        font-weight: 500;
        font-style: normal
    }

    @font-face {
        font-family: Metropolis;
        src: url(../assets/fonts/metropolis/Metropolis-MediumItalic.otf);
        font-weight: 500;
        font-style: italic
    }

    @font-face {
        font-family: Metropolis;
        src: url(../assets/fonts/metropolis/Metropolis-SemiBold.otf);
        font-weight: 600;
        font-style: normal
    }

    @font-face {
        font-family: Metropolis;
        src: url(../assets/fonts/metropolis/Metropolis-SemiBoldItalic.otf);
        font-weight: 600;
        font-style: italic
    }

    @font-face {
        font-family: Metropolis;
        src: url(../assets/fonts/metropolis/Metropolis-Bold.otf);
        font-weight: 700;
        font-style: normal
    }

    @font-face {
        font-family: Metropolis;
        src: url(../assets/fonts/metropolis/Metropolis-BoldItalic.otf);
        font-weight: 700;
        font-style: italic
    }

    @font-face {
        font-family: Metropolis;
        src: url(../assets/fonts/metropolis/Metropolis-ExtraBold.otf);
        font-weight: 800;
        font-style: normal
    }

    @font-face {
        font-family: Metropolis;
        src: url(../assets/fonts/metropolis/Metropolis-ExtraBoldItalic.otf);
        font-weight: 800;
        font-style: italic
    }

    @font-face {
        font-family: Metropolis;
        src: url(../assets/fonts/metropolis/Metropolis-Black.otf);
        font-weight: 800;
        font-style: normal
    }

    @font-face {
        font-family: Metropolis;
        src: url(../assets/fonts/metropolis/Metropolis-BlackItalic.otf);
        font-weight: 800;
        font-style: italic
    }

    #layoutAuthentication {
        display: flex;
        flex-direction: column;
        min-height: 100vh
    }

        #layoutAuthentication #layoutAuthentication_content {
            min-width: 0;
            flex-grow: 1
        }

        #layoutAuthentication #layoutAuthentication_footer {
            min-width: 0
        }

    #layoutError {
        display: flex;
        flex-direction: column;
        min-height: 100vh
    }

        #layoutError #layoutError_content {
            min-width: 0;
            flex-grow: 1
        }

    @-webkit-keyframes fadeInUp {
        to {
            opacity: 1;
            margin-top: 0
        }
    }

    @keyframes fadeInUp {
        0% {
            opacity: 0;
            margin-top: .75rem
        }

        to {
            opacity: 1;
            margin-top: 0
        }
    }

    .animated--fade-in-up {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-timing-function: margin cubic-bezier(.18, 1.25, .4, 1), opacity cubic-bezier(0, 1, .4, 1);
        animation-timing-function: margin cubic-bezier(.18, 1.25, .4, 1), opacity cubic-bezier(0, 1, .4, 1)
    }

        .animated--fade-in-up.dropdown-menu {
            margin-top: 0;
            top: .125rem !important
        }

    @-webkit-keyframes fadeIn {
        to {
            opacity: 1
        }
    }

    @keyframes fadeIn {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    .animated--fade-in {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-timing-function: opacity cubic-bezier(0, 1, .4, 1);
        animation-timing-function: opacity cubic-bezier(0, 1, .4, 1)
    }

    .bg-gradient-primary-to-secondary {
        background-color: #dc392d !important;
        background-image: linear-gradient(135deg, #dc392d, rgba(224, 229, 236, .8)) !important
    }

    .bg-gray-300 {
        background-color: #d4dae3 !important
    }

    .bg-img-cover {
        background-position: 50%;
        background-size: cover;
        background-repeat: no-repeat
    }

    .overlay {
        position: relative
    }

        .overlay:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #000;
            opacity: .5
        }

    .overlay-20:before {
        opacity: .2
    }

    .overlay-80:before {
        opacity: .8
    }

    .border-top-lg {
        border-top-width: .25rem !important
    }

    .border-start-lg {
        border-left-width: .25rem !important
    }

    .border-yellow {
        border-color: #f4a100 !important
    }

    .border-teal {
        border-color: #00ba94 !important
    }

    .border-blue {
        border-color: #0061f2 !important
    }

    .border-indigo {
        border-color: #5800e8 !important
    }

    .border-start-primary {
        border-left-color: #dc392d !important
    }

    .border-top-primary {
        border-top-color: #dc392d !important
    }

    .border-top-yellow {
        border-top-color: #f4a100 !important
    }

    .border-top-green {
        border-top-color: #00ac69 !important
    }

    .border-bottom-primary {
        border-bottom-color: #dc392d !important
    }

    .border-gray-600 {
        border-color: #69707a !important
    }

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

    .pointer {
        cursor: pointer !important
    }

    .no-highlight {
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        user-select: none !important
    }

    .lift {
        box-shadow: 0 .15rem 1.75rem 0 rgba(33, 40, 50, .15);
        transition: transform .15s ease-in-out, box-shadow .15s ease-in-out
    }

        .lift:hover {
            transform: translateY(-.3333333333rem);
            box-shadow: 0 .5rem 2rem 0 rgba(33, 40, 50, .25)
        }

        .lift:active {
            transform: none;
            box-shadow: 0 .15rem 1.75rem 0 rgba(33, 40, 50, .15)
        }

    .lift-sm {
        box-shadow: 0 .125rem .25rem 0 rgba(33, 40, 50, .2)
    }

        .lift-sm:hover {
            transform: translateY(-.1666666667rem);
            box-shadow: 0 .25rem 1rem 0 rgba(33, 40, 50, .25)
        }

        .lift-sm:active {
            transform: none;
            box-shadow: 0 .125rem .25rem 0 rgba(33, 40, 50, .2)
        }

    .card.lift {
        text-decoration: none;
        color: inherit
    }

    .o-hidden {
        overflow: hidden !important
    }

    .shadow-right {
        box-shadow: .15rem 0 1.75rem 0 rgba(33, 40, 50, .15) !important
    }

    .text-gray-300 {
        color: #d4dae3 !important
    }

    .text-gray-400 {
        color: #c5ccd6 !important
    }

    .text-gray-500 {
        color: #a7aeb8 !important
    }

    .text-gray-600 {
        color: #69707a !important
    }

    .text-gray-700 {
        color: #4a515b !important
    }

    .text-gray-800 {
        color: #363d47 !important
    }

    .fw-300 {
        font-weight: 300 !important
    }

    .fw-400 {
        font-weight: 400 !important
    }

    .fw-500 {
        font-weight: 500 !important
    }

    .fw-600 {
        font-weight: 600 !important
    }

    .fw-700 {
        font-weight: 700 !important
    }

    .page-header-ui-dark .page-header-ui-text a,
    .text-white-75 {
        color: hsla(0, 0%, 100%, .75) !important
    }

    .text-xs {
        font-size: .75rem !important
    }

    .text-sm {
        font-size: .875rem !important
    }

    .navbar .dropdown-menu .dropdown-header,
    .text-uppercase-expanded {
        font-weight: 700;
        letter-spacing: .125em;
        text-transform: uppercase
    }

    .line-height-normal {
        line-height: normal !important
    }

    .z-1 {
        z-index: 1 !important
    }

    .z-1 {
        position: relative !important
    }

    .avatar {
        display: inline-flex;
        height: 2rem;
        width: 2rem;
        border-radius: 50%;
        position: relative;
        align-items: center;
        justify-content: center
    }

    .btn {
        display: inline-flex;
        align-items: center
    }

    .btn,
    .btn-icon {
        justify-content: center
    }

    .btn-icon {
        padding: 0;
        overflow: hidden;
        border-radius: 100%;
        flex-shrink: 0;
        height: calc((.875rem * 1) + (.875rem * 2) + (2px)) !important;
        width: calc((.875rem * 1) + (.875rem * 2) + (2px)) !important
    }

        .btn-icon.btn-lg {
            height: calc((1rem * 1) + (1.25rem * 2) + (2px)) !important;
            width: calc((1rem * 1) + (1.25rem * 2) + (2px)) !important
        }

        .btn-icon.btn-sm {
            height: calc((.75rem * 1) + (.5rem * 2) + (2px)) !important;
            width: calc((.75rem * 1) + (.5rem * 2) + (2px)) !important
        }

        .btn-icon.btn-link {
            text-decoration: none
        }

    .btn-facebook {
        color: #fff;
        background-color: #3b5998;
        border-color: #3b5998
    }

        .btn-check:focus + .btn-facebook,
        .btn-facebook:focus,
        .btn-facebook:hover {
            color: #fff;
            background-color: #324c81;
            border-color: #2f477a
        }

        .btn-check:focus + .btn-facebook,
        .btn-facebook:focus {
            box-shadow: 0 0 0 .2rem rgba(88, 114, 167, .5)
        }

        .btn-check:active + .btn-facebook,
        .btn-check:checked + .btn-facebook,
        .btn-facebook.active,
        .btn-facebook:active,
        .show > .btn-facebook.dropdown-toggle {
            color: #fff;
            background-color: #2f477a;
            border-color: #2c4372
        }

            .btn-check:active + .btn-facebook:focus,
            .btn-check:checked + .btn-facebook:focus,
            .btn-facebook.active:focus,
            .btn-facebook:active:focus,
            .show > .btn-facebook.dropdown-toggle:focus {
                box-shadow: 0 0 0 .2rem rgba(88, 114, 167, .5)
            }

        .btn-facebook.disabled,
        .btn-facebook:disabled {
            color: #fff;
            background-color: #3b5998;
            border-color: #3b5998
        }

    .btn-github {
        color: #fff;
        background-color: #333;
        border-color: #333
    }

        .btn-check:focus + .btn-github,
        .btn-github:focus,
        .btn-github:hover {
            color: #fff;
            background-color: #2b2b2b;
            border-color: #292929
        }

        .btn-check:focus + .btn-github,
        .btn-github:focus {
            box-shadow: 0 0 0 .2rem rgba(82, 82, 82, .5)
        }

        .btn-check:active + .btn-github,
        .btn-check:checked + .btn-github,
        .btn-github.active,
        .btn-github:active,
        .show > .btn-github.dropdown-toggle {
            color: #fff;
            background-color: #292929;
            border-color: #262626
        }

            .btn-check:active + .btn-github:focus,
            .btn-check:checked + .btn-github:focus,
            .btn-github.active:focus,
            .btn-github:active:focus,
            .show > .btn-github.dropdown-toggle:focus {
                box-shadow: 0 0 0 .2rem rgba(82, 82, 82, .5)
            }

        .btn-github.disabled,
        .btn-github:disabled {
            color: #fff;
            background-color: #333;
            border-color: #333
        }

    .btn-google {
        color: #fff;
        background-color: #ea4335;
        border-color: #ea4335
    }

        .btn-check:focus + .btn-google,
        .btn-google:focus,
        .btn-google:hover {
            color: #fff;
            background-color: #c7392d;
            border-color: #bb362a
        }

        .btn-check:focus + .btn-google,
        .btn-google:focus {
            box-shadow: 0 0 0 .2rem rgba(237, 95, 83, .5)
        }

        .btn-check:active + .btn-google,
        .btn-check:checked + .btn-google,
        .btn-google.active,
        .btn-google:active,
        .show > .btn-google.dropdown-toggle {
            color: #fff;
            background-color: #bb362a;
            border-color: #b03228
        }

            .btn-check:active + .btn-google:focus,
            .btn-check:checked + .btn-google:focus,
            .btn-google.active:focus,
            .btn-google:active:focus,
            .show > .btn-google.dropdown-toggle:focus {
                box-shadow: 0 0 0 .2rem rgba(237, 95, 83, .5)
            }

        .btn-google.disabled,
        .btn-google:disabled {
            color: #fff;
            background-color: #ea4335;
            border-color: #ea4335
        }

    .btn-twitter {
        color: #fff;
        background-color: #1da1f2;
        border-color: #1da1f2
    }

        .btn-check:focus + .btn-twitter,
        .btn-twitter:focus,
        .btn-twitter:hover {
            color: #fff;
            background-color: #1989ce;
            border-color: #1781c2
        }

        .btn-check:focus + .btn-twitter,
        .btn-twitter:focus {
            box-shadow: 0 0 0 .2rem rgba(63, 175, 244, .5)
        }

        .btn-check:active + .btn-twitter,
        .btn-check:checked + .btn-twitter,
        .btn-twitter.active,
        .btn-twitter:active,
        .show > .btn-twitter.dropdown-toggle {
            color: #fff;
            background-color: #1781c2;
            border-color: #1679b6
        }

            .btn-check:active + .btn-twitter:focus,
            .btn-check:checked + .btn-twitter:focus,
            .btn-twitter.active:focus,
            .btn-twitter:active:focus,
            .show > .btn-twitter.dropdown-toggle:focus {
                box-shadow: 0 0 0 .2rem rgba(63, 175, 244, .5)
            }

        .btn-twitter.disabled,
        .btn-twitter:disabled {
            color: #fff;
            background-color: #1da1f2;
            border-color: #1da1f2
        }

    .btn-transparent-dark {
        color: rgba(33, 40, 50, .5);
        background-color: transparent;
        border-color: transparent;
        color: rgba(33, 40, 50, .5) !important
    }

        .btn-check:focus + .btn-transparent-dark,
        .btn-transparent-dark:focus,
        .btn-transparent-dark:hover {
            color: rgba(33, 40, 50, .5);
            background-color: rgba(33, 40, 50, .1);
            border-color: transparent
        }

        .btn-check:focus + .btn-transparent-dark,
        .btn-transparent-dark:focus {
            box-shadow: 0 0 0 .2rem rgba(11, 14, 17, .5)
        }

        .btn-check:active + .btn-transparent-dark,
        .btn-check:checked + .btn-transparent-dark,
        .btn-transparent-dark.active,
        .btn-transparent-dark:active,
        .show > .btn-transparent-dark.dropdown-toggle {
            color: rgba(33, 40, 50, .5);
            background-color: rgba(33, 40, 50, .2);
            border-color: transparent
        }

            .btn-check:active + .btn-transparent-dark:focus,
            .btn-check:checked + .btn-transparent-dark:focus,
            .btn-transparent-dark.active:focus,
            .btn-transparent-dark:active:focus,
            .show > .btn-transparent-dark.dropdown-toggle:focus {
                box-shadow: 0 0 0 .2rem rgba(11, 14, 17, .5)
            }

        .btn-transparent-dark.disabled,
        .btn-transparent-dark:disabled {
            color: rgba(33, 40, 50, .35);
            background-color: rgba(33, 40, 50, .1);
            border-color: transparent
        }

        .btn-transparent-dark:focus {
            box-shadow: 0 0 0 .2rem rgba(33, 40, 50, .25) !important
        }

    .btn-check:active + .btn-transparent-light,
    .btn-transparent-light.active,
    .btn-transparent-light:active {
        color: hsla(0, 0%, 100%, .5);
        background-color: hsla(0, 0%, 100%, .2);
        border-color: transparent
    }

        .btn-check:active + .btn-transparent-light:focus,
        .btn-transparent-light.active:focus,
        .btn-transparent-light:active:focus {
            box-shadow: 0 0 0 .2rem rgba(88, 88, 88, .5)
        }

    .btn-check:active + .btn-white-10,
    .btn-white-10.active,
    .btn-white-10:active {
        color: hsla(0, 0%, 100%, .5);
        background-color: hsla(0, 0%, 100%, .2);
        border-color: transparent
    }

        .btn-check:active + .btn-white-10:focus,
        .btn-white-10.active:focus,
        .btn-white-10:active:focus {
            box-shadow: 0 0 0 .2rem rgba(88, 88, 88, .5)
        }

    .card {
        box-shadow: 0 .15rem 1.75rem 0 rgba(33, 40, 50, .15)
    }

        .card .card-header {
            font-weight: 500
        }

        .card:not([class*=bg-]) .card-header {
            color: #dc392d
        }

        .card.bg-dark .card-footer,
        .card.bg-dark .card-header {
            border-color: hsla(0, 0%, 100%, .15)
        }

        .card .card-header .card-header-tabs .nav-link.active {
            background-color: #fff;
            border-bottom-color: #fff
        }

    .card-header-actions .card-header {
        height: 3.5625rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: .5625rem;
        padding-bottom: .5625rem
    }

        .card-header-actions .card-header .dropdown-menu {
            margin-top: 0;
            top: .5625rem !important
        }

    .card-icon {
        overflow: hidden
    }

    .card-link {
        text-decoration: none !important
    }

        .card-link,
        .card-link:hover {
            color: inherit !important
        }

    .dropdown-menu {
        font-size: .9rem;
        border: none;
        box-shadow: 0 .15rem 1.75rem 0 rgba(33, 40, 50, .15)
    }

        .dropdown-menu .dropdown-header {
            font-size: .75rem;
            font-weight: 700;
            display: flex;
            align-items: center
        }

        .dropdown-menu .dropdown-item {
            display: flex;
            align-items: center
        }

            .dropdown-menu .dropdown-item .dropdown-item-icon {
                margin-right: .5rem;
                line-height: 1
            }

                .dropdown-menu .dropdown-item .dropdown-item-icon svg {
                    height: .9em;
                    width: .9em
                }

            .dropdown-menu .dropdown-item.active .dropdown-item-icon,
            .dropdown-menu .dropdown-item:active .dropdown-item-icon {
                color: #fff
            }

    .dropdown .dropdown-toggle {
        display: inline-flex;
        align-items: center
    }

        .dropdown .dropdown-toggle .dropdown-arrow {
            margin-left: .4rem;
            margin-right: 0;
            transition: transform .1s ease-in-out;
            font-size: .6em
        }

        .dropdown .dropdown-toggle.show .dropdown-arrow {
            transform: rotate(90deg)
        }

    .icon-stack {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%;
        height: 2.5rem;
        width: 2.5rem;
        font-size: 1rem;
        background-color: #f2f6fc
    }

        .icon-stack svg {
            height: 1rem;
            width: 1rem
        }

    .icon-stack-lg {
        height: 4rem;
        width: 4rem;
        font-size: 1.5rem
    }

        .icon-stack-lg svg {
            height: 1.5rem;
            width: 1.5rem
        }

    .icon-list-social {
        display: flex
    }

        .icon-list-social .icon-list-social-link {
            font-size: 1.25rem;
            margin-right: .5rem
        }

    .step {
        display: flex;
        flex-wrap: nowrap;
        width: 100%
    }

        .step .step-item.active a:before {
            background: #fff;
            border: .125rem solid #69707a
        }

        .step .step-item.active ~ .step-item .step-item-link {
            color: #d4dae3
        }

            .step .step-item.active ~ .step-item .step-item-link:before,
            .step .step-item.active ~ .step-item:before {
                background: #d4dae3
            }

    .step-lg .step-item.active a:before {
        border-width: .25rem
    }

    .step-primary .step-item.active a:before {
        border-color: #dc392d
    }

    .step-secondary .step-item.active a:before {
        border-color: #e0e5ec
    }

    .step-success .step-item.active a:before {
        border-color: #00ac69
    }

    .step-info .step-item.active a:before {
        border-color: #00cfd5
    }

    .step-warning .step-item.active a:before {
        border-color: #f4a100
    }

    .step-danger .step-item.active a:before {
        border-color: #e81500
    }

    .step-light .step-item.active a:before {
        border-color: #f2f6fc
    }

    .step-dark .step-item.active a:before {
        border-color: #212832
    }

    .step-black .step-item.active a:before {
        border-color: #000
    }

    .step-white .step-item.active a:before {
        border-color: #fff
    }

    .step-red .step-item.active a:before {
        border-color: #dc392d
    }

    .step-orange .step-item.active a:before {
        border-color: #f76400
    }

    .step-yellow .step-item.active a:before {
        border-color: #f4a100
    }

    .step-green .step-item.active a:before {
        border-color: #00ac69
    }

    .step-teal .step-item.active a:before {
        border-color: #00ba94
    }

    .step-cyan .step-item.active a:before {
        border-color: #00cfd5
    }

    .step-blue .step-item.active a:before {
        border-color: #0061f2
    }

    .step-indigo .step-item.active a:before {
        border-color: #5800e8
    }

    .step-purple .step-item.active a:before {
        border-color: #6900c7
    }

    .step-pink .step-item.active a:before {
        border-color: #e30059
    }

    .step-red-soft .step-item.active a:before {
        border-color: #f0e3e7
    }

    .step-orange-soft .step-item.active a:before {
        border-color: #f3e7e3
    }

    .step-yellow-soft .step-item.active a:before {
        border-color: #f2eee3
    }

    .step-green-soft .step-item.active a:before {
        border-color: #daefed
    }

    .step-teal-soft .step-item.active a:before {
        border-color: #daf0f2
    }

    .step-cyan-soft .step-item.active a:before {
        border-color: #daf2f8
    }

    .step-blue-soft .step-item.active a:before {
        border-color: #dae7fb
    }

    .step-indigo-soft .step-item.active a:before {
        border-color: #e3ddfa
    }

    .step-purple-soft .step-item.active a:before {
        border-color: #e4ddf7
    }

    .step-pink-soft .step-item.active a:before {
        border-color: #f1ddec
    }

    .step-primary-soft .step-item.active a:before {
        border-color: #f0e3e7
    }

    .step-secondary-soft .step-item.active a:before {
        border-color: #f0f4fa
    }

    .step-success-soft .step-item.active a:before {
        border-color: #daefed
    }

    .step-info-soft .step-item.active a:before {
        border-color: #daf2f8
    }

    .step-warning-soft .step-item.active a:before {
        border-color: #f2eee3
    }

    .step-danger-soft .step-item.active a:before {
        border-color: #f1e0e3
    }

    .form-check.form-check-solid .form-check-input {
        background-color: #eef2f8;
        border-color: #eef2f8
    }

        .form-check.form-check-solid .form-check-input:checked {
            background-color: #dc392d
        }

    .form-control-solid {
        border-color: #eef2f8
    }

        .form-control-solid,
        .form-control-solid:focus {
            background-color: #eef2f8
        }

    #layoutSidenav {
        display: flex
    }

        #layoutSidenav #layoutSidenav_nav {
            flex-basis: 15rem;
            flex-shrink: 0;
            transition: transform .15s ease-in-out;
            z-index: 1038;
            transform: translateX(-15rem)
        }

        #layoutSidenav #layoutSidenav_content {
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            min-width: 0;
            flex-grow: 1;
            min-height: calc(100vh - 3.625rem);
            margin-left: -15rem
        }

    .sidenav-toggled #layoutSidenav #layoutSidenav_nav {
        transform: translateX(0)
    }

    .sidenav-toggled #layoutSidenav #layoutSidenav_content:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        z-index: 1037;
        opacity: .5;
        transition: opacity .3s ease-in-out
    }

    @media (min-width: 992px) {
        #layoutSidenav #layoutSidenav_nav {
            transform: translateX(0)
        }

        #layoutSidenav #layoutSidenav_content {
            margin-left: 0;
            transition: margin .15s ease-in-out
        }

        .sidenav-toggled #layoutSidenav #layoutSidenav_nav {
            transform: translateX(-15rem)
        }

        .sidenav-toggled #layoutSidenav #layoutSidenav_content {
            margin-left: -15rem
        }

            .sidenav-toggled #layoutSidenav #layoutSidenav_content:before {
                display: none
            }
    }

    .nav-fixed .topnav {
        z-index: 1039
    }

    .nav-fixed #layoutSidenav #layoutSidenav_nav {
        width: 15rem;
        height: 100vh;
        z-index: 1038
    }

        .nav-fixed #layoutSidenav #layoutSidenav_nav .sidenav {
            padding-top: 3.625rem
        }

            .nav-fixed #layoutSidenav #layoutSidenav_nav .sidenav .sidenav-menu {
                overflow-y: hidden
            }

                .nav-fixed #layoutSidenav #layoutSidenav_nav .sidenav .sidenav-menu::-webkit-scrollbar {
                    width: .75rem
                }

                .nav-fixed #layoutSidenav #layoutSidenav_nav .sidenav .sidenav-menu::-webkit-scrollbar-thumb {
                    border-radius: 10rem;
                    background-clip: padding-box;
                    background-color: rgba(33, 40, 50, .2);
                    border: .2rem solid transparent
                }

                .nav-fixed #layoutSidenav #layoutSidenav_nav .sidenav .sidenav-menu::-webkit-scrollbar-button {
                    width: 0;
                    height: 0;
                    display: none
                }

                .nav-fixed #layoutSidenav #layoutSidenav_nav .sidenav .sidenav-menu::-webkit-scrollbar-corner {
                    background-color: transparent
                }

                .nav-fixed #layoutSidenav #layoutSidenav_nav .sidenav .sidenav-menu::-webkit-scrollbar-track {
                    background: inherit
                }

    @media (pointer: fine) and (hover: hover) {
        .nav-fixed #layoutSidenav #layoutSidenav_nav .sidenav .sidenav-menu:hover {
            overflow-y: overlay
        }
    }

    @media (pointer: coarse) and (hover: none) {
        .nav-fixed #layoutSidenav #layoutSidenav_nav .sidenav .sidenav-menu {
            overflow-y: overlay
        }
    }

    @-moz-document url-prefix() {
        .nav-fixed #layoutSidenav #layoutSidenav_nav .sidenav .sidenav-menu {
            overflow-y: scroll
        }
    }

    .nav-fixed #layoutSidenav #layoutSidenav_nav .sidenav.sidenav-dark .sidenav-menu::-webkit-scrollbar-thumb {
        background-color: hsla(0, 0%, 100%, .25);
        border-color: transparent
    }

    .nav-fixed #layoutSidenav #layoutSidenav_content {
        padding-left: 15rem;
        top: 3.625rem
    }

    .layout-rtl.sidenav-toggled #layoutSidenav #layoutSidenav_nav {
        transform: translateX(0)
    }

    @media (min-width: 992px) {
        .layout-rtl.sidenav-toggled #layoutSidenav #layoutSidenav_nav {
            transform: translateX(15rem)
        }

        .layout-rtl.sidenav-toggled #layoutSidenav #layoutSidenav_content {
            margin-right: -15rem
        }
    }

    .dropdown-notifications .dropdown-menu .dropdown-notifications-footer:active {
        color: #fff
    }

    .dropdown-user .dropdown-menu .dropdown-item:active .dropdown-item-icon {
        color: #fff
    }

    .footer-admin {
        height: 5rem;
        display: flex;
        align-items: center
    }

        .footer-admin.footer-dark {
            color: hsla(0, 0%, 100%, .6)
        }

        .footer-admin.footer-light {
            color: #a7aeb8
        }

    .nav .nav-link .nav-link-icon,
    .sidenav-menu .nav-link .nav-link-icon {
        margin-right: .5rem
    }

    .nav-borders .nav-link {
        color: #69707a;
        border-bottom: .125rem solid transparent;
        padding: .5rem 0;
        margin-left: 1rem;
        margin-right: 1rem
    }

        .nav-borders .nav-link.active {
            color: #dc392d;
            border-bottom-color: #dc392d
        }

        .nav-borders .nav-link.disabled {
            color: #c5ccd6
        }

    .nav-borders.flex-column .nav-link {
        padding: 0 1rem;
        margin: .5rem 0;
        border-bottom: none;
        border-right: .125rem solid transparent
    }

        .nav-borders.flex-column .nav-link.active {
            border-right-color: #dc392d
        }

    .navbar .form-control,
    .topnav {
        font-size: .9rem
    }

    .topnav {
        padding-left: 0;
        height: 3.625rem;
        z-index: 1039
    }

        .topnav .navbar-brand {
            width: 15rem;
            margin: 0;
            font-size: 1rem;
            font-weight: 700
        }

            .topnav .navbar-brand img {
                height: .8rem
            }

    @media (min-width: 992px) {
        .topnav .navbar-brand {
            width: 12rem
        }
    }

    .topnav.navbar-light #sidebarToggle {
        color: #212832
    }

    .topnav.navbar-light .navbar-brand {
        color: #363d47
    }

    .topnav .dropdown {
        position: static
    }

        .topnav .dropdown .dropdown-menu {
            width: calc(100% - 1.5rem);
            right: .75rem;
            left: .75rem
        }

    @media (min-width: 576px) {
        .topnav .dropdown {
            position: relative
        }

            .topnav .dropdown .dropdown-menu {
                width: auto;
                min-width: 15rem;
                right: 0;
                left: auto
            }
    }

    .nav-sticky .nav-link.active {
        font-weight: 600
    }

    .nav-sticky ul.nav > li.nav-item > a.nav-link.active ~ .nav,
    .sidenav {
        display: flex
    }

    .sidenav {
        flex-direction: column;
        height: 100%;
        flex-wrap: nowrap;
        font-size: .9rem
    }

        .sidenav .sidenav-menu {
            flex-grow: 1
        }

            .sidenav .sidenav-menu .nav {
                flex-direction: column;
                flex-wrap: nowrap
            }

                .sidenav .sidenav-menu .nav .sidenav-menu-heading {
                    padding: 1.75rem 1rem .75rem;
                    font-size: .7rem;
                    font-weight: 700;
                    text-transform: uppercase;
                    letter-spacing: .05em
                }

                .sidenav .sidenav-menu .nav .nav-link {
                    display: flex;
                    align-items: center;
                    line-height: normal;
                    padding-top: .75rem;
                    padding-bottom: .75rem;
                    position: relative
                }

                    .sidenav .sidenav-menu .nav .nav-link .nav-link-icon {
                        font-size: .9rem;
                        padding-right: .5rem;
                        display: inline-flex
                    }

                        .sidenav .sidenav-menu .nav .nav-link .nav-link-icon .feather {
                            width: 1rem;
                            height: 1rem
                        }

                    .sidenav .sidenav-menu .nav .nav-link.active {
                        font-weight: 600
                    }

                        .sidenav .sidenav-menu .nav .nav-link.active .nav-icon {
                            color: #dc392d
                        }

                    .sidenav .sidenav-menu .nav .nav-link .sidenav-collapse-arrow {
                        display: inline-block;
                        margin-left: auto;
                        transition: transform .15s ease
                    }

                    .sidenav .sidenav-menu .nav .nav-link.collapsed .sidenav-collapse-arrow {
                        transform: rotate(-90deg)
                    }

                    .sidenav .sidenav-menu .nav .nav-link .badge {
                        padding: .125rem .25rem
                    }

                .sidenav .sidenav-menu .nav .sidenav-menu-nested {
                    flex-direction: column;
                    margin-left: 1.4375rem;
                    border-left-style: solid;
                    border-left-width: thin;
                    padding-left: .5625rem
                }

        .sidenav .sidenav-footer {
            display: flex;
            flex-shrink: 0;
            align-items: center;
            padding-left: .75rem;
            padding-right: .75rem;
            height: 5rem
        }

            .sidenav .sidenav-footer .sidenav-footer-content {
                font-size: .9rem
            }

                .sidenav .sidenav-footer .sidenav-footer-content .sidenav-footer-subtitle {
                    font-size: .75rem
                }

                .sidenav .sidenav-footer .sidenav-footer-content .sidenav-footer-title {
                    font-weight: 500
                }

    .sidenav-dark {
        background-color: #272f3b;
        color: hsla(0, 0%, 100%, .5)
    }

        .sidenav-dark .sidenav-menu .sidenav-menu-heading {
            color: hsla(0, 0%, 100%, .25)
        }

        .sidenav-dark .sidenav-menu .nav-link {
            color: hsla(0, 0%, 100%, .5)
        }

            .sidenav-dark .sidenav-menu .nav-link .nav-link-icon,
            .sidenav-dark .sidenav-menu .nav-link .sidenav-collapse-arrow {
                color: hsla(0, 0%, 100%, .25)
            }

            .sidenav-dark .sidenav-menu .nav-link.active,
            .sidenav-dark .sidenav-menu .nav-link.active .nav-link-icon,
            .sidenav-dark .sidenav-menu .nav-link:hover {
                color: #fff
            }

        .sidenav-dark .sidenav-menu-nested {
            border-left-color: hsla(0, 0%, 100%, .15)
        }

        .sidenav-dark .sidenav-footer {
            background-color: rgba(0, 0, 0, .25)
        }

    .sidenav-light {
        background-color: #fff;
        color: #212832
    }

        .sidenav-light .sidenav-menu .sidenav-menu-heading {
            color: #a7aeb8
        }

        .sidenav-light .sidenav-menu .nav-link {
            color: #212832
        }

            .sidenav-light .sidenav-menu .nav-link .nav-link-icon,
            .sidenav-light .sidenav-menu .nav-link .sidenav-collapse-arrow {
                color: #a7aeb8
            }

            .sidenav-light .sidenav-menu .nav-link.active,
            .sidenav-light .sidenav-menu .nav-link.active .nav-link-icon,
            .sidenav-light .sidenav-menu .nav-link:hover {
                color: #dc392d
            }

        .sidenav-light .sidenav-menu-nested {
            border-left-color: #d4dae3
        }

        .sidenav-light .sidenav-footer {
            background-color: rgba(33, 40, 50, .05)
        }

            .sidenav-light .sidenav-footer .sidenav-footer-subtitle {
                color: #69707a
            }

    .page-header .page-header-content {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

        .page-header .page-header-content .page-header-title {
            line-height: normal;
            font-size: 2.25rem;
            font-weight: 500;
            display: flex;
            align-items: center;
            margin-bottom: 0
        }

            .page-header .page-header-content .page-header-title .page-header-icon {
                margin-right: .5rem;
                display: inline-flex
            }

    .page-header-compact .page-header-content {
        padding: 0
    }

        .page-header-compact .page-header-content .page-header-title {
            font-size: 1rem
        }

    .page-header.page-header-light {
        color: rgba(33, 40, 50, .5)
    }

        .page-header.page-header-light .page-header-title {
            color: #212832
        }

            .page-header.page-header-light .page-header-title .page-header-icon {
                color: rgba(33, 40, 50, .5)
            }

    .icons-org-create {
        display: inline-flex;
        align-items: center;
        position: relative
    }

        .icons-org-create .icon-users {
            height: 4rem;
            width: 4rem
        }

            .icons-org-create .icon-users circle,
            .icons-org-create .icon-users path:first-of-type {
                color: #dc392d
            }

            .icons-org-create .icon-users path {
                color: rgba(220, 57, 45, .35)
            }

        .icons-org-create .icon-plus {
            color: #dc392d;
            position: absolute;
            font-size: 1.5rem;
            top: -.5rem;
            right: -.75rem
        }

    .icons-org-join {
        display: inline-flex;
        position: relative
    }

        .icons-org-join .icon-user {
            height: 4rem;
            width: 4rem;
            color: #e0e5ec
        }

        .icons-org-join .icon-arrow {
            font-size: 2rem;
            margin: 1rem .5rem 1rem 0;
            color: #e0e5ec
        }

        .icons-org-join .icon-users {
            margin: .5rem 0;
            height: 3rem;
            width: 3rem
        }

            .icons-org-join .icon-users circle,
            .icons-org-join .icon-users path:first-of-type {
                color: rgba(224, 229, 236, .5)
            }

            .icons-org-join .icon-users path {
                color: rgba(224, 229, 236, .25)
            }

    .org-or-divider {
        display: flex;
        position: relative;
        width: 100%;
        justify-content: center;
        border-bottom: 1px solid #e0e5ec
    }

        .org-or-divider .org-or {
            height: 2rem;
            width: 2rem;
            position: absolute;
            top: -1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto;
            background-color: #fff;
            border-radius: 100%;
            border: 1px solid #e0e5ec;
            font-size: 80%;
            color: #e0e5ec
        }

    .invoice .table tbody tr td {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .pricing-columns .list-group-flush .list-group-item {
        display: flex;
        align-items: center
    }

    .nav-wizard .nav-link.active .wizard-step-icon {
        background-color: #fff;
        color: #dc392d
    }

        .nav-wizard .nav-link.active .wizard-step-icon .feather,
        .nav-wizard .nav-link.active .wizard-step-icon i,
        .nav-wizard .nav-link.active .wizard-step-icon svg {
            color: #dc392d
        }

    .nav-wizard .nav-link.active .wizard-step-text .wizard-step-text-name {
        color: #fff
    }

    .nav-wizard .nav-link.active .wizard-step-text .wizard-step-text-details {
        color: hsla(0, 0%, 100%, .5)
    }

    :root {
        --litepicker-month-header-color: #4a515b;
        --litepicker-button-prev-month-color: #69707a;
        --litepicker-button-next-month-color: #69707a;
        --litepicker-button-prev-month-color-hover: #212832;
        --litepicker-button-next-month-color-hover: #212832;
        --litepicker-month-weekday-color: #69707a;
        --litepicker-month-week-number-color: #69707a;
        --litepicker-day-width: 34px;
        --litepicker-day-color: #363d47;
        --litepicker-day-color-hover: #dc392d;
        --litepicker-is-today-color: #69707a;
        --litepicker-is-in-range-color: rgba(220, 57, 45, 0.15);
        --litepicker-is-start-color: #fff;
        --litepicker-is-start-color-bg: #dc392d;
        --litepicker-is-end-color: #fff;
        --litepicker-is-end-color-bg: #dc392d;
        --litepicker-button-apply-color-bg: #dc392d;
        --litepicker-button-reset-color-hover: #dc392d;
        --litepicker-highlighted-day-color: #363d47;
        --litepicker-highlighted-day-color-bg: rgba(220, 57, 45, 0.15)
    }

    .litepicker .container__months .month-item-header .button-previous-month {
        transition: none !important;
        cursor: pointer !important
    }

        .litepicker .container__months .month-item-header .button-previous-month > img,
        .litepicker .container__months .month-item-header .button-previous-month > svg {
            transform: scale(.75)
        }

    .litepicker .container__months .month-item-header .button-previous-month {
        color: #69707a !important;
        color: var(--litepicker-button-prev-month-color) !important
    }

        .litepicker .container__months .month-item-header .button-previous-month > img,
        .litepicker .container__months .month-item-header .button-previous-month > svg {
            fill: #69707a !important;
            fill: var(--litepicker-button-prev-month-color) !important
        }

        .litepicker .container__months .month-item-header .button-previous-month:hover {
            color: #212832 !important;
            color: var(--litepicker-button-prev-month-color-hover) !important
        }

            .litepicker .container__months .month-item-header .button-previous-month:hover > svg {
                fill: #212832 !important;
                fill: var(--litepicker-button-prev-month-color-hover) !important
            }

    .litepicker[data-plugins=ranges] .container__main .container__predefined-ranges {
        box-shadow: none !important;
        border-radius: .35rem !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        padding-top: .5rem;
        border-right: 1px solid #e0e5ec
    }

        .litepicker[data-plugins=ranges] .container__main .container__predefined-ranges button {
            cursor: pointer !important
        }

    .dataTable-pagination .active a,
    .dataTable-pagination .active a:focus,
    .dataTable-pagination .active a:hover {
        background-color: #dc392d
    }

    .sbp-preview {
        border-radius: .35rem;
        border: .25rem solid #e0e5ec
    }

        .sbp-preview .sbp-preview-content {
            padding: 1.5rem;
            border-bottom: 1px solid #e0e5ec;
            position: relative
        }

        .sbp-preview .sbp-preview-code {
            background-color: #f2f6fc;
            padding: 1.5rem;
            border-bottom: 1px solid #e0e5ec
        }

            .sbp-preview .sbp-preview-code .nav-tabs {
                border-bottom-color: transparent;
                font-size: .75rem;
                font-weight: 500
            }

                .sbp-preview .sbp-preview-code .nav-tabs .nav-item .nav-link {
                    border-bottom: 0;
                    display: inline-flex;
                    align-items: center
                }

                    .sbp-preview .sbp-preview-code .nav-tabs .nav-item .nav-link.active {
                        border-color: transparent;
                        background-color: #2f2f2f;
                        color: #fff
                    }

                    .sbp-preview .sbp-preview-code .nav-tabs .nav-item .nav-link .img-pug {
                        height: 1em;
                        padding: 1px 0
                    }

        .sbp-preview .sbp-preview-text {
            background-color: #f2f6fc;
            font-size: .875rem;
            padding: 1.5rem
        }

    code[class*=language-],
    pre[class*=language-] {
        text-align: left;
        white-space: pre;
        word-spacing: normal;
        word-break: normal;
        word-wrap: normal;
        color: #eee;
        background: #2f2f2f;
        font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
        font-size: .875rem;
        line-height: 1.5em;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
        -webkit-hyphens: none;
        hyphens: none
    }

        code[class*=language-]::-moz-selection,
        code[class*=language-] ::-moz-selection,
        pre[class*=language-]::-moz-selection,
        pre[class*=language-] ::-moz-selection {
            background: #363636
        }

        code[class*=language-]::selection,
        code[class*=language-] ::selection,
        pre[class*=language-]::selection,
        pre[class*=language-] ::selection {
            background: #363636
        }

    :not(pre) > code[class*=language-] {
        white-space: normal;
        border-radius: .2em;
        padding: .1em
    }

    pre[class*=language-] {
        overflow: auto;
        position: relative;
        margin: 0;
        padding: 1rem;
        max-height: 35rem
    }

    .language-css > code,
    .language-sass > code,
    .language-scss > code {
        color: #fd9170
    }

    .token.atrule {
        color: #c792ea
    }

    .token.attr-name {
        color: #ffcb6b
    }

    .token.attr-value,
    .token.attribute {
        color: #a5e844
    }

    .token.boolean {
        color: #c792ea
    }

    .token.builtin {
        color: #ffcb6b
    }

    .token.cdata,
    .token.char {
        color: #80cbc4
    }

    .token.class {
        color: #ffcb6b
    }

    .token.class-name {
        color: #f2ff00
    }

    .token.comment {
        color: #616161
    }

    .token.constant {
        color: #c792ea
    }

    .token.deleted {
        color: #f66
    }

    .token.doctype {
        color: #616161
    }

    .token.entity {
        color: #f66
    }

    .token.function {
        color: #c792ea
    }

    .token.hexcode {
        color: #f2ff00
    }

    .token.id,
    .token.important {
        color: #c792ea;
        font-weight: 700
    }

    .token.inserted {
        color: #80cbc4
    }

    .token.keyword {
        color: #c792ea
    }

    .token.number {
        color: #fd9170
    }

    .token.operator {
        color: #89ddff
    }

    .token.prolog {
        color: #616161
    }

    .token.property {
        color: #80cbc4
    }

    .token.pseudo-class,
    .token.pseudo-element {
        color: #a5e844
    }

    .token.punctuation {
        color: #89ddff
    }

    .token.regex {
        color: #f2ff00
    }

    .token.selector {
        color: #f66
    }

    .token.string {
        color: #a5e844
    }

    .token.symbol {
        color: #c792ea
    }

    .token.tag {
        color: #f66
    }

    .token.unit {
        color: #fd9170
    }

    .token.url,
    .token.variable {
        color: #f66
    }

    #layoutDefault {
        display: flex;
        flex-direction: column;
        min-height: 100vh
    }

        #layoutDefault #layoutDefault_content {
            min-width: 0;
            flex-grow: 1
        }

        #layoutDefault #layoutDefault_footer {
            min-width: 0
        }

    @media (min-width: 992px) {

        .dropdown-lg .dropdown-menu .dropdown-item:active,
        .dropdown-xl .dropdown-menu .dropdown-item:active {
            background-color: inherit;
            color: #69707a !important
        }
    }

    .navbar .dropdown-menu {
        top: calc(100% + .5rem + .5rem) !important;
        font-size: .9rem
    }

        .navbar .dropdown-menu .dropdown-header {
            font-size: .7rem;
            color: #a7aeb8
        }

    .navbar-marketing {
        transition: background-color .15s ease-in-out;
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

        .navbar-marketing .navbar-toggler {
            padding: .5rem;
            border: 0
        }

            .navbar-marketing .navbar-toggler svg {
                vertical-align: middle;
                height: 1.5rem;
                width: 1.5rem
            }

        .navbar-marketing .navbar-brand {
            font-size: 1.2rem;
            font-weight: 700
        }

            .navbar-marketing .navbar-brand img {
                height: 1rem
            }

            .navbar-marketing .navbar-brand svg {
                height: 1rem;
                fill: currentColor
            }

        .navbar-marketing .navbar-nav {
            padding-top: 1.75rem;
            padding-bottom: 1.75rem
        }

            .navbar-marketing .navbar-nav .nav-item .nav-link {
                font-weight: 500
            }

        .nav-fixed #layoutSidenav .navbar-marketing#layoutSidenav_nav,
        .nav-fixed .navbar-marketing.topnav,
        .navbar-marketing.fixed-top {
            max-height: 100vh;
            overflow-y: auto
        }

    @media (min-width: 992px) {
        .navbar-marketing {
            padding-top: 0;
            padding-bottom: 0
        }

            .navbar-marketing .navbar-nav {
                padding-top: 1.75rem;
                padding-bottom: 1.75rem
            }

                .navbar-marketing .navbar-nav .nav-item {
                    margin-right: 1rem
                }

                    .navbar-marketing .navbar-nav .nav-item:last-child {
                        margin-right: 0
                    }

            .nav-fixed #layoutSidenav .navbar-marketing#layoutSidenav_nav,
            .nav-fixed .navbar-marketing.topnav,
            .navbar-marketing.fixed-top {
                max-height: none;
                overflow-y: visible
            }
    }

    @media (max-width: 991.98px) {
        .navbar-marketing.bg-transparent.navbar-light {
            background-color: #fff !important;
            border-bottom: 1px solid #f2f6fc
        }

        .animated--fade-in,
        .animated--fade-in-up {
            -webkit-animation: none;
            animation: none
        }
    }

    .video {
        overflow: hidden
    }

    .post-preview .card-title.h5,
    .post-preview h5.card-title {
        font-size: 1.1rem;
        margin-bottom: .5rem
    }

    .post-preview .post-preview-meta {
        display: flex;
        align-items: center;
        margin-right: .5rem
    }

        .post-preview .post-preview-meta .post-preview-meta-img {
            height: 2.25rem;
            width: 2.25rem;
            border-radius: 100%;
            margin-right: .5rem;
            flex-shrink: 0
        }

        .post-preview .post-preview-meta .post-preview-meta-details .post-preview-meta-details-name {
            font-size: .9rem;
            line-height: 1;
            margin-bottom: .25rem
        }

        .post-preview .post-preview-meta .post-preview-meta-details .post-preview-meta-details-date {
            font-size: .75rem;
            line-height: 1
        }

    .post-preview-featured .post-preview-featured-img {
        height: 20rem;
        width: 100%;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover
    }

    .post-preview-featured .card-title.h5,
    .post-preview-featured h5.card-title {
        font-size: 1.75rem
    }

    .post-preview-featured p.card-text {
        font-size: 1.2rem;
        font-weight: 300
    }

    @media (min-width: 992px) {
        .post-preview-featured .post-preview-featured-img {
            height: 100%;
            width: 100%
        }
    }

    section {
        position: relative
    }

    .svg-border-angled {
        padding-top: 3rem
    }

        .svg-border-angled svg {
            position: absolute;
            bottom: 0;
            left: 0;
            height: 3rem;
            width: 100%
        }

    @media (min-width: 576px) {
        .svg-border-angled {
            padding-top: 3.5rem
        }

            .svg-border-angled svg {
                height: 3.5rem
            }
    }

    @media (min-width: 768px) {
        .svg-border-angled {
            padding-top: 4rem
        }

            .svg-border-angled svg {
                height: 4rem
            }
    }

    @media (min-width: 992px) {
        .svg-border-angled {
            padding-top: 4.5rem
        }

            .svg-border-angled svg {
                height: 4.5rem
            }
    }

    @media (min-width: 1200px) {
        .svg-border-angled {
            padding-top: 5rem
        }

            .svg-border-angled svg {
                height: 5rem
            }
    }

    .svg-border-rounded svg {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1rem;
        width: 100%
    }

    @media (min-width: 576px) {
        .svg-border-rounded svg {
            height: 1.5rem
        }
    }

    @media (min-width: 768px) {
        .svg-border-rounded svg {
            height: 2rem
        }
    }

    @media (min-width: 992px) {
        .svg-border-rounded svg {
            height: 2.5rem
        }
    }

    @media (min-width: 1200px) {
        .svg-border-rounded svg {
            height: 3rem
        }
    }

    .svg-border-waves {
        padding-top: 1rem
    }

        .svg-border-waves svg {
            position: absolute;
            bottom: 0;
            left: 0;
            height: 2rem;
            width: 100%
        }

    @media (min-width: 576px) {
        .svg-border-waves {
            padding-top: 1.5rem
        }

            .svg-border-waves svg {
                height: 2.5rem
            }
    }

    @media (min-width: 1200px) {
        .svg-border-waves {
            padding-top: 2rem
        }

            .svg-border-waves svg {
                height: 3rem
            }
    }

    /*!
* html5-device-mockups (https://github.com/pixelsign/html5-device-mockups)
* Copyright 2013 - 2018 pixelsign
* Licensed under MIT (https://github.com/pixelsign/html5-device-mockups/blob/master/LICENSE.txt)
* Last Build: Thu Dec 20 2018 14:05:50
*/
    .footer {
        font-size: .875rem
    }

        .footer .footer-brand {
            font-size: 1.2rem;
            font-weight: 700;
            margin-bottom: .25rem
        }

            .footer .footer-brand svg {
                height: 1rem
            }

        .footer.footer-dark {
            color: hsla(0, 0%, 100%, .6)
        }

            .footer.footer-dark hr {
                border-color: hsla(0, 0%, 100%, .1)
            }

        .footer.footer-light {
            color: #a7aeb8
        }

    .page-header-ui {
        position: relative;
        padding-top: 8rem;
        padding-bottom: 8rem
    }

        .page-header-ui .page-header-ui-content .page-header-ui-title {
            font-size: 2.5rem
        }

        .page-header-ui .page-header-ui-content .page-header-ui-text {
            font-size: 1.15rem
        }

            .page-header-ui .page-header-ui-content .page-header-ui-text.small {
                font-size: .9rem
            }

    .page-header-ui-dark {
        color: #fff;
        background-color: #212832
    }

        .page-header-ui-dark .page-header-ui-title {
            color: #fff
        }

    .page-header-ui-light {
        background-color: #f2f6fc
    }

        .page-header-ui-light .page-header-ui-text {
            color: #69707a
        }

            .page-header-ui-light .page-header-ui-text a {
                color: #4a515b
            }

    .pricing {
        font-size: .9rem;
        border: none
    }

    .navbar-brand img {
        height: 3.5rem !important
    }

    .pointer {
        cursor: pointer
    }

    .dropdown-toggle {
        -moz-user-select: none;
        user-select: none;
        -webkit-user-select: none
    }

    .dropdown.show .dropdown-toggle .dropdown-arrow {
        transform: rotate(90deg)
    }

    .separator {
        display: flex;
        align-items: center;
        text-align: center;
        font-size: .875rem;
        color: #69707a;
        font-style: italic
    }

        .separator:after,
        .separator:before {
            content: "";
            flex: 1;
            border-bottom: 1px solid #e0e5ec
        }

        .separator:before {
            margin-right: .5em
        }

        .separator:after {
            margin-left: .5em
        }

    .description-sidebar {
        top: calc(93px + 1.5rem)
    }

    @media (min-width: 768px) {
        .hasBanner .description-sidebar {
            top: calc(93px + 3.5rem + 1.5rem)
        }
    }

    .footer.footer-light,
    .navbar-light .navbar-nav .nav-link,
    .page-header-ui-text {
        color: #69707a !important
    }

        .page-header-ui-text a {
            font-weight: 500;
            color: #212832
        }

    .text-angular {
        color: #e23237
    }

    .text-bootstrap {
        color: #563d7c
    }

    .text-vue {
        color: #42b983
    }

    .icons-tech {
        flex-wrap: wrap
    }

        .icons-tech,
        .icons-tech sbw-tech-stack-icon {
            display: flex
        }

    .review-content p:last-child {
        margin-bottom: 0
    }

    .img-pug {
        height: 1em;
        padding: 1px 0
    }

    fa-icon svg {
        display: inline-block;
        font-size: inherit;
        height: 1em
    }

    fa-icon .fa-2x {
        height: 2em
    }

    [style*="--aspect-ratio"] > :first-child {
        width: 100%
    }

    [style*="--aspect-ratio"] > img {
        height: auto
    }

    @supports (--custom: property) {
        [style*="--aspect-ratio"] {
            position: relative
        }

            [style*="--aspect-ratio"]:before {
                content: "";
                display: block;
                padding-bottom: calc(100% / (var(--aspect-ratio)))
            }

            [style*="--aspect-ratio"] > :first-child {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%
            }
    }

    .hidden {
        display: none
    }

    .grecaptcha-badge {
        visibility: hidden
    }

    .carbon-container {
        height: 132px
    }

    #carbonads_1 {
        display: none
    }

    #carbonads {
        padding: 1rem;
        border-radius: .5rem;
        overflow: hidden;
        font-size: .8rem;
        line-height: 1rem;
        background-color: rgba(242, 246, 252, .15);
        box-shadow: 0 .15rem 1.75rem 0 rgba(33, 40, 50, .15)
    }

        #carbonads .carbon-wrap .carbon-img {
            margin: 0;
            display: block;
            float: left
        }

            #carbonads .carbon-wrap .carbon-img img {
                display: block;
                border-radius: .5rem
            }

        #carbonads .carbon-wrap .carbon-text {
            display: block;
            margin-left: 145px;
            color: hsla(0, 0%, 100%, .8);
            text-decoration: none;
            font-weight: 500
        }

        #carbonads .carbon-poweredby {
            display: block;
            margin-left: 145px;
            margin-top: .5rem;
            color: hsla(0, 0%, 100%, .6);
            text-decoration: none;
            font-weight: 700
        }

    .carbon-inverse #carbonads {
        background-color: #dc392d
    }

    .native-standard {
        position: relative;
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
    }

        .native-standard .native-banner {
            border-radius: .5rem;
            box-shadow: 0 .15rem 1.75rem 0 rgba(33, 40, 50, .15);
            display: flex;
            padding: 20px;
            margin-bottom: 30px;
            text-decoration: none;
            flex-flow: row nowrap;
            justify-content: space-between;
            align-items: center
        }

            .native-standard .native-banner .native-img {
                margin-right: 20px;
                max-height: 50px;
                line-height: 0
            }

            .native-standard .native-banner .native-main {
                display: flex;
                margin: 0 auto;
                justify-content: center;
                flex-grow: 1;
                flex-flow: row nowrap;
                align-items: center
            }

            .native-standard .native-banner .native-details {
                display: flex;
                margin-right: 20px;
                flex-flow: column nowrap
            }

            .native-standard .native-banner .native-company {
                margin-bottom: 4px;
                text-transform: uppercase;
                letter-spacing: 2px;
                font-size: 10px;
                line-height: 1
            }

            .native-standard .native-banner .native-desc {
                max-width: 600px;
                letter-spacing: 1px;
                font-weight: 300;
                line-height: 1.4
            }

            .native-standard .native-banner .native-cta {
                padding: 10px 16px;
                border-radius: .35rem;
                box-shadow: 0 .15rem 1.75rem 0 rgba(33, 40, 50, .15);
                text-transform: uppercase;
                white-space: nowrap;
                letter-spacing: 1px;
                font-weight: 400;
                font-size: 12px;
                line-height: 1;
                transition: all .3s ease-in-out;
                transform: translateY(-1px)
            }

                .native-standard .native-banner .native-cta:hover {
                    box-shadow: none;
                    transform: translateY(1px)
                }

        .native-standard .native-via {
            position: absolute;
            right: 0;
            bottom: 0;
            padding: 5px 10px;
            border-top: 0;
            border-top-left-radius: 3px;
            background: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(0, 0, 0, .025) 0, rgba(0, 0, 0, .025) 10px) rgba(241, 243, 244, .4);
            color: #444;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: .7px;
            font-weight: 600;
            font-size: 8px;
            line-height: 1
        }

    @media only screen and (min-width: 320px) and (max-width: 759px) {

        .native-standard,
        .native-standard .native-main {
            flex-flow: column nowrap
        }

            .native-standard .native-details,
            .native-standard .native-img {
                margin: 0
            }

            .native-standard .native-img {
                display: none
            }

            .native-standard .native-company {
                letter-spacing: 1px
            }

            .native-standard .native-details {
                text-align: left;
                font-size: 14px
            }

            .native-standard .native-cta {
                display: none
            }
    }

    .post header .h1,
    .post header h1 {
        font-size: 2rem
    }

    .post p {
        color: #363d47;
        font-size: 1.125rem;
        line-height: 1.75
    }

    .post p,
    .post pre {
        margin-bottom: 1.75rem
    }

    .post pre {
        padding: 1rem;
        border-radius: .35rem;
        background-color: #363d47;
        color: #00cfd5
    }

    .post-pager-link {
        width: calc(50% - 1rem);
        overflow: hidden;
        line-height: 1.35
    }

        .post-pager-link:hover {
            background-color: #f2f6fc !important
        }

        .post-pager-link.next {
            text-align: right
        }

        .post-pager-link.prev {
            text-align: left
        }

        .post-pager-link .indicator {
            font-size: .7rem;
            font-weight: 700;
            color: #c5ccd6
        }

    .bg-bundle {
        background-image: url(https://source.unsplash.com/mqO0Rf-PUMs/1600x600)
    }

    .overlay-html:before {
        background-color: #7952b3 !important
    }

    .overlay-angular:before {
        background-color: #e23237 !important
    }

    .bundle-heading.h1,
    h1.bundle-heading {
        font-size: 3rem
    }

    .bundle-tech-img {
        height: 8rem;
        width: 8rem;
        border-radius: 100%;
        background-color: #fff;
        box-shadow: 0 .15rem 1.75rem 0 rgba(33, 40, 50, .15);
        display: inline-flex;
        align-items: center;
        justify-content: center
    }

        .bundle-tech-img img {
            height: 4rem;
            width: 4rem
        }

    .btn-check:active + .btn-paypal,
    .btn-paypal.active,
    .btn-paypal:active {
        color: #000;
        background-color: #ffd061;
        border-color: #ffca4d
    }

        .btn-check:active + .btn-paypal:focus,
        .btn-paypal.active:focus,
        .btn-paypal:active:focus {
            box-shadow: 0 0 0 .2rem rgba(217, 167, 48, .5)
        }

    .btn .svg-inline--fa {
        vertical-align: -.1875em
    }

    .dropdown-menu .dropdown-item:active {
        color: #fff
    }

        .dropdown-menu .dropdown-item:active fa-icon {
            color: hsla(0, 0%, 100%, .5) !important
        }

    .icon-stack {
        flex-shrink: 0
    }

    .icon-stack-sm {
        height: 2rem;
        width: 2rem
    }

        .icon-stack-sm svg {
            height: .875rem;
            width: .875rem
        }

    .navbar-marketing {
        padding-top: .9375rem;
        padding-bottom: .9375rem
    }

        .navbar-marketing .navbar-brand {
            font-weight: 600
        }

        .navbar-marketing .btn {
            display: inline-flex;
            align-items: center;
            line-height: 1;
            height: 2.2rem;
            font-size: .75rem;
            padding: 0 1rem;
            font-weight: 600;
            text-transform: none;
            letter-spacing: normal
        }

            .navbar-marketing .btn .badge {
                top: 0;
                padding: .25rem .35rem
            }

        .navbar-marketing .dropdown-item {
            padding: .5rem 1.25rem
        }

        .navbar-marketing .dropdown-header {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
            text-transform: none !important;
            letter-spacing: normal !important
        }

    @media (min-width: 992px) {
        .navbar-marketing {
            padding-top: 0;
            padding-bottom: 0
        }
    }

    .navbar-marketing .nav-link {
        font-size: .9rem;
        width: 100%
    }

    .navbar-marketing .nav-right {
        padding-top: 0
    }

    @media (min-width: 992px) {
        .navbar-marketing .nav-right {
            padding-top: 1.75rem
        }
    }

    .navbar-marketing .btn-cart {
        padding-right: .75rem
    }

        .navbar-marketing .btn-cart .btn-cart-badge {
            margin-left: .5rem;
            font-weight: 600
        }

    .hasBanner .navbar-marketing {
        top: 0
    }

    @media (min-width: 992px) {
        .hasBanner .navbar-marketing {
            top: 3.5rem
        }

        .hasBanner .resources-sidebar {
            top: calc(93px + 3.5rem + 1rem) !important
        }
    }

    .page-header-ui {
        padding-top: 93px;
        padding-bottom: 0
    }

        .page-header-ui .page-header-ui-content {
            padding-top: 3rem;
            padding-bottom: 6rem
        }

    @media (min-width: 768px) {
        .hasBanner .page-header-ui {
            padding-top: calc(93px + 3.5rem)
        }
    }

    .pagination .page-item {
        margin: 0 .5rem
    }

        .pagination .page-item .page-link {
            height: 3rem;
            width: 3rem;
            padding: 0;
            border-radius: 100%;
            border: none;
            display: flex;
            align-items: center;
            justify-content: center
        }

    .preview-img {
        display: flex;
        overflow: hidden;
        border-radius: .35rem;
        position: relative;
        z-index: 2
    }

        .preview-img .preview-img-overlay {
            opacity: 0;
            background-color: rgba(33, 40, 50, .3);
            height: 100%;
            width: 100%;
            display: flex;
            position: absolute;
            align-items: center;
            justify-content: center;
            top: 0;
            left: 0;
            transition: opacity .15s linear;
            z-index: 1
        }

        .preview-img:hover .preview-img-overlay {
            opacity: 1;
            z-index: 1
        }

    .mt-page-header {
        margin-top: 93px !important
    }

    @media (min-width: 768px) {
        .hasBanner .mt-page-header {
            margin-top: calc(93px + 3.5rem) !important
        }
    }

    .text-github {
        color: #333 !important
    }

    .text-twitter {
        color: #1da1f2 !important
    }

    .footer-top {
        padding: 60px 0 30px 0;
    }

    .footer-bottom {
        padding: 60px 0 30px 0;
    }

    .ti-arrow-right {
        float: right;
        /*width: 70px;*/
        display: block;
        padding-left: 20px;
    }



    .border-radius-1 {
        border-radius: 1px
    }

    .border-radius-2 {
        border-radius: 2px
    }

    .border-radius-3 {
        border-radius: 3px
    }

    .border-radius-4 {
        border-radius: 4px
    }

    .border-radius-5 {
        border-radius: 5px
    }

    .border-radius-6 {
        border-radius: 6px
    }

    .border-radius-7 {
        border-radius: 7px
    }

    .border-radius-8 {
        border-radius: 8px
    }

    .border-radius-9 {
        border-radius: 9px
    }

    .border-radius-10 {
        border-radius: 10px
    }

    .border-radius-50 {
        border-radius: 50%
    }

    .border-radius-100 {
        border-radius: 100%
    }

    .border-radius-none {
        border-radius: 0
    }

    .vc_box_rounded {
        border-radius: 6px !important;
    }

    .padding-twenty-three-half-all {
        padding: 23.5%;
    }

    .padding-twenty-four-all {
        padding: 24%;
    }

    .padding-twenty-four-half-all {
        padding: 24.5%;
    }

    .padding-twenty-five-all {
        padding: 25%;
    }

    .padding-twenty-five-half-all {
        padding: 25.5%;
    }

    .padding-3px-all {
        padding: 3px;
    }

    .padding-5px-all {
        padding: 5px;
    }

    .padding-7px-all {
        padding: 7px;
    }

    .padding-10px-all {
        padding: 10px;
    }

    .padding-15px-all {
        padding: 15px;
    }

    .padding-20px-all {
        padding: 20px;
    }

    .padding-25px-all {
        padding: 25px;
    }

    .padding-30px-all {
        padding: 30px;
    }

    .padding-35px-all {
        padding: 35px;
    }

    .padding-40px-all {
        padding: 40px;
    }

    .padding-45px-all {
        padding: 45px;
    }

    .padding-50px-all {
        padding: 50px;
    }

    .padding-55px-all {
        padding: 55px;
    }

    .padding-60px-all {
        padding: 60px;
    }

    .padding-65px-all {
        padding: 65px;
    }

    .padding-70px-all {
        padding: 70px;
    }

    .padding-75px-all {
        padding: 75px;
    }

    .padding-80px-all {
        padding: 80px;
    }

    .padding-85px-all {
        padding: 85px;
    }

    .padding-90px-all {
        padding: 90px;
    }

    .padding-95px-all {
        padding: 95px;
    }

    .padding-100px-all {
        padding: 100px;
    }


    /* verticle align */
    .vertical-align-middle {
        vertical-align: middle !important;
    }

    .vertical-align-top {
        vertical-align: top;
    }

    .vertical-align-bottom {
        vertical-align: bottom;
    }

    .display-none {
        display: none;
    }

    .parallax {
        position: relative;
        background-size: cover;
        overflow: hidden;
        background-attachment: fixed;
    }

    .fix-background {
        position: relative;
        background-size: cover;
        animation-duration: 0s;
        animation-fill-mode: none;
        -webkit-animation-duration: 0s;
        -webkit-animation-fill-mode: none;
        -moz-animation-duration: 0s;
        -moz-animation-fill-mode: none;
        -ms-animation-duration: 0s;
        -ms-animation-fill-mode: none;
        overflow: hidden;
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed
    }


    .background-size-inherit {
        background-size: inherit
    }

    .background-attachment-inherit {
        background-attachment: inherit
    }

    .background-position-left {
        background-position: left center;
    }

    .background-position-left-bottom {
        background-position: left bottom;
    }

    .background-position-right {
        background-position: right center;
    }

    .background-position-top {
        background-position: center top !important;
    }

    .up-down-ani {
        display: table;
        position: relative;
        -webkit-animation-name: example;
        -webkit-animation-duration: .7s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: .7s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        -moz-animation-name: example;
        -moz-animation-duration: .7s;
        -moz-animation-timing-function: linear;
        -moz-animation-delay: .7s;
        -moz-animation-iteration-count: infinite;
        -ms-animation-name: example;
        -ms-animation-duration: .7s;
        -ms-animation-timing-function: linear;
        -ms-animation-delay: .7s;
        -ms-animation-iteration-count: infinite;
        -ms-animation-direction: alternate;
        animation-direction: alternate;
        animation-name: example;
        animation-duration: .7s;
        animation-timing-function: linear;
        animation-delay: .7s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        margin: 0 auto;
    }

    .background-position-x-50 {
        background-position-x: 50% !important;
    }

    .display-block {
        display: block !important
    }

    .display-inline-block {
        display: inline-block !important
    }

    .display-inline {
        display: inline !important
    }

    .display-none {
        display: none !important
    }

    .display-inherit {
        display: inherit !important
    }

    .display-table {
        display: table !important
    }

    .display-table-cell {
        display: table-cell !important;
    }

    .overflow-hidden {
        overflow: hidden !important
    }

    .overflow-visible {
        overflow: visible !important
    }

    .overflow-auto {
        overflow: auto !important
    }

    .display-flex {
        -ms-box-orient: horizontal;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-inline-flexbox;
        display: -moz-flex;
        display: -webkit-inline-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -o-flex-flow: row wrap;
    }

        .display-flex > div:nth-of-type(1) {
            order: 2;
            -webkit-order: 2;
            -moz-order: 2;
            -ms-order: 2
        }

        .display-flex > div:nth-of-type(2) {
            order: 1;
            -webkit-order: 1;
            -moz-order: 1;
            -ms-order: 1
        }

        .display-flex > div:nth-of-type(3) {
            order: 3;
            -webkit-order: 3;
            -moz-order: 3;
            -ms-order: 3
        }

    .padding-10px-left {
        padding-left: 10px;
    }

    .padding-15px-left {
        padding-left: 15px;
    }

    .padding-20px-left {
        padding-left: 20px;
    }

    .padding-25px-left {
        padding-left: 25px;
    }

    .padding-30px-left {
        padding-left: 30px;
    }

    .padding-35px-left {
        padding-left: 35px;
    }

    .padding-40px-left {
        padding-left: 40px;
    }

    .padding-45px-left {
        padding-left: 45px;
    }

    .padding-50px-left {
        padding-left: 50px;
    }

    .padding-55px-left {
        padding-left: 55px;
    }

    .padding-60px-left {
        padding-left: 60px;
    }

    .padding-65px-left {
        padding-left: 65px;
    }

    .padding-70px-left {
        padding-left: 70px;
    }

    .padding-75px-left {
        padding-left: 75px;
    }

    .padding-80px-left {
        padding-left: 80px;
    }

    .padding-85px-left {
        padding-left: 85px;
    }

    .padding-90px-left {
        padding-left: 90px;
    }

    .padding-95px-left {
        padding-left: 95px;
    }

    .padding-100px-left {
        padding-left: 100px;
    }

    /* font family */
    .alt-font {
        font-family: 'Montserrat', sans-serif;
        font-weight: 800 !important;
    }

    .main-font {
        font-family: 'Roboto', sans-serif;
    }

@keyframes spin {
    from {
        transform: rotateZ(0);
    }

    to {
        transform: rotateZ(1turn);
    }
}

.green-audio-player {
    width: 400px;
    min-width: 300px;
    height: 56px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.07);
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 4px;
    user-select: none;
    background-color: #fff;
    box-sizing: border-box;
    outline: none;
}

    .green-audio-player.player-accessible .play-pause-btn:hover,
    .green-audio-player.player-accessible .controls:hover,
    .green-audio-player.player-accessible .volume__button:hover,
    .green-audio-player.player-accessible .volume__controls:hover,
    .green-audio-player.player-accessible .download:hover {
        outline: dotted 1px #999;
    }

    .green-audio-player svg,
    .green-audio-player img {
        display: block;
    }

    .green-audio-player .holder {
        position: relative;
    }

        .green-audio-player .holder .loading .loading__spinner {
            position: absolute;
            left: -3px;
            bottom: 2px;
            width: 16px;
            height: 16px;
            border: 2px solid #b0b0b0;
            border-right-color: rgba(0, 0, 0, 0);
            border-radius: 50%;
            animation: spin 0.4s linear infinite;
        }

        .green-audio-player .holder .play-pause-btn {
            visibility: hidden;
            cursor: pointer;
            outline: none;
        }

            .green-audio-player .holder .play-pause-btn:focus {
                outline: none;
            }

    .green-audio-player .slider {
        flex-grow: 1;
        background-color: #d8d8d8;
        cursor: pointer;
        position: relative;
    }

        .green-audio-player .slider .gap-progress {
            background-color: #44bfa3;
            border-radius: inherit;
            position: absolute;
            pointer-events: none;
        }

            .green-audio-player .slider .gap-progress .pin {
                height: 16px;
                width: 16px;
                border-radius: 8px;
                background-color: #44bfa3;
                position: absolute;
                pointer-events: all;
                box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.32);
            }

                .green-audio-player .slider .gap-progress .pin::after {
                    content: "";
                    display: block;
                    background: rgba(0, 0, 0, 0);
                    width: 200%;
                    height: 200%;
                    margin-left: -50%;
                    margin-top: -50%;
                    border-radius: 50%;
                }

    .green-audio-player .controls {
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        line-height: 18px;
        color: #55606e;
        display: flex;
        flex-grow: 1;
        justify-content: space-between;
        align-items: center;
        margin-left: 15px;
        margin-right: 15px;
        outline: none;
    }

        .green-audio-player .controls .controls__slider {
            margin-left: 16px;
            margin-right: 16px;
            border-radius: 2px;
            height: 4px;
        }

            .green-audio-player .controls .controls__slider .controls__progress {
                width: 0;
                height: 100%;
            }

                .green-audio-player .controls .controls__slider .controls__progress .progress__pin {
                    right: -8px;
                    top: -6px;
                }

        .green-audio-player .controls span {
            cursor: default;
        }

        .green-audio-player .controls:focus {
            outline: none;
        }

    .green-audio-player .volume {
        position: relative;
    }

        .green-audio-player .volume .volume__button {
            cursor: pointer;
            outline: none;
        }

            .green-audio-player .volume .volume__button:focus {
                outline: none;
            }

            .green-audio-player .volume .volume__button.open path {
                fill: #44bfa3;
            }

        .green-audio-player .volume .volume__controls {
            width: 30px;
            height: 135px;
            background-color: rgba(0, 0, 0, 0.62);
            border-radius: 7px;
            position: absolute;
            left: -3px;
            bottom: 52px;
            flex-direction: column;
            align-items: center;
            display: flex;
            z-index: 2;
            outline: none;
        }

            .green-audio-player .volume .volume__controls .volume__slider {
                margin-top: 12px;
                margin-bottom: 12px;
                width: 6px;
                border-radius: 3px;
            }

                .green-audio-player .volume .volume__controls .volume__slider .volume__progress {
                    bottom: 0;
                    height: 100%;
                    width: 6px;
                }

                    .green-audio-player .volume .volume__controls .volume__slider .volume__progress .volume__pin {
                        left: -5px;
                        top: -8px;
                    }

            .green-audio-player .volume .volume__controls:focus {
                outline: none;
            }

            .green-audio-player .volume .volume__controls.hidden {
                display: none;
            }

            .green-audio-player .volume .volume__controls.top {
                bottom: 52px;
                left: -3px;
            }

            .green-audio-player .volume .volume__controls.middle {
                bottom: -54px;
                left: 54px;
            }

            .green-audio-player .volume .volume__controls.bottom {
                bottom: -164px;
                left: -3px;
            }

    .green-audio-player .download {
        display: none;
        margin-left: 16px;
        cursor: pointer;
        outline: none;
    }

        .green-audio-player .download:focus {
            outline: none;
        }

    .green-audio-player:focus {
        outline: none;
    }

.message__offscreen {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal;
}


.donorDinner {
    background-color: #fcf9f5;
    color: #182841;
}
    .donorDinner #imageWrapper {
        max-width: 800px;
        margin: auto;
    }
    @media (max-width: 768px) {
        .donorDinner #imageWrapper {
            max-width: 300px;
        }
    }
    .donorDinner h3 {
        font-family: "bodoni-urw", serif;
        font-weight: 400;
        font-style: normal;
        margin: 2em 0 0;
        text-align: center;
    }
@media (max-width: 768px) {
    .donorDinner h3 {
        font-size: 2em;
        line-height: 1.6;
    }
}
    .donorDinner p {
        font-family: "bodoni-urw", serif;
        font-weight: 400;
        font-style: normal;
        margin: 0 0 2em;
        text-align: center;
        font-size: 2em;
    }

        .donorDinner p span {
            color: #c39d5c;
            font-family: "bodoni-urw", serif;
            font-weight: 400;
            font-style: italic;
        }

    .donorDinner ul {
        list-style: none;
        text-align: center;
        display: block
    }

    .donorDinner .ready-player-1 {
        margin: 0 auto;
    }

    .donorDinner .green-audio-player {
        background-color: #182841;
        border-radius: 10px;
    }

        .donorDinner .green-audio-player .controls {
            color: #fff;
        }

        .donorDinner .green-audio-player .slider .gap-progress {
            background-color: #c39d5c;
            border-radius: inherit;
            position: absolute;
            pointer-events: none;
        }

            .donorDinner .green-audio-player .slider .gap-progress .pin {
                height: 16px;
                width: 16px;
                border-radius: 8px;
                background-color: #c39d5c;
                position: absolute;
                pointer-events: all;
                box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.32);
            }

        .donorDinner .green-audio-player svg path {
            fill: #fff;
        }

.vc-zigzag-inner {
    margin: 2em 0 !important;
}

#entities {
    background-color: #000;
    background-image: url(../assets/images/victory-v.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
}
h1.entities-title {
    color: #fff;
    font-size: 8em;
    line-height: normal;
    margin: 0;
    padding: 0;
    font-weight: 700;
    text-align: center;
    margin-top: 1em;
}
.entities-p {
    margin: 0 10em 7em;
}
.entities-img {
    height: 160px;
    display: flex;
    align-content: center;
}
    .entities-img a {
        display: contents;
    }
    .entities-img a img {
        align-self: center;
        max-height: 160px;
        margin: auto;
    }
@media (max-width: 1200px) {
    #entities {
        background-position: 120% 0;
        background-size: cover;
    }
}
@media (max-width: 1024px) {
    #entities {
        background-position: 100% 0;
        background-size: cover;
    }
    h1.entities-title {
        font-size: 8em;
        margin-top: .5em;
    }
    .entities-p {
        margin: 3em 0em 5em;
    }
}
@media (max-width: 430px) {
    #entities {
        background-position: 100% 0;
        background-size: cover;
    }
    h1.entities-title {
        font-size: 5em;
        margin-top: .5em;
    }
    .entities-p {
        margin: 3em 1em 5em;
    }
}