/*body*/


.inter-tight-<uniquifier> {
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

body.itemid-101 {
   background: #FDFCFC;
}

body {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
 background: #FDFCFC;
  color: #070707;
  font-family: 'Inter Tight', sans-serif;
  font-size: 12pt;
  font-weight: 400;
  line-height: 160%;
  margin: 0;                                                               
  text-align: left;     
}

@media (max-width: 990px)  {
body {
  font-size: 11pt;  
}
}


a:link {
 text-decoration:none; color: #DE1A09; font-weight:400
}
a:visited {
 color: #DE1A09; text-decoration:none;
}
a:hover {
 color: #333; text-decoration:none;
}

p {
  margin-bottom: 0.5rem;
  margin-top: 0;
}
b, strong  {
  font-weight:700
}

/*tassos*/
ul.fields-container {
  margin:0px; padding:0px;
}
li.field-entry.galeria {
  margin:0px; padding:0px; list-style-type:none;
}
footer .mod-list li {
    padding: 0px;
  }
.tf-gallery-wrapper .gallery-items .item img {
  border-top-left-radius:15px; border-bottom-right-radius:15px; 
}

.moduletable .fields-container li .tf-faq-widget--item--question {
  padding-bottom: 16px !important;
  padding-top: 16px !important;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 8px;
  border: solid #CCCCCC 1px;
  border-radius: 8px;
  background: #fff;
}

/*pisma*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   color:#1A1A1A;   font-family: 'Inter Tight', sans-serif!important; 
  font-weight: 700;
  line-height: 1.2;
margin-bottom: 1.5rem;
margin-top: 0;  text-transform:none;
}

.moduletable .fields-container li {
  list-style-type: none;
  padding: 0px 0px 0px 0px;
}
.moduletable .fields-container li .field-label {
  display: none;
}

.page-header h1 {
  font-size: 40pt;  text-align:center; z-index:1; position:relative; background: none;  margin-top:0px; margin-bottom:40px;  padding-bottom:10px; position:relative;
}
.page-header h1:after {
    content:'';
    position:absolute;
    left:0; right:0;
    top:100%;
    margin:5px auto;
    width:70%; max-width:165px;
    height:4px;
    background:#D21917;
}

.item-page-nadpis .page-header h1 {
  font-size: 54pt;  text-align:center; z-index:1; position:relative; background: none;  margin-top:0px; margin-bottom:40px; line-height:110%; padding:0px; position:relative; color:#F2EFED; z-index:2; 
  min-height:200px; margin-top:-220px;
}
.item-page-nadpis .page-header h1:after {
    height:0px;
    background:none;
}


@media (max-width: 1250px)  {
.page-header h1 {
  font-size: 32pt;  letter-spacing:0px; 
}
.item-page-nadpis .page-header h1 {
  font-size: 32pt; margin-bottom:40px; min-height:170px; margin-top:-190px;
}
}

@media (max-width: 500px)  {
.page-header h1 {
  font-size: 24pt;  
}
.item-page-nadpis .page-header h1 {
  font-size: 24pt; margin-bottom:40px; min-height:170px; margin-top:-190px;
}
}    
                                       
.page-header h2 {
  font-size: 24pt;  
}
.item-page h3 {
    font-size: 20pt;  
}


/*introtext v clanku*/
.item-page .introtext {
    font-size: 125%;   overflow:hidden;
    line-height: 150%;
    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:45%; margin-right:20px;  
}
/*rozlisenie max 768*/
@media (max-width: 768px)  {
 .item-page .introtext img {
   float:left; width:100%; margin-right:0px; margin-bottom:12px; 
}
}

.item-page .wf-column, .item-page-nadpis .wf-column {
  padding:5px;
  font-size: 12pt;
  line-height:140%
}

.item-page .wf-columns H4 {
  display:block; font-size:18pt; font-weight:700
}
.item-page .wf-columns H4 a {
   font-weight:700; 
}

.item-page img, .item-page-nadpis img {
 border-top-left-radius:15px; border-bottom-right-radius:15px; border:solid #C6BEB9 0px; 
}


.item-page  a.odkaz, .item-page-nadpis  a.odkaz  {
  color: #FFFFFF; margin:0px auto;  display:block; height:66px; width:100%; max-width:370px;  padding:18px 0px 0px 0px;  border-radius:45px;
  font-size:15pt; text-align:center; font-weight:400;    background:#E40613; text-transform:none; letter-spacing:0.5px;  line-height.120%;
}  
.item-page  a.odkaz:hover, .item-page-nadpis  a.odkaz:hover  {
  color: #FFFFFF;  background:#171717; text-decoration:none;
}

.item-page  ul, .item-page-nadpis  ul  {
 margin:3px 0px 15px 0px; 
 padding:15px 10px; 
 background:#fff;
 border-radius: 12px;
 border: 1px solid #f1f1f1;
 box-shadow: 5px 5px 0px #f1f1f1;
 list-style: none;
}
.item-page ul li, .item-page-nadpis ul li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 0.75rem;
}

.item-page ul li::before, .item-page-nadpis ul li::before {
  content: "\2192";
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  background-color: #ccc; /* Farba kruhu */
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: bold;
}
.item-page ul.  li strong, .item-page-nadpis ul.  li strong {
   margin-right:10px;
}

.item-page .fields-container li, .item-page-nadpis .fields-container li {
 list-style-type:none;  background: none;  
}


.item-page table, .item-page-nadpis table {
   margin:0px auto; width:100%; margin-bottom:30px; min-height:190px
}
.item-page tr, item-page-nadpis tr {
  border-bottom:solid #333 1px;
}
.item-page tr:hover, item-page-nadpis tr {
  /*cursor:pointer;*/ background:#E9E9E9; 
}
.item-page td, .item-page-nadpis td  {
  /*display: table-cell; */ padding:5px 0px;  width:12.5%; font-size:11pt;  text-align:left;  border-bottom:solid #C6BEB9 1px; min-height:30px
}
.item-page td:first-child, .item-page-nadpis td:first-child {
  /*color:#333; font-size:12pt; font-weight:500;  */ 
}
.item-page td:last-child, .item-page-nadpis td:last-child  {
       
}


/*rozlisenie max 768*/

/*
@media (max-width: 768px)  {
.item-page table {
 
}
.item-page td, .item-page-nadpis td {
  padding:2px 0px;  font-size:11pt;
}
.item-page td:first-child, .item-page-nadpis td:first-child {
  font-size:11pt; 
}
.item-page td:last-child span, .item-page-nadpis td:last-child span  {
  padding:3px 4px; 
}
.item-page tr:first-child td, .item-page-nadpis tr:first-child td:first-child, .item-page tr:first-child td, .item-page-nadpis tr:first-child td:first-child {
  font-size:10pt;padding-bottom:8px;  
}
}
@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 - 4 stlpce = img na celu vysku*/
.blog.custom  .blog-items.columns-4 {
    padding: 0px;   margin: 0 0 0.5em;  grid-gap: 1.5em;  display: flex;
}
.blog.custom  .blog-items.columns-4 .blog-item {
      display: flex;
  flex: 1 1 21%;
  flex-direction: column; 
  
}
.blog.custom  .blog-items.columns-4 .blog-item {
    margin-bottom:0px; position:relative;  background:none; border-radius:3px;  padding:10px; text-align:left;  background: #E8E5E4;  border-top-left-radius:45px;  border-bottom-right-radius:45px; border:solid #C6BEB9 1px;
}
.blog.custom ul.newsflash-horiz  {
  padding:0;  margin:0px auto;  
}
.blog.custom  .blog-items.columns-4 .page-header h2 {
   margin-bottom:0px; 
}
.blog.custom  .blog-items.columns-4 .page-header h2 a {
 margin:0px; font-size:17pt; line-height:110%; margin-bottom:15px; margin-top:15px; text-transform:none; font-weight:500; display:block; color:#000000; position:relative;  padding-bottom:7px;  
}
.blog-items.columns-4 .page-header h2 a {
 min-height: 60px 
}

.blog.custom  .blog-items.columns-4 .page-header h2 a:after {
    content:'';
    position:absolute;
    left:0; right:auto;
    top:100%;
    margin:5px auto;
    width:70%;  max-width:165px;                                    
    height:2px;
    background:#E40613;
}
.blog.custom  .blog-items.columns-4 p.readmore a {
  padding:9px 30px; font-size:12pt; line-height:120%; font-weight:500; text-align:center;  position:relative; float:right; text-transform:uppercase; 
   color:#FFFFFF;   background: #E40613;   border-top-left-radius:35px; border-bottom-right-radius:35px; margin-top:8px;
}
.blog.custom  .blog-items.columns-4 p.readmore a .btn-secondary {
  border-color: transparent;
}
.blog.custom  .blog-items.columns-4 .btn {
  border: 0px solid transparent;

}
.blog.custom  .blog-items.columns-4 .icon-chevron-right::before {
  content: "";
}
.blog.custom  .blog-items.columns-4 p.readmore a:hover {
   text-decoration:none; background: #000000;  color:#FFFFFF;
}
.blog.custom  .blog-items.columns-4 .blog-image {
   display:block;
}
.blog.custom  .blog-items.columns-4 .blog-image img {
margin:0px; padding:0px; object-fit:cover; width:100%; height:240px;  border-top-left-radius:45px; border-bottom-right-radius:45px; 
}
.blog.custom  .blog-items.columns-4 .blog-introtext  {
  font-size:11pt; line-height:150%; min-height:160px;
  display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
overflow: hidden;
}




/*rozlisenie max 1200*/
@media (max-width: 1250px)  {
.blog.custom  .blog-items.columns-4 .page-header h2 a  {
  font-size:12pt;   margin-bottom:10px;  
}
.blog.custom  .blog-items.columns-4 .blog-introtext {
  font-size:10pt; 
}
.blog.custom  .blog-items.columns-4 .blog-image img {
  margin-bottom:10px; height:200px;
}
.blog.custom  .blog-items.columns-4 p.readmore a {
 font-size:10pt;  margin-top:15px;
}
}

/*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:14pt;   margin-bottom:10px; 
}

}


@media (max-width: 500px)  {
.blog.custom  .blog-items.columns-4 .page-header h2 a  {
    min-height:auto; 
}
.blog.custom  .blog-items.columns-4 .blog-introtext  {
  font-size:10pt;  
}

}





/*header*/
.container-header {
  background: #000000;
  box-shadow: inset 0 0px 0px rgba(0,0,0,.03);
  position: relative;
  z-index: 10;
  height:90px;  max-width:1920px; margin:0px auto;  width:100%; margin-top:0px;  
}
.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:0px; right:auto; top:0px;  width:360px; padding-top:20px; padding-left:35px;
  text-decoration: none;  white-space: nowrap; height:116px; 
}


/*rozlisenie max 1820*/
@media (max-width: 1500px)  {
.container-header .navbar-brand {
  width:200px; padding-top:34px; padding-left:10px; height:116px; border-bottom-right-radius:100px; padding-right:40px;
}
}

/*rozlisenie max 1400*/
@media (max-width: 1150px)  {

}
/*rozlisenie max 991*/
@media (max-width: 990px)  {

}

/*rozlisenie max 600*/
@media (max-width: 768px)  {

}
/*rozlisenie max 500*/
@media (max-width: 500px)  {

}

/*menu jazyky*/
div.mod-languages ul {
  list-style: none;   margin: 0;  padding: 0; margin-top:8px; margin-left:15px;
}
div.mod-languages li {
  margin: 0px; padding-right:12px; padding-left:2px;  background: url(../../images/li.png) no-repeat right 4px;
}
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: 0px 18px;  text-decoration: none; color:#FFFFFF; font-family: 'Signika', sans-serif; font-weight:700; font-size:17pt;  
}
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:50px;  top:20px; width:200px; height:48px; margin:0px;  background:#F04E03; z-index:2; border-radius:30px; 
}
.container-top-a .moduletable {
  margin:0px;  color:#FFFFFF; text-align:left; padding-top:10px; font-weight:500; font-size:11.5pt; text-align:center
}
.container-top-a .moduletable p {
  margin:0px;  
}
.container-top-a .moduletable a {
 color:#FFFFFF;   font-weight:500;
}


@media (max-width: 1500px)  {
.container-top-a {
  right:50px;  top:20px; width:160px; height:48px; margin:0px; 
}
.container-top-a .moduletable {
  font-size:10pt;  padding-top:10px;
}
}

@media (max-width: 990px)  {
.container-top-a {
 right:20px;  top:30px; width:120px; height:32px;  
}
.container-top-a .moduletable {
  font-size:9pt;  padding-top:4px;
}
}

/*rozlisenie max 500*/
@media (max-width: 500px)  {
.container-top-a {
  right:12px; 
}
.container-top-a .moduletable {
  
}
}



/*top 2*/
.container-top-b {
  margin: 0px auto;
  padding: 40px 80px 40px 80px;
  max-width: 1920px;
  width: 100%;
  position: absolute;
  left: auto;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  /* Prechod z tmavšej na okrajoch do priehľadnej zelenej v strede */
  background: linear-gradient(
    to right, 
    rgba(10, 60, 30, 0.4) 0%,        /* Tmavší ľavý okraj */
    rgba(22, 149, 72, 0.8) 20%,      /* 20% zelená */
    rgba(22, 149, 72, 0.8) 80%,      /* 20% zelená */
    rgba(10, 60, 30, 0.2) 100%       /* Tmavší pravý okraj */
  );
}

.container-top-b p {
  margin: 0px; 
}   
.container-top-b .moduletable {
  margin: 0px auto; padding:0px;  color:#fff; font-size:16pt; line-height:140%; max-width:1200px;
}
.container-top-b .moduletable h4 {
 color:#fff; font-size:26pt; line-height:120%;  margin:0px; margin-bottom:15px; font-weight:700; float:left; width:40%; margin-right:5%;
}


/*rozlisenie max 1640*/
@media (max-width: 1800px)  {
.container-top-b .moduletable {
  max-width:1000px;
}
.container-top-b  {
  padding:40px 80px 40px 80px; 
}
.container-top-b .moduletable {
   font-size:12.5pt; line-height:150%;
}
.container-top-b .moduletable h4 {
 font-size:20pt; float:left; width:40%; margin-right:5%;
}
}

@media (max-width: 1200px)  {
.container-top-b .moduletable {
  max-width:800px;
}
.container-top-b  {
  padding:25px 50px 25px 50px; 
}
.container-top-b .moduletable {
   font-size:12pt;
}
.container-top-b .moduletable h4 {
 font-size:18pt; float:left; width:40%; margin-right:5%;
}
}


/*rozlisenie max 950*/
@media (max-width: 990px)  {
.container-top-b  {
 padding:15px 20px 15px 20px;  max-width:990px; margin:0px auto;  position:relative; left:0px; right:0px; bottom:0px; margin-top:-30px;  z-index:2; 
   background: linear-gradient(
    to right, 
    rgba(10, 60, 30, 1.0) 0%,        /* Tmavší ľavý okraj */
    rgba(22, 149, 72, 1.0) 20%,      /* 20% zelená */
    rgba(22, 149, 72, 1.0) 80%,      /* 20% zelená */
    rgba(10, 60, 30, 1.0) 100%       /* Tmavší pravý okraj */
  );
}
.container-top-b .moduletable {
   font-size:11pt;
}
}

/*rozlisenie max 950*/
@media (max-width: 768px)  {
.container-top-b .moduletable {
   font-size:11pt;
}
.container-top-b .moduletable h4 {
 font-size:16pt; float:left; width:44%; margin-right:5%;
}
}


@media (max-width: 500px)  {
.container-top-b .moduletable {
   padding:4px 20px 4px 20px; font-size:10pt; text-align:center
}
.container-top-b .moduletable h4 {
 font-size:14pt; float:left; width:100%; margin-right:0%;  margin-bottom:5px; text-align:center
}
}

/*modul b2*/
.container-top-b2  {
  margin: 0px auto; padding:0px 20px;  max-width:800px;  width:50%;  position:absolute; left:auto; right:10px; top:180px;  z-index:1;  animation: text1 6s alternate;   
}
@-webkit-keyframes text1 {
0% {
   opacity: 0; 
}

100% {
  opacity: 1; 
}
}
.container-top-b2 p {
  margin: 0px; 
}   
.container-top-b2 .moduletable {
  margin: 0px auto; padding:0px; font-size:14pt;  line-height:160%; color:#FFFFFF; font-weight:400;
}
.container-top-b2 .moduletable h1 {
 color:#FFFFFF; font-size:68pt; line-height:90%;  margin:0px; margin-bottom:20px;font-weight:700;
}



/*rozlisenie max 1640*/
@media (max-width: 1800px)  {
.container-top-b2  {
  max-width:600px;  width:55%; right:0px; top:160px;    
}
.container-top-b2 .moduletable {
  font-size:14pt; 
}
.container-top-b2 .moduletable h1 {
 font-size:54pt;  margin-bottom:20px;
}
}
@media (max-width: 1200px)  {
.container-top-b2  {
  max-width:450px;  width:45%; right:0px; top:160px;    
}
.container-top-b2 .moduletable {
  font-size:12.5pt; 
}
.container-top-b2 .moduletable h1 {
 font-size:38pt;  margin-bottom:20px;
}
}
/*rozlisenie max 950*/
@media (max-width: 990px)  {
.container-top-b2  {
  max-width:500px;  width:95%; left:0px; right:0px; top:140px; text-align:center;   
}
.container-top-b2 .moduletable h1 {
 font-size:24pt;  margin-bottom:20px;
}
}


@media (max-width: 500px)  {
.container-top-b2 .moduletable {
  font-size:11pt; 
}
.container-top-b2 .moduletable h1 {
 font-size:24pt;  margin-bottom:20px;
}
}


/*modul 3 */
/* --- HLAVNÝ KONTAJNER --- */
.container-top-c {
  position: relative;
  padding: 0px 20px;
  margin: 0px auto;
  max-width: 1700px;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 20px;
}

.container-top-c .moduletable {
  padding: 0px;
  margin: 0px auto;
}

.container-top-c .module-2 {
  padding: 0px;
  margin: 0px auto;
  font-size: 14pt;
  line-height: 160%;
  font-weight: 300;
  text-align: center;
  margin-top: 30px;
  max-width: 1100px;
}

.container-top-c .moduletable p {
  padding: 0px;
  margin: 0px;
  margin-left: 0px;
  width: auto;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* pocet riadkov */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.container-top-c .module-2 p {
  display: block;
  -webkit-line-clamp: 10; /* pocet riadkov */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* --- NEWS FLEX STRUCTURE --- */
.container-top-c ul.newsflash-horiz {
  padding: 0px;
  margin: 0px auto;
  align-content: stretch;
  column-gap: 4px;
}

.container-top-c .mod-articlesnews-horizontal {
  grid-gap: 2rem !important;
  display: flex !important;
  margin-bottom: 0px;
}

/* --- NASTAVENIE SCROLL ANIMÁCIE PRE ČLÁNKY --- */
.container-top-c .mod-articlesnews-horizontal li {
  display: flex;
  flex: 1 1 20%;
  flex-direction: column;
  padding: 0px;
  padding-right: 2%;
  position: relative;
  font-size: 11pt;
  line-height: 160%;
  border-right: 1px solid #ccc;
  background: none;

  /* Základný neviditeľný stav pred doskrolovaním */
  opacity: 0;
  transform: translateY(35px);
  transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1),
              transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* Stav po doskrolovaní (trieda spustená cez JS) */
.container-top-c .mod-articlesnews-horizontal li.in-view {
  opacity: 1;
  transform: translateY(0);
}

/* Postupné opozdenie (Stagger) pre 4 karty */
.container-top-c .mod-articlesnews-horizontal li.in-view:nth-child(1) { transition-delay: 0.1s; }
.container-top-c .mod-articlesnews-horizontal li.in-view:nth-child(2) { transition-delay: 0.25s; }
.container-top-c .mod-articlesnews-horizontal li.in-view:nth-child(3) { transition-delay: 0.4s; }
.container-top-c .mod-articlesnews-horizontal li.in-view:nth-child(4) { transition-delay: 0.55s; }


/* --- TLAČIDLO VIAC --- */
a.viac {
  padding: 9px 35px;
  font-size: 12pt;
  line-height: 120%;
  font-weight: 500;
  text-align: center;
  position: relative;
  float: right;
  text-transform: uppercase;
  color: #FFFFFF;
  background: #F04E03;
  border-radius: 12px;
  margin-top: 18px;
  box-shadow: 5px 5px 0px #ccc;
  margin: 5px;
}

a:hover.viac {
  color: #000;
  background: #0FCF65;
  box-shadow: 5px 5px 0px #ccc;
}

/* --- PRVKY V ČLÁNKU --- */
.container-top-c ul.newsflash-horiz li figure {
  margin: 0 0 0em;
}

.container-top-c ul.newsflash-horiz li h2 {
  margin: 0px;
  font-size: 16pt;
  line-height: 110%;
  margin-bottom: 12px;
  margin-top: 18px;
  text-transform: none;
  font-weight: 700;
  color: #000000;
  position: relative;
  padding-bottom: 7px;
}

.container-top-c ul.newsflash-horiz li h2 a {
  font-weight: 700;
  color: #000000;
}

.container-top-c ul.newsflash-horiz li h2:after {
  content: '';
  position: absolute;
  left: 0;
  right: auto;
  top: 100%;
  margin: 5px auto;
  width: 70%;
  max-width: 165px;
  height: 0px;
  background: #F04E03;
}

.container-top-c ul.newsflash-horiz li img {
  margin: 0px;
  padding: 0px;
  object-fit: cover;
  width: 100%;
  height: 240px;
  border-radius: 6px;
}

.container-top-c ul.newsflash-horiz li p {
  margin: 0px;
}

/* --- MEDIA QUERIES --- */
@media (max-width: 1500px) {
  .container-top-c .mod-articlesnews-horizontal {
    grid-gap: 2rem !important;
  }
  .container-top-c ul.newsflash-horiz li img {
    height: 200px;
  }
  .container-top-c ul.newsflash-horiz li h2 {
    font-size: 16pt;
    line-height: 110%;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 3px;
  }
  .container-top-c ul.newsflash-horiz li {
    font-size: 10pt;
    line-height: 160%;
  }
}

@media (max-width: 990px) {
  .container-top-c ul.newsflash-horiz li h2 {
    font-size: 14pt;
    line-height: 110%;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 7px;
  }
  .container-top-c .mod-articlesnews-horizontal {
    grid-gap: 2rem !important;
  }
  .container-top-c .mod-articlesnews-horizontal li {
    flex: 1 1 40%;
  }
}

@media (max-width: 500px) {
  .container-top-c {
    margin-top: 25px;
    margin-bottom: 15px;
  }
  .container-top-c ul.newsflash-horiz li img {
    height: 128px;
  }
  .container-top-c .mod-articlesnews-horizontal {
    grid-gap: 1rem !important;
  }
  .container-top-c ul.newsflash-horiz li h2 {
    font-size: 12pt;
    line-height: 110%;
    margin-bottom: 8px;
    margin-top: 8px;
    padding-bottom: 3px;
  }
  .container-top-c ul.newsflash-horiz li {
    font-size: 9.5pt;
    line-height: 140%;
    margin-bottom: 20px;
  }
  .container-top-c .module-2 {
    font-size: 11pt;
    margin-top: 18px;
  }
}


/*modul 4 */

.container-top-d {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 1920px;
  overflow: hidden;
}

.container-top-d .moduletable {
  padding: 0;
  margin: 0 auto;
  width: 100%;
}

.container-top-d .moduletable p {
  margin: 0;
  padding: 0;
}

.container-top-d .mod-custom {
  margin: 0 auto;
  width: 100%;
  max-width: 1920px;
  position: relative;
  overflow: hidden;
} 

.container-top-d .mod-custom img {
  width: 100%;
  height: auto;
  display: block;
  position: static;
  margin: 0 auto;
} 



@media (max-width: 768px) {

  .container-top-d,
  .container-top-d .moduletable,
  .container-top-d .mod-custom {
    min-height: 240px;
    position: relative;
  }

  .container-top-d .mod-custom img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}






/*modul image podstranky*/
.below-top {
  	 max-width:1920px;height:auto; z-index:0; position:relative; overflow:hidden; width:100%; height:116px;
  padding:0px; margin:0px auto;  top:0px;    margin-top:-116px; background:#C6BEB9;
}


/*rozlisenie max 991*/
@media (max-width: 990px)  {

}
/*rozlisenie max 991*/
@media (max-width: 500px)  {

}


/*obsah*/
.site-grid {
  margin:0px auto; margin-top:10px;  margin-bottom:10px;  max-width:1250px; width:100%;  display:block; 
}
/*rozlisenie max 1820*/
@media (max-width: 1250px)  {
.site-grid {
  padding-left:8px; padding-right:8px;
}
}

/*banner*/
.banner {
  margin: 0px auto;  padding:0px; position:relative; z-index:1; margin-top:-116px;  max-width:1920px; width:100%;  /*overflow:hidden; */
}
.container-banner {
  display: block;
  margin: 0px auto;  position:relative; z-index:1;   max-width:1920px; overflow:hidden;  width:100%;
}
.banner img {
  filter: brightness(80%);
}

/*rozlisenie max 1200*/
@media (max-width: 1300px)  {

}

/*rozlisenie max 991*/
@media (max-width: 768px)  {
.container-banner {
  display: block;
  margin: 0px auto;  position:relative; z-index:1;   max-width:1920px; overflow:hidden;  float:none; width:100%;
}

}



@media (max-width: 500px)  {

}



/*footer*/
.footer {
  color: #FFFFFF;
  margin: 0px auto; margin-left:0px;max-width:1920px; width:100%; padding-bottom:0px; background: #000; 
}
.footer .footer-in {
  margin:0px auto; padding: 40px 20px 30px 20px;  max-width:1280px;    overflow:hidden; 
}
.footer .module-1 {
  position: relative;  font-size:15pt; font-weight:300; line-height:140%; color:#FFFFFF;  float:left; width:44%; 
}
.footer .module-1 ul {
  margin:0px; padding:0px; float:left; width:31%; margin-right:2%;
}
.footer .module-1 ul li {
  margin:0px; padding:0px;  list-style-type:none; line-height:120%; font-size:10.5pt; font-weight:300; margin-bottom:14px; color:#FFFFFF;
}
.footer .module-1 ul li a {
  color:#FFFFFF;
}

.footer .module-2 {
  position: relative;   font-size:14pt; font-weight:600;   line-height:140%; color:#FFFFFF;  float:left; width:25%; margin-left:3%;
}
.footer .module-2 a {
  font-weight:600;  color:#FFFFFF; 
}
.footer .module-2 a.odkaz {
  color: #F04E03;   font-size:14pt; font-weight:600;   
}  

.footer .module-3 {
  position: relative;  font-size:12pt; font-weight:300; line-height:150%; color:#FFFFFF; float:right; width:25%;  
}
.footer .module-3 a {
  color: #FFFFFF;margin:0px auto; float:left; display:block; height:50px; width:100%; max-width:220px;  padding:14px 0px 0px 0px;  border-radius:12px;
  font-size:12pt; text-align:center; font-weight:700;    background:#F04E03; text-transform:uppercase; letter-spacing:1px; 
}  
.footer .module-3 a:hover {
  color: #E41A28;  background:#ECECEC; text-decoration:none;
}


/*rozlisenie max 600*/
@media (max-width: 1200px)  {
.footer .footer-in {
 padding: 70px 40px 70px 40px;  margin-left:5%;
}
.footer .module-2 a.odkaz, .footer .module-2  {
 font-size:16pt; 
}  
} 

/*rozlisenie max 500*/
@media (max-width: 990px)  {
.footer {
  color: #FFFFFF;
  margin: 0px auto; max-width:1920px; width:100%; padding-bottom:0px; 
}
.footer .footer-in {
 padding: 20px 20px 20px 20px;  margin:0px auto;
}
.footer .module-1 {
   float:left; width:100%;  margin-bottom:30px;
}
.footer .module-2 {
 clear:left; float:left; width:100%; margin-left:0%;  margin-bottom:30px;
}
.footer .module-2 a {
 
}  
.footer .module-3 {
   clear:left;  float:left; width:100%;  margin-left:0px;  
}

} 

/*rozlisenie max 500*/
@media (max-width: 500px)  {
.footer .module-1 {
   margin-bottom:20px;
}                                                                         
.footer .module-1 ul {
  margin:0px; padding:0px; float:left; width:100%; margin-bottom:25px;
}
} 




/*footer 2*/
.footer2 {
  margin: 0px auto;  width:100%; padding:10px 20px 10px 20px; margin-top:0px;  text-align:center; font-weight:300; font-size:9pt; font-family: 'Inter Tight', sans-serif!important; background:#151F24; color:#666;

}
.footer2 a {
 color:#999;

}




/*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-bottom-b > * {
  flex: 1;
  margin: 0;
}

/* --- MAIN CONTAINER --- */
.container-bottom-a {
  margin: 0px auto;
  padding: 0px;
  max-width: 1480px;
  margin-bottom: 10px;
  margin-top: 5px;
  width: 100%;
  position: relative;
  overflow: hidden; /* Zabraňuje vzniku nežiaduceho rozmeru stránky počas príchodu zprava */
  clear: both;
}

.container-bottom-a .moduletable {
  margin: 0px auto;
  padding: 0px;
}


/* ======================================================
   1. OBRÁZKY (module-1) - POMALŠÍ PRÍCHOD ZPRAVA
====================================================== */
.container-bottom-a .module-1 {
  margin: 0px auto;
  padding: 2%;
  float: left;
  width: 52.47%;
  box-sizing: border-box;

  /* Štartovací stav */
  opacity: 0;
  transform: translateX(100px); 
  

  transition: opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1),
              transform 1.4s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* ======================================================
   2. TEXTY (module-2) - POMALŠÍ PRÍCHOD ZDOLA
====================================================== */
.container-bottom-a .module-2 {
  margin: 0px auto;
  padding: 0px;
  float: right;
  width: 33%;
  margin-right: 10%;
  font-size: 14pt;
  line-height: 160%;
  font-weight: 400;
  margin-top: 60px;
  box-sizing: border-box;

  /* Štartovací stav */
  opacity: 0;
  transform: translateY(50px);
  
  /* Zmena: dĺžka predĺžená na 1.4s */
  transition: opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1),
              transform 1.4s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

/* ======================================================
   3. AKTÍVNE STAVY PO DOSKROLOVANÍ
====================================================== */
.container-bottom-a .module-1.in-view {
  opacity: 1;
  transform: translateX(0);
}

.container-bottom-a .module-2.in-view {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.3s; /* Zväčšené opozdenie pre text, aby pekne nadväzoval na pomalší obrázok */
}


.container-bottom-a .module-1 img {
 border-radius:10px;
}


/* Stylizovanie obsahu vo vnútri module-2 */
.container-bottom-a .module-2 h3 {
  margin: 0px auto;
  padding: 0px;
  color: #333333;
  text-align: left;
  margin-bottom: 15px;
  font-size: 24pt;
  font-weight: 700;
  text-transform: none;
  font-family: 'Inter Tight', sans-serif !important;
}

.container-bottom-a .module-2 a {
  color: #000000;
  margin: 0px auto;
  float: left;
  display: block;
  height: 50px;
  width: 100%;
  max-width: 200px;
  padding: 10px 0px 0px 0px;
  border-radius: 45px;
  font-size: 12pt;
  text-align: center;
  font-weight: 700;
  background: #0FCF65;
  text-transform: none;
  letter-spacing: 0px;
  margin-top: 20px;
  box-shadow: 5px 5px 0px #666;
  box-sizing: border-box;
}

.container-bottom-a .module-2 a:hover {
  color: #FFFFFF;
  background: #F04E03;
  text-decoration: none;
  box-shadow: 5px 5px 0px #ccc;
}


/* --- MEDIA QUERIES --- */
@media (max-width: 1600px) {
  .container-bottom-a {
    max-width: 1000px;
  }
  .container-bottom-a .module-2 {
    width: 36%;
    margin-right: 2%;
    font-size: 12.5pt;
    margin-top: 30px;
  }
  .container-bottom-a .module-2 h3 {
    margin-bottom: 10px;
    font-size: 20pt;
  }
}

@media (max-width: 1200px) {
  .container-bottom-a {
    max-width: 900px;
  }
  .container-bottom-a .module-2 {
    width: 36%;
    margin-right: 1%;
    font-size: 12pt;
    line-height: 160%;
    margin-top: 20px;
  }
  .container-bottom-a .module-2 h3 {
    margin-bottom: 10px;
    font-size: 18pt;
  }
}

@media (max-width: 668px) {
  .container-bottom-a .moduletable {
    margin: 0px auto;
    padding: 0px 10px;
  }
  .container-bottom-a .module-1 img {
    margin-top: 18px;
  }
  .container-bottom-a .module-1 {
    float: none;
    width: 100%;
  }
  .container-bottom-a .module-2 {
    float: none;
    width: 100%;
    margin: 0px auto;
    margin-top: 15px;
    font-size: 10.5pt;
    padding:15px 20px 20px 20px;
  }
  .container-bottom-a .module-2 a {
    height: 44px;
    width: 100%;
    max-width: 160px;
    padding: 8px 0px 0px 0px;
    font-size: 11pt;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

                                                                       

/* moduly telo 2 */
.container-bottom-b {
  margin: 0px auto; 
  padding: 10px 20px; 
  max-width: 1340px; 
  width: 100%; 
  margin-bottom: 20px; 
  margin-top: 10px; 
  overflow: visible !important; /* Dôležité pre správne zobrazenie horného borderu */
}

.container-bottom-b p {
  margin: 0px; 
}   

.container-bottom-b .moduletable {
  margin: 0px auto; 
  padding: 0px; 
}

.container-bottom-b .module-2 {
  width: 60%; 
  margin-top: 50px;
}

.container-bottom-b .module-2 H4 {
  text-align: center; 
  font-size: 200%;
}

/* news flex */
.container-bottom-b .moduletable ul.newsflash-horiz {
  padding: 0px; 
  margin: 0px auto; 
  display: flex; 
  align-content: stretch; 
  column-gap: 2px;
}

.container-bottom-b .moduletable .mod-articlesnews-horizontal {
  grid-gap: 2em !important; 
  display: flex !important;
}

/* KARTIČKY + ANIMÁCIA NAČÍTANIA */
.container-bottom-b .moduletable ul.newsflash-horiz li {
  margin: 0px auto;
  padding: 3% 3%;
  font-size: 11pt;
  line-height: 140%;
  font-weight: 300;
  margin-bottom: 0px;
  text-align: center;
  position: relative;
  border-radius: 8%;
  border: 1px solid #ccc !important; /* !important zabezpečí, že border nič neprepíše */
  box-shadow: 5px 5px 0px #ccc;
  
  /* Štartovací stav animácie */
  opacity: 0;
  transform: translateY(45px);
  transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
} 

/* Aktivované karty po doskrolovaní */
.container-bottom-b .moduletable ul.newsflash-horiz li.in-view {
  opacity: 1;
  transform: translateY(0);
}

/* Postupné oneskorenie príchodu */
.container-bottom-b .moduletable ul.newsflash-horiz li.in-view:nth-child(1) { transition-delay: 0.1s; }
.container-bottom-b .moduletable ul.newsflash-horiz li.in-view:nth-child(2) { transition-delay: 0.25s; }
.container-bottom-b .moduletable ul.newsflash-horiz li.in-view:nth-child(3) { transition-delay: 0.4s; }
.container-bottom-b .moduletable ul.newsflash-horiz li.in-view:nth-child(4) { transition-delay: 0.55s; }

.container-bottom-b .moduletable ul.newsflash-horiz li figure {
  margin: 0 0 0em;
}

.container-bottom-b .moduletable ul.newsflash-horiz li h2 {
  margin: 0px; 
  font-size: 48pt; 
  line-height: 110%; 
  margin-bottom: 12px; 
  margin-top: 0px; 
  text-transform: none; 
  font-weight: 800; 
  text-align: center; 
  color: #000; 
  font-family: 'Inter Tight', sans-serif !important;  
}

.container-bottom-b .moduletable ul.newsflash-horiz li h3 {
  margin: 0px; 
  font-size: 15pt; 
  margin-bottom: 12px; 
  margin-top: 0px; 
  text-transform: uppercase; 
  font-weight: 700; 
  text-align: center; 
  color: #0FCF65;   
}

.container-bottom-b .moduletable ul.newsflash-horiz li p {
  margin: 0px;  
}

.container-bottom-b .moduletable .mod-articlesnews-horizontal {
  grid-gap: 0.2rem; 
  margin-bottom: 0px;
}

.container-bottom-b .moduletable .mod-articlesnews-horizontal li {
  display: flex; 
  flex: 1 1 17%; 
  flex-direction: column;  
}                                                 

/* MEDIA QUERIES */
@media (max-width: 1400px) {
  .container-bottom-b .moduletable ul.newsflash-horiz {
    padding: 0px; 
    margin: 0px auto; 
    display: flex; 
    align-content: stretch; 
  }
  .container-bottom-b .moduletable ul.newsflash-horiz li {
    padding: 3% 3%; 
    font-size: 1vw; 
    line-height: 120%;
  }
  .container-bottom-b .moduletable ul.newsflash-horiz li h2 {
    font-size: 5vw; 
    margin-bottom: 10px;  
  }
  .container-bottom-b .moduletable ul.newsflash-horiz li h3 {
    font-size: 1.5vw; 
    margin-bottom: 10px;  
  }
  .container-bottom-b .moduletable .mod-articlesnews-horizontal {
    grid-gap: 2em !important; 
    display: flex !important;
  }
}   

@media (max-width: 990px) {
  .container-bottom-b .moduletable .mod-articlesnews-horizontal {
    grid-gap: 1rem !important;  
  }
  .container-bottom-b .module-2 {
    width: 85%; 
    margin-top: 30px;
  }
  .container-bottom-b .moduletable ul.newsflash-horiz li {
    padding: 2%; 
    font-size: 1.2vw; 
    line-height: 140%; 
  }
  .container-bottom-b .moduletable ul.newsflash-horiz li h2 {
    font-size: 5vw; 
    margin-bottom: 12px;  
  }
  .container-bottom-b .moduletable ul.newsflash-horiz li h3 {
    font-size: 1.7vw; 
    margin-bottom: 10px;  
  }                                                             
}  
 
@media (max-width: 500px) {
  .container-bottom-b .moduletable .mod-articlesnews-horizontal li {
    flex: 1 1 45%;
  } 
  .container-bottom-b .moduletable ul.newsflash-horiz li {
    padding: 3% 2% 4% 2%; 
    font-size: 3.0vw; 
    line-height: 140%; 
    max-width: 170px;
  }
  .container-bottom-b .moduletable ul.newsflash-horiz li h2 {
    font-size: 8vw; 
    margin-bottom: 12px;  
  }
  .container-bottom-b .moduletable ul.newsflash-horiz li h3 {
    font-size: 3vw; 
    margin-bottom: 10px;  
  } 
}




 /*moduly telo 3 */

/* --- MODULY TELO 3 (CTA SEKČNÝ BLOK) --- */
.container-bottom-c {
  margin: 0px auto; 
  padding: 0px 20px; 
  max-width: 1540px;   
  width: 100%; 
  margin-bottom: 30px; 
  margin-top: 20px;   
  overflow: hidden;
}

.container-bottom-c p {
  margin: 0px; 
}   

/* HLAVNÝ BOX S BORDEROM */
.container-bottom-c .moduletable .mod-custom {
  margin: 0px auto;   
  padding: 0px;   
  height: 529px;   
  width: 100%;  
  border-radius: 8px;
  border: 0px solid #ccc;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

/* VRSTVA PRE JEMNEJŠÍ BLUR A ZOSVETLENÝ POVRCH */
.container-bottom-c .moduletable .mod-custom::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.15);
  
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
  /* Zrýchlený prechod pre plynulejšiu reakciu na myš (0.4s) */
  transition: backdrop-filter 0.4s ease,
              -webkit-backdrop-filter 0.4s ease,
              background 0.4s ease;
}

/* Po doskrolovaní: Štandardný blur 3px */
.container-bottom-c .moduletable .mod-custom.in-view::before {
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  background: rgba(0, 0, 0, 0.25);
}

/* === PRIDANÉ: PO NÁJAZDE MYŠOU NA BOX SA BLUR ZMENŠÍ A POZADIE ZAŽIARI === */
.container-bottom-c .moduletable .mod-custom.in-view:hover::before {
  backdrop-filter: blur(0.0px); /* Takmer úplne čistý obrázok po najazdení */
  -webkit-backdrop-filter: blur(0.0px);
  background: rgba(0, 0, 0, 0.35); /* Mierne zosvetlenie pre extra efekt */
}

/* OBSAH VO VNÚTRI */
.container-bottom-c .moduletable .mod-custom div {
  margin: 0px auto; 
  padding: 0px; 
  position: absolute; 
  left: 0px; 
  right: 0px; 
  top: 150px; 
  max-width: 1200px; 
  width: 90%;
  font-size: 14pt; 
  line-height: 160%; 
  text-transform: none; 
  font-weight: 500; 
  text-align: center;  
  color: #FFFFFF;
  z-index: 2;
}

.container-bottom-c .moduletable .mod-custom div p {
  margin: 0px auto; 
  padding: 0px; 
  max-width: 800px; 
  
  opacity: 0;
  transform: translateY(25px);
  transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), 
              transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0.3s;
}

.container-bottom-c .moduletable .mod-custom div h2 {
  margin: 0px; 
  font-size: 32pt;  
  margin-bottom: 30px; 
  margin-top: 0px;  
  text-transform: none; 
  font-weight: 700; 
  text-align: center; 
  color: #FFFFFF;   
  
  opacity: 0;
  transform: translateY(35px);
  transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), 
              transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0.15s;
}

/* TLAČIDLO S RÝCHLYM HOVEROM */
.container-bottom-c .moduletable .mod-custom div a.odkaz {
  color: #FFFFFF; 
  margin: 0px auto;  
  display: block; 
  height: 54px; 
  width: 100%; 
  max-width: 270px;  
  padding: 18px 0px 0px 0px;  
  border-radius: 45px; 
  margin-top: 30px;
  font-size: 12pt; 
  text-align: center; 
  font-weight: 500;    
  background: #F04E03; 
  text-transform: none;  
  line-height: 120%; 
  box-shadow: 5px 5px 0px #333;
  box-sizing: border-box;

  opacity: 0;
  transform: scale(0.85) translateY(20px);
  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), 
              transform 0.15s ease-out,
              background 0.15s ease-out, 
              box-shadow 0.15s ease-out;
  transition-delay: 0.5s, 0s, 0s, 0s;
}

/* Hover na tlačidlo */
.container-bottom-c .moduletable .mod-custom a.odkaz:hover {
  color: #FFFFFF;  
  background: #171717; 
  text-decoration: none;
  transform: scale(1.04) translateY(0px) !important;
  box-shadow: 7px 7px 0px #000;
}

/* SPUSTENIE ANIMÁCIÍ PO DOSKROLOVANÍ */
.container-bottom-c .moduletable .mod-custom.in-view div h2,
.container-bottom-c .moduletable .mod-custom.in-view div p {
  opacity: 1;
  transform: translateY(0);
}

.container-bottom-c .moduletable .mod-custom.in-view div a.odkaz {
  opacity: 1;
  transform: scale(1) translateY(0);
}

/* --- MEDIA QUERIES --- */
@media (max-width: 990px) {
  .container-bottom-c .moduletable .mod-custom {
    height: 420px; 
  }
  .container-bottom-c .moduletable .mod-custom div {
    top: 80px; 
    max-width: 1200px; 
    width: 90%; 
    font-size: 12.5pt;
  }
  .container-bottom-c .moduletable .mod-custom div h2 {
    font-size: 34pt; 
    margin-bottom: 30px; 
  }
}  

@media (max-width: 500px) {
  .container-bottom-c .moduletable .mod-custom div {
    top: 48px; 
    max-width: 1200px; 
    width: 90%; 
    font-size: 11pt; 
  }
  .container-bottom-c .moduletable .mod-custom div h2 {
    font-size: 17pt; 
    margin-bottom: 30px; 
  }
  .container-bottom-c .moduletable .mod-custom div a.odkaz {
    height: 40px; 
    width: 100%; 
    max-width: 180px; 
    padding: 8px 0px 0px 0px;   
    margin-top: 18px; 
    font-size: 11pt;
  }
}



/*moduly telo 4 */
.container-bottom-d  {
  margin: 0px auto; padding:0px 20px;  max-width:1320px; margin-bottom:20px; margin-top:40px; width:100%; 
}
.container-bottom-d p {
  margin: 0px; 
}
.container-bottom-d .moduletable {
  margin: 0px auto; padding:0px; 
}
/*news flex*/
.container-bottom-d .moduletable  ul.newsflash-horiz  {
  padding:0px;  margin:0px auto;    align-content:stretch; column-gap:4px;
}
.container-bottom-d .moduletable  .mod-articlesnews-horizontal {
  grid-gap: 0rem!important;  display:block!important;
}
.container-bottom-d .moduletable  ul.newsflash-horiz li  {
  padding:0px;  margin:0px auto; font-size:11.5pt; line-height:140%; font-weight:300; margin-bottom:70px; text-align:left;  position:relative; float:left; width:31%; margin-left:1%; margin-right:1%;
}
.container-bottom-d .moduletable  ul.newsflash-horiz li figure {
  margin: 0 0 0em;
}
.container-bottom-d .moduletable  ul.newsflash-horiz li h2  {
  margin:0px; font-size:15pt;  color:#333333; margin-bottom:15px; text-transform:none; font-weight:700; text-align:left;    
}

.container-bottom-d .moduletable  ul.newsflash-horiz li img  {
  margin:0px; margin-bottom:33px;  
}


.container-bottom-d .moduletable  ul.newsflash-horiz li p {
  margin:0px;  
}
.container-bottom-d .moduletable  .mod-articlesnews-horizontal  {
 grid-gap: 0.2rem; margin-bottom:0px;
}
.container-bottom-d .moduletable  .mod-articlesnews-horizontal li {
  display:block!important;
  flex: 1 1 27%;
  flex-direction: column;  
}
.container-bottom-d .moduletable .mod-list li {
  padding: 0px;  margin-right: 0px;
  background: none;
}



/*rozlisenie max 950*/
@media (max-width: 1280px)  {
.container-bottom-d .moduletable  ul.newsflash-horiz li  {
   font-size:9pt; line-height:130%;  margin-bottom:50px; float:left; width:31%; margin-left:1%; margin-right:1%;
}
.container-bottom-d .moduletable  ul.newsflash-horiz li h2 {
 font-size:12pt;  margin-bottom:10px;    
}
}                                                                                  

/*rozlisenie max 600*/
@media (max-width: 768px)  {
.container-bottom-d .moduletable  ul.newsflash-horiz li  {
   font-size:8pt; line-height:130%;  margin-bottom:50px; float:left; width:48%; margin-left:1%; margin-right:1%;
}
.container-bottom-d .moduletable  ul.newsflash-horiz li h2  {
 font-size:10pt;  margin-bottom:10px;    
}
} 
 
/*rozlisenie max 600*/
@media (max-width: 500px)  {
.container-bottom-d .moduletable  ul.newsflash-horiz li  {
   font-size:6pt; line-height:130%;  margin-bottom:40px; float:left; width:48%; margin-left:1%; margin-right:1%;
}
.container-bottom-d .moduletable  ul.newsflash-horiz li h2 {
 font-size:8pt;  margin-bottom:6px;  line-height:105%;  
}
.container-bottom-d .moduletable  ul.newsflash-horiz li img  {
  margin:0px; margin-bottom:35px;  max-width:40px;  margin-right:15px!important;
}
}  




/*formular
.formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="number"], .formResponsive input[type="email"], .formResponsive input[type="tel"], .formResponsive input[type="url"], .formResponsive input[type="password"] {
  background-color: #eeeeee;
  border: 1px solid #E1E1E1;
  border-radius: 0px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear 0.2s, box-shadow linear 0.2s;   padding:12px 0px 12px 20px; margin-bottom:2px;
}
.rsform strong.formRequired {
  display:none;
}
.formResponsive input[type="submit"], .formResponsive button[type="submit"] {
  background-color: #F41822;
  background-image: linear-gradient(top, #0088cc, #0055cc);
  background-repeat: repeat-x;
  border-color: #0055cc #0055cc #003580;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  font-size:12pt; padding:12px 35px; border-radius:25px;  font-weight:700; text-transform:uppercase;
}
.formResponsive input:hover[type="submit"], .formResponsive button:hover[type="submit"] {
  background-color: #000000;

}
.formResponsive input, .formResponsive textarea {
  width: 100%;    max-width:600px;
}
.rsform-block label {
  font-size:11pt; color:#797979;
}
*/
/*rozlisenie max 650*/
@media (max-width: 650px)  {
.formResponsive input[type="text"], .formResponsive input[type="password"], .formResponsive textarea, .formResponsive select {
  width: 93% !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;
}
}


#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff; /* Pozadie loadera */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999; /* Musí byť nad všetkým */
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

/* Samotný krútiaci sa kruh */
.loader {
  width: 50px;
  height: 50px;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #219141; /* Tvoja zelená */
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 15px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Stav po načítaní (skrytie) */
.loader-hidden {
  opacity: 0;
  visibility: hidden;
}

