/* 
 * CUSTOM CSS FOR WEB (PUBLIC)
 */

BODY A:focus {
    outline:none;
}

/*** CUSTOM MAX WIDTH ***/
.max-width {
    max-width: 1250px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/*** COLORS ***/
.blue {
    color: rgb(43,131,165);
    /* #2b83a5 */
}
.dark-blue {
    color: rgb(2,23,67);
    /* #021743 */
}
.light-grey {
    color: rgba(2,23,67,0.5);
}
.orange {
    color: rgb(255,102,0);
    /*#ff6600 */
}
.green {
    color: rgb(33,170,0);
    /* #21aa00 */
}


/*** FONTS ***/
.league-spartan {
    font-family: 'LeagueSpartan', sans-serif;
}

/*** ICONS ***/

/*** UVOD ***/
#uvod {
    background-color: #fff;
    padding-bottom: 100px;
}
.item-nadpis-pre {
    text-transform: uppercase;
    color:#077725;
    font-weight: 500;
    font-size: 17px;
    position: relative;
}
.item-nadpis-pre.centered {
    text-align: center;
}
.item-nadpis-pre::after {
    content: ' ';
    display: block;
    width:45px;
    height:2px;
    background: #948F8F;
    margin-top:15px;
    margin-bottom:17px;
}
.item-nadpis-pre.centered::after {
    margin-left: auto;
    margin-right: auto;
}
#uvod .item-nadpis {
    font-size: 32px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom:42px!important;
    margin-left:10px;
    color:#707070;
}
.item-button {
    display: flex;
    gap:25px;
}
@media(max-width:500px) {
    .item-button {
        flex-direction: column;
        display:inline-flex;
    }
}


#naseCile {
    min-height: 756px;
    background: #F0F6F2;
    padding-top:90px;
}
#naseCile .nase-cile-wrapper-relative {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
#naseCile .nase-cile-wrapper-absolute {
    position: absolute;
    background-color: rgb(255,255,255);
    padding: 75px;
    margin-top: 350px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
#naseCile .item {
    width: calc(31% - 15px);
    height: 260px;
    margin: 10px;
    text-decoration: none;
    transition: all 350ms ease;
    opacity: 0;
    filter: brightness(95%);
}
@media(max-width: 991px) {
    #naseCile .item {
        width: 46%;
    }
}
@media(max-width: 700px) {
    #naseCile .item {
        width: 100%;
        max-width: 395px;
    }
}
#naseCile .item:hover {
    box-shadow: rgba(0, 0, 0, 0.50) 0px 5px 20px;
    filter: brightness(105%);
}
#naseCile .item:nth-of-type(1) {
    animation-delay: 100ms;
}
#naseCile .item:nth-of-type(2) {
    animation-delay: 200ms;
}
#naseCile .item:nth-of-type(3) {
    animation-delay: 300ms;
}
#naseCile .item:nth-of-type(4) {
    animation-delay: 400ms;
}
#naseCile .item:nth-of-type(5) {
    animation-delay: 500ms;
}
#naseCile .item:nth-of-type(6) {
    animation-delay: 600ms;
}
#naseCile .title {
    color: rgb(255,255,255);
    font-size: 26px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#naseCile .section-title {
    color: rgb(105,105,105);
    font-size: 26px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
}

/*** O NAS ***/
#oNas {
    /*    background-color: rgb(245,245,245);*/
    background: linear-gradient(rgb(255,255,255), rgb(240,240,240));
}
#oNas .item-nadpis {
    font-size: 32px;
    font-weight: 300;
    text-transform: uppercase;
}

/*** AKTUALITY A CLANKY ***/
#aktualityClanky .section-title {
    color: rgb(105,105,105);
    font-size: 26px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
}
#aktualityClanky .items-holder {
    display: flex;
    justify-content:space-around;
    gap:10px;
}
#aktualityClanky .item {
    min-width:30%;
    max-width: 30%;
    display: flex;
    flex-direction: column;
}
#aktualityClanky .item-text {
    padding-top:20px;
    padding-left:40px;
    padding-right:40px;
    border-left:solid 5px #077725;
    background:#fff;
    flex-grow: 1;
}
#aktualityClanky .item-nadpis {
    font-weight: 600;
    text-transform: uppercase;
}
#aktualityClanky .item-nadpis {
    font-weight: 600;
    text-transform: uppercase;
}

#aktualityClanky .item-datum,
#podariloSeZmenit .item-datum {
    color: #828282;
}

#aktualityClanky .item-button a {
    color: rgb(255,145,0);
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid rgba(255,145,0,0);
    transition: all 400ms ease;
}
#aktualityClanky .item-button a:hover {
    color: rgb(255,145,0);
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255,145,0,1);
}
#aktualityClanky .item:nth-of-type(1) {
    animation-delay: 100ms;
}
#aktualityClanky .item:nth-of-type(2) {
    animation-delay: 300ms;
}
#aktualityClanky .item:nth-of-type(3) {
    animation-delay: 600ms;
}

/*** LIDE ZE SLEZSKE ***/
.lide-ze-slezske-items a {
    text-decoration: none;
    margin: 25px;
    transition: all 350ms ease;
    opacity: 1;
}
.lide-ze-slezske-item {
    position: relative;
    width: 234px;
    height: 312px;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    transition: all 350ms ease;
    opacity: 0;
}
.lide-ze-slezske-jmeno {
    color: rgb(255,255,255);
/*    background-color: rgba(0,0,0,0.75);*/
    padding: 5px 15px;
    text-transform: uppercase;
    font-weight: 300;
/*    margin-bottom: 10px;*/
}
.lide-ze-slezke-item-vice {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 312px;
    background-color: rgb(230,230,230);
    z-index: -1;
    opacity: 0;
    transition: all 500ms ease-in-out;
}
.lide-ze-slezske-items a:hover .lide-ze-slezke-item-vice {
    z-index: 10;
    opacity: 0.90;
}
.lide-ze-slezske-items a:hover .lide-ze-slezske-jmeno {
    transition: all 500ms ease;
    opacity: 0;
}

.lide-ze-slezke-item-vice-icon {
    width: 39px;
    height: 39px;
    background-image: url(../../custom/img/vice-icon.png);
}
.lide-ze-slezke-item-vice-text {
    color: rgb(75,75,75);
    text-transform: uppercase;
    margin-top: 10px;
}
#lideZeSlezske a:nth-of-type(1) .lide-ze-slezske-item {
    animation-delay: 100ms;
}
#lideZeSlezske a:nth-of-type(2) .lide-ze-slezske-item {
    animation-delay: 200ms;
}
#lideZeSlezske a:nth-of-type(3) .lide-ze-slezske-item {
    animation-delay: 300ms;
}
#lideZeSlezske a:nth-of-type(4) .lide-ze-slezske-item {
    animation-delay: 400ms;
}
#lideZeSlezske a:nth-of-type(5) .lide-ze-slezske-item {
    animation-delay: 100ms;
}
#lideZeSlezske a:nth-of-type(6) .lide-ze-slezske-item {
    animation-delay: 200ms;
}
#lideZeSlezske a:nth-of-type(7) .lide-ze-slezske-item {
    animation-delay: 300ms;
}
#lideZeSlezske a:nth-of-type(8) .lide-ze-slezske-item {
    animation-delay: 400ms;
}
#lideZeSlezske a:nth-of-type(9) .lide-ze-slezske-item {
    animation-delay: 100ms;
}
#lideZeSlezske a:nth-of-type(10) .lide-ze-slezske-item {
    animation-delay: 200ms;
}
#lideZeSlezske a:nth-of-type(11) .lide-ze-slezske-item {
    animation-delay: 300ms;
}
#lideZeSlezske a:nth-of-type(12) .lide-ze-slezske-item {
    animation-delay: 400ms;
}

/*** KANDIDATNI LISTINA ***/
#kandidatniListina a {
    text-decoration: none;
    color: rgb(50,50,50);
}
#kandidatniListina .kandidatni-listina-item {
    background-color: rgb(246,246,246);
    opacity: 0;
    transition: all 350ms ease;
/*    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
    background-color: rgb(255,255,255);*/
}
#kandidatniListina .kandidatni-listina-item:hover {
    box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;
    background-color: rgb(255,255,255);
}
#kandidatniListina .kandidatni-listina-image {
    width: 234px;
    height: 312px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
    background-color: rgb(246,246,246);
}
#kandidatniListina .kandidatni-listina-image-faceless {
    width: 234px;
    height: 204px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
    background-color: rgb(246,246,246);
}
#kandidatniListina .kandidatni-listina-item:hover .kandidatni-listina-image-faceless .candidate-number {
/*    background-color: rgb(246,246,246);*/
}
#kandidatniListina .kandidatni-listina-item-2 {
    background-color: rgb(246,246,246);
    opacity: 0;
    transition: all 350ms ease;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
    background-color: rgb(255,255,255);
}
#kandidatniListina .kandidatni-listina-item-2:hover {
    box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;
    background-color: rgb(255,255,255);
}
#kandidatniListina .kandidatni-listina-item-2 .kandidatni-listina-image {
    width: 234px;
    height: 312px;
    box-shadow: none;
}

/*#kandidatniListina .kandidatni-listina-image {
    max-width: 234px;
    max-height: 312px;
}*/
#kandidatniListina .kandidatni-listina-link span {
    text-transform: uppercase;
    color: rgb(24,126,0);
/*    text-decoration: none;
    border-bottom: 1px solid rgba(24,126,0,0);
    transition: all 350ms ease;*/
}
/*#kandidatniListina .kandidatni-listina-link:hover {
    border-bottom: 1px solid rgba(24,126,0,1);
}*/

#kandidatniListina .kandidatni-listina-link span {
    transition: all 500ms ease;
    background-image: linear-gradient(rgba(33,170,0,1), rgba(33,170,0,1));
    background-position: 0% 100%;
    background-repeat: no-repeat;   
    background-size: 0% 1px;
    padding-bottom: 3px;
}
#kandidatniListina .kandidatni-listina-item:hover .kandidatni-listina-link span,
#kandidatniListina .kandidatni-listina-item:active .kandidatni-listina-link span,
#kandidatniListina .kandidatni-listina-item:hover .kandidatni-listina-link span {
    transition: all 200ms ease;
    background-size: 100% 1px;
    background-image: linear-gradient(rgba(33,170,0,1), rgba(33,170,0,1));
}

/*.kandidanti-listina-item-wrapper:hover .kandidatni-listina-link span,
.kandidanti-listina-item-wrapper:active .kandidatni-listina-link span,
.kandidanti-listina-item-wrapper:hover .kandidatni-listina-link span {
    transition: all 200ms ease;
    background-size: 100% 1px;
    background-image: linear-gradient(rgba(33,170,0,1), rgba(33,170,0,1));
}*/

#kandidatniListina .candidate-number {
    position: absolute;
    bottom: 15px;
    left: 175px;
    width: 40px;
    height: 40px;
    background-color: rgba(255,255,255,0.85);
    border-radius: 25px;
    transition: all 350ms ease;
}
/*#kandidatniListina .candidate-number-faceless {
    position: relative;
    bottom: 15px;
    left: 175px;
    margin-left: 15px;
    width: 40px;
    height: 40px;
    background-color: rgba(255,255,255,0.85);
    border-radius: 25px;
    transition: all 350ms ease;
}
#kandidatniListina .kandidatni-listina-item:hover .candidate-number-faceless {
    background-color: rgb(246,246,246);
}*/

#kandidatniListina .kandidatni-listina-text {
    max-width: 905px
}

#kandidatniListina .candidate-text {
    
}
#kandidatniListina .kandidatni-listina-item-vice {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 312px;
    background-color: rgb(230,230,230);
    z-index: -1;
    opacity: 0;
    transition: all 500ms ease-in-out;
}
#kandidatniListina a:hover .kandidatni-listina-item-vice {
    z-index: 10;
    opacity: 0.90;
}


/*#kandidatniListina a:nth-of-type(1) .kandidatni-listina-item {
    animation-delay: 100ms;
}
#kandidatniListina a:nth-of-type(2) .kandidatni-listina-item {
    animation-delay: 200ms;
}
#kandidatniListina a:nth-of-type(3) .kandidatni-listina-item {
    animation-delay: 300ms;
}
#kandidatniListina a:nth-of-type(4) .kandidatni-listina-item {
    animation-delay: 400ms;
}
#kandidatniListina a:nth-of-type(5) .kandidatni-listina-item {
    animation-delay: 100ms;
}
#kandidatniListina a:nth-of-type(6) .kandidatni-listina-item {
    animation-delay: 200ms;
}
#kandidatniListina a:nth-of-type(7) .kandidatni-listina-item {
    animation-delay: 300ms;
}
#kandidatniListina a:nth-of-type(8) .kandidatni-listina-item {
    animation-delay: 400ms;
}
#kandidatniListina a:nth-of-type(9) .kandidatni-listina-item {
    animation-delay: 100ms;
}
#kandidatniListina a:nth-of-type(10) .kandidatni-listina-item {
    animation-delay: 200ms;
}
#kandidatniListina a:nth-of-type(11) .kandidatni-listina-item {
    animation-delay: 300ms;
}
#kandidatniListina a:nth-of-type(12) .kandidatni-listina-item {
    animation-delay: 400ms;
}*/

/*** PROGRAM ***/
#program .item:not(:last-of-type) {
    margin-bottom: 100px;
}
#program .item-nadpis {
    color: rgb(33,170,0);
    text-transform: uppercase;
    font-size: 32px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
}
#program .item-image {
    width: 354px;
    height: 260px;
    background-size: cover;
    background-position: center center;
}
#program .item-image-even {
    margin-right: 0;
}
#program .item-image-odd {
    margin-left: 0;
}
#program .title {
    color: rgb(255,255,255);
    font-size: 26px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 20px;
}

/*** PODARILO SE ZMENIT ***/
#podariloSeZmenit .item-nadpis {
    
}
#podariloSeZmenit .item-button a {
    color: rgb(33,170,0);
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid rgba(255,145,0,0);
    transition: all 400ms ease;
}
#podariloSeZmenit .item-button a:hover {
    color: rgb(33,170,0);
    text-transform: uppercase;
    border-bottom: 1px solid rgba(33,170,0,1);
}

/*** LIDE ZE SLEZSKE ***/
#lideZeSlezske {
    
}

/*** IMAGES ***/
.img-shadow {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/*** CONTENT GENERAL ***/
/*.simplefilestorage a {
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
    text-decoration: none;
}
.simplefilestorage a span {
    border-bottom: 1px solid rgba(51,122,183,0);  
    transition: all 500ms ease;    
}
.simplefilestorage a:hover span {
    border-bottom: 1px solid rgba(38,82,124,1);    
}
.simplefilestorage .item a:before {
    content: url(../../custom/img/file.png);
    margin-right: 15px;
    width: 20px;
    height: 23px;
}
.simplefilestorage .pdf a:before {
    content: url(../../custom/img/pdf.png)!important;
    margin-right: 15px;
    width: 20px;
    height: 23px;
}
.simplefilestorage  .doc a:before, .simplefilestorage .docx a:before {
    content: url(../../custom/img/doc.png)!important;
    margin-right: 15px;
    width: 20px;
    height: 23px;
}
.simplefilestorage .xls a:before, .simplefilestorage .xlsx a:before {
    content: url(../../custom/img/xls.png)!important;
    margin-right: 15px;
    width: 20px;
    height: 23px;
}
.datapost-image a {
    display: block;
}
.datapost-image img {
    transition: all 500ms ease;
}
.datapost-image a:hover img {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.20), 0 6px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.20), 0 6px 20px 0 rgba(0, 0, 0, 0.20);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.20), 0 6px 20px 0 rgba(0, 0, 0, 0.20);
}*/
.item-line {
    border-bottom: 1px solid rgb(33,33,33);
}
.item-line {
    width: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    height: 1px;
}

/*** HTML ELEMENTS ***/
p {
    margin: 0 0 30px;
}
h1 {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}
h2 {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}

/*** FORMS ***/
#contactForm .input-lg {
    border-radius: 0;
}
#selectTema {
    font-size: 16px;
    font-weight: 400;
}
#selectTema option {
    font-size: 16px;
    font-weight: 400;
}

/*** DOCUMENTS - STATIC ***/
.documents-static a {
    text-decoration: none;
    color: rgba(50,50,50,1);
    border-bottom: 1px solid rgba(50,50,50,0.6);
    transition: all 350ms ease;
}
.documents-static a:hover {
    text-decoration: none;
    border-bottom: 1px solid rgba(50,50,50,0);
}
.documents-static .download {
    width: 18px;
    height: 18px;
    background-image: url(../../custom/img/download.png);
}
.documents-static .link {
    width: 20px;
    height: 20px;
    background-image: url(../../custom/img/link.png);
}
.documents-static .youtube {
    width: 20px;
    height: 17px;
    background-image: url(../../custom/img/yt.png);
}

/*** FOOTER ***/
#footer {
    font-family: 'Open Sans', sans-serif;
    color: rgba(215,215,215,0.75);
    background-color: rgb(0,3,17);
    font-weight: 300;
    line-height: 30px;
}
#footer a {
    text-decoration: none;
    color: rgba(215,215,215,0.75);
    transition: all 500ms ease;
}
#footer a:hover {
    color: rgba(255,255,255,1);
}
#footer .title {
    font-family: 'Raleway', sans-serif;
    color: rgb(255,255,255);
    text-transform: uppercase;
    font-weight: 400;
}
#footer .item-line {
    border-bottom: 1px solid rgba(215,215,215,0.75);
    width: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}
#footer hr {
    border-top: 1px solid rgba(215,215,215,0.25);
    margin-right: 100px;
}
.footer-gradient {
    background-image: linear-gradient(to right, rgba(68,68,68,0.50), rgba(68,68,68,0));
}

#copyright {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 12px;
}

/*#copyright {
    color: rgb(204,204,204);
    background-color: rgb(68,68,68);
}
#copyright a {
    color: rgb(204,204,204);
    text-decoration: none;
    border-bottom: 1px solid rgb(204,204,204);
    transition: all 350ms ease;
}
#copyright a:hover {
    color: rgb(255,255,255);
    border-bottom: 1px solid rgba(255,255,255,0);
}*/

/*** FOOTER SOCIAL ICONS ***/
#headerHolder .header-instagram img {
    margin-bottom: 5px;
}
#headerHolder .header-facebook img {
    margin-bottom: 5px;
}
#headerHolder .header-youtube img {
    margin-bottom: 5px;
}
#footer #socialIcons .icon {
    transition: all 500ms ease;
    display: inline-block;
    border-radius: 50px;
    box-shadow: 0px 0px 3px rgb(255,255,255);
    padding: 10px;
    font-size: 18px;
    color: rgb(215,215,215);
}
#footer #socialIcons a:hover .icon {
    background-color: rgb(215,215,215);
    box-shadow: 0px 0px 5px rgb(215,215,215);
}
#footer #socialIcons a:hover .icon-facebook-fa {
    color: #2D88FF;
}
#footer #socialIcons a:hover .icon-youtube-fa {
    color: rgb(255,0,0);
}
#footer #socialIcons a:hover .icon-instagram-fa {
    color: #d62976;
}
#footer #socialIcons a {
    text-decoration: none;
    border-bottom: 0;
}

/*** IMAGE EFFECT ***/
/*.gradient-effect {
    background: radial-gradient(circle, rgba(255,255,255,1) 45%, rgba(241,241,241,1) 60%);
    background-size: cover; 
    background-position: center center;
}*/

/*** PARTICLES ***/
/*#particles-js {
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
.particles-js-canvas-el {
        height: auto!important;
    position: absolute;
    top: 0;
    left: 0;
}*/

/*** MEDIA ***/
@media (min-width: 400px) {

}
@media (max-width: 399px) {

}

@media (min-width: 768px) {

}
@media (max-width: 767px) {
    #kandidatniListina .kandidatni-listina-item {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }
    #kandidatniListina .kandidatni-listina-item {
        background-color: rgb(255,255,255);
    }
    #kandidatniListina .kandidatni-listina-image {
        margin: 0 auto;
    }
}

@media (min-width: 992px) {

}
@media (max-width: 991px) {
    #programSection2, #programSection4, #programSection6 {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
}

@media (min-width: 1200px) {

}
@media (max-width: 1199px) {
    #uvod {
        padding-bottom: 150px;
    }
    #naseCile {
        min-height: inherit;
    }
    #naseCile .nase-cile-wrapper-relative {
        position: relative;
        display: block;
    }
    #naseCile .nase-cile-wrapper-absolute {
        position: relative;
        padding: inherit;
        margin-top: 0;
        box-shadow: none;
    }
    #oNas {
        background-color: rgb(245,245,245);
    }
    #footer hr {
        border-top: 1px solid rgba(215,215,215,0.25);
        margin-right: auto;
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
    #reference .item:hover {
        transform: none;
    } 
    #footerMenu #socialIcons .icon {
        transition: none;
    }
}


.home-odkazy-pod-uvodem {
    margin-top:86px;
    padding-top:66px;
    border-top:solid 1px #CCE6D2;
    display: flex;
    gap:40px;
    justify-content: space-around;
    text-align: center;
}
@media(max-width: 767px) {
    .home-odkazy-pod-uvodem {
        flex-direction: column;
        gap: 40px;
    }
}   
.home-odkazy-pod-uvodem A {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: #077725;
}
@media(max-width: 767px) {
    .home-odkazy-pod-uvodem A {
        font-size: 28px;
    }
}
.home-odkazy-pod-uvodem A SPAN {
    text-decoration: underline;
    font-size: 17px;
    font-weight: 400;
    color: #212121;
}



#view-nase-cile-home .items .item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding:33px;
    color:#fff;
    text-decoration: none;
    background-size:cover;
}
#view-nase-cile-home .items .item .title {
    position: relative;
    z-index: 2;
    font-size: 24px;
    line-height: 40px;
    text-transform: none;
    font-weight: 700;
}
#view-nase-cile-home .items .item .perex {
    position: relative;
    z-index: 2;
    font-size: 17px;
    line-height: 24px;
    text-transform: none;
}
#view-nase-cile-home .items .item .overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
        rgba(84, 84, 84, 0.47) 0%,
        rgba(79, 79, 79, 0.29) 20.1%,
        rgba(46, 46, 46, 0.15) 30.97%,
        rgba(70, 70, 70, 0.3) 31.8%,
        rgba(39, 39, 39, 0.43) 40.6%,
        rgba(0, 0, 0, 0.59) 100%
    );
}
#view-nase-cile-home .section-title {
    font-size: 42px;
    line-height: 47px;
    color: #515151;
    font-weight:semibold;
    text-transform: none;
    margin-bottom:70px!important;
}