@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    img {
        flex-shrink: 0;
    }

    body * {
        min-height: 1px;
    }
}




body {
    font-family: 'Dosis', serif;
    line-height: 1.3;
    font-size: 22px;
    font-weight: 300;
    color: #333333;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Dosis', serif;
    font-size: 40px;
    font-weight: 500;
    color: #333333;
}

h2, h3, h4, h5, h6 {
    font-size: 32px;
    font-weight: 500;
}

h3, h4, h5, h6 {
    font-size: 24px;
}

h4, h5, h6 {
    font-size: 20px;
}

h5, h6 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

a {
    color: #0074db;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

div.error {
    background: #f6bcbc;
    color: #c62525;
    border-radius: 5px;
    padding: 10px;
}

div.error pre {
    margin: 0;
}


@media (max-width: 992px) {
    .ct-columns-inner-wrap {
        display: block !important;
    }

    .ct-columns-inner-wrap:after {
        display: table;
        clear: both;
        content: "";
    }

    .ct-column {
        width: 100% !important;
        margin: 0 !important;
    }

    .ct-columns-inner-wrap {
        margin: 0 !important;
    }
}

.video-box {
    padding: 50px;
    background-color: #fffbf2;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
    box-shadow: 1px 1px 10px #cccccc;
}

.video-box:not(.ct-section):not(.oxy-easy-posts),
.video-box.oxy-easy-posts .oxy-posts,
.video-box.ct-section .ct-section-inner-wrap {
    display: block;
}

@media (max-width: 767px) {
    .video-box {
        padding: 30px;
    }
}

@media (max-width: 479px) {
    .video-box {
        padding: 10px;
    }
}

.btn-download:hover {
    color: #a09781;
}

.btn-download {
    width: 110px;
    height: 36px;
    color: #4f4b40;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    border-radius: 50px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-color: #4f4b40;
    border-right-color: #4f4b40;
    border-bottom-color: #4f4b40;
    border-left-color: #4f4b40;
    padding-left: 22px;
    background-size: 20px;
    background: #f9f9f9 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAMNQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////QM6NMgAAAD90Uk5TABEFFLROHuJrGUQGNC7kcARG3n7pAt2yG24iakLnjuOu2Q4Nb/D9sIF/85tFnozOGAOVzDW1lu7hzQsJHR8BVYLcBQAAAAFiS0dEQP7ZXNgAAAAJcEhZcwABOvYAATr2ATqxVzoAAACvSURBVDjLY2CgP2Bkwi/PzMKKXwEbO8eoAgIKOLm4YQp4eLEp4OLjF4AoEBQSxqZAgF+EXxSkQFBMXIIBhwpJKXZpGVzyIBWycvIKiljklZShKlRU1ezVofJMjAgFGpowM1S0YPIMrCzMcAXa2jAWtw7cfA52NiwKkABpCnQJKNDTN8CQNzQyRnjDRMhUkgMVSJuZqyAplzG1kGdHAfKWKlbIBlrbsKECW0Y7BjoBAJJNDlRiuW1IAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE5LTA0LTA1VDE1OjA0OjM3KzAxOjAwPXxh7AAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOS0wNC0wNVQxNTowNDozNyswMTowMEwh2VAAAABGdEVYdHNvZnR3YXJlAEltYWdlTWFnaWNrIDYuNy44LTkgMjAxOS0wMi0wMSBRMTYgaHR0cDovL3d3dy5pbWFnZW1hZ2ljay5vcmdBe+LIAAAAGHRFWHRUaHVtYjo6RG9jdW1lbnQ6OlBhZ2VzADGn/7svAAAAGHRFWHRUaHVtYjo6SW1hZ2U6OmhlaWdodAA1MTLA0FBRAAAAF3RFWHRUaHVtYjo6SW1hZ2U6OldpZHRoADUxMhx8A9wAAAAZdEVYdFRodW1iOjpNaW1ldHlwZQBpbWFnZS9wbmc/slZOAAAAF3RFWHRUaHVtYjo6TVRpbWUAMTU1NDQ3MzA3N20MW10AAAATdEVYdFRodW1iOjpTaXplADQuOTFLQkKT9aoCAAAAP3RFWHRUaHVtYjo6VVJJAGZpbGU6Ly8uL3VwbG9hZHMvNTYvQWJOU2tqdy8xODc1L2Rvd25sb2FkXzEyMDI2Mi5wbmcNdWFIAAAAAElFTkSuQmCC") no-repeat 10px center;
}

@media (max-width: 479px) {
    .btn-download {
        width: 80px;
        height: 24px;
        font-size: 12px;
        line-height: 24px;
        padding-left: 16px;
        background-size: 14px;
        background-position: 8px center;
    }
}

.with-icon {
    color: #a09781;
}

.files-box {
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #fffbf2;
    width: 100%;
    box-shadow: 1px 1px 10px #cccccc;
}

.files-box:not(.ct-section):not(.oxy-easy-posts),
.files-box.oxy-easy-posts .oxy-posts,
.files-box.ct-section .ct-section-inner-wrap {
    display: block;
}

@media (max-width: 767px) {
    .files-box {
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 30px;
    }
}

@media (max-width: 479px) {
    .files-box {
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
    }
}

.oxy-superbox-primary {
}

.oxy-superbox-secondary {
}

.homepage-card {
    width: 373px;
    background-color: #ffffff;
    border-radius: 6px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.homepage-card:not(.ct-section):not(.oxy-easy-posts),
.homepage-card.oxy-easy-posts .oxy-posts,
.homepage-card.ct-section .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.dark-button-lg {
    background-color: #6c6657;
    border-radius: 4px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 50px;
    padding-right: 50px;
    url_encoded: true;
}

.button-wa {
    background-color: #25d366;
    border-radius: 312px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 25px;
    margin-bottom: 10px;
}

.button-wa:not(.ct-section):not(.oxy-easy-posts),
.button-wa.oxy-easy-posts .oxy-posts,
.button-wa.ct-section .ct-section-inner-wrap {
    display: flex;
    flex-direction: row;
}

@media (max-width: 767px) {
    .button-wa {
    }

    .button-wa:not(.ct-section):not(.oxy-easy-posts),
    .button-wa.oxy-easy-posts .oxy-posts,
    .button-wa.ct-section .ct-section-inner-wrap {
        display: none;
    }
}

.toggle-5148 {
    background-color: #ffffff;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 6px;
    padding-bottom: 10px;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.03);
}

.toggle-5148 .oxy-expand-collapse-icon {
    font-size: 12px;
}

.rounded-img {
    border-radius: 6px;
    margin-bottom: 14px;
}

.header-shape-svg {
    top: 0px;
    left: 0px;
    width: 100%;
}

.wa-mobile:not(.ct-section):not(.oxy-easy-posts),
.wa-mobile.oxy-easy-posts .oxy-posts,
.wa-mobile.ct-section .ct-section-inner-wrap {
    display: none;
}

@media (max-width: 767px) {
    .wa-mobile {
    }

    .wa-mobile:not(.ct-section):not(.oxy-easy-posts),
    .wa-mobile.oxy-easy-posts .oxy-posts,
    .wa-mobile.ct-section .ct-section-inner-wrap {
        display: flex;
    }
}

.registration-from {
    width: 50%;
    background-color: #ffffff;
    border-radius: 6px;
    position: relative;
    padding-bottom: 55px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
    .registration-from {
        padding-top: 51px;
    }
}

.form-section {
    background-color: #dbcfb0;
}

.form-section .ct-section-inner-wrap {
    padding-top: 95px;
}

@media (max-width: 767px) {
    .form-section {
    }

    .form-section .ct-section-inner-wrap {
        padding-top: 45px;
    }
}

@media (max-width: 991px) {
    .oxy-close-modal {
        position: fixed;
        top: 10px;
        right: 10px;
    }
}

@media (max-width: 991px) {
    .mobile-menu-btn {
    }
}

.mobile-menu-btn-circle {
    line-height: 36px;
    background-color: #a09781;
    text-align: center;
    color: #fffbf2;
    font-weight: 700;
    border-radius: 40px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    height: 40px;
    width: 40px;
}

.mobile-menu-btn-circle:not(.ct-section):not(.oxy-easy-posts),
.mobile-menu-btn-circle.oxy-easy-posts .oxy-posts,
.mobile-menu-btn-circle.ct-section .ct-section-inner-wrap {
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.mobile-menu-btn-text {
    font-size: 10px;
    color: #4f4b40;
}

.mobile-menu-btn-text:not(.ct-section):not(.oxy-easy-posts),
.mobile-menu-btn-text.oxy-easy-posts .oxy-posts,
.mobile-menu-btn-text.ct-section .ct-section-inner-wrap {
    display: none;
}

.home-link-box {
    background-size: 80% auto;
    margin: 5px;
    width: calc(25% - 10px);
    background-repeat: no-repeat;
    position: relative;
    border-radius: 5px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-color: #a09781;
    border-right-color: #a09781;
    border-bottom-color: #a09781;
    border-left-color: #a09781;
    background-color: #fffbf2;
    height: 330px;
    background-position: 50% 30%;
    box-shadow: 0 0 10px 0 rgba(204, 204, 204, 0.6);
}

.home-link-box:not(.ct-section):not(.oxy-easy-posts),
.home-link-box.oxy-easy-posts .oxy-posts,
.home-link-box.ct-section .ct-section-inner-wrap {
    display: flex;
    align-content: center;
}

@media (max-width: 991px) {
    .home-link-box {
        height: 250px;
    }
}

@media (max-width: 767px) {
    .home-link-box {
        width: calc(50% - 10px);
    }
}

@media (max-width: 479px) {
    .home-link-box {
        height: 220px;
    }
}

.home-link-box-small {
    background-image: linear-gradient(#dbcfb0 40px, #c1b593);
    background-color: #dbcfb0;
    width: calc(25% - 10px);
    height: 100px;
    border-radius: 5px;
    margin: 5px;
    box-shadow: 0 0 10px 0 rgba(204, 204, 204, 0.6);
}

@media (max-width: 991px) {
    .home-link-box-small {
        height: 60px;
    }
}

@media (max-width: 479px) {
    .home-link-box-small {
    }
}

.home-link-box-title {
    position: absolute;
    bottom: 20px;
    color: #4f4b40;
    line-height: 1em;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 36px;
}

@media (max-width: 991px) {
    .home-link-box-title {
        font-size: 28px;
    }
}

@media (max-width: 767px) {
    .home-link-box-title {
        font-size: 26px;
    }
}

@media (max-width: 479px) {
    .home-link-box-title {
        font-size: 22px;
    }
}

.home-link-box-small-text {
    color: #fff9f9;
    font-size: 28px;
}

@media (max-width: 991px) {
    .home-link-box-small-text {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .home-link-box-small-text {
        font-size: 14px;
    }
}

.camp-category-container::after {
    content: "";
    flex: auto;
}

body {
    background-color: #fcfcfe;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1;
}

.shadow {
    box-shadow: 0 0 10px 0 rgba(204, 204, 204, 0.6);
}

a {
    color: #a19781;
}

a:hover {
    color: #6c6657;
}

b, strong {
    font-weight: 500!important;
}

.header-shape-svg svg {
    transform: scale(-1, -1);
    transform-origin: center !important;
}

.page-numbers.current {
    background: #bda45e;
    color: #fff;
}

.pagination a.page-numbers {
    color: #bda45e;
}

.pagination .page-numbers {
    padding: 0 8px !important;
    font-size: 19px;
    font-weight: 500;
    border-radius: 4px;
}

@media print {
    #searchlens, footer {
        display: none;
    }
}

/* Stile per inputs */
.text-input {
    padding: 8px;
}

.searchTerm {
    width: 100%;
    border: 3px solid #dbcfb0;
    border-right: none;
    padding: 5px 10px;
    height: 40px;
    border-radius: 20px 0 0 20px;
    outline: none;
    color: #524e43;
    font-size: 14px;
}

.searchTerm::placeholder {
    color: #ccc;
    text-align: center;
}

.searchTerm:focus::placeholder {
    color: transparent;
}

.searchButton {
    width: 40px;
    height: 40px;
    border: 1px solid #dbcfb0;
    background: #dbcfb0;
    text-align: center;
    color: #fff;
    border-radius: 0 20px 20px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.searchButton svg {
    fill: #ffffff;
    margin-right: 3px;
}

.searchButton svg:hover {
    fill: #eee7d7;
}

.wrap {
    width: 100%;
    margin: 0 0 20px 0;
}

.wrap form {
    display: flex;
}

.pagination {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.pagination .page-numbers {
    padding: 0 5px;
}

/* search lens */
#navbar {
    transition: top .2s ease-in-out;
    position: fixed;
    top: 0;
    width: 100%;
}

#navbar.nav-up {
    top: -80px!important;
}

#searchlens .search-wrapper {
    transition: bottom .2s ease-in-out;
}

#searchlens.nav-up .search-wrapper {
    bottom: -110px;
}

.search-wrapper {
    position: fixed;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 999;
    bottom: -20px;
}

.search-wrapper.active {
}

.search-wrapper .input-holder {
    height: 70px;
    width: 70px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0);
    border-radius: 35px;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.top-search-wrapper .input-holder {
    height: 70px;
    width: 100px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0);
    border-radius: 35px;
    position: relative;
    border: solid 1px red
}

.search-input::placeholder {
    color: #ccc;
}

.search-wrapper.active .input-holder, .top-search-wrapper.active .input-holder {
    width: 70vw;
    max-width: 450px;
    border-radius: 50px;
    background: rgba(160, 151, 129, 1);
    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    border: solid 2px #dbcfb0;
}

.search-wrapper .input-holder .search-input {
    width: 100%;
    height: 50px;
    padding: 0px 10px 5px 20px;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent;
    box-sizing: border-box;
    border: none;
    outline: none;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    transform: translate(0, 60px);
}

.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    transform: translate(0, 10px);
}

.search-wrapper .input-holder .search-icon {
    width: 70px;
    height: 70px;
    border: solid 3px #a09781;
    border-radius: 40px;
    background: #ffffff;
    padding: 0px;
    outline: none;
    position: relative;
    z-index: 9999;
    float: right;
    cursor: pointer;
    /*transition: all 0.3s ease-in-out;*/
}

.search-wrapper.active .input-holder .search-icon {
    width: 50px;
    height: 50px;
    margin: 8px;
    border-radius: 30px;
    line-height: 0;
}

.search-wrapper .input-holder .search-icon span {
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    transform: rotate(45deg);
    /*transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);*/
}

.search-wrapper.active .input-holder .search-icon span {
    transform: rotate(-45deg);
}

.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {
    position: absolute;
    content: '';
}

.search-wrapper .input-holder .search-icon span::before {
    width: 4px;
    height: 11px;
    left: 9px;
    top: 18px;
    border-radius: 2px;
    background: #dbcfb0;
}

.search-wrapper .input-holder .search-icon span::after {
    width: 20px;
    height: 20px;
    left: 0px;
    top: 0px;
    border-radius: 16px;
    border: 4px solid #dbcfb0;
}

.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top: 24px;
    right: 20px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    transform: rotate(-180deg);
    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    transition-delay: 0.2s;
}

.search-wrapper.active .close {
    right: -35px;
    transform: rotate(45deg);
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition-delay: 0.5s;
}

.search-wrapper .close::before, .search-wrapper .close::after {
    position: absolute;
    content: '';
    background: #FE5F55;
    border-radius: 2px;
}

.search-wrapper .close::before {
    width: 5px;
    height: 25px;
    left: 10px;
    top: 0px;
}

.search-wrapper .close::after {
    width: 25px;
    height: 5px;
    left: 0px;
    top: 10px;
}


/* fix per evitare che sotto il modale si possa scrollare */
.oxy-modal-backdrop:not(.bottom_left):not(.upper_left):not(.bottom_right):not(.upper_right):not(.bottom):not(.top):not(.right):not(.left) .ct-modal {
    margin: auto;
}

.oxy-modal-backdrop.bottom_left .ct-modal {
    margin-right: auto;
    margin-top: auto;
}

.oxy-modal-backdrop.upper_left .ct-modal {
    margin-right: auto;
    margin-bottom: auto;
}

.oxy-modal-backdrop.bottom_right .ct-modal {
    margin-left: auto;
    margin-top: auto;
}

.oxy-modal-backdrop.upper_right .ct-modal {
    margin-left: auto;
    margin-bottom: auto;
}

.oxy-modal-backdrop.top .ct-modal {
    margin-bottom: auto;
}

.oxy-modal-backdrop.left .ct-modal {
    margin-right: auto;
}

.oxy-modal-backdrop.bottom .ct-modal {
    margin-top: auto;
}

.oxy-modal-backdrop.right .ct-modal {
    margin-left: auto;
}

.oxy-modal-backdrop {
    overflow: auto;
}

.admin-bar .oxy-modal-backdrop.live {
    padding-top: 32px;

}

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

    .admin-bar .oxy-modal-backdrop.live {
        padding-top: 46px;

    }

}

.cards-container.home .card {
    width: 210px;
}

.cards-container {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
}

.card-page h5 {
    font-size: 24px !important;
}

.card-page {
    background-color: #f0f0f1;
}

.img-preview {
    cursor: pointer;
}

.file-img-container {
    position: relative;
}

.files-box h2 {
    margin-top: 0px;
    margin-bottom: 30px;
    color: #a09781;
}

.related-title {
    margin-left: 10px;
    font-size: 22px;
}

.related-row img {
    border-radius: 5px;
    border-top-width: 3px;
    border-right-width: 3px;
    border-bottom-width: 3px;
    border-left-width: 3px;
    border-top-color: #a09781;
    border-right-color: #a09781;
    border-bottom-color: #a09781;
    border-left-color: #a09781;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
}

.related-row {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    margin-bottom: 15px;
}

.file-size {
}

.file-btn {
    text-align: right;
    font-size: 17px;
    color: #dbcfb0;
}

.file-content {
    width: 100%;
    padding: 5px;
}

.file-content h6 {
    font-weight: 100;
}

.file-row img {
    border-radius: 5px!important;
    margin-right: 10px!important;
    width: 112px!important;
    height: 64px!important;
    border-top-style: solid!important;
    border-right-style: solid!important;
    border-bottom-style: solid!important;
    border-left-style: solid!important;
    border-top-width: 3px!important;
    border-right-width: 3px!important;
    border-bottom-width: 3px!important;
    border-left-width: 3px!important;
    border-top-color: #dbcfb0!important;
    border-right-color: #dbcfb0!important;
    border-bottom-color: #dbcfb0!important;
    border-left-color: #dbcfb0!important;
}

.file-title {
    font-size: 22px;
}

.file-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-top: 15px;
    margin-bottom: 15px;
}

.form-submit {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-radius: 4px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    background-color: #4f4b40;
    color: #dbcfb0;
    align-self: flex-start;
    cursor: pointer;
}

.login-form-container {
    width: 100%;
    display: flex;
    flex-direction: column;
}

#login-form {
    width: 100%;
    min-width: 100%;
}

.form-row {
    display: flex;
    flex-direction: column;
}

.card-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 60px;
    flex: auto;
}

.pagination {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    text-align: center;
    font-size: 20px;
    color: #6c6657;
}

.card img {
    display: block;
    width: 100%;
}

.card h5 {
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    color: #4f4b40;
    margin: 0;
}

.card {
    width: 272px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    min-height: 215.43px;
    box-shadow: 0px 0px 10px 0px rgba(204, 204, 204, 0.6) !important;
}

.folder h5 svg {
    margin-right: 3px;
}

.folder h6 {
    text-align: center;
    font-size: 14px;
    color: #a09781;
    font-weight: 100;
}

/* FOLDERS */

.folder-icon-container{
    position: relative;
}
.folder-image{
    width: 50%;
    position: absolute;
    top: calc(50% - 23%);
    left: calc(50% - 25%);
}

/* CARDS */

.card-desc{
    color: #999;
    font-size: 12px;
    text-align: center;
    font-weight: 100;
    margin-bottom: 10px;
}
.card-image-container{
    position:relative;
}

.cards-container .card {
    width: 272px;
    margin: 10px;
    display: flex;
    flex-direction: column;
    min-height: 215px;
    box-shadow: 0 0 10px 0 rgb(204 204 204 / 60%);
}

.card-image-container .tag-counter {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #f6d500;
    width: 25px;
    height: 25px;
    border-radius: 15px;
    line-height: 21px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);
    border: solid 2px white;
}

.card-image-container .download-file {
    position: absolute;
    right: 15px;
    bottom: -15px;
    background-color: #f6d500;
    width: 35px;
    height: 35px;
    border-radius: 9999px;
    line-height: 45px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);
    border: solid 2px white;
    z-index: 998;
}

.card-tag:hover .tag-counter {
    background-color:#fdb430;
}
.card-tag:hover {
    color:#fcfcfe;
}
.card-tag {
    box-shadow: 0px 4px 1px -2px #fff,
    0 8px 1px -4px #ddd,
    0 12px 1px -6px #fff,
    0 16px 1px -8px #ddd,
    0 20px 1px -10px #fff,
    0 24px 1px -12px #ddd,
    0 0 10px 0 rgba(204,204,204,0.6) !important;
}
.locked-item{
    background: #ffffffc4;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
}

.locked-item svg {
    width: 50%;
    height: 50%;
    fill: #A09781;
}

#image-top {
    width: 100%;
}

.grouped-tag-description{
    margin-top: 10px;
}
@media (max-width: 479px){
    .grouped-tag-name {
        text-align: center;
        font-size: 30px;

    }
}



.folder {
    width: 200px;
    height: 200px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 10px 0px rgba(204, 204, 204, 0.6);
}

.folder h5 {
    font-size: 16px;
    color: #4f4b40;
    text-transform: uppercase;
    text-align: center;
}

.folder-content {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.related-title a {
    color: #333333;
}

.related-title a:hover {
    color: #525252;
}

.folders-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.folder-icon {
    width: 100px;
    height: 100px;
}

@media (max-width: 479px) {
    .folder-icon {
        width: 80px;
        height: 80px;
    }
}

@media (max-width: 767px) {
    .folders-container {
        display: flex;
    }
}

@media (max-width: 479px) {
    .folders-container {
    }

    .download-file {
        margin-top: 0!important;
    }
}

@media (max-width: 479px) {
    .folder h5 {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .folder {
        width: 40vw;
        height: 40vw;
    }
}

@media (max-width: 479px) {
    .folder {
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        margin-top: 5px;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}

@media (max-width: 479px) {
    .folder h5 svg {
        display: none;
    }
}

@media (max-width: 991px) {
    .cards-container .card, .card.card-tag {
        width: calc(50% - 20px);
    }
}

@media (max-width: 767px) {
    .cards-container .card, .card.card-tag {
        min-height: 180px;
    }
}

@media (max-width: 479px) {
    .cards-container .card, .card.card-tag {
        margin-top: 5px!important;
        margin-left: 5px!important;
        margin-right: 5px!important;
        margin-bottom: 5px!important;
        padding-top: 10px!important;
        padding-left: 10px!important;
        padding-right: 10px!important;
        padding-bottom: 10px!important;
        width: calc(50% - 10px)!important;
    }
}


@media (max-width: 767px) {
    .file-title {
        font-size: 18px;
        margin: 0;
    }
}

@media (max-width: 479px) {
    .file-row img {
        width: 101px;
        height: 56px;
    }
}

@media (max-width: 767px) {
    .file-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

@media (max-width: 479px) {
    .file-btn {
        justify-content: space-between;
        align-items: center;
    }
}

@media (max-width: 767px) {
    .file-size {
        font-size: 14px;
    }
}

@media (max-width: 479px) {
    .file-size {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .related-title {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .cards-container {
    }
}

@media (max-width: 479px) {
    .cards-container {
    }
}

@media (max-width: 991px) {
    .cards-container.home .card {
        width: 145px;
    }
}

@media (max-width: 767px) {
    .cards-container.home .card {
        width: 44%;
    }
}

@media (max-width: 479px) {
    .cards-container.home .card {
    }
}