/*body*/

body.itemid-101 {
  background: #FFFFFF ; 
 
}


body {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
     background:#FFFFFF ;
  color: #070707;
  font-family: 'Poppins', sans-serif;
  font-size: 12pt;
  font-weight: 300;
  line-height: 150%;
  margin: 0;                                                               
  text-align: left;     
}

@media (max-width: 990px)  {
body {
  font-size: 11pt;
}
}

a:link {
 text-decoration:none; color: #123778; font-weight:400
}
a:hover {
 text-decoration:underline; color: #3C61A8
}
a:visited {
 text-decoration:underline; color: #123778
}



p {
  margin-bottom: 0.5rem;
  margin-top: 0;
}
b, strong  {
  font-weight:700
}
                                                                              
a.odkaz2 {
 margin:0px auto; color:#FFFFFF; font-size:12pt; line-height:110%; display:block; max-width:250px; width:80%; text-align:center; padding:16px 25px; font-weight:600;background:#00867D;  border-radius:4px;  margin-top:5px;  margin-bottom:15px; text-decoration:none;
}
a.odkaz2:hover {
 color:#FFFFFF; text-decoration:none; background:#6291A3; font-weight:600;
}

/*pisma*/                                                                          
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color:#232C3C;   font-family: 'Poppins', sans-serif!important; 
  font-weight: 800;
  line-height: 1.2;
margin-bottom: 1.2rem;
margin-top: 0;  text-transform:none;

}

.item-page .wf-columns .wf-column {                                          
  line-height:150%; box-shadow:#ECECEE 0px 0px 20px; padding:12px; border-radius:5px
}

.wf-column {
 
}

.pozadie .wf-column {
  padding: 3%;
  border-radius: 20px;
  margin: 6px 0;
  line-height: 150%;
  background: linear-gradient(-25deg, #f0f7ff, #e6f0fa, #ffffff);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  border: 1px solid #e1e8f0;
}
.pozadie .wf-column a {
  color:#000; line-height:150%
}


@keyframes gradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}


.page-header h1, .blog h1 {
  font-size: 42pt;  text-align:center; z-index:1; position:relative; letter-spacing:0.5px;  color:#284994; margin-top:15px;margin-bottom:35px;  font-weight:900
}
.item-page-nadpis2 .page-header h1 {
  font-size: 42pt;  text-align:center; z-index:1; position:relative; letter-spacing:0.5px;  color:#FFF; margin-top:-140px; height:140px; margin-bottom:35px; font-weight:900
}

@media (max-width: 1150px)  {
.page-header h1, .blog h1 {
  font-size: 34pt;  letter-spacing:0px;    margin-bottom:25px;
}
.item-page-nadpis2 .page-header h1 {
  font-size: 34pt;   margin-top:-120px; height:120px; margin-bottom:25px;
}
}
@media (max-width: 990px)  {
.page-header h1, .blog h1 {
  font-size: 24pt;  letter-spacing:0px;    margin-bottom:25px;
}
.item-page-nadpis2 .page-header h1 {
  font-size: 24pt;   margin-top:-70px; height:70px; margin-bottom:25px;
}
}

@media (max-width: 500px)  {
.page-header h1, .blog h1 {
  font-size: 18pt;  
}
.item-page-nadpis2 .page-header h1 {
  font-size: 18pt;   margin-top:-70px; height:70px; margin-bottom:15px;
}
}    
                                       
.page-header h2 {
  font-size: 28pt;  
}                                                                      
.site-grid h2 {
    font-size: 22pt; 
}
.item-page h3, .item-page-nadpis2 h3 {
    font-size: 18pt; color:#00867D;
}
.item-page h4, .item-page-nadpis2 h4 {
    font-size: 17pt; color:#333; font-weight:600
}
.item-page h5, .item-page-nadpis2 h5 {
    font-size: 14pt; color:#333; font-weight:500
}


.item-page ul, .item-page-nadpis2 ul {
  list-style-type: none; /* Vlastné odrážky vyzerajú lepšie */
  padding: 0;
  background: #E7F1FA;
  border-radius: 12px;
  margin: 15px 2px;
  border: 1px solid #e1e8f0; /* Jemnejšia modrastá sivá namiesto ostrej #ccc */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03); /* Veľmi jemný tieň */
  overflow: hidden; /* Aby rohy li nepretŕčali cez zaoblenie ul */
}

.item-page ul li, .item-page-nadpis2 li {
  padding: 10px 14px;
  border-bottom: 1px solid #e1e8f0;
  font-weight: 400;
  display: flex;
  align-items: center;
  transition: background 0.2s ease;
  position: relative;
  font-size: 110%
}

/* Posledná položka nebude mať spodnú čiaru */
.item-page  ul li:last-child, .item-page-nadpis2  ul li:last-child {
  border-bottom: none;
}

/* Vlastná štýlová odrážka */
.item-page ul li::before, .item-page-nadpis2 ul li::before  {
  content: "";
  width: 8px;
  height: 8px;
  background: linear-gradient(135deg, #4facfe 0%, #0072ff 100%);
  border-radius: 2px; /* Jemne zaoblený štvorček */
  margin-right: 15px;
  flex-shrink: 0; /* Aby sa odrážka nedeformovala pri dlhom texte */
  transform: rotate(45deg); /* Otočenie na "kosoštvorec" pre zaujímavejší look */
}

/* Interaktívny efekt - riadok pri prejdení jemne zmodrie */
.item-page ul li:hover, .item-page-nadpis2 ul li:hover  {
  background-color: #f8fbff;
}


.site-grid img {
  border-radius:18px;
}

ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  padding: 4px;
  margin: 1.5rem 0;
}

ol li {
  counter-increment: my-awesome-counter;
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.5rem; /* Zúžené odsadenie medzi riadkami */
  font-size: 11.5pt;
  line-height: 1.2;
  font-weight:400
}

ol li::before {
  content: counter(my-awesome-counter);
  color: #fff;
  
  /* Výraznejšie písmo vnútri čísla */
  font-weight: 800; 
  font-size: 1.3rem; 
  
  /* Väčší a pevnejší objekt */
  --size: 38px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  
  /* Sýtejší modrý gradient pre hĺbku */
  background: linear-gradient(145deg, #4facfe 0%, #0072ff 100%);
  border-radius: 12px;
  
  /* Užšie odsadenie textu od čísla */
  margin-right: 12px; 
  
  /* Perfektné vycentrovanie čísla */
  display: flex;
  justify-content: center;
  align-items: center;
  
  /* Vizuálne efekty pre "wow" faktor */
  transform: rotate(-4deg);
  box-shadow: 2px 4px 10px rgba(0, 114, 255, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.2); /* Jemný lesklý okraj */
}

/* Voliteľné: Ak chceš, aby text líhal presne k číslu */
ol li span {
  padding-top: 6px; /* Jemné doladenie výšky textu voči veľkému číslu */
}

.item-page ul li:last-child {
  border-bottom: none;
}

/*introtext v clanku*/
.item-page .introtext {
    font-size: 140%;   overflow:hidden;
    line-height: 140%;
    margin-bottom:15px;  
    border-bottom:solid #E5E5E5 1px;
    padding: 0px 0px  15px  0px; 
    font-weight:400;
    background: none;   
}
.item-page .introtext img {
   float:left; width:30%; margin-right:20px;  
}

@media (max-width: 1150px)  {
.item-page h3 {
    font-size: 18pt; 
}
.item-page h4 {
    font-size: 14pt; 
}
.item-page h5 {
    font-size: 12.5pt; 
}
}


/*rozlisenie max 768*/
@media (max-width: 768px)  {
 .item-page .introtext img {
   float:left; width:100%; margin-right:0px; margin-bottom:12px; 
}
}

@media (max-width: 500px)  {
.item-page h4 {
    font-size: 12.5pt; 
}
.item-page h5 {
    font-size: 12pt; 
}
} 

/*tabulka*/
.item-page table {
   margin:0px auto; width:100%; margin-bottom:30px;
}
.item-page tr {
  border-bottom:solid #DEC796 1px;
}
.item-page tr:hover {
  /*cursor:pointer;*/ background:#E9E9E9; 
}
.item-page td {
  display: table-cell;  padding:5px 0px;  width:12.5%; font-size:11pt;  text-align:center; 
}
.item-page td:first-child {
  color:#CEA98C; font-size:16pt; font-weight:500;    max-width:5%;
}
.item-page td:last-child {
        max-width:5%;
}
.item-page td:last-child span {
  color:#FFFFFF; /*background:#236474;*//* padding:8px 30px; */text-align:center; display:inline-block;
}
.com-content-article__body table td:first-child a {
   display:block; padding:8px 20px; color:#CEA98C
}
.com-content-article__body table td a {
   display:block; padding:8px 30px; color:black
}

.com-content-article__body table td:last-child a {
   background:#457D54; color:white
}
div.table {
  max-width:100%;overflow:auto;
}
.com-content-article__body table  td:last-child span {
  display:block;
}
.com-content-article__body table  td.free:last-child a, .com-content-article__body table  td.free:last-child  {
  background:#457D54; color:white; /*display:block; padding:7px 30px; */ 
}
.com-content-article__body table  td.sold:last-child a, .com-content-article__body table  td.sold:last-child   {
  background:#A10000; color:white; /*display:block; padding:7px 30px;*/ 
}
.com-content-article__body table  td.reserved:last-child a, .com-content-article__body table  td.reserved:last-child   {
  background:silver; color:white; /*display:block;padding:7px 30px; */  
} 
/*.com-content-article__body table  td.free:last-child {
  background:#457D54; 
}
.com-content-article__body table  td.sold:last-child {
  background:#A10000; 
}
.com-content-article__body table  td.reserved:last-child {
  background:silver; 
}  */
      
/*.item-page td:reserved {
  background:#A30901; 
}
.item-page td:last-child span a {
  color:#FFFFFF;
}
.item-page td:last-child div span {
  background:#A10000; 
}  */

.item-page tr:first-child  {
  border-bottom:solid #E9E9E9 0px;   
}
.item-page tr:first-child td {
  text-transform:uppercase; font-size:10pt; font-weight:500;color:#000000; padding-bottom:15px; text-align:center;  line-height:110%;
}
.item-page tr:first-child td:first-child {
  cursor:pointer; background:none;  font-size:10pt; color:#000000;
}




/*rozlisenie max 768*/
@media (max-width: 768px)  {
.item-page table {
 
}
.item-page td {
  padding:2px 0px;  font-size:7.5pt;
}
.item-page td:first-child {
  font-size:11pt; 
}
.item-page td:last-child span {
  padding:3px 4px; 
}
.item-page tr:first-child td, .item-page tr:first-child td:first-child {
  font-size:7pt;padding-bottom:7px;  
}
}
@media (max-width: 500px)  {
.item-page tr:first-child td, .item-page tr:first-child td:first-child {
  font-size:1.8vw;
}
.com-content-article__body table td:first-child a {
   display:block; padding:3px 5px; color:#CEA98C
}
.com-content-article__body table td a {
   display:block; padding:3px 5px; color:black
}
}




                                                                           
/*blog - 3 stlpce */
/* Blog - Kompaktnejšie zobrazenie s opravou obrázkov */
.blog.custom .blog-items.columns-3 {
  gap: 1.2em;
  margin-bottom: 1em;
}

.blog.custom .blog-items.columns-3 .blog-item {
  flex: 1 1 calc(33.333% - 1.2em);
  border-radius: 10px;
  margin-bottom: 5px;
  background: #fff; /* Zabezpečí čisté pozadie pod textom */
  overflow: hidden; /* Dôležité, aby obrázok nepretŕčal cez border-radius */
  display: flex;
  flex-direction: column;
}

/* Kompaktnejší nadpis */
.blog.custom .blog-items.columns-3 .page-header h2 a {
  margin: 10px 12px 5px;
  font-size: 14pt; /* Vrátil som tvoju preferovanú veľkosť */
  min-height: 52px; /* Mierne upravené pre 14pt font */
  line-height: 1.2;
  font-weight: 700;
  color: #1C379F;
  text-decoration: none;
}

/* OPRAVENÝ OBRÁZOK - Už sa nedeformuje */
.blog.custom .blog-items.columns-3 .blog-image img {
  width: 100%;
  height: 180px; 
  margin-bottom: 0;
  
  /* Tieto dva riadky riešia deformáciu */
  object-fit: cover; 
  object-position: center; 
  
  filter: brightness(90%);
  transition: all 0.4s ease;
  display: block;
}

/* Efekt pri prejdení myšou cez kartu */
.blog.custom .blog-items.columns-3 .blog-item:hover .blog-image img {
  filter: brightness(100%);
  transform: scale(1.05);
}

/* Intro text - úspornejší */
.blog.custom .blog-items.columns-3 .blog-introtext {
  padding: 0 12px;
  font-size: 10pt;
  line-height: 1.4;
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 300;
}

/* Tlačidlo - menšie a elegantnejšie */
.blog.custom .blog-items.columns-3 .blog-item p.readmore {
  margin: auto 12px 12px 12px; /* 'auto' v top zabezpečí tlačidlo na spodku */
}

.blog.custom .blog-items.columns-3 .blog-item .btn-secondary {
  padding: 0.4rem 1rem;
  font-size: 9pt;
  border-radius: 4px;
  background: linear-gradient(135deg, #4facfe 0%, #0072ff 100%);
  color: #fff;
  border: none;
  font-weight: 600;
}

/* Responzívne doladenie */
@media (max-width: 768px) {
  .blog.custom .blog-items.columns-3 .page-header h2 a {
    min-height: auto;
    margin-bottom: 8px;
  }
  .blog.custom .blog-items.columns-3 .blog-image img {
    height: 160px; /* Ešte kompaktnejšie na mobile */
  }
}

/*blog - 4 stlpce = img na celu vysku*/
.blog.custom  .blog-items.columns-4 {
    padding: 0px;   margin: 0 0 0.5em;  grid-gap: 1em;  display: flex;
}
.blog.custom  .blog-items.columns-4 .blog-item {
      display: flex;
  flex: 1 1 20%;
  flex-direction: column;  
}

.blog.custom  .blog-items.columns-4 .left.item-image {
  float: left!important;
}

.blog.custom  .blog-items.columns-4 .blog-item .item-image {
  margin: 5px 5px 5px 15px!important;
  overflow: hidden;
  width:30px;

}

.blog.custom  .blog-items.columns-4 .blog-item {
    margin-bottom:0px; position:relative;  background:#FFFFFF; border-radius:0px;  padding:0px 0px 8px 0px; text-align:left;  border: solid #EEE4DD 1px;
}
.blog.custom ul.newsflash-horiz  {
  padding:0;  margin:0px auto;  
}
.blog.custom  .blog-items.columns-4 .page-header h2 {
  margin:0px; font-size:12.5pt;  margin-bottom:5px; margin-top:10px; min-height:50px; text-transform:none;  text-align:center; position:relative; color:#03559D;  
  margin-left:5%; margin-right:5%; width:90%; 
}
.blog.custom  .blog-items.columns-4 .page-header h2 a {
     display:block;  line-height:120%;  color:#08202D; font-weight:700; 
}
.blog.custom  .blog-items.columns-4 .readmore a {
  color: #FFFFFF;margin:0px auto; display:block;  height:30px;  width:60%; padding:18px 10px 0px 10px;  margin-top:8px;
  font-size:11.5pt; text-align:center; font-weight:400;  line-height:120%;  background:#C07F44;  border-color: #FFFFFF;
}  
.blog.custom  .blog-items.columns-4 .readmore a:hover {
  color: #FFFFFF;  background:#212121; text-decoration:none;
}
.blog.custom  .blog-items.columns-4 .readmore a .icon-chevron-right::before {
  content: "";
}

.container-bottom-b .moduletable ul.newsflash-horiz li figure {
  margin: 0 0 0em;
}
.container-bottom-b .moduletable ul.newsflash-horiz li h2.newsflash-title  {
  
}
.blog.custom  .blog-items.columns-4 .blog-image {
   margin:0px; display:block;
}
.blog.custom  .blog-items.columns-4 .blog-image img {
  margin:0px 10% 0px 10%; object-fit:cover; width:80%; height:auto; border-top-left-radius:0px; border-top-right-radius:0px;
}
.blog.custom  .blog-items.columns-4 .blog-introtext  {
  font-size:11pt; line-height:160%; font-weight:400;   margin-left:20px; width:83%; 
  display: -webkit-box;
-webkit-line-clamp: 5;/*pocet riadkov*/
-webkit-box-orient: vertical;
overflow: hidden;
display:none
}




/*rozlisenie max 1200*/
@media (max-width: 1340px)  {
.blog.custom  .blog-items.columns-4 {
  grid-gap: 1.2em;  
}
.blog.custom  .blog-items.columns-4 .page-header h2   {
  font-size:12pt; margin-top:10px;   margin-bottom:5px;  min-height:50px;
}
.blog.custom  .blog-items.columns-4 .blog-introtext {
  font-size:10pt; 
}
.blog.custom  .blog-items.columns-4 .blog-image img {
  
}
}

/*rozlisenie max 1200*/
@media (max-width: 990px)  {
.blog.custom  .blog-items.columns-4 {
  grid-gap: 1.2em;  
}
.blog.custom  .blog-items.columns-4 .page-header h2   {
  font-size:11pt; margin-top:10px;   margin-bottom:10px;  min-height:55px; margin-left:15px;
}
.blog.custom  .blog-items.columns-4 .blog-introtext {
  font-size:9pt;  margin-left:15px;
}
.blog.custom  .blog-items.columns-4 .blog-image img {
  
}
}

/*rozlisenie max 991*/
@media (max-width: 768px)  {
.blog.custom  .blog-items.columns-4 .blog-item {
  display: flex;
  flex: 1 1 47%;
  flex-direction: column;  
}                                                                              
.blog.custom  .blog-items.columns-4 .page-header h2 a  {
  font-size:11pt;   margin-bottom:4px; 
}
.blog.custom  .blog-items.columns-4 .blog-image img {
}
.blog.custom  .blog-items.columns-4 .blog-item .item-image {
  margin: 3px!important;
  overflow: hidden;
  width:20px;

}
}


@media (max-width: 500px)  {
.blog.custom  .blog-items.columns-4 .page-header h2   {
  font-size:10pt; margin-top:8px;   margin-bottom:4px;  min-height:50px; margin-left:8px;
}
.blog.custom  .blog-items.columns-4 .page-header h2 a  {
  font-size:10pt;  
}
.blog.custom  .blog-items.columns-4 .blog-introtext  {
  font-size:9pt;  
}

.blog.custom  .blog-items.columns-4 .readmore a {
  margin:0px auto; display:block; width:80%; padding:18px 5px 0px 5px;  margin-top:8px; font-size:10pt; 
}
}




/*polia*/

.moduletable ul.fields-container  {
   margin-bottom:0px; padding:0px;
}
/*
.moduletable .fields-container li {
  list-style-type: none;  padding:8px 18px 8px 18px;  border-radius:25px; border: 1px solid #ccc; background:#fff
}
.moduletable .fields-container li .field-label  {
  display:none;
}
*/

.moduletable .fields-container li .tf-faq-widget--item--question {
  padding-bottom: 10px!important;  padding-top: 15px!important;
}
.moduletable .fields-container li .tf-faq-widget--item--question:hover {
 color:#00867D;
}
.tf-faq-widget--item[data-open="true"] .tf-faq-widget--item--answer {
  padding-top: 0px;
  margin: var(--item-padding);
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}


/*top polia - modul*/
.container-top-b-2-0  {
  margin: 0px auto; padding:0px;  max-width:1920px; background:none; width:100%;  
}
.container-top-b-2  {
  margin: 0px auto; padding:0px 20px;  max-width:920px;  width:100%; overflow:hidden; margin-top:30px; margin-bottom:20px; 
}
.container-top-b-2 H3 {
  font-weight: 300; font-size:16pt 
}
.container-top-b-2 p {
  margin: 0px; font-size:120% ; line-height:150% 
}   
.container-top-b-2 .moduletable {
  margin: 0px auto; padding:0px; 
}

/*rozlisenie max 950*/
@media (max-width: 768px)  {
.container-top-b-2  {
  margin-top:5px; margin-bottom:5px; 
}
.container-top-b-2 p {
 font-size:110%;
} 
}                                                                               

/*rozlisenie max 950*/
@media (max-width: 500px)  {
.container-top-b-2 p {
 font-size:100%;
} 
}



/*header*/                                                         
.container-header {
  background: none;
  background-image: none;
  box-shadow: inset 0 0px 0px rgba(0,0,0,.03);
  position: relative;
  z-index: 10;
  height:93px;  max-width:1920px; margin:0px auto;  width:100%; margin-top:0px;   background: none;
}
.container-header .grid-child {
  padding: 0em;
    padding-bottom: 0em;
}

/*rozlisenie max 1820*/
@media (max-width: 1820px)  {

}
/*rozlisenie max 991*/
@media (max-width: 990px)  {

}

/*logo*/
.container-header .navbar-brand {
  -webkit-margin-end: auto;  color: transparent;
  display: inline-block;  margin-inline-end: auto;
  position: relative;   font-size: 0rem;
  padding:0px; margin:0px;  position:absolute; left:40px; right:auto; top:30px;
  text-decoration: none;  white-space: nowrap;
}


/*rozlisenie max 1400*/
@media (max-width: 1800px)  {
.container-header .navbar-brand {
  left:20px;  max-width:380px 
}
}

/*rozlisenie max 1400*/
@media (max-width: 1500px)  {
.container-header .navbar-brand {
  max-width:300px; top:48px; 
}
}

/*rozlisenie max 991*/
@media (max-width: 990px)  {
}

/*rozlisenie max 500*/
@media (max-width: 500px)  {
.container-header .navbar-brand {
 width:170px; left:15px; right:auto; top:48px;
}
}

/*menu jazyky*/
div.mod-languages ul {
  list-style: none;   margin: 0;  padding: 0; margin-top:0px; margin-left:10px;
}
div.mod-languages li {
  margin: 0px; padding-right:2px; padding-left:2px;  background: none;
}
div.mod-languages li:last-child {
  background: none;
}
div.mod-languages ul.lang-inline li {
  display: inline-block;
}
div.mod-languages ul li.lang-active {
  background-color: transparent;
}
div.mod-languages a {
  padding: 8px 13px;  text-decoration: none; color:#FFFFFF; font-family: 'Roboto', sans-serif; font-weight:600; font-size:12.5pt;  background:#D34162; border-radius:25px;
}
div.mod-languages a:hover {
   color:#dddddd; 
}

/*moduly v header */
.container-top-a > *, .container-top-b > * {
  flex: 1;
  margin:  0;
}

/*modul v header 1*/
.container-top-a {
 
 position: absolute;
  left: auto;
  right: 0px;
  top: 14px;
  width: 220px;
  height: 78px;
  margin: 0px;
  z-index: 2;
  margin-right:2.5%;
    background-color: #D4E5EE; 
  border-radius: 0px 14px 0px 0px;
  padding-left: 18px;
  padding-top: 14px;
  box-sizing: border-box;
}
.container-top-a .moduletable {
  margin:0px; font-size:12pt; line-height:140%;  color:#00867D;  font-weight:300;
}
.container-top-a .moduletable p {
  margin:0px; 
}
.container-top-a .moduletable a {
  margin:0px;   color:#102E73; font-weight:400; text-decoration:none;
}
.container-top-a .moduletable a:hover {
  color:#31559C; 
}
.container-top-a .moduletable a.odkaz {
  margin:0px;   display:block; height:48px; width:170px; background:#D34162;  color:#FFFFFF; padding:12px 0px 0px 0px; border-radius:35px;
  font-size:12.5pt; line-height:120%;   text-align:center;  float:right;border:0px;  margin-right:20px; margin-top:-5px;
}
.container-top-a .moduletable a.odkaz:hover {
 background:#255D9D;  color:#FFFFFF; text-decoration:none;  
}
.container-top-a .module-2 {
  margin:0px; position:absolute; left:auto; right:20px; width:130px; top:20px; 
}
.container-top-a .module-2 a {
  color:#FFFFFF;  font-weight:600;
}


@media (max-width: 1500px)  {
.container-top-a {
  top:5px; width:200px; height:30px;  margin:0px;  background:none; z-index:2;  padding-left:10px; padding-top:5px;  border:0px;  
}
.container-top-a .moduletable {
 font-size:10pt; line-height:120%
}
.container-top-a .moduletable a.odkaz {
 height:28px; width:140px;  padding:6px 0px 0px 0px;  font-size:10pt;  margin-right:10px;  margin-top:0px;
}
.container-top-a .moduletable a.odkaz:hover {
  color:#FFFFFF; text-decoration:none;
}
.container-top-a .module-2 {
  margin:0px; position:absolute; left:auto; right:20px; width:100px; top:10px; 
}
div.mod-languages a {
  padding: 5px 9px;  font-size:11pt; border-radius:12px;  
}
}

@media (max-width: 990px)  {
.container-top-a {
  top:0px; width:180px; height:30px;  margin:0px;  background:none; z-index:2;  padding-left:10px; padding-top:5px;  border:0px;
}
.container-top-a .moduletable {
 font-size:9pt; 
}
.container-top-a .moduletable a.odkaz {
 height:25px; width:100px;  padding:6px 0px 0px 0px;  font-size:8pt;  margin-right:10px;  margin-top:0px;
}
.container-top-a .moduletable a.odkaz:hover {
  color:#FFFFFF; text-decoration:none;
}
.container-top-a .module-2 {
  margin:0px; position:absolute; left:auto; right:17px; width:90px; top:8px; 
}
div.mod-languages a {
  padding: 4px 7px;  font-size:10pt; border-radius:12px;  
}
}

/*rozlisenie max 500*/
@media (max-width: 500px)  {


}



/*top 2*/
.container-top-b  {
  margin: 0px auto; padding:0px 20px;  max-width:1760px;  width:100%;  position:absolute; left:0px; right:0px; top:60px;  z-index:1;  animation: text1 6s alternate;   
}
@-webkit-keyframes text1 {
0% {
   opacity: 0; 
}

100% {
  opacity: 1; 
}
}
.container-top-b p {
  margin: 0px; 
}   
.container-top-b .moduletable {
  margin: 0px auto; padding:0px; float:right; width:48%; margin-right:2% 
}
.container-top-b .moduletable h1 {
 color:#FFF;  font-size:52pt;  line-height:110%;  margin:0px;  font-weight:700; margin-bottom:40px; color:#FFFFFF; text-align: right
}
.container-top-b .moduletable p {
  margin-left:0px; max-width:55%;  color:#FFF;  font-weight:300; font-size:14pt;   line-height:140%; float:right; display:block; width:100%; text-align: right
}
.container-top-b .moduletable a.odkaz {
 color:#FFFFFF; font-size:12pt; line-height:110%; display:inline-block; max-width:250px; width:96%; text-align:center; padding:16px 25px; font-weight:700;background:#00867D;  border-radius:2px; text-decoration:none!important; margin-top:30px; float:right; display:block
}
.container-top-b .moduletable a.odkaz:hover {
 color:#FFFFFF; text-decoration:none; background:#00867D; font-weight:700;
}

/*rozlisenie max 1640*/
@media (max-width: 1800px)  {
.container-top-b  {
 top:30px;  
}
.container-top-b .moduletable h1 {
 font-size:3.8vw; margin-bottom:15px; line-height:110%;
}
.container-top-b .moduletable p {
  font-size:1.1vw;   line-height:140%; 
}
.container-top-b .moduletable a.odkaz {
  margin-top:15px;
}
}

/*rozlisenie max 950*/
@media (max-width: 990px)  {
.container-top-b  {
  top:20px;  
}
.container-top-b .moduletable {
  margin: 0px auto; padding:0px;  width:57%; margin-right:4%  
}
.container-top-b .moduletable h1 {
 font-size:4vw;  margin-bottom:15px;line-height:110%; 
}
.container-top-b .moduletable p {
  font-size:1.2vw;  
}
.container-top-b .moduletable a.odkaz {
  font-size:10pt;  max-width:180px; width:96%; text-align:center; padding:8px 6px; margin-top:10px;
}
}

/*rozlisenie max 950*/
@media (max-width: 768px)  {
.container-top-b .moduletable {
  float:right; width:80%; 
}
.container-top-b .moduletable h1 {
 font-size:5vw;  margin-bottom:8px;
}
.container-top-b .moduletable p {
  font-size:1.5vw;  max-width:60%;  
}
}

@media (max-width: 500px)  {
.container-top-b .moduletable {
  margin: 0px auto; padding:0px;  width:90%;  margin-right:6%   
}
.container-top-b .moduletable h1 {
 font-size:18pt;  margin-bottom:8px;
}
.container-top-b .moduletable p {
 font-size:7pt;   font-weight:400;
}
}


/*modul 3 */
.container-top-c {
 position:relative; z-index:2; padding:0px 20px;  margin:0px auto; max-width:1920px;  width: 100%;  margin-top:-100px;  margin-bottom:40px;  
}
.container-top-c .moduletable {
  padding:0px;  margin:0px auto; padding:20px 80px;   max-width:1864px;  width: 100%; box-shadow:#dddddd 0px 0px 20px;  border-radius:20px;
  

/* Základná farba */
  background-color: #2C4FA2;
  
  /* Vrstvy: 1. Šum (SVG), 2. Jemný prechod pre hĺbku */
  background-image: 
    url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
  
  /* Klúč k tmavému vzhľadu: */
  background-blend-mode: multiply; 
  filter: contrast(120%) brightness(90%);
  
  
}
.container-top-c .moduletable p {
  margin:0px;  
}
.container-top-c .moduletable H5 {
  min-height:90px; font-size:10pt; font-weight:300; line-height:140%; margin-bottom: 0px; color:#FFF; font-weight:300
}
 /*news flex*/
.container-top-c  ul.newsflash-horiz  {
  padding:0px;  margin:0px auto;   display: flex; align-content:stretch; column-gap:4px;
}
.container-top-c  .mod-articlesnews-horizontal {
  grid-gap: 2.5rem!important;
  display: flex!important;
}
.container-top-c  ul.newsflash-horiz li  {
  padding:0px;  margin:0px auto;  
}
.container-top-c  ul.newsflash-horiz li  {
   margin:0px auto;  padding: 20px 22px; font-size:11pt; line-height:160%; font-weight:300; text-align:left;  position:relative; border-radius:15px; box-shadow: -15px 0 15px -15px #333;
   color:#FFF;   
}
.container-top-c  ul.newsflash-horiz li:last-child  {
 box-shadow: 15px 0 15px -15px #333;    box-shadow: -15px 0 15px -15px #333;
}
.container-top-c  ul.newsflash-horiz li figure {
  margin: 0 0 0em;
}
.container-top-c  ul.newsflash-horiz li h3  {
  margin:0px; font-size:16pt; line-height:110%; margin-bottom:15px; margin-top:0px;  text-transform:none; font-weight:600;  color:#FFF;  min-height:40px
}
.container-top-c  ul.newsflash-horiz li img  {
 margin-top:8px;
}
.container-top-c  ul.newsflash-horiz li img:hover  {
 transition: all .45s ease-out;
 transform:scale(1.05);
}
.container-top-c  ul.newsflash-horiz li p {
 color:#FFF;
}
.container-top-c  .mod-articlesnews-horizontal  {
 grid-gap: 0rem; margin-bottom:0px;
}
.container-top-c  .mod-articlesnews-horizontal li {
  display: flex;  flex: 1 1 22%;
  flex-direction: column;  
}
.container-top-c  .mod-list li {
  padding: 0px;  margin-right: 0px; background: none;
}

.container-top-c .moduletable a {
  color: #FFFFFF;
  font-size: 12pt;
  line-height: 110%;
  display: inline-block;
  max-width: 140px;
  width: 96%;
  text-align: center;
  padding: 8px 45px;
  font-weight: 500;
  background: #00867D;
  border-radius: 2px;
  text-decoration: none !important;
  margin-top: 12px;
  float: right;
  display: block;
}



@media (max-width: 1860px)  {
.container-top-c {
  padding:0px 0px;   width: 97%; 
}
.container-top-c .moduletable {
  padding:20px 20px;   
}
}

@media (max-width: 1500px)  {
.container-top-c {
  margin-top:-20px; 
}
.container-top-c  ul.newsflash-horiz li  {
 padding: 15px 10px; font-size:9pt; line-height:140%;
}
.container-top-c  ul.newsflash-horiz li h3  {
font-size:12pt; margin-bottom:10px; min-height:35px;
}
.container-top-c  .mod-articlesnews-horizontal {
  grid-gap: 1.5rem!important;
}
.container-top-c .moduletable H5 {
  font-size:8pt; min-height:90px;  
}

.container-top-c  ul.newsflash-horiz li img  {
 margin-top:5px; width:40px
}
}

@media (max-width: 990px) {
.container-top-c {
  width: 95%; 
}
.container-top-c  .mod-articlesnews-horizontal li {
   flex: 1 1 45%;
}
.container-top-c .moduletable H5 {
  min-height:70px; font-size:8pt;   
}
.container-top-c .moduletable {
 
 /* Zvyšujeme baseFrequency na 1.5 - to urobí zrno oveľa hustejším a menším */
    background-image: 
      url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.5' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
      radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.4) 100%); 
}

.container-top-c .moduletable a {
  font-size: 10pt;
  max-width: 100px;
  width: 96%;
  padding: 4px 25px;
  margin-top: 8px;
}

}

@media (max-width: 768px) {

}

@media (max-width: 500px) {
.container-top-c {
   width: 92%;   margin-top:8px; 
}
.container-top-c  ul.newsflash-horiz li h3  {
font-size:12pt; margin-bottom:10px; min-height:25px;
}
.container-top-c  ul.newsflash-horiz li  {
 flex: 1 1 45%; font-size:8pt; line-height:125%; padding: 8px 7px;
}
.container-top-c .moduletable H5 {
  min-height:40px; font-size:7pt;   
}
.container-top-c  ul.newsflash-horiz li img  {
 margin-top:8px; width:30px
}
.container-top-c .moduletable {
  padding:14px 14px;   
}
}
                                                                      


/*modul 4 */
.container-top-d-0 {
 position:relative; z-index:2;  margin:0px auto; padding: 0px 20px;  width: 100%; max-width:1920px; margin-top:10px; margin-bottom:5px;
}
.container-top-d-0-2 {
 position:relative; z-index:2;  margin:0px auto; padding: 0px 20px;  width: 100%; max-width:1920px; margin-top:10px; margin-bottom:-250px;
}
.container-top-d {
 padding:0px 0px; position:relative; margin:0px auto; width:100%; max-width:1506px; /*background: #FFFFFF; box-shadow: #cccccc 0px 0px 25px;*/  border-radius:20px;  overflow:hidden;
}
.container-top-d .moduletable {
    margin:0px auto; padding:0px; 
}
.container-top-d .moduletable p {
  margin:0px; 
}
.container-top-d .module-1 {
  margin:0px auto; text-align:left; float:left; width:39%;  margin-left:2%; margin-top:70px; font-size:12.5pt; line-height:160%;
}
.container-top-d .module-1 h3 {
  padding:0px;  margin:0px auto;   text-align:left; color:#007970; margin-bottom:25px; font-weight:800; font-size:28pt;
}



.container-top-d .module-1 a {
  padding:4px 4px; font-weight:600; border-radius:10px; 
}
.container-top-d .module-1 img {
  border-radius:18px; 
  filter: brightness(80%) contrast(105%);
  transition: filter 0.3s ease;
}

.container-top-d .module-2 {
  padding:0px;  margin:0px auto; float:right; width:51.81%; text-align:right;
}
.container-top-d .module-2 img {
  border-radius: 0px 18px 18px 0px;
  display: block;
  height: auto;
  filter: brightness(70%) contrast(105%);
  transition: filter 0.3s ease;
}

.container-top-d .module-2 img:hover {
  filter: brightness(100%);
}


.container-top-d-in {
 padding:0px 0px; position:absolute;z-index:3;  margin:0px auto; width:100%; max-width:1606px; left:auto; right:0px; bottom:-14px; width:797px; height:624px; /* background:url(../../images/object.png) no-repeat right bottom; 
  background-size:95%;   transform: translateX(400px); */
}
.container-top-d-in {
    opacity: 0;
    transition: all 2s ease-out;
}

.container-top-d-in.show {
    opacity: 1;
    transform: translateX(0);
}

/*
@keyframes text2 {
0% {
   right:-50%; 
}

100% {
  right: 0%; 
}
} */



/*rozlisenie max 950*/
@media (max-width: 1600px)  {   
.container-top-d {
  max-width:1290px; 
}
.container-top-d .module-1 {
  float:left; width:38%;  margin-left:40px; margin-top:50px; font-size:11pt; line-height:140%;
}
.container-top-d .module-1 h3 {
  margin-bottom:15px;  font-size:22pt;
}
.container-top-d .module-1 a {
 font-size:10pt; /*max-width:250px; width:100%; text-align:center; */ 
}
.container-top-d-in {
 bottom:-11px; width:600px; height:470px; background-size:95% 
}
}   

@media (max-width: 1500px)  {   
.container-top-d-0-2 {
  margin-bottom:-150px;
}
.container-top-d-in {
 background-size:93% 
}
} 

@media (max-width: 1200px)  {   
.container-top-d-0-2 {
  margin-bottom:-150px;
}
.container-top-d-in {
 background-size:82% 
}
} 


@media (max-width: 1100px)  {
.container-top-d .module-1 {
  float:left; width:40%;  margin-left:20px; margin-top:20px; font-size:10pt; line-height:140%;
}
.container-top-d-0-2 {
  margin-bottom:-100px;
}
.container-top-d .module-1 h3 {
  margin-bottom:8px;  font-size:18pt;
}
.container-top-d-in {
 background-size:78% 
}
}                                                                                  

/*rozlisenie max 990*/
@media (max-width: 990px)  {
/*
.container-top-d .module-1 a {
 font-size:10pt; max-width:200px; width:100%;  padding:6px 6px; border-radius:4px; margin-top:8px;
} 
*/ 
.container-top-d-in {
 background-size:60% 
}                                              
}  
                                                                        
/*rozlisenie max 600*/
@media (max-width: 768px)  {
 .container-top-d-0-2 {
  margin-bottom:-50px;
}
.container-top-d .module-1 {
clear:left;  float:left; width:98%;  margin-left:0px; margin-top:20px; font-size:10pt; line-height:160%; padding-bottom:10px
}
.container-top-d .module-2 {
 clear:left; float:left; width:100%; margin-top:30px;
}  
.container-top-d-in {
display:none;
}    
.container-top-d .module-1 h3 {
  margin-bottom:8px;  font-size:14pt;
}  
 .container-top-d-in {
 background-size:60% 
}                                                         
}  
 
/*rozlisenie max 600*/
@media (max-width: 500px)  {

} 


/*modul 5 */
.container-top-e  {
  margin: 0px auto; padding:0px 20px;  max-width:1340px;  width:100%; margin-bottom:30px; margin-top:30px;  color:#FFFFFF;   overflow:hidden; position:relative; z-index:1;
}
.container-top-e p {

}   
.container-top-e .module-2 {
  margin: 0px auto; padding:0px; float:right; width:42%;  font-size:13pt; color:#333333; line-height:160%; font-weight:300;  margin-top:100px;
}
.container-top-e .module-2 H3 {
  font-weight:800; color:#1A1A1A; text-align:left;  margin-bottom:30px; font-size:26pt;
}
.container-top-e .module-2 a {
 color:#D34162;  font-weight:500;
}
.container-top-e .module-2 a.odkaz {
 color:#FFFFFF; font-size:13.5pt; line-height:110%; display:inline-block; width:410px; max-width:90%; text-align:center; padding:17px 10px; font-weight:700;border:none; background:#245C9D; border-radius:7px;  margin-top:20px;  margin-bottom:20px;
}
.container-top-e .module-2 a.odkaz:hover {
 color:#FFFFFF; text-decoration:none; background:#D34162;  border:none;
}

.container-top-e .module-1 {
  margin: 0px auto; padding:0px; float:left; width:50%;  
}
.container-top-e .module-1 H3 {
  font-weight:200; color:#333; text-align:left;  margin-bottom:30px;
}
 /*news flex*/
.container-top-e .module-1 ul.newsflash-horiz  {
  padding:0px;  margin:0px auto;   display: block; align-content:stretch; column-gap:4px;
}
.container-top-e .module-1 .mod-articlesnews-horizontal {
  grid-gap: 2rem!important;
  display: flex!important;
}
.container-top-e .module-1 ul.newsflash-horiz li  {
  padding:0px;  margin:0px auto;  padding:0%; padding-bottom:0px; padding-right:5%; font-size:10.5pt; line-height:140%; font-weight:300; margin-bottom:0px; text-align:left; color:#212121;  position:relative; background:#D3E0F0;
}
.container-top-e .module-1 ul.newsflash-horiz li:last-child  {
  background:#D34162 url(../../images/li.png) no-repeat 97% center;   color:#FFFFFF; padding-right:100px;
}
.container-top-e .module-1 ul.newsflash-horiz li figure {
  margin: 0 0 0em;
}
.container-top-e .module-1 ul.newsflash-horiz li img  {
  margin:0px; float:left; margin-right:5%;   
}
.container-top-e .module-1 ul.newsflash-horiz li h4  {
  margin:0px; font-size:15pt;  margin-bottom:7px; margin-top:15px; text-transform:none; font-weight:700; text-align:left; position:relative; color:#212121;    
}
.container-top-e .module-1 ul.newsflash-horiz li:last-child h4  {
   color:#FFFFFF;    
}
.container-top-e .module-1 ul.newsflash-horiz li p {
  margin:0px;  
}
.container-top-e .module-1 .mod-articlesnews-horizontal  {
 grid-gap: 0.2rem; margin-bottom:0px;
}
.container-top-e .module-1 .mod-articlesnews-horizontal li {
  display: block;
  flex: 1 1 100%;
  flex-direction: column;  
}                                                                 
.container-top-e .module-1 .mod-list li {
  padding: 0px;  margin-right: 0px;
  background: none;
}


/*rozlisenie max 950*/
@media (max-width: 1360px)  {
.container-top-e .module-1 .mod-articlesnews-horizontal {
  grid-gap: 2rem!important;
}
.container-top-e .module-1 ul.newsflash-horiz li  {
  padding-right:5%; font-size:9.5pt; line-height:130%; 
}
.container-top-e .module-1 ul.newsflash-horiz li h4  {
 font-size:14pt;  margin-bottom:7px; margin-top:12px;  
}
.container-top-e .module-2 {
  float:right; width:42%;  font-size:13pt; line-height:160%; margin-top:60px;
}

}   

/*rozlisenie max 600*/
@media (max-width: 990px)  {
.container-top-e .module-2 {
 float:left; width:100%;    margin-top:60px; 
}

.container-top-e .module-1 {
 float:left; width:100%;  margin-top:0px; 
}                                                               
}  

/*rozlisenie max 600*/
@media (max-width: 500px)  {
.container-top-e .module-2 a.odkaz {
  font-size:12pt;  width:350px; max-width:96%; 
}
.container-top-e .module-1 .mod-articlesnews-horizontal {
  grid-gap: 1rem!important;
}
.container-top-e .module-1 ul.newsflash-horiz li h4  {
  font-size:10pt;     
}
.container-top-e .module-1 ul.newsflash-horiz li  {
  padding-right:5%; font-size:7pt; line-height:130%; 
}
.container-top-e .module-1 ul.newsflash-horiz li:last-child  {
  background:#D34162 url(../../images/li_2.png) no-repeat 97% center;   color:#FFFFFF; padding-right:55px;
}

}



/*modul 6 */

.container-top-f {
 position:relative;  padding:0px 20px;  margin:0px auto; max-width:1540px;  width: 100%;  margin-top:50px;  margin-bottom:30px; position:relative; z-index:1;
}
.container-top-f .moduletable {
  padding:0px;  margin:0px auto; 
}   
.container-top-f .moduletable {
  margin: 0px auto; padding:0px;  
}
.container-top-f .moduletable h3 {
 color:#000000; font-size:32pt; line-height:110%;  margin-bottom:50px; font-weight:300;  text-align:center;  
}
 /*news flex*/
.container-top-f .moduletable ul.newsflash-horiz  {
  padding:0px;  margin:0px auto;   display: block; align-content:stretch; column-gap:4px;
}
.container-top-f .moduletable .mod-articlesnews-horizontal {
  grid-gap: 3.5rem!important;                                                  
  display: flex!important;
}
.container-top-f .moduletable ul.newsflash-horiz li  {
  padding:0px;  margin:0px auto;   margin-bottom:0px; text-align:left;  position:relative; 
}
.container-top-f .moduletable ul.newsflash-horiz li figure {
  margin: 0 0 0em;
}
.container-top-f .moduletable ul.newsflash-horiz .newsflash-img  {
  padding:0px;  margin:0px; float:left; width:49%; filter: brightness(90%);
}
.container-top-f .moduletable ul.newsflash-horiz .newsflash-img img {
  padding:0px;  margin:0px; object-fit:cover; width:100%; height:200px;
}

.container-top-f .moduletable ul.newsflash-horiz li h2.newsflash-title  {
  margin:0px; font-size:12.5pt;  margin-bottom:15px; margin-top:0px; text-transform:none; font-weight:600; text-align:left; position:relative;  color:#000000;    float:right; width:47%;   
}
.container-top-f .moduletable ul.newsflash-horiz li h2.newsflash-title a {
  color:#000000;font-weight:700; 
}

.container-top-f .moduletable ul.newsflash-horiz .newsflash-text  {
  font-size:10.5pt; line-height:150%; font-weight:300;  float:right; width:47%;  
  display: -webkit-box;
-webkit-line-clamp: 3;/*pocet riadkov*/
-webkit-box-orient: vertical;
overflow: hidden;
}

.container-top-f .moduletable ul.newsflash-horiz li p {
  margin:0px;  
}
.container-top-f .moduletable .mod-articlesnews-horizontal  {
 grid-gap: 0.2rem; margin-bottom:0px;
}
.container-top-f .moduletable .mod-articlesnews-horizontal li {
  display: block;
  flex: 1 1 28%;
  flex-direction: column;  
}                                                                 
.container-top-f .moduletable .mod-list li {
  padding: 0px;  margin-right: 0px;
  background: none;
}



/*rozlisenie max 950*/
@media (max-width: 1500px)  {
.container-top-f .moduletable .mod-articlesnews-horizontal {                                      
  grid-gap: 2rem!important;
}
.container-top-f .moduletable ul.newsflash-horiz li h2.newsflash-title  {
  font-size:13pt;  margin-bottom:15px; float:right; width:46%;   
}
.container-top-f .moduletable ul.newsflash-horiz .newsflash-text  {
  font-size:9.5pt; line-height:140%; font-weight:300;  float:right; width:46%;  
}
.container-top-f .moduletable ul.newsflash-horiz .newsflash-img img {
  width:100%; height:150px;
}
}                                                                                    

/*rozlisenie max 600*/
@media (max-width: 990px)  {
.container-top-f .moduletable h3 {
   margin-bottom:30px; 
}                                                            
}  

/*rozlisenie max 600*/
@media (max-width: 768px)  {
.container-top-f .moduletable .mod-articlesnews-horizontal li {
  flex: 1 1 100%;  
}   
.container-top-f .moduletable ul.newsflash-horiz li h2.newsflash-title  {
  font-size:12.5pt;  margin-bottom:15px; float:right; width:46%;   
}
.container-top-f .moduletable ul.newsflash-horiz .newsflash-text  {
  font-size:10pt; line-height:140%; font-weight:300;  float:right; width:46%;  
}                                                          
}  
 
/*rozlisenie max 600*/
@media (max-width: 500px)  {
.container-top-f {
   margin-top:10px;  margin-bottom:10px; 
}
.container-top-f .moduletable ul.newsflash-horiz li h2.newsflash-title  {
  font-size:12pt;  margin-bottom:15px; float:right; width:46%;   
}
.container-top-f .moduletable ul.newsflash-horiz .newsflash-text  {
  font-size:9pt; line-height:140%; font-weight:300;  float:right; width:46%;  
}  
} 



/*modul image podstranky*/
.below-top {
  	 max-width:1920px;height:auto; z-index:0; position:relative; overflow:hidden; width:100%; 
  padding:0px 0px; margin:0px auto;  top:0px;    margin-top:0px; 
  
 
   
}
.below-top .mod-custom {
 margin:0px auto; height:200px; width:1860px;  z-index:0;  overflow:hidden;  position:relative;  left:50%; margin-left:-930px; border-radius:20px;
 
  
  /* Základná farba */
  background-color: #2C4FA2;
  
  /* Vrstvy: 1. Šum (SVG), 2. Jemný prechod pre hĺbku */
  background-image: 
    url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    radial-gradient(circle at center, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
  
  /* Klúč k tmavému vzhľadu: */
  background-blend-mode: multiply; 
  filter: contrast(120%) brightness(90%);
  
} 
.below-top .mod-custom img {
  width:100%;    position:absolute; margin:0px auto; top:0px;  border-radius:20px;
} 


/*rozlisenie max 1820*/
@media (max-width: 1860px)  {
.below-top {
   width:98%; border-radius:20px;
}
}
@media (max-width: 1400px)  {
.below-top .mod-custom {
  /* height:280px; */ margin-left:-700px; 
}  
.below-top .mod-custom img {
  width:80%; height:auto;  
} 
}

@media (max-width: 1150px)  {
.below-top {
   width:96%; border-radius:20px;
}
.below-top .mod-custom {
 height:180px;   margin-left:-600px; 
} 
.below-top .mod-custom img {
  width:64%; height:auto;  
} 
 
}

/*rozlisenie max 991*/
@media (max-width: 990px)  {
.below-top {
   width:95%; 
}
.below-top .mod-custom {
 height:90px;   margin-left:-1000px; 
} 
}

/*rozlisenie max 991*/
@media (max-width: 500px)  {
.below-top {
   width:92%; 
}
.below-top .mod-custom {
 height:90px;   margin-left:-1000px; 
}
.below-top .mod-custom img {
  width:70%; height:auto;  position:absolute; margin:0px auto; top:0px;  border-radius:20px;
}  
}



/*obsah*/
.site-grid {
  margin:0px auto; margin-top:5px;  margin-bottom:0px;  max-width:1150px; width:100%;  display:block;  position:relative; z-index:1;
}
/*rozlisenie max 1820*/
@media (max-width: 1150px)  {
.site-grid {
  padding-left:20px; padding-right:20px;
}
}

/*banner*/
.banner {
  margin: 0px auto;  padding:0px; position:relative; z-index:1; margin-top:0px;  max-width:1864px;   /*overflow:hidden; */
}

.banner img {
  width: 100%;    
  height: auto;
  display: block;
  filter: brightness(80%); 
}

.container-banner {
  display: block;
  margin: 0px auto;  position:relative; z-index:1;   max-width:1864px; border-radius:20px; overflow:hidden; 
}


/*rozlisenie max 1200*/
@media (max-width: 1860px)  {
.container-banner {
  width:97%;
}
}

/*rozlisenie max 991*/
@media (max-width: 990px)  {
.container-banner {
  width:95%;
}

}



@media (max-width: 500px)  {
.container-banner {
  width:92%;
}
}



/*footer*/
.footer_bg {
 /*position:relative; z-index:0;*/ padding:0px 20px;  margin:0px auto; max-width:1920px;  width: 100%;  margin-top:0px;  margin-bottom:0px; 
 background:#153371/* url(../../images/image.jpg) no-repeat center top*/; /*min-height:1351px;*/   margin-bottom:0px; 
}
.footer {
  color: #000000;   position:relative; z-index:1; border-radius:0px;  
  margin: 0px auto; max-width:1512px; width:100%; padding-bottom:0px;   
  margin-top:60px; margin-bottom:20px; background:#153371
}
.footer .footer-in {
  margin:0px auto; padding: 80px 20px 60px 20px;  max-width:1320px;    overflow:hidden;
}
.footer .module-1 {
  position: relative;  font-size:11pt; font-weight:300; line-height:160%; color:#FFFFFF;  float:left; width:44%; 
}
.footer .module-1 .wf-columns .wf-column {                                          
  box-shadow:none; padding:0px; border-radius:0px
}
.footer .module-1 h3 {
  color:#FFFFFF;  font-weight:600; margin-bottom:15px; font-size:18pt; 
} 
.footer .module-1 span {
  color:#FFFFFF;  font-weight:600;padding-bottom:15px; font-size:14pt;
}  
.footer .module-1 p {
 margin:0px;
}
.footer .module-1 .wf-columns {
     margin-top:20px; margin-bottom:20px;
}
.footer .module-1 .wf-columns img {
  margin-right:15px;
}
.footer .module-1 ul {
  margin:0px; padding:0px; float:left; width:100%; 
}
.footer .module-1 ul li {
  margin:0px; padding:0px;  list-style-type:none; line-height:120%; font-size:12pt; font-weight:400; margin-bottom:15px;   color:#FFFFFF;
}
.footer .module-1 ul li a {
  color:#FFFFFF;   text-decoration:underline;
}
.footer .module-1 ul li a:hover {
  color:#FFFFFF;   text-decoration:none;
}

.footer .module-1 p {
 margin-bottom:0px;
}

.footer .module-2 {
  position: relative;   float:right; width:43%; color: #FFFFFF;  font-size:90%
}
.footer .module-2  .convertforms .cf-input {
  background-color: none!important;  background: #FFFFFF!important;
  border: solid 0px !important; border-bottom:solid #B07B55 0px!important;
  border-radius: 20px!important;
}  
.footer .module-2  .convertforms .cf-form-wrap {
  padding: 0px;
}
.footer .module-1 a, .footer .module-2 a {
  color: #D8CFB0;  text-decoration: underline; font-weight:600; font-size:12.5pt                                                          
}


/*rozlisenie max 600*/                                      
@media (max-width: 1200px)  {
 
} 

/*rozlisenie max 500*/
@media (max-width: 990px)  { 
.footer {
  margin-top:20px; 
}                                                
.footer .module-1 {
   float:left; width:100%;  margin-bottom:20px;
}
.footer .module-2 {
 clear:left; float:left; width:100%; 
}
.footer .module-1 .wf-columns .wf-column {
  width:48%;
}
} 

/*rozlisenie max 500*/
@media (max-width: 500px)  {
.footer .footer-in {
  padding: 10px 20px 10px 20px;  
}
.footer .module-1 h3 {
   font-size:14pt; margin-bottom:8px;
}                                                                     
.footer .module-1 ul li {
 font-size:10pt; font-weight:400; margin-bottom:15px;   
} 
.footer .module-1 span {
  font-size:12pt;
} 
.footer .module-1 .wf-columns .wf-column {
  font-size:11pt!important;
}    
.footer .module-1 .wf-columns {
     margin-top:0px; margin-bottom:0px;
}
.footer .module-1 {
  font-size:10pt; 
}
} 




/*footer 2*/
.footer2 {
  margin: 0px auto; max-width:1920px; width:100%; padding:20px 20px 20px 20px; margin-top:0px; color:#FFFFFF; text-align:center; font-weight:300; font-size:10.5pt; font-family: 'Poppins', sans-serif!important; 
   background:#153371;  border-top:solid #263F75 1px!important;
}
.footer2 a {
 color:#FFFFFF;  text-decoration:none;
}
.footer2 a:hover {
 color:#FFFFFF;text-decoration:underline; 
}



/*moduly VSEOBECNE stylovanie*/
.card {
  word-wrap: break-word;
  background-clip: border-box;
  background: none;
  border: 0px solid #dfe3e7;
  border-radius: 0rem;
  min-width: 0;
  position: relative;
}
.card-body {
  flex: 1 1 auto;
  padding: 0rem;
}
.card-header:first-child {
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-header {
  background: none;
  border-bottom: 0px solid #dfe3e7;
  margin-bottom: 0;
  padding: 0px;
}






/*moduly telo*/
.container-bottom-a > *, .container-top-e > * {
  flex: 1;  margin: 0;
}

/*moduly telo 1 */
.container-bottom-a  {
  margin: 0px auto; padding:0px 20px;  max-width:1200px; margin-bottom:30px; margin-top:20px; width:100%; 
}
.container-bottom-a p {
  margin: 0px; 
}
.container-bottom-a .moduletable {
  margin:0px auto; padding:0px; 
}

 /*news flex*/
.container-bottom-a ul.newsflash-horiz  {
  padding:0px;  margin:0px auto;   display: flex; align-content:stretch; column-gap:4px;
}
.container-bottom-a .mod-articlesnews-horizontal {
  grid-gap: 3rem!important;
  display: flex!important;
}
.container-bottom-a ul.newsflash-horiz li  {
  padding:0px;  margin:0px auto;  padding:0%; font-size:11pt; line-height:160%; font-weight:300;  text-align:center;  position:relative;  padding-bottom:10px;
}
.container-bottom-a ul.newsflash-horiz li:after {
    content:'';
    position:absolute;
    left:0; right:0;
    top:100%;
    margin:5px auto;
    width:70%;
    height:3px; max-width:105px;                                                              
    background:#00867D;
}
.container-bottom-a ul.newsflash-horiz li figure {
  margin: 0 0 0em;
}
.container-bottom-a ul.newsflash-horiz li h2  {
  margin:0px auto; font-size:14pt; margin-bottom:10px; margin-top:20px; min-height:45px; font-weight:600;  color:#A32045;  max-width:170px
}
.container-bottom-a ul.newsflash-horiz li p {
  margin:0px;  
}
.container-bottom-a .mod-articlesnews-horizontal  {
 margin-bottom:0px;
}
.container-bottom-a .mod-articlesnews-horizontal li {
  display: flex;
  flex: 1 1 20%;
  flex-direction: column;  
}
.container-bottom-a .mod-list li {
  padding: 0px;  margin-right: 0px;
  background: none;
}


/*rozlisenie max 600*/                                                 
@media (max-width: 1200px)  {    
.container-bottom-a ul.newsflash-horiz li  {
   font-size:9pt; line-height:140%; 
}
.container-bottom-a ul.newsflash-horiz li h2  {
  font-size:12pt; margin-bottom:8px; margin-top:12px; min-height:35px; 
}
.container-bottom-a ul.newsflash-horiz li img {
 width:auto; max-height:60px;
}
}  

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

/*rozlisenie max 600*/                                                 
@media (max-width: 990px)  { 
.container-bottom-a .mod-articlesnews-horizontal li {
  flex: 1 1 45%;
}   
.container-bottom-a .mod-articlesnews-horizontal {
  grid-gap: 2rem!important;
}                                                     
}  

/*rozlisenie max 600*/                                                 
@media (max-width: 768px)  {                                                                                                                             
                                                       
} 
 
/*rozlisenie max 600*/
@media (max-width: 500px)  {

}


 /*moduly telo 2 */

.container-bottom-b  {
  margin: 0px auto; padding:30px 20px;  max-width:1400px;  width:100%; margin-bottom:-50px; margin-top:40px;  color:#FFFFFF;   overflow:hidden; position:relative; z-index:1;
}
.container-bottom-b p {
  margin: 0px; 
}   
.container-bottom-b .module-1 {
  margin: 0px auto; padding:0px; float:left; width:43%;  font-size:25pt; color:#333333; line-height:140%; font-weight:300;  margin-top:50px;
}
.container-bottom-b .module-1 span {
 color:#0041A9; font-size:25pt;  font-weight:500; font-style:italic;
}
.container-bottom-b .module-1 a {
  color: #fff;
  font-size: 12pt;
  line-height: 110%;
  display: inline-block;
  width: 260px;
  max-width: 80%;
  text-align: center;
  padding: 20px 10px;
  font-weight: 500;
  margin-top: 30px;
  text-decoration: none;
  position: relative;
  z-index: 1;
  /* Plynulý prechod pre farbu textu */
  transition: color 0.3s ease;
}

.container-bottom-b .module-1 a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: solid #000104 0px;
  transform: skewX(-20deg);
  z-index: -1;
  background: #007970;
  /* Plynulý prechod pre pozadie a transformáciu */
  transition: all 0.3s ease;
}

/* HOVER EFEKT */

.container-bottom-b .module-1 a:hover {
  color: #ffffff; /* Farba textu pri hoveri */
}

.container-bottom-b .module-1 a:hover::before {
  background: #00968b; /* Jemne svetlejší odtieň vašej farby */
  box-shadow: 0 4px 15px rgba(0, 121, 112, 0.3); /* Jemná žiara pod buttonom */
  transform: skewX(-20deg) translateY(-2px); /* Button sa pri hoveri mierne "vzdvihne" */
}

/* Aktívny stav (kliknutie) */
.container-bottom-b .module-1 a:active::before {
  transform: skewX(-20deg) translateY(1px); /* Pri kliknutí sa button jemne zatlačí */
  box-shadow: 0 2px 5px rgba(0, 121, 112, 0.2);
}


.container-bottom-b .module-2 {
  margin: 0px auto; padding:0px; float:right; width:51%; margin-right:5px; 
}
 /*news flex*/
.container-bottom-b .module-2 ul.newsflash-horiz  {
  padding:0px;  margin:0px auto;   display: block; align-content:stretch; column-gap:4px;
}
.container-bottom-b .module-2 .mod-articlesnews-horizontal {
  grid-gap: 2.5rem!important;
  display: flex!important;
}
.container-bottom-b .module-2 ul.newsflash-horiz li  {
  padding:0px;  margin:0px auto;  padding:30px 15px 30px 0px;  font-size:11pt; line-height:140%; font-weight:300; text-align:left; color:#212121;  position:relative; 
  /*background:#FFFFFF; box-shadow: #cccccc 0px 0px 18px; */  border-radius:0px; min-height:160px
}
.container-bottom-b .module-2 ul.newsflash-horiz li figure {
  margin: 0 0 0em;
}
.container-bottom-b .module-2 ul.newsflash-horiz li img  {
  margin:0px; float:left; margin-right:6%; margin-bottom:60px;   
}
.container-bottom-b .module-2 ul.newsflash-horiz li h2  {
  margin:0px; font-size:16pt;  margin-bottom:10px; min-height:80px; margin-top:0px; text-transform:none; font-weight:800; text-align:left; position:relative; color:#000000; 
  background: url(../../images/li3.png) no-repeat left 12px; padding-left:80px; padding-top:6px; line-height:120%; 
}
.container-bottom-b .module-2 ul.newsflash-horiz li p {
  margin:0px;  
}
.container-bottom-b .module-2 .mod-articlesnews-horizontal  {
 grid-gap: 0.2rem; margin-bottom:0px;
}
.container-bottom-b .module-2 .mod-articlesnews-horizontal li {
  display: block;
  flex: 1 1 45%;
  flex-direction: column;  
}                                                                 
.container-bottom-b .module-2 .mod-list li {
  padding: 0px;  margin-right: 0px;
  background: none;
}


/*rozlisenie max 950*/
@media (max-width: 1360px)  {
.container-bottom-b  {
   padding:30px 40px; 
}
.container-bottom-b .module-1 {
   font-size:18pt;  
}
.container-bottom-b .module-1 span {
  font-size:18pt;  
}
.container-bottom-b .module-2 .mod-articlesnews-horizontal {
  grid-gap: 1.5rem!important;
}
.container-bottom-b .module-2 ul.newsflash-horiz li  {
  font-size:10pt; line-height:125%; 
}
.container-bottom-b .module-2 ul.newsflash-horiz li h2  {
  font-size:12.5pt;  
}
.container-bottom-b .module-1 a {
 font-size:12pt; width:280px;  text-align:center; padding:20px 10px;  margin-top:30px;
}
}                                                                                  

/*rozlisenie max 600*/
@media (max-width: 990px)  {
.container-bottom-b  {
 padding:3px 30px 3px 30px; 
}
.container-bottom-b .module-1 {
 float:left; width:100%;  font-size:18pt;   margin-top:10px; margin-bottom:25px; 
}
.container-bottom-b .module-2 ul.newsflash-horiz li  {
    padding:5px 15px 5px 0px;  font-size:11pt; min-height:140px
}
.container-bottom-b .module-2 ul.newsflash-horiz li h2  {
  font-size:12.5pt;   min-height:50px;  font-weight:700; padding-left:50px; padding-top:3px; 
  background-size: 40px auto;
}
.container-bottom-b .module-1 span {
  font-size:18pt;  
}
.container-bottom-b .module-2 {
 float:left; width:100%;
}                                                               
}  

/*rozlisenie max 600*/
@media (max-width: 500px)  {
.container-bottom-b .module-2 .mod-articlesnews-horizontal {
  grid-gap: 0.5rem!important;
}
.container-bottom-b .module-2 {
  float:left; width:100%!important; display:block; 
}
.container-bottom-b .module-1 {
 font-size:16pt;   
}
.container-bottom-b .module-1 span {
  font-size:16pt;  
}
.container-bottom-b .module-2 ul.newsflash-horiz li  {
  font-size:9pt; line-height:125%;  padding:10px 5px 10px 5px; min-height:120px
}
.container-bottom-b .module-2 ul.newsflash-horiz li h2  {
  font-size:10pt;  padding-left:0px; min-height:30px; background-size:0%; background:none
}
.container-bottom-b  {
   margin-top:10px;  
}
.container-bottom-b .module-1 a {
  font-size: 10pt;
  line-height: 110%;
  width: 250px;
  max-width: 80%;
  padding: 16px 10px;
  font-weight: 500;
  margin-top: 20px;
}
}


 /*moduly telo 3 */

.container-bottom-c {
 position:relative; z-index:0; padding:0px;  margin:0px auto; max-width:1920px;  width: 100%;  margin-top:-200px;  margin-bottom:-510px; min-height:900px; 
}
.container-bottom-c .moduletable {
  padding:0px;  margin:0px auto; 
}
.container-bottom-c .moduletable p {
  margin:0px ; 
}


/*rozlisenie max 1300*/
@media (max-width: 1500px)  {
.container-bottom-c {
  margin-bottom:-510px; min-height:887px; 
}
}
@media (max-width: 1100px)  {
.container-bottom-c {
  margin-bottom:-400px; min-height:651px;  margin-top:-100px; 
}
}

@media (max-width: 990px) {

}

@media (max-width: 600px) {
.container-bottom-c {
  margin-bottom:-200px; min-height:355px; margin-top:-40px; 
}
}



.convertforms .cf-content-wrap {
  padding: 0px!important;
}



/*lavy a pravy panel*/

/*obsah*/

.container-component2 {
    float:left; width:70%!important;  display:block;
}
.container-sidebar-right   {
 float:right; width:25%!important;  display:block; 
   font-size:12pt; line-height:160%; color:#434343;  margin-top:50px;
} 
.sidebar-right  h3 {
   font-size:20pt; font-weight:900; margin-bottom:15px;
} 
.sidebar-right.card.menu   {
   background:#FF6600; border-radius:15px; padding:20px 30px;   max-width:290px;
} 
.sidebar-right.card.module-1   {
   background:#EAEAEA;  padding:25px 25px 20px 22px;   max-width:290px;   font-size:11pt; 
} 
.sidebar-right.card   {
     font-size:12pt;
} 

@media (max-width: 1150px)  {
.container-sidebar-right  {
   margin-top:20px;
} 
}


.container-component > :first-child, .container-sidebar-left > :first-child, .container-sidebar-right > :first-child {
  margin-top: 0em;
}
.container-component > * + *, .container-sidebar-left > * + *, .container-sidebar-right > * + * {
  margin-top: 0em;
}

/*rozlisenie max 1120*/
@media (max-width: 1120px)  {
.container-component {
   
}
.container-component .blog.custom {

}
}


.container-sidebar-left {
    
}
.container-sidebar-left .sidebar-left:first-child {
  margin-top: 0em;
}
.container-sidebar-right .sidebar-right:first-child {
  margin-top: 10px;
}
.container-sidebar-left .sidebar-left:last-child, .container-sidebar-right .sidebar-right:last-child {
  margin-bottom: 0em;
}
.container-sidebar-left .sidebar-left.card, .container-sidebar-right .sidebar-right.card {
  margin-bottom: 35px;
}






.sidebar-left.module-2 h3 {
   font-size:16pt; font-weight:900; margin-bottom:15px;
} 

.sidebar-left.module-2 {
   font-size:10.5pt;  font-weight:500; color:#000000; line-height:170%;    max-width:235px;
}  


.sidebar-left.menu  {
   background:#FBFBFB; border-radius:10px;  box-shadow: #888888 0px 0px 10px; max-width:235px;
}
.sidebar-left.menu h3 {
   font-size:15pt; font-weight:400; margin:0px; padding:10px 10px 7px 13px;  color:#FFFFFF; background:#000000; border-top-left-radius:10px; border-top-right-radius:10px;
}


/*rozlisenie max 990*/
@media (max-width: 768px)  {
.container-component2 {
    float:left; width:100%!important; 
}
.container-sidebar-right   {
 clear:left; float:left; width:100%!important;  
   font-size:12pt; line-height:160%; color:#434343;  margin-top:40px;
} 
}


/*breadcrumb_nav*/

.breadcrumb {
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0);
}
.breadcrumb.px-3 {
  padding-right: 1rem !important;
  padding-left: 0rem !important;
}
.breadcrumb.py-2 {
  padding-top: 0.3rem !important;
  padding-bottom: 0.5rem !important;
}
.breadcrumb li span.icon-location {
  display:none;
}
.breadcrumb li span, .breadcrumb li a {
 color:#212121; font-weight:400; font-size:10.5pt;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #000000; font-weight:400;
  content: var(--breadcrumb-divider, ">");
}


/*rozlisenie max 990*/
@media (max-width: 350px)  {
.breadcrumb li span, .breadcrumb li a {
 font-size:8pt;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.2rem;
  color: #000000; font-weight:300;
  content: var(--breadcrumb-divider, "/");
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.2rem;
}
}


/*EFEKTY*/

/* 1. ZJEMNENIE VŠETKÝCH ODKAZOV A TLAČIDIEL */
a, .btn, .readmore a, button {
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* 2. EFEKT PRE OBRÁZKY V BLOGU */
.blog.custom .blog-items .blog-image img {
    transition: transform 0.5s ease, filter 0.5s ease;
}

.blog.custom .blog-items .blog-item:hover .blog-image img {
    transform: scale(1.03); /* Jemné priblíženie obrázka */
    filter: brightness(100%);
}

/* 3. HOVER PRE BLOGOVÉ KARTY (COLUMNS-3 a COLUMNS-4) */
.blog.custom .blog-items .blog-item {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.blog.custom .blog-items .blog-item:hover {
    transform: translateY(-5px); /* Jemné nadvihnutie celej karty */
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/* 4. VYLEPŠENIE TABUĽKOVÝCH RIADKOV */
.item-page tr {
    transition: background-color 0.2s ease;
}

.item-page tr:hover td {
    color: #000; /* Zvýraznenie textu v riadku */
}

/* 5. JEMNÁ SCROLL ANIMÁCIA PRE HLAVNÝ TEXT A MODULY */
/* Tento efekt spôsobí, že sa obsah jemne "vynorí" pri načítaní */
.container-top-c, 
.blog.custom .blog-item, 
.container-top-b-2 {
    animation: fadeInUp 0.8s ease backwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 6. VYLEPŠENIE "ČÍTAŤ VIAC" TLAČIDIEL */
.blog.custom .blog-items.columns-4 .readmore a {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.blog.custom .blog-items.columns-4 .readmore a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: rgba(255,255,255,0.1);
    transition: height 0.3s ease;
    z-index: -1;
}

.blog.custom .blog-items.columns-4 .readmore a:hover::after {
    height: 100%;
}

/* 7. JEMNÝ POHYB IKONIEK V ZOZNAMOCH */
ol li::before {
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

ol li:hover::before {
    transform: scale(1.15) rotate(5deg);
}