/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
#
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
p.card-field-rm-readmore {
    margin: 0 !important;
    padding: 0 !important;
}
/*theme 1*/

.card-theme-1 .card {
    margin-bottom: 1rem;
    border: 1px solid #e6e6e6;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    background: #fefefe;
    -webkit-box-shadow: none;
    /*box-shadow: 10px 10px 5px #888888;*/
    overflow: hidden;
    color: #0a0a0a;
}
.card-theme-1 .card:hover {
}
.card-theme-1 .card-divider {
    padding: 1rem;
    background: #e6e6e6;
}

.card-theme-1 .card-section {
    padding: 1rem;
}
/* # ~~~~~ absolute position - example ~~~~~ # */
.card-theme-absolute .thumb-inner-wrapper {
    position: relative;
}
.card-theme-absolute .card-field-one  {
    position: absolute;
    top: 5%;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
    left: 0;
    right: 0;
    background: none;
    text-align: center;
}
.card-theme-absolute .card-field-three  {
    position: absolute;
    bottom: 10%;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
    left: 0;
    right: 0;
    background: none;
    text-align: center;
}

/* # ~~~~~ flipcard example ~~~~~ # */

.card-theme-flipbox .card {
    min-height: 300px;
}

/* # ~~~~~ card grow ~~~~~ # */

.card-grow .card {
    transform: scale(1);
    transition: all 0.285s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;

}
.card-grow .card:hover {
    transform: scale(1.1);
    z-index: 2;
}
.growlight .card {
    transform: scale(1);
    transition: all 0.285s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;

}
.growlight .card:hover {
    transform: scale(1.05);
    z-index: 2;
}
.growmedium .card {
    transform: scale(1);
    transition: all 0.285s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;

}
.growmedium .card:hover {
    transform: scale(1.05);
    z-index: 2;
}
/* # ~~~~~ clean and center ~~~~~ # */
.card-center .card-divider,
.card-center .card {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.card-clean .card-divider {
    background: none;
}
.card-clean .card {
    border:none;
}
/* # ~~~~~ clean and left ~~~~~ # */
.card-left .card-divider,
.card-left .card {
    text-align: left;
}
.card-clean .card {
    background: none;
}
/*.card-shadow .card {*/
    /*box-shadow: ;*/
/*}*/
.card-shadow .card {
    position:relative;
    -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 1px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1) inset;
    transition: all 0.285s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}
.card-shadow .card:hover {
    position:relative;
    -webkit-box-shadow:0 1px 40px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 40px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 40px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    transition: all 0.285s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}
/*.card-shadow .card:before, .card-shadow .card:after {*/
    /*content:"";*/
    /*position:absolute;*/
    /*z-index:-1;*/
    /*-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);*/
    /*-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);*/
    /*box-shadow:0 0 20px rgba(0,0,0,0.8);*/
    /*top:0;*/
    /*bottom:0;*/
    /*left:10px;*/
    /*right:10px;*/
    /*-moz-border-radius:100px / 10px;*/
    /*border-radius:100px / 10px;*/
/*}*/
/*.card-shadow .card:after {*/
    /*right:10px;*/
    /*left:auto;*/
    /*-webkit-transform:skew(8deg) rotate(3deg);*/
    /*-moz-transform:skew(8deg) rotate(3deg);*/
    /*-ms-transform:skew(8deg) rotate(3deg);*/
    /*-o-transform:skew(8deg) rotate(3deg);*/
    /*transform:skew(8deg) rotate(3deg);*/
/*}*/


/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# Cardtheme  centered text over pic and background-opacity
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.thumb-theme-4.centertext-opacity .card {
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    background: #fefefe;
    -webkit-box-shadow: none;
    /*box-shadow: 10px 10px 5px #888888;*/
    overflow: hidden;
    color: #fff;
}
.thumb-theme-4.centertext-opacity .card:hover {
}
.thumb-theme-4.centertext-opacity .card-divider {
    padding: 1rem;
    background: none;
}
.thumb-theme-4.centertext-opacity .card a img {
    -webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -ms-filter: grayscale(50%);
    -o-filter: grayscale(50%);
    filter: grayscale(50%);
    /*filter: url(grayscale.svg); !* Firefox 4+ *!*/
    filter: gray; /* IE 6-9 */
    /*background-color: rgba(0, 0, 0, 0.5);*/
    /*background: rgba(0, 0, 0, 0.5);*/
    opacity: 0;
    transform: scale(1.175);
    transition: all 0.285s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}
.thumb-theme-4.centertext-opacity .card a img:hover,
.thumb-theme-4.centertext-opacity .card:hover a img {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    opacity: 1;
    transition: all 0.5s;
    transform: scale(1);
}
.thumb-theme-4.centertext-opacity .thumb-inner-wrapper {
    background: #7C8D78;
    /*background: rgb(95, 79, 92);*/
    /* Old Browsers */background: -moz-linear-gradient(left, rgb(95, 79, 92) 0%, rgb(86, 73, 83) 100%);
    /* FF3.6+ */background: -webkit-gradient(left top, right top, color-stop(0%, rgb(95, 79, 92)), color-stop(100%, rgb(86, 73, 83)));
    /* Chrome, Safari4+ */background: -webkit-linear-gradient(left, rgb(95, 79, 92) 0%, rgb(86, 73, 83) 100%);
    /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left, rgb(95, 79, 92) 0%, rgb(86, 73, 83) 100%);
    /* Opera 11.10+ */background: -ms-linear-gradient(left, rgb(95, 79, 92) 0%, rgb(86, 73, 83) 100%);
    /* IE 10+ */background: linear-gradient(to right, rgb(95, 79, 92) 0%, rgb(86, 73, 83) 100%);
    /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1530f', endColorstr='#c74d10', GradientType=1 );
    /* IE6-9 */
}
.thumb-theme-4.centertext-opacity .thumb-inner-wrapper {
    position: relative;
    overflow: hidden;

}
.thumb-theme-4.centertext-opacity .card-field-one{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    /*-webkit-transform: translateX(-50%);*/
    /*-ms-transform: translateX(-50%);*/
    /*transform: translateX(-50%);*/
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    /*overflow: auto;*/
    margin: auto;

    /*top: 50%; left: 0; bottom: 50%; right: 0;*/
    z-index: 2;
}
.thumb-theme-4.centertext-opacity .card-field-one h3{
    display: block;
    width: 100%;
    padding: 0 1em !important;
}

.thumb-theme-4.centertext-opacity .card-field-one h3 a{
    z-index: 2;
    color: #fff;
    font-size: 125%;
    text-align: center;
}
@media all and (-ms-high-contrast:none) {
    .thumb-theme-4.centertext-opacity .card {
        max-height: 200px;
    } /* IE10 */
    *::-ms-backdrop, .thumb-theme-4.centertext-opacity .card {
        max-height: 200px;
    } /* IE11 */
}

/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# colored boxes
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.colored-boxes .cell {
    margin-bottom: 1.875rem;
}
.colored-boxes .card {
    margin: 0 !important;
    padding: 1rem !important;
    border:inherit;
}
.colored-boxes .card:hover {
    margin: 0 !important;
    padding: 1rem !important;
}
.colored-boxes .card:hover {
}
.colored-boxes .card-divider {
    margin: 0 !important;
    padding: 0 !important;
    background: none;
}
.colored-boxes .card a img,
.colored-boxes .card img {
    display: none;
    visibility: hidden;
}

.colored-boxes .thumb-inner-wrapper {
    background: #7C8D78;
    transition: all 0.5s;
}
.colored-boxes .thumb-inner-wrapper:hover {
    background: rgb(95, 79, 92);
    transition: all 0.5s;
    transform: scale(1.175);
}
.colored-boxes .card-field-one{
}
.colored-boxes .card-field-one h3{
    display: block;
    line-height: inherit;
    margin: 0 !important;
    padding: 0 !important;
    font-size: inherit;
    width: 100%;
}

.colored-boxes .card-field-one h3 a{
    z-index: 2;
    color: #fff;
    font-size: 90%;
    font-size: .9rem;
    /*text-align: center;*/
    text-decoration: none;
    line-height: inherit;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    display: block;
    width: 100%;
}
.colored-boxes .card-field-one h3 a:after{
        font-family: "Font Awesome 6 Pro";
        content: "\f105";
    text-align: center;
    width: 1.25em;
    position: absolute;
    right: 0;
}


/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# colored boxes two fields
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.colored-boxes-two-fields .cell {
    margin-bottom: 1.875rem;
}
.colored-boxes-two-fields .card {
    margin: 0 !important;
    padding: 1rem !important;
    border:inherit;
}
.colored-boxes-two-fields .card:hover {
    margin: 0 !important;
    padding: 1rem !important;
}
.colored-boxes-two-fields .card:hover {
}
.colored-boxes-two-fields .card-divider {
    margin: 0 !important;
    padding: 0 !important;
    background: none;
}
.colored-boxes-two-fields .card a img,
.colored-boxes-two-fields .card img {
    display: none;
    visibility: hidden;
}

.colored-boxes-two-fields .thumb-inner-wrapper {
    background: #ECECEC;
    transition: all 0.5s;
}
.colored-boxes-two-fields .thumb-inner-wrapper:hover {
    background: #00A7D3;
    transition: all 0.5s;
    transform: scale(1.175);
}
.colored-boxes-two-fields .card-field-one{
}
.colored-boxes-two-fields .card-field-one span{
    display: block;
    line-height: inherit;
    margin: 0 !important;
    padding: 0 !important;
    font-size: inherit;
    width: 100%;
}

.colored-boxes-two-fields .card-field-one span a{
    z-index: 2;
    color: #333;
    font-size: 90%;
    font-size: .9rem;
    /*text-align: center;*/
    text-decoration: none;
    line-height: inherit;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    display: block;
    width: 100%;
}
.colored-boxes-two-fields .card-field-one h3 a:after{
    font-family: "Font Awesome 6 Pro";
    content: "\f105";
    text-align: center;
    width: 1.25em;
    position: absolute;
    right: 0;
}

.colored-boxes-two-fields .card-field-two h3{
    display: block;
    line-height: inherit;
    margin: 0 !important;
    padding: 0 !important;
    font-size: inherit;
    width: 100%;
}

.colored-boxes-two-fields .card-field-two h3 a{
    z-index: 2;
    color: #333;
    font-size: 130%;
    font-size: 1.3rem;
    /*text-align: center;*/
    text-decoration: none;
    line-height: inherit;
    margin: 0 !important;
    padding: .5em 0 0 0 !important;
    position: relative;
    display: block;
    width: 100%;
}
.colored-boxes-two-fields .card-field-two h3 a:after{
    font-family: "Font Awesome 6 Pro";
    content: "\f105";
    text-align: center;
    width: 1.25em;
    position: absolute;
    right: 0;
}
/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# colored boxes two fields addons for var
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


.cbtfv .cell {
    margin-bottom: 1.875rem;
}
.cbtfv .card {
    margin: 0 !important;
    padding: 0 !important;
    border:inherit;
}
.cbtfv .card:hover {
    margin: 0 !important;
    padding: 0 !important;
}
.cbtfv .card:hover {
}
.cbtfv .card-divider {
    margin: 0 !important;
    padding: 0 !important;
    background: none;
}
.cbtfv .card a img,
.cbtfv .card img {
    display: none;
    visibility: hidden;
}

.cbtfv .thumb-inner-wrapper {
    background: var(--cbtfv-background);
    transition: all 0.5s;
}
.cbtfv .thumb-inner-wrapper:hover {
    background: var(--cbtfv-background-over);
    transition: all 0.5s;
    transform: scale(1.175);
}
.cbtfv .card-field-one{
}
.cbtfv .card-field-one span{
    display: block;
    line-height: inherit;
    margin: 0 !important;
    font-size: inherit;
    width: 100%;
}

.cbtfv .card-field-one span a{
    z-index: 2;
    color: var(--cbtfv-color);
    font-size: 90%;
    font-size: .9rem;
    /*text-align: center;*/
    text-decoration: none;
    line-height: inherit;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    display: block;
    width: 100%;
}

.cbtfv .card-field-one h3 a:after{
    font-family: "Font Awesome 6 Pro";
    content: "\f105";
    text-align: center;
    width: 1.25em;
    position: absolute;
    right: 0;
}

.cbtfv .card-field-two h3{
    display: block;
    line-height: inherit;
    margin: 0 !important;
    padding: 0 !important;
    font-size: inherit;
    width: 100%;
}

.cbtfv .card-field-two h3 a{
    z-index: 2;
    color:  var(--cbtfv-color);
    font-size: var(--cbtfv-link-fontsize);
    /*text-align: center;*/
    text-decoration: none;
    line-height: inherit;
    margin: 0 !important;
    /*padding: .5em 0 0 0 !important;*/
    position: relative;
    display: block;
    width: 100%;
}
.cbtfv .card-field-two h3 a:after{
    font-family: "Font Awesome 6 Pro";
    content: "\f105";
    text-align: center;
    width: 1.25em;
    position: absolute;
    right: 1rem;
}
.cbtfv .thumb-inner-wrapper:hover span a,
.cbtfv .thumb-inner-wrapper:hover h3 a{
    color: var(--cbtfv-color-over) !important;
}
.cbtfv .card-field-two h3 a {
    padding: var(--cbtfv-link-padding) !important;
}
/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# horizontal cards list
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.horizontal-cards-list .card-section-one,
.horizontal-cards-list .card-section-two {
    min-width: 50%;
}
.horizontal-cards.width14 .card-section-one {
    min-width: 25%;
}
.horizontal-cards.width14 .card-section-two {
    min-width: 75%;
}
.horizontal-cards-list .card-section-one {
    display: flex;
    align-items: center;
}

@media screen and (min-width: 64em) {
    .horizontal-cards-list.picright .cell:nth-child(odd) .card.horizontal-list {
        flex-direction: row-reverse;
        /*padding-right: 2em;*/
    }
    .horizontal-cards-list.picright .cell:nth-child(even) .card.horizontal-list {
        flex-direction: row-reverse;
        /*padding-right: 2em;*/
    }
    .horizontal-cards-list.picleft .cell:nth-child(odd) .card.horizontal-list {
        flex-direction: row;
        /*padding-right: 2em;*/
    }
    .horizontal-cards-list.picleft .cell:nth-child(even) .card.horizontal-list {
        flex-direction: row;
        /*padding-right: 2em;*/
    }
    .horizontal-cards-list.picleft .cell .card.horizontal-list {
        flex-direction: row;
        /*padding-right: 2em;*/
    }
    .card.horizontal .card-section {
        flex: 1 1 auto;
        margin: 0;
        padding: 0;
    }
    .horizontal-cards-list .card.horizontal .card-section {
        padding-right: 1em;
        padding-left: 1em;
    }
    .horizontal-cards-list .cell .card.horizontal-list .card-section {
        padding-left: 1em;
        padding-right: 1em;
    }
    .horizontal-cards-list .card.horizontal-list .card-section-two {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        max-width: 50%;
    }
    .horizontal-cards-list .card.horizontal-list .card-section-two * {
        max-width: 100%;
        text-align: center;
    }
    .card.horizontal .card-section-two {
        display: flex;
        flex-direction: column;
    }
    .horizontal-cards-list .card.horizontal .card-field-rm {
        align-self: end;
        text-align: left;
    }
}
/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# horizontal cards
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.horizontal-cards.half-width .card-section-one,
.horizontal-cards.half-width .card-section-two {
    min-width: 50%;
}
.horizontal-cards.width14 .card-section-one {
    min-width: 25%;
}
.horizontal-cards.width14 .card-section-two {
    min-width: 75%;
}
.horizontal-cards .card-section-one {
    display: flex;
    align-items: center;
}

@media screen and (min-width: 64em) {
    .horizontal-cards .cell:nth-child(odd) .card.horizontal {
        flex-direction: row-reverse;
        padding-right: 2em;
    }
    .horizontal-cards .cell:nth-child(even) .card.horizontal {
        flex-direction: row;
        padding-left: 2em;
    }
    .card.horizontal .card-section {
        flex: 1 1 auto;
        margin: 0;
        padding: 0;
    }
    .horizontal-cards .card.horizontal .card-section {
        padding-right: 1em;
        padding-left: 1em;
    }
    .horizontal-cards .cell:nth-child(even) .card.horizontal .card-section {
        padding-left: 1em;
        padding-right: 1em;
    }
    .card.horizontal .card-section-two {
        display: flex;
        flex-direction: column;
    }
    .card.horizontal .card-field-rm {
        align-self: end;
        text-align: left;
    }
}
.horizontal-cards .card {
    background: #f1f1f1 !important;
}
.horizontal-cards-nobg .card,
.card.horizontal.nobg {
    background: none !important;
}
@media only screen and (min-width: 40.063em) {
    .horizontal-cards.zebra .cell:nth-child(odd) .card.horizontal {
        flex-direction: row-reverse;
        padding-right: 2em;
    }
    .horizontal-cards.zebra .cell:nth-child(even) .card.horizontal {
        flex-direction: row;
        padding-left: 2em;
    }
    .horizontal-cards.zebra .card.horizontal .card-section {
        flex: 1 1 auto;
        margin: 0;
        padding: 0;
    }
    .horizontal-cards.zebra .card.horizontal .card-section {
        padding-right: 1em;
        padding-left: 1em;
    }
    .horizontal-cards.zebra .cell:nth-child(even) .card.horizontal .card-section {
        padding-left: 1em;
        padding-right: 1em;
    }
    .card.horizontal .card-section-two {
        display: flex;
        flex-direction: column;
    }
    .horizontal-cards.zebra .card.horizontal .card-field-rm {
        align-self: end;
        text-align: left;
    }
    .horizontal-cards.zebra .cmi img {
        /*min-width: 50%;*/
        /*max-width: 50%;*/
        height: auto;
    }
}
.horizontal-cards.zebra .cell:nth-child(odd) .card.horizontal {
    flex-direction: row-reverse;
    padding-right: 0;
}
.horizontal-cards.zebra .cell:nth-child(even) .card.horizontal {
    flex-direction: row;
    padding-left: 0;
}
.horizontal-cards.zebra .card-section-two {
    padding: 1em !important;
}
@media screen and (max-width: 40.063em) {
    .card.horizontal .card-section-two {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
}
@media only screen and (max-width: 40.063em) {
    .horizontal-cards.zebra .card-section-one,
    .horizontal-cards.zebrah .card-section-two {
        /*min-width: 100%;*/
    }
    .horizontal-cards.zebra .cell:nth-child(odd) .card.horizontal,
    .horizontal-cards.zebra .cell:nth-child(even) .card.horizontal{
        flex-direction: column;
    }
}
/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# round pix
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.card-theme-1.rounded-pics .card {
    margin-bottom: 1rem;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    background: #fff;
    -webkit-box-shadow: none;
    /*box-shadow: 10px 10px 5px #888888;*/
    overflow: hidden;
    color: #0a0a0a;
}
.card-theme-1.rounded-pics .card:hover {
}
.card-theme-1.rounded-pics .card-divider {
    padding: 1rem;
    background: #fff;
}
.card-theme-1.rounded-pics .card-section {
    padding: 1rem;
}
.card-theme-1.rounded-pics img {
    border-radius: 50%;
}
/* # ~~~~~ padding for the image container  ~~~~~ # */
.card-theme-1.rounded-pics .cmi {
    padding: 1em;
}


/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# Pic as background - Text centered bottom
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.card-theme-background-pics .card {
    border: none;
    border-radius: 0;
    background: #fefefe;
    -webkit-box-shadow: none;
    /*box-shadow: 10px 10px 5px #888888;*/
    overflow: hidden;
    color: #fff;
}
.card-theme-background-pics .card:hover {
}
.card-theme-background-pics .card-divider {
    padding: 0;
    background: none;
}

.card-theme-background-pics .thumb-inner-wrapper {
    position: relative;
    overflow: hidden;
}

.card-theme-background-pics .cbp-inner > * {
    /*align-self: flex-end;*/
}
.card-theme-background-pics .card-field-one h3{
    display: block;
    width: 100%;
    padding: 0 1em !important;
}
.flexrow .card-field-three {
    max-width: 20%;
    flex: auto;
    align-self: flex-end;
}
.flexrow .card-field-four {
    max-width: 50%;
    flex: auto;
    align-self: flex-end;
}
.flexrow .card-field-rm {
    max-width: 30%;
    flex: auto;
    align-self: flex-end;
    align-items: flex-end;
}
.card-theme-background-pics * a{
    z-index: 2;
    color: #fff;
    text-align: center;
}
@media all and (-ms-high-contrast:none) {
    .card-theme-background-pics .card {
        max-height: 200px;
    } /* IE10 */
    *::-ms-backdrop, .card-theme-background-pics .card {
        max-height: 200px;
    } /* IE11 */
}

/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# Pic as background for Fields 1 + 2
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.card-theme-bgp-top .card{
    position: relative;
    border: none;
    border-radius: 0;
    /*background: #fefefe;*/
    -webkit-box-shadow: none;
    /*box-shadow: 10px 10px 5px #888888;*/
    /*overflow: hidden;*/
    /*color: #fff;*/
    display: flex;
    height: 100%;
}

.ctbt-fields-one-two {
    height: 100%;
    z-index: 1;
}

/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# Pic as background for Fields 1 - 4
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.card-theme-bgp-four-fields .card{
    position: relative;
    border: none;
    border-radius: 0;
    /*background: #fefefe;*/
    -webkit-box-shadow: none;
    /*box-shadow: 10px 10px 5px #888888;*/
    /*overflow: hidden;*/
    /*color: #fff;*/
    display: flex;
    height: 100%;
}

.card-theme-bgp-four-fields-inner {
    position: relative;
    height: 100%;
}
.bgp4-top,
.bgp4-bottom {
    position: absolute;
    z-index: 1;
}
.bgp4-top {
    top: 1em;
}

.bgp4-bottom {
    bottom: 1em;
}
.card.ce-card-item-picbg {
    border: none
}
.picbg-bottom-field {
    position: absolute;
    z-index: 1;
    opacity:.99;
    bottom: 0;
    left: 0;
    width: 100%;

}
.picbg-bottom-field-inner {
    margin: 0 5em -2em 0 !important;
}


/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# cards-green (pic at background - titel at bottom with icon
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.card-green-bottom-field {
    background: rgba(255,255,255, 0.1);
}

.bottom-field-offset {
    margin: 0 5em -2em 0
}
/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# Simple Menu with Icon
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.card-theme-simple-icon .card {
    margin-bottom: 1rem;
    border: none;
    background: #fff;
    -webkit-box-shadow: none;
    /*box-shadow: 10px 10px 5px #888888;*/
    /*min-height: 10rem;*/
    position: relative;
}
.simple-icon-text {
  padding-left: 40px !important;
}
.simple-icon-text p {
    line-height: normal;
}
.simple-icon-gfx {
    position: absolute;
    top: 15px;
    min-height: 30px;
}
.card-theme-simple-icon .card-divider {
    padding: 0;
    background: #fff;
    padding: 1rem;
}
.card-theme-simple-icon .card-section {
    padding: 1rem;
}
.card-theme-simple-icon img {
    /*border-radius: 50%;*/
}
/* # ~~~~~ padding for the image container  ~~~~~ # */
.card-theme-simple-icon .cmi {
    padding: 0;
}

/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# colored boxes on pages layout
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

.colored-boxes-layout .card {
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    background: #fefefe;
    -webkit-box-shadow: none;
    /*box-shadow: 10px 10px 5px #888888;*/
    overflow: hidden;
    color: #fff;
}
.colored-boxes-layout .card:hover {
}
.colored-boxes-layout .card-divider {
    padding: 1rem;
    background: none;
}
.colored-boxes-layout .card a img {
    -webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -ms-filter: grayscale(50%);
    -o-filter: grayscale(50%);
    filter: grayscale(50%);
    /*filter: url(grayscale.svg); !* Firefox 4+ *!*/
    filter: gray; /* IE 6-9 */
    /*background-color: rgba(0, 0, 0, 0.5);*/
    /*background: rgba(0, 0, 0, 0.5);*/
    opacity: 0;
    transform: scale(1.175);
    transition: all 0.285s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}
.colored-boxes-layout .card a img:hover,
.colored-boxes-layout .card:hover a img  {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    opacity: 1;
    transition: all 0.5s;
    transform: scale(1);
}
.colored-boxes-layout .card-background-0 {
    background: #7C8D78;
}
.colored-boxes-layout .card-background-1 {
    background: #78828C;
}
.colored-boxes-layout .card-background-2 {
    background: #83788C;
}
.colored-boxes-layout .card-background-3 {
    background: #907A7C;
}
.colored-boxes-layout .card-background-4 {
    background: #91877B;
}
.colored-boxes-layout .card-background-5 {
    background: #91907B;
}
.colored-boxes-layout .thumb-inner-wrapper {
    position: relative;
    overflow: hidden;

}
.colored-boxes-layout .card-field-one{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    /*-webkit-transform: translateX(-50%);*/
    /*-ms-transform: translateX(-50%);*/
    /*transform: translateX(-50%);*/
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    /*overflow: auto;*/
    margin: auto;

    /*top: 50%; left: 0; bottom: 50%; right: 0;*/
    z-index: 2;
}
.colored-boxes-layout .card-field-one h3{
    display: block;
    width: 100%;
    padding: 0 1em !important;
}

.colored-boxes-layout .card-field-one h3 a{
    z-index: 2;
    color: #fff;
    font-size: 125%;
    text-align: center;
    text-decoration: none;
}

.colored-boxes-layout i.card-fa-icon {
    display: inline-block;
    width: 100%;
    text-align: center;
    transition: all 0.5s;
}
.colored-boxes-layout .card:hover i.card-fa-icon {
    opacity: .2;
    transform: scale(2);
    transition: all 0.5s;
}

@media all and (-ms-high-contrast:none) {
    .colored-boxes-layout .card {
        max-height: 200px;
    } /* IE10 */
    *::-ms-backdrop, .colored-boxes-layout .card {
        max-height: 200px;
    } /* IE11 */
}


/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# colored boxes colored-boxes-page-flex
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/



.colored-boxes-page-flex a .card img {
    -webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
    -ms-filter: grayscale(50%);
    -o-filter: grayscale(50%);
    filter: grayscale(50%);
    /*filter: url(grayscale.svg); !* Firefox 4+ *!*/
    filter: gray; /* IE 6-9 */
    /*background-color: rgba(0, 0, 0, 0.5);*/
    /*background: rgba(0, 0, 0, 0.5);*/
    opacity: 0;
    transform: scale(0.875);
    transition: all 0.285s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}
.colored-boxes-page-flex a .card  img:hover,
.colored-boxes-page-flex a .card:hover img  {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    opacity: 1;
    transition: all 0.5s;
    transform: scale(1);
}
.colored-boxes-page-flex .card {
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    background: #fefefe;
    -webkit-box-shadow: none;
    /*box-shadow: 10px 10px 5px #888888;*/
    overflow: hidden;
    color: #fff;

}
.colored-boxes-page-flex a .css-page-one,
.colored-boxes-page-flex .css-page-thirteen,
.colored-boxes-page-flex .css-page-seven {
    background: #7C8D78;
}
.colored-boxes-page-flex .css-page-two,
.colored-boxes-page-flex .css-page-fourteen,
.colored-boxes-page-flex .css-page-eight {
    background: #78828C;
}
.colored-boxes-page-flex .css-page-three,
.colored-boxes-page-flex .css-page-nine {
    background: #83788C;
}
.colored-boxes-page-flex .css-page-four,
.colored-boxes-page-flex .css-page-ten {
    background: #907A7C;
}
.colored-boxes-page-flex .css-page-five,
.colored-boxes-page-flex .css-page-eleven {
    background: #91877B;
}
.colored-boxes-page-flex .css-page-six,
.colored-boxes-page-flex .css-page-twelve {
    background: #91907B;
}
.colored-boxes-page-flex .thumb-inner-wrapper {
    position: relative;
    height:100%;

}
.flexmother {
    position: absolute;
    height:100%;
    width: 100%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.colored-boxes-page-flex .card-field-one,
.colored-boxes-page-flex .card-field-two{

}

.colored-boxes-page-flex .card-field-one{
}
.colored-boxes-page-flex .card-field-two{
}
.colored-boxes-page-flex .card-field-one h3{
    display: block;
    width: 100%;
    padding: 0 1em !important;
}

.colored-boxes-page-flex .card-field-one h3 a{
    z-index: 2;
    color: #fff;
    font-size: 125%;
    text-align: center;
    text-decoration: none;
}



@media all and (-ms-high-contrast:none) {
    .colored-boxes-page-flex .card {
        max-height: 200px;
    } /* IE10 */
    *::-ms-backdrop, .colored-boxes-page-flex .card {
        max-height: 200px;
    } /* IE11 */
}

/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# Flexbox Test
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.card-theme-flex .card-section-bottom{

}
.position-absolute.b0-l0{
    bottom: 0;
    left: 0
}
.position-absolute.b0-r0{
    bottom: 0;
    right: 0
}
.position-absolute.p{
    bottom: 0;
    left: 0
}
.position-absolute.b0-center {
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# card categories
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.card-cat-all {
    margin-left: 1em
}
/*sample colored cats:*/
.card-cats .card-cat-11 {
    display: inline-block;
    background: red;
    color: white;
    padding: .1em .2em
}
/*sample for card date:*/
.card-date:before  {
    font-family: "Font Awesome 6 Pro";
    /*font-size: 50px;*/
    content: "\f073";
    text-align: center;
    padding-right: .5em;
    width: 1.25em;
}
/*sample for card date:*/
.card-author-all:before  {
    font-family: "Font Awesome 6 Pro";
    /*font-size: 50px;*/
    content: "\f406";
    text-align: center;
    padding-right: .5em;
    width: 1.25em;
}
/* # ~~~~~ colored cols ~~~~~ # */
/*.card-grid-col-one * {*/
/*    background: #f1f1f1;*/
/*    color: #f1f1f1;*/
/*}*/
/*.card-grid-col-two * {*/
/*    background: #ddd ;*/
/*    color: #ddd;*/
/*}*/
/*.card-grid-col-three * {*/
/*    background: #ccc;*/
/*    color: #ccc;*/
/*}*/
/*.card-grid-col-four * {*/
/*    background: #eee;*/
/*    color: #eee;*/
/*}*/
/*.card-grid-col-one *,*/
/*.card-grid-col-two *,*/
/*.card-grid-col-three *,*/
/*.card-grid-col-four * {*/
/*    width: 100%;*/
/*    display: block;*/
/*}*/
.secimgbg-all {
    position: relative;
}
.secimgbg-all::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.secbgimg-default::after {
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 50% auto;
    opacity: 0.1;

}
.secbgimg-left::after {
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 50% auto;
    opacity: 0.1;
}
.secbgimg-90::after {
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 90% auto;
    opacity: 0.1;
}

/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# over-invert
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.over-invert .card:hover {
    background: #999;
    transition: all 0.5s;
}
.over-invert .card:hover * {
    color: #fff;
    transition: all 0.5s;
}

.zoom-from-bottom-on-over .zoomfield a,
.zoom-from-bottom-on-over .zoomfield div{
    /*transform: scale(0);*/
    position: absolute;
    opacity: 0;
    top: 90% !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100% !important;
    transition: all .5s;
}

.zoom-from-bottom-on-over .zoomfield:hover a,
.zoom-from-bottom-on-over .zoomfield:hover div {
    opacity: 1;
    /*bottom: -80%;*/
    top: 45% !important;
    height: 100% !important;
    transition: all .5s;
}

.imagefx-greybg .card {
    background: rgba(0, 0, 0, 0.9);
}
.imagefx-greybg .card a img {
    /*-webkit-filter: grayscale(50%);*/
    /*-moz-filter: grayscale(50%);*/
    /*-ms-filter: grayscale(50%);*/
    /*-o-filter: grayscale(50%);*/
    /*filter: grayscale(50%);*/
    /*filter: url(grayscale.svg); !* Firefox 4+ *!*/
    /*filter: gray; !* IE 6-9 *!*/
    /*background-color: rgba(0, 0, 0, 0.5);*/
    opacity: .8;
    transform: scale(1.075);
    transition: all 0.585s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
}
.imagefx-greybg .card a img:hover,
.imagefx-greybg .card:hover a img  {
    /*-webkit-filter: none;*/
    /*-moz-filter: none;*/
    /*-ms-filter: none;*/
    /*-o-filter: none;*/
    /*filter: none;*/
    background: inherit;
    opacity: 1;
    transition: all 0.5s;
    transform: scale(1);
}

a.card-all-link,
.maincontent a.card-all-link,
a.card-all-link * {
    text-decoration: inherit !important;
}

.absolute-bottom {
    position: absolute;
    width:100%;
}
.buttonstyle a {
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 25px;
    vertical-align: middle;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    transition: .1s ease-in-out;
    transition-property: color,background-color,background-position,border-color,box-shadow;
    text-transform: none;
    letter-spacing: 0;
    border-radius: 500px;
    background-origin: border-box;
    background-color: #7C8D78;
    background: rgb(95, 79, 92);
    color: #fff;
    border: 1px solid transparent;
}
.buttonstyle a:hover {
    background-color: #7C8D78;
    color: #fff;
    border: 1px solid #555;
}
/*cardnews*/
.flexspace-header,
.flexspace-top,
/*.flexspace-middle,*/
.flexspace-bottom {
    height:100%
}
.cards-flexstretch,
.flexspace {
    height:100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.bottom-flex {
    margin-top:auto;
}

/*new 19-01-2023*/

/*
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
# Pic as background for Fields 1 - 4
#+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.pic-bg .card{
    position: relative;
    border: none;
    border-radius: 0;
    /*background: #fefefe;*/
    -webkit-box-shadow: none;
    /*box-shadow: 10px 10px 5px #888888;*/
    /*overflow: hidden;*/
    /*color: #fff;*/
    display: flex;
    height: 100%;
}

.pic-bg-inner {
    position: relative;
    height: 100%;
}
.pic-bg-bottom {
    height: 50%;
    bottom: 1em;
    left: 1em; 
    right: 1em;
    position: absolute;
    background: rgba(0,0,0, 0.5);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-around;
}

.pic-bg-left {
    height: 100%;
    width: 50%;
    left:0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: .2em 1em;
    position: absolute;
    background: rgba(0,0,0, 0.5);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-around;
}


/*isotope button*/

.isotope-button .button {
    display: inline-block;
    padding: 0.5em 1.0em;
    background: #EEE;
    border: none;
    border-radius: 7px;
    background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
    color: #222;
    font-family: sans-serif;
    font-size: 16px;
    text-shadow: 0 1px white;
    cursor: pointer;
}

.isotope-button .button:hover {
    background-color: #8CF;
    text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
    color: #222;
}

.isotope-button .button:active,
.isotope-button .button.is-checked {
    background-color: #28F;
}

.isotope-button .button.is-checked {
    color: white;
    text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
}

.isotope-button .button:active {
    box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}

/* ---- button-group ---- */

.isotope-button.button-group {
    margin-bottom: 20px;
}

.isotope-button.button-group:after {
    content: '';
    display: block;
    clear: both;
}

.isotope-button.button-group .button {
    float: left;
    border-radius: 0;
    margin-left: 0;
    margin-right: 1px;
}

.isotope-button.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
.isotope-button.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }