.custom-flexbox {
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
    gap: 1em;
}

.flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    -ms-flex-pack: justify;
    justify-content: space-around
}

.flex-row.between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-row.center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-row.end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.flex-row.start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flex-row.align-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    box-sizing: border-box
}

.flx-dir-col {
    flex-direction: column;
}

.flx-dir-colrev {
    flex-direction: column-reverse;
}

.flx-gap0 {
    gap: 0 !important;
}

[class^="container"] {
    width: 100%;
    margin: auto;
    box-sizing: border-box
}

.container-1600 {
    max-width: 1600px
}

.container-1200 {
    max-width: 1200px
}

.container-1100 {
    max-width: 1100px
}

.container-1000 {
    max-width: 1000px
}

.container-900 {
    max-width: 900px
}

.container-850 {
    max-width: 850px
}

.container-800 {
    max-width: 800px
}

.container-750 {
    max-width: 750px
}

.container-700 {
    max-width: 700px
}

.container-650 {
    max-width: 650px
}

.container-600 {
    max-width: 600px
}

.container-550 {
    max-width: 550px
}

.container-500 {
    max-width: 500px
}

.container-centered {
    margin: 0 auto;
}

[class^="col"] {
    box-sizing: border-box;
    padding: 10px;
    margin: 0
}

.col-1of1 {
    width: 100%
}

.col-1of2 {
    width: 50%
}

.col-1of3 {
    width: 33.3333%
}

.col-1of4 {
    width: 25%
}

.col-1of5 {
    width: 20%
}

[class^="width"] {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden
}

.width-50 {
    width: 50px
}

.width-100 {
    width: 100px
}

.width-150 {
    width: 150px
}

.width-200 {
    width: 200px
}

.width-250 {
    width: 250px
}

.width-300 {
    width: 300px
}

.padding-3 {
    padding: 3px
}

.padding-5 {
    padding: 5px
}

.padding-10 {
    padding: 10px
}

.padding-15 {
    padding: 15px
}

.padding-20 {
    padding: 20px
}

.padding-30 {
    padding: 30px
}

.padding-40 {
    padding: 40px
}

.padding-50 {
    padding: 50px
}

.bottom {
    height: 3.5em
}

.bottom li a {
    padding: 0 .5em
}

.list-inline li {
    float: left;
    margin: 0 .2em
}

.list-unstyled {
    list-style-type: none
}

.img-auto {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.text-small,
small {
    font-size: 80%
}

.star-text {
    font-size: 24px;
    line-height: 1.5em;
    position: relative;
    display: inline;
}

.star-text span {
    background-image: linear-gradient(to left, #2F80ED, #56CCF2);
    -webkit-background-clip: text;
    color: transparent;
    text-shadow: none;
}

.star-text::before,
.star-text::after {
    content: "⭐";
    display: inline;
    color: #F9A826;
    font-size: 24px;
    margin: 0 10px;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right
}

.float-right {
    float: right
}

.float-left {
    float: left
}

.text-white,
a.text-white {
    color: #fff !important
}

.no-margin {
    margin: 0
}

.no-padding {
    padding: 0
}

.no-underline {
    text-decoration: none !important
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.block {
    display: block
}

.inline-block {
    display: inline-block !important
}

a {
    background-color: transparent;
    text-decoration: none;
    color: #000
}

a:active,
a:hover {
    outline: 0
}

b,
strong {
    font-weight: 700
}

h1 {
    font-size: 2.5em
}

h2 {
    font-size: 1.5em
}

h3 {
    font-size: 1.2em
}

h4,
h5 {
    font-size: 1em
}

h1,
h2,
h3,
h4,
h5 {
    line-height: 1em;
    margin-bottom: .25em;
    font-weight: 300
}

bold {
    font-weight: 500;
}