/*body*/

body.itemid-101 {
 background:  url(../../images/bg_1.png) no-repeat left top, url(../../images/bg_2.png) no-repeat 100.9% 800px ;  
}

body {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
 background: #FFFFFF url(../../images/bg_1.png) no-repeat left top ;
  color: #221E3A;
  font-family: 'Poppins', sans-serif;
  font-size: 12pt;
  font-weight: 300;
  line-height: 160%;
  margin: 0;                                                               
  text-align: left; 
   
}

@media (max-width: 1840px)  {
body.itemid-101 {
 background:  url(../../images/bg_1.png) no-repeat left top, url(../../images/bg_2.png) no-repeat right 600px ;  
}
}

@media (max-width: 1500px)  {
body.itemid-101 {
 background:  url(../../images/bg_1.png) no-repeat left top, url(../../images/bg_2.png) no-repeat right 600px ;  
}
}

@media (max-width: 1100px)  {
body.itemid-101 {
 background:  url(../../images/bg_1.png) no-repeat left top, url(../../images/bg_2.png) no-repeat right 400px ;  
}
}
@media (max-width: 768px)  {
body.itemid-101 {
 background: #FFFFFF url(../../images/bg_1.png) no-repeat left top ;
}
}


a:link {
 text-decoration:none;
}
a:hover {
 text-decoration:underline;
}

p {
  margin-bottom: 0.5rem;
  margin-top: 0;
}
b, strong {
  font-weight:600
}
                                                                          
/*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 {
 
}




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


.page-header h1 {
  font-size: 37pt;  text-align:left; z-index:1; position:relative; letter-spacing:0.5px; background: url(../../images/nadpis_bg.png) no-repeat right center; padding-right:110px; display:inline-block;margin-top:10px; margin-bottom:40px;
}
@media (max-width: 1150px)  {
.page-header h1 {
  font-size: 32pt;  letter-spacing:0px; 
}
}
@media (max-width: 500px)  {
.page-header h1 {
  font-size: 24pt;  
}
}    
                                       
.page-header h2 {
  font-size: 32pt;  
}
.item-page h3 {
    font-size: 24pt;  
}


/*introtext v clanku*/
.item-page .introtext {
    font-size: 130%;   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; 
}
}

 
/*blog - 4 stlpce = img na celu vysku*/
.blog.custom  .blog-items.columns-3 {
    padding: 0px;   margin: 0 0 0.5em;  grid-gap: 1.5em;  display: flex;
}
.blog.custom  .blog-items.columns-3 .blog-item {
      display: flex;
  flex: 1 1 30%;
  flex-direction: column;  
}
.blog.custom  .blog-items.columns-3 .blog-item {
    margin-bottom:0px; position:relative;  background:#FFFFFF; border-radius:8px;  padding:25px 15px 35px 15px; text-align:left;  box-shadow: #cccccc 0px 0px 15px;  
}
.blog.custom ul.newsflash-horiz  {
  padding:0;  margin:0px auto;  
}
.blog.custom  .blog-items.columns-3 .page-header h2 {
 
}
.blog.custom  .blog-items.columns-3 .page-header h2 a {
 margin:0px auto; font-size:16pt;  display:block; margin-bottom:10px;  min-height:50px; text-transform:none; font-weight:600; color:#333333; line-height:120%;  
}

.blog.custom  .blog-items.columns-3 .blog-image {

}
.blog.custom  .blog-items.columns-3 .blog-image img {
  margin-bottom:10px;  border-radius:4px; object-fit:cover; width:100%; height:250px;
}
.blog.custom  .blog-items.columns-3 .blog-introtext  {
  font-size:10.5pt; line-height:150%; font-weight:300; 
  display: -webkit-box;
-webkit-line-clamp: 3;/*pocet riadkov*/
-webkit-box-orient: vertical;
overflow: hidden;
}




/*rozlisenie max 1200*/
@media (max-width: 1150px)  {
.blog.custom  .blog-items.columns-3 .page-header h2 a  {
  font-size:13pt;   margin-bottom:10px;  
}
.blog.custom  .blog-items.columns-3 .blog-introtext {
  font-size:10pt; 
}
.blog.custom  .blog-items.columns-3 .blog-image img {
  margin-bottom:10px; height:200px;
}
}

/*rozlisenie max 991*/
@media (max-width: 768px)  {
.blog.custom  .blog-items.columns-3 .blog-item {
  display: flex;
  flex: 1 1 47%;
  flex-direction: column;  
}
.blog.custom  .blog-items.columns-3 .page-header h2 a  {
  font-size:12pt;   margin-bottom:10px; 
}

}


@media (max-width: 500px)  {
.blog.custom  .blog-items.columns-3 .page-header h2 a  {
    min-height:auto; 
}
.blog.custom  .blog-items.columns-3 .blog-introtext  {
  font-size:10pt;  
}
.blog.custom  .blog-items.columns-3 .blog-item {
  padding:20px 15px 25px 15px; 
}
}





/*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:210px;  max-width:1920px; margin:0px auto;  width:100%; margin-top:0px;   background: none;
}
.container-header .grid-child {
  padding: 0em;
    padding-bottom: 0em;
}

/*body.itemid-101*/ .header-right {
  position: absolute; z-index: 0; left:auto; right:0px; top:0px;
  height:450px;  max-width:1920px; margin:0px auto;  width:450px; background: rgba(61, 55, 95, 1);       
}
/*
.header-right {
  position: absolute; z-index: 0; left:auto; right:0px; top:0px;
  height:125px;  max-width:1920px; margin:0px auto;  width:450px; background: rgba(61, 55, 95, 1);       
}  */


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

}

@media (max-width: 1100px)  {
.header-right {
  position: absolute; z-index: 0; left:auto; right:0px; top:0px;
  height:125px;  max-width:1920px; margin:0px auto;  width:450px; background: rgba(61, 55, 95, 1);       
}  
}


/*rozlisenie max 991*/
@media (max-width: 768px)  {
.container-header {
  height:125px;  
}
body.itemid-101 .header-right {
 display:none;
}       
.header-right {
  position: absolute; z-index: 0; left:0px; right:0px; top:0px;
  height:125px;  max-width:1920px; margin:0px auto;  width:100%; background: rgba(61, 55, 95, 1);       
}
}

/*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:60px; right:auto; top:43px;
  text-decoration: none;  white-space: nowrap;
}


/*rozlisenie max 1820*/
@media (max-width: 1840px)  {
.container-header .navbar-brand {
 left:50px; 
}
}

/*rozlisenie max 1600*/
@media (max-width: 1600px)  {
.container-header .navbar-brand {
 left:40px; width:280px;
}
}

/*rozlisenie max 1400*/
@media (max-width: 1100px)  {
.container-header .navbar-brand {
 left:20px;  top:50px; width:260px;
}
}
                                                                         
/*rozlisenie max 991*/
@media (max-width: 768px)  {
/*.container-header .navbar-brand {
 top:55px;   width:216px;
}     */
/*body.itemid-101*/ .container-header .navbar-brand img {
   display:none;
}
/*body.itemid-101*/ .container-header .navbar-brand  {
  background: url(../../images/logo3.png) no-repeat center top; display:block; width:216px; height:25px; z-index:1000;  top:55px; 
}
/*body.itemid-101*/ .container-header .navbar-brand a.brand-logo {
  display:block; width:216px; height:25px; 
}

}


/*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:150px;  top:45px; width:150px; height:40px; margin:0px;  background:none; z-index:200;  
}
.container-top-a .moduletable {
  margin:0px;  
}
.container-top-a .moduletable p {
  margin:0px;  
}

.container-top-a .moduletable a {
  color: #212121;margin:0px auto; float:right; display:block; height:40px;  width:150px;  padding:11px 0px 0px 0px; 
  font-size:12.5pt; text-align:center; font-weight:600;  line-height:110%;  background:#EDC677; text-transform:none; letter-spacing:0.5px; font-family: 'Poppins', sans-serif;
}  
.container-top-a .moduletable a:hover {
  color: #FFFFFF;  background:#221E3A; text-decoration:none;
}

@media (max-width: 1600px)  {

}

@media (max-width: 768px)  {
.container-top-a {
 display:none; 
}
}

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

}



/*top 2*/
.container-top-b  {
  margin: 0px auto; padding:0px 20px;  max-width:1840px;  width:100%;  position:absolute; left:0px; right:0px; top:100px;  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:left; width:55%;   font-size:40px; text-align:left; font-weight:400; letter-spacing:-0.25px; line-height:130%;
}
.container-top-b .moduletable h1 {
 color:#221E3A; font-size:128px; line-height:110%;  margin:0px; font-weight:600;  margin-bottom:50px;  letter-spacing:-6px;
}
.container-top-b .moduletable h1 span {
   position:relative;  z-index:1;
}
.container-top-b .moduletable h1 span:before {
    content:'';
    position:absolute;  z-index:-1;
    left:0; right:0;
    top:15%;
    margin:0px auto;
    width:100%;
    height:79%;
    background:#E7C077; color:#221E3A;
}

.container-top-b .moduletable p {
  margin-left:0px; max-width:550px; width:50%;
}
.container-top-b .moduletable span {
   font-weight:600; 
}
.container-top-b .moduletable a {
  color: #212121;margin:0px auto; float:left; display:block; height:54px;  width:200px;  padding:14px 0px 0px 0px;   margin-top:50px;
  font-size:15pt; text-align:center; font-weight:600;   line-height:110%;  background:#EDC677; border:solid #FFE494 2px;  text-transform:none; letter-spacing:0.5px; font-family: 'Poppins', sans-serif;
} 
.container-top-b .moduletable a:hover {
  color: #FFFFFF;  background:#221E3A; text-decoration:none;   border:solid #221E3A 2px;  transition: all 0.55s ease-out; 
}



/*rozlisenie max 1640*/
@media (max-width: 1840px)  {
.container-top-b .moduletable {
   width:55%;   font-size:30px;  padding:0px 60px;  
}
.container-top-b .moduletable h1 {
 font-size:88px;  margin-bottom:30px; letter-spacing:-4px;
}
.container-top-b .moduletable p {
  margin-left:0px; max-width:550px; width:60%;
}
.container-top-b .moduletable a {
  color: #212121;margin:0px auto; float:left; display:block; height:54px;  width:200px;  padding:14px 0px 0px 0px;   margin-top:30px;
  font-size:15pt; text-align:center; font-weight:600;   line-height:110%;  background:#EDC677; text-transform:none; letter-spacing:0.5px; font-family: 'Poppins', sans-serif;
} 

}


/*rozlisenie max 1640*/
@media (max-width: 1640px)  {
.container-top-b .moduletable {
   font-size:24px;  padding:0px 50px;  
}
.container-top-b .moduletable h1 {
 font-size:78px;  margin-bottom:20px; letter-spacing:-4px;
}
.container-top-b .moduletable p {
  
}
.container-top-b .moduletable a {
   height:50px;  width:180px;  padding:14px 0px 0px 0px;   margin-top:20px;
  font-size:14pt; 
} 

}

/*rozlisenie max 950*/
@media (max-width: 990px)  {
.container-top-b  {
  top:0px;  
}
.container-top-b .moduletable {
   width:65%;   font-size:20px; padding:0px 20px;  
}
.container-top-b .moduletable h1 {
 font-size:58px;  margin-bottom:30px; letter-spacing:-2px;
}
.container-top-b .moduletable p {
  margin-left:0px; max-width:550px; width:50%;
}

}

/*rozlisenie max 950*/
@media (max-width: 768px)  {
.container-top-b  {
 position:relative; left:0px; right:0px; top:60px;  margin-bottom:60px;  overflow:hidden;
}   
.container-top-b .moduletable {
   float:left; width:100%; padding:0px 0px;
}
.container-top-b .moduletable h1 span:before {
    background:none; color:#221E3A;
}
.container-top-b .moduletable p {
  margin-left:0px; max-width:750px; width:100%; 
}
}


@media (max-width: 500px)  {
.container-top-b .moduletable h1 {
 font-size:48px;  margin-bottom:30px; letter-spacing:-2px;
}
}



/*modul 3 */
.container-top-c {
 position:relative;  padding:0px 0px;  margin:0px auto; max-width:1920px;  width: 100%;  margin-top:0px;  margin-bottom:20px; 
}
.container-top-c .moduletable {
  padding:0px;  margin:0px auto; background: url(../../images/image1.png) no-repeat -10px 150px;  min-height:467px;  border:solid transparent 1px;
   opacity: 0;
    transition: all 3s ease-out;
}
.container-top-c .moduletable.show {
    opacity: 1;
   
}

.container-top-c .moduletable h2 {
  margin:0px; font-size:64px; line-height:110%; margin-bottom:5px;  text-transform:none; font-weight:400;  color:#302C47; 
  margin-left:0px; max-width:800px;   margin-left:350px; margin-top:480px;
}
.container-top-c .moduletable h2 span{
  font-weight:600;  
}



/*rozlisenie max 1300*/
@media (max-width: 1840px)  {
.container-top-c .moduletable {
   background: url(../../images/image1.png) no-repeat -48px 20px;  min-height:467px; 
}
.container-top-c .moduletable h2 {
  margin-top:300px;  margin-left:320px;   transition: all 2s ease-out;
}
}

/*rozlisenie max 1300*/
@media (max-width: 1100px)  {
.container-top-c .moduletable {
   background: url(../../images/image1.png) no-repeat -48px 50px; background-size:300px;  min-height:300px; 
}
.container-top-c .moduletable h2 {
  margin-top:200px; font-size:44px; max-width:500px;   margin-left:220px;
}
}

@media (max-width: 990px) {

}

@media (max-width: 768px) {
.container-top-c {
  padding:0px 20px 0px 0px;  
}
.container-top-c .moduletable {
   background: url(../../images/image1.png) no-repeat -48px 30px; background-size:300px;  min-height:300px; 
}
.container-top-c .moduletable h2 {
  margin-top:310px; font-size:38px; max-width:650px;   margin-left:20px;
}
}

@media (max-width: 500px) {
.container-top-c {
   margin-bottom:-20px; 
}
}



/*modul 4 */
.container-top-d  {
  margin: 0px auto; padding:0px 20px;  max-width:1840px;  width:100%; margin-bottom:60px; position:relative; z-index:1; /*animation: text1 4s alternate;   */
}

@-webkit-keyframes text1 {
0% {
   opacity: 0; 
}

100% {
  opacity: 1; 
}
}

.container-top-d p {
  margin: 0px; 
}   
.container-top-d .module-1 {
  margin: 0px auto; padding:0px 0px 0px 25px; float:left; width:50%;   font-size:24px; letter-spacing:1px; text-align:left; font-weight:300;  line-height:150%; margin-top:100px; 
}
.container-top-d .module-1 h4 {
  margin: 0px auto; padding:0px; letter-spacing:-0.25px; font-size:40px; text-align:left; font-weight:500;  line-height:130%; margin-bottom:20px;   margin-left:0px; max-width:700px; width:80%;
}
.container-top-d .module-1 h1 {
 color:#221E3A; font-size:128px; line-height:110%;  margin:0px; font-weight:600;  margin-bottom:50px;  letter-spacing:-6px;
}
.container-top-d .module-1 h1 span {
   position:relative;  z-index:1;
}
.container-top-d .module-1 h1 span:before {
    content:'';
    position:absolute;  z-index:-1;
    left:0; right:0;
    top:22%;
    margin:0px auto;
    width:100%;
    height:55%;
    background:#E7C077; color:#221E3A;
}

.container-top-d .module-1 p {
  margin-left:0px; max-width:650px; width:60%;
}
.container-top-d .module-1 a {
  color: #212121;margin:0px auto; float:left; display:block; height:54px;  width:220px;  padding:14px 0px 0px 0px;   margin-top:50px;
  font-size:15pt; text-align:center; font-weight:600;   line-height:110%;  background:#EDC677; border:solid #FFE494 2px;  text-transform:none; letter-spacing:0.5px; font-family: 'Poppins', sans-serif; 
} 
.container-top-d .module-1 a:hover {
  color: #FFFFFF;  background:#221E3A; text-decoration:none;   border:solid #221E3A 2px;  transition: all 0.55s ease-out; 
}

.container-top-d .module-2 {
  margin: 0px auto;
  position: relative;
  z-index: 1;
  max-width: 794px;
  float: right;
  width: 49.75%;
  /* Príprava premennej pre JS */
  --pohyb-y: 0px;
}

.container-top-d .module-2 {
  margin: 0px auto;
  position: relative;
  z-index: 1;
  max-width: 794px;
  float: right;
  width: 49.75%;
  --pohyb-y: 0px;
}

.container-top-d .module-2:after {
  content: '';
  margin: 0px auto;
  padding: 0px;
  position: absolute;
  left: -120px;
  bottom: -120px;
  z-index: 2;
  width: 320px;
  height: 320px;
  
  background: rgba(255, 255, 255, 0.12);
  
  /* Základný tieň */
  filter: drop-shadow(0px 15px 25px rgba(0, 0, 0, 0.1));
  box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.08);
  
  /* Základný blur - silný */
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 0px;

  transform: translateY(var(--pohyb-y)) scale(1);
  will-change: transform;
  
  /* Pridal som backdrop-filter do transition pre plynulú zmenu */
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), 
              filter 0.5s ease-out, 
              box-shadow 0.5s ease-out,
              backdrop-filter 0.5s ease-out,
              -webkit-backdrop-filter 0.5s ease-out;
}

/* Hover efekt */
.container-top-d .module-2:hover:after {
  transform: translateY(var(--pohyb-y)) scale(1.05);
  
  /* ZVÝRAZNENÝ TIEŇ */
  filter: drop-shadow(0px 20px 35px rgba(0, 0, 0, 0.15));
  box-shadow: 0px 30px 50px rgba(0, 0, 0, 0.12);

  /* ZMENŠENÝ BLUR - sklo sa "vyčíri" */
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}


.container-top-d .module-3 {
      margin: 0 auto;
    position: relative;
    z-index: 1;
    clear: both;
    float: left;
    width: 100%;
    margin-top: 200px;

    opacity: 0;
    transform: translateY(-60px);

    transition:
        opacity 0.9s cubic-bezier(.22,.61,.36,1),
        transform 1.1s cubic-bezier(.22,.61,.36,1);
}
.container-top-d .module-3.show {
  opacity:1;  transform: translateY(0px);        
}
.container-top-d .module-3 h3 {
  padding:0px; background: url(../../images/li.png) no-repeat left center; padding-left:40px; font-size:16px; text-transform:uppercase; letter-spacing:6px; font-weight:300; margin-bottom:70px;
}

 /*news flex*/
.container-top-d .module-3 ul.newsflash-horiz  {
  padding:0px;  margin:0px auto;   display: flex; align-content:stretch; column-gap:4px; margin-left:22px;
}
.container-top-d .module-3 .mod-articlesnews-horizontal {
  grid-gap: 8rem!important;
  display: flex!important;
}
.container-top-d .module-3 ul.newsflash-horiz li  {
  padding:0px;  margin:0px auto;  position:relative; z-index:1; 
}
.container-top-d .module-3 ul.newsflash-horiz li div   {
    position:relative;  z-index:1; 
}
.container-top-d .module-3 ul.newsflash-horiz li div a  {
  padding:0px; display:block;  margin:0px auto; color:#221E3A; font-size:16px; letter-spacing:1px; line-height:160%; font-weight:300; text-align:left;  position:relative; 
   padding:10% 12% 4% 12%;   background: none ;   filter: drop-shadow(8px 8px 35px rgba(0,0,0,0.1));     min-height:310px; z-index:1;  transition: background-size 0.3s ease, color 0.3s ease;
}
.container-top-d .module-3 ul.newsflash-horiz li div a:hover  {
  text-decoration:none;color:#221E3A; background: #FFFFFF url(../../images/modul_bg4.png) no-repeat center top; background-size: 100% 100%; cursor: default !important;
}
.container-top-d .module-3 ul.newsflash-horiz li figure {
  margin: 0 0 0em;
}
.container-top-d .module-3 ul.newsflash-horiz li h2  {
  margin:0px auto; font-size:20px;  margin-bottom:30px;  text-transform:none; font-weight:300; color:#221E3A; line-height:150%; margin-left:0px; max-width:230px; 
}
.container-top-d .module-3 ul.newsflash-horiz li div a:hover h2 {
  color:#221E3A; font-weight:600; text-decoration:none; 
}
.container-top-d .module-3 ul.newsflash-horiz li p {
  margin:0px;  
}
.container-top-d .module-3 .mod-articlesnews-horizontal  {
 grid-gap: 0.2rem; margin-bottom:0px;
}
.container-top-d .module-3 .mod-articlesnews-horizontal li {
  display: flex;
  flex: 1 1 16%;
  flex-direction: column;  
}
.container-top-d .module-3 .mod-list li {
  padding: 0px;  margin-right: 0px;
  background: none;
}

/*rozlisenie max 1640*/
@media (max-width: 1840px)  {
.container-top-d .module-1 {
   width:50%;   font-size:1.2vw;  margin-top:40px;  
}
.container-top-d .module-1 h1 {
 font-size:6.5vw;  margin-bottom:30px; letter-spacing:-4px;
}
.container-top-d .module-1 h4 {
  font-size:2.4vw;  line-height:120%; margin-bottom:12px;  
}
.container-top-d .module-1 a {
  margin-top:30px;
} 
.container-top-d .module-3 .mod-articlesnews-horizontal {
  grid-gap: 6rem!important;
}
}


/*rozlisenie max 1640*/
@media (max-width: 1640px)  {
.container-top-d .module-3 ul.newsflash-horiz li div a  {
  font-size:14px;
}
.container-top-d .module-3 ul.newsflash-horiz li h2  {
  font-size:18px;  margin-bottom:20px; 
}
}




/*rozlisenie max 950*/
@media (max-width: 1100px)  {
.container-top-d .module-1 {
  margin-top:0px;  
}
.container-top-d .module-1 h1 {
  letter-spacing:-2px;
}
.container-top-d .module-2:after {
  left:-70px; right:auto; bottom:-70px; z-index:2;   width:150px; height:150px; 
}
.container-top-d .module-3 {
    margin-top:90px;
}
.container-top-d .module-3 h3 {
  margin-bottom:40px;
}
.container-top-d .module-3 .mod-articlesnews-horizontal {
  grid-gap: 4rem!important;
}
.container-top-d .module-3 ul.newsflash-horiz li div a  {
 font-size:12px; letter-spacing:1px; line-height:140%; padding:10% 8% 4% 8%;   min-height:230px;
}
.container-top-d .module-3 ul.newsflash-horiz li h2  {
 font-size:18px;  margin-bottom:20px;   line-height:128%;  max-width:230px; 
}
}

/*rozlisenie max 950*/
@media (max-width: 768px)  {  
.container-top-d  {
  margin-top:50px;  
}
.container-top-d .module-1 {
   float:left; width:100%; font-size:16px; 
}
.container-top-d .module-1 h1 {
   font-size:48px; 
}
.container-top-d .module-1 h1 span:before {
    background:none; color:#221E3A;  
}

.container-top-d .module-1 h4 {
  font-size:24px;  line-height:120%; margin-bottom:20px; width:100%; 
}
.container-top-d .module-1 p {
 max-width:750px; width:100%;
}
.container-top-d .module-2 {
  clear:left; float:left; width:100%; margin-top:60px; 
}

.container-top-d .module-3 {
    margin-top:90px;
}
.container-top-d .module-3 .mod-articlesnews-horizontal li {
  flex: 1 1 40%;
}
.container-top-d .module-3 ul.newsflash-horiz  {
  margin-left:0px;
}
.container-top-d .module-3 ul.newsflash-horiz li h2  {
 font-size:18px;  
}
/*
.container-top-d .module-2:after {
  left:auto; right:20px; bottom:-60px; z-index:2;   width:120px; height:120px; 
}*/

container-top-d .module-2:after {
    left: auto; 
    right: 20px; 
    bottom: -60px; 
    z-index: 2;   
    width: 120px; 
    height: 120px;
    
    /* VYPNUTIE EFEKTOV PRE MOBIL */
    transform: none !important; /* Zruší pohyb zo scrollu */
    backdrop-filter: none !important; /* Šetrí batériu a výkon mobilu */
    -webkit-backdrop-filter: none !important;
    filter: none !important; /* Odstráni tiene, ak nie sú na malom displeji pekné */
    box-shadow: 0px 10px 20px rgba(0,0,0,0.1); /* Voliteľné: nechaj len veľmi jemný tieň */
  }
}



@media (max-width: 500px)  {
.container-top-d .module-3 ul.newsflash-horiz li div a  {
 font-size:11px; letter-spacing:1px; line-height:140%; padding:10% 8% 4% 8%;   min-height:200px;
}
.container-top-d .module-3 ul.newsflash-horiz li h2  {
 font-size:14px;  margin-bottom:20px;   line-height:120%;  
}
.container-top-d .module-3 .mod-articlesnews-horizontal {
  grid-gap: 1rem!important;
}
.container-top-d .module-3 ul.newsflash-horiz li h2  {
 font-size:14px;  margin-bottom:12px;   line-height:128%;  max-width:120px;
}

.container-top-d .module-1 {
   padding:0px 0px 0px 0px; 
}
}



/*modul 5 */
.container-top-e  {
  margin: 0px auto; padding:0px 20px;  max-width:1840px;  width:100%; margin-bottom:60px; margin-top:150px; position:relative; z-index:1; animation: text1 6s alternate; 
}


@-webkit-keyframes text1 {
0% {
   opacity: 0; 
}

100% {
  opacity: 1; 
}
}

.container-top-e p {
  margin: 0px; 
}   
.container-top-e .module-2 {
  margin: 0px auto; padding:0px; float:right; width:54%;   font-size:24px; letter-spacing:1px; text-align:left; font-weight:300;  line-height:150%; margin-top:0px; 
}
.container-top-e .module-2 h4 {
  margin: 0px auto; padding:0px; letter-spacing:-0.25px; font-size:40px; text-align:left; font-weight:500;  line-height:130%; margin-bottom:20px;   margin-left:0px; max-width:800px; width:90%;
}
.container-top-e .module-2 h1 {
 color:#221E3A; font-size:128px; line-height:110%;  margin:0px; font-weight:600;  margin-bottom:50px;  letter-spacing:-6px;
}
.container-top-e .module-2 h1 span {
   position:relative;  z-index:1;
}
.container-top-e .module-2 h1 span:before {
    content:'';
    position:absolute;  z-index:-1;
    left:0; right:0;
    top:22%;
    margin:0px auto;
    width:100%;
    height:55%;
    background:#E7C077; color:#221E3A;
}

.container-top-e .module-2 p {
  margin-left:0px; max-width:800px; width:90%;
}
.container-top-e .module-2 a {
  color: #212121;margin:0px auto; float:left; display:block; height:54px;  width:220px;  padding:14px 0px 0px 0px;   margin-top:50px;
  font-size:15pt; text-align:center; font-weight:600;   line-height:110%;  background:#EDC677; border:solid #FFE494 2px;  text-transform:none; letter-spacing:0.5px; font-family: 'Poppins', sans-serif;
} 
.container-top-e .module-2 a:hover {
  color: #FFFFFF;  background:#221E3A; text-decoration:none;   border:solid #221E3A 2px;  transition: all 0.55s ease-out; 
}

.container-top-e .module-1 {
   margin: 0px auto;  position:relative; z-index:1;   max-width:794px;  float:left; width:37.09%;
}
.container-top-e .module-1 .custom:after {
  margin: 0px auto;  content:'';     padding: 0px; position: absolute; z-index:3;  left: 100px;   right: auto;  top: -130px; 
  z-index: 1;  width: 100%;  width: 60px; height: 60px;  background: #3A345E;
  filter: drop-shadow(10px 10px 12px rgba(0,0,0,0.1));  
} 
.container-top-e .module-1:after {
  margin: 0px auto;  content:'';     padding: 0px; position: absolute; z-index:3;  left: 0px;   right: auto; top:-100px;  
 z-index: 1;  width: 100%;  width: 100px; height: 100px;  background: #EDC677;
  filter: drop-shadow(10px 10px 12px rgba(0,0,0,0.1));  
} 
.container-top-e .module-1 .custom:before {
 content:''; margin: 0px auto;  padding:0px; position:absolute; left:100px; right:auto; top:-70px; z-index:2;   width:130px; height:130px; 
      background: rgba(255, 255, 255, 0.1);    filter: drop-shadow(10px 10px 12px rgba(0,0,0,0.1));   box-shadow: 8px 8px 25px rgba(0,0,0,0.10);
    backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px);  
}
.container-top-e .module-1 .custom:hover:before {
   transition: all .75s ease-out;  transform:scale(1.08);  filter: drop-shadow(10px 10px 12px rgba(0,0,0,0.2));
}


.container-top-e .module-3 {
   /*margin: 0px auto;  position:relative; z-index:1; clear:both; float:left; width:100%;  margin-top:60px;   opacity:0;   transition: all 3s ease-out;  transform: translateY(-200px); */ 
    
   margin: 0 auto;
    position: relative;
    z-index: 1;
    clear: both;
    float: left;
    width: 100%;
    margin-top: 60px;

    opacity: 0;
    transform: translateY(-60px);

    transition:
        opacity 0.9s cubic-bezier(.22,.61,.36,1),
        transform 1.1s cubic-bezier(.22,.61,.36,1); 
   
   
}
.container-top-e .module-3.show {
  opacity:1;  transform: translateY(0px);        
}

.container-top-e .module-3 h3 {
  padding:0px; background: url(../../images/li.png) no-repeat left center; padding-left:40px; font-size:16px; text-transform:uppercase; letter-spacing:6px; font-weight:300; margin-bottom:70px;
}

 /*news flex*/
.container-top-e .module-3 ul.newsflash-horiz  {
  padding:0px;  margin:0px auto;   display: flex; align-content:stretch; column-gap:4px; margin-left:22px;
}
.container-top-e .module-3 .mod-articlesnews-horizontal {
  grid-gap: 8rem!important;
  display: flex!important;
}
.container-top-e .module-3 ul.newsflash-horiz li  {
  padding:0px;  margin:0px auto;  position:relative; z-index:1; 
}
.container-top-e .module-3 ul.newsflash-horiz li div   {
    position:relative;  z-index:1; 
}
.container-top-e .module-3 ul.newsflash-horiz li div a  {
  padding:0px; display:block;  margin:0px auto; color:#221E3A; font-size:16px; letter-spacing:1px; line-height:160%; font-weight:300; text-align:left;  position:relative; 
   padding:10% 12% 4% 12%;   background: none ;   filter: drop-shadow(8px 8px 35px rgba(0,0,0,0.1));     min-height:310px; z-index:1;  transition: background-size 0.3s ease, color 0.3s ease;
}
.container-top-e .module-3 ul.newsflash-horiz li div a:hover  {
  text-decoration:none;color:#221E3A; background: #FFFFFF url(../../images/modul_bg4.png) no-repeat center top; background-size: 100% 100%; cursor: default !important;
}
.container-top-e .module-3 ul.newsflash-horiz li figure {
  margin: 0 0 0em;
}
.container-top-e .module-3 ul.newsflash-horiz li h2  {
  margin:0px auto; font-size:24px;  margin-bottom:30px;  text-transform:none; font-weight:300; color:#221E3A; line-height:150%; margin-left:0px; max-width:230px; 
}
.container-top-e .module-3 ul.newsflash-horiz li div a:hover h2 {
  color:#221E3A; font-weight:600; text-decoration:none; 
}
.container-top-e .module-3 ul.newsflash-horiz li p {
  margin:0px;  
}
.container-top-e .module-3 .mod-articlesnews-horizontal  {
 grid-gap: 0.2rem; margin-bottom:0px;
}
.container-top-e .module-3 .mod-articlesnews-horizontal li {
  display: flex;
  flex: 1 1 16%;
  flex-direction: column;  
}
.container-top-e .module-3 .mod-list li {
  padding: 0px;  margin-right: 0px;
  background: none;
}



/*rozlisenie max 1640*/
@media (max-width: 1840px)  {
.container-top-e .module-2 {
   width:54%;   font-size:1.2vw;   
}
.container-top-e .module-2 h1 {
 font-size:6.6vw; line-height:105%; margin-bottom:30px; letter-spacing:-4px;
}
.container-top-e .module-2 h4 {
  font-size:2.3vw;  line-height:120%; margin-bottom:12px;  
}
.container-top-e .module-2 a {
  margin-top:30px;
} 
.container-top-e .module-3 .mod-articlesnews-horizontal {
  grid-gap: 4rem!important;
}

}

/*rozlisenie max 1640*/
@media (max-width: 1640px)  {
.container-top-e .module-3 ul.newsflash-horiz li div a  {
  font-size:14px;
}
.container-top-e .module-3 ul.newsflash-horiz li h2  {
  font-size:18px;  margin-bottom:20px; 
}
}


/*rozlisenie max 950*/
@media (max-width: 1100px)  {
.container-top-e .module-2 {
  margin-top:0px;  
}
.container-top-e .module-2 h1 {
  letter-spacing:-2px;
}
.container-top-e .module-3 h3 {
  margin-bottom:40px;
}
.container-top-e .module-3 .mod-articlesnews-horizontal {
  grid-gap: 2rem!important;
}
.container-top-e .module-3 ul.newsflash-horiz li div a  {
 font-size:13px; letter-spacing:1px; line-height:140%; padding:10% 8% 4% 8%;   min-height:230px;
}
.container-top-e .module-3 ul.newsflash-horiz li h2  {
 font-size:18px;  margin-bottom:20px;   line-height:130%;  max-width:230px; 
}
}

/*rozlisenie max 950*/
@media (max-width: 768px)  {  
.container-top-e  {
  margin-top:40px;  
}
.container-top-e .module-2 {
   float:left; width:100%; font-size:16px;   margin-top:60px;  
}
.container-top-e .module-2 h1 {
   font-size:48px; 
}
.container-top-e .module-2 h1 span:before {
    background:none; color:#221E3A;  
}
.container-top-e .module-2 h4 {
  font-size:24px;  line-height:120%; margin-bottom:20px; width:100%; 
}
.container-top-e .module-2 p {
 max-width:750px; width:100%;
}
.container-top-e .module-1 {
  clear:left; float:left; width:100%; margin-top:60px; 
}
.container-top-e .module-3 .mod-articlesnews-horizontal li {
  flex: 1 1 42%;
}
.container-top-e .module-3 ul.newsflash-horiz  {
  margin-left:0px;
}
.container-top-e .module-1 .custom:after, .container-top-e .module-1:after  {
  display:none;
} 
.container-top-e .module-1 .custom:before {
  right:auto; left:20px; top:-70px; z-index:2;   width:130px; height:130px; 
}
}


@media (max-width: 500px)  {
.container-top-e .module-3 ul.newsflash-horiz li div a  {
 font-size:11px; letter-spacing:1px; line-height:140%; padding:10% 8% 4% 8%;   min-height:200px;
}
.container-top-e .module-3 ul.newsflash-horiz li h2  {
 font-size:14px;  margin-bottom:20px;   line-height:120%;  
}
.container-top-e .module-3 .mod-articlesnews-horizontal {
  grid-gap: 1rem!important;
}
}





/*modul 6 */
.container-top-f  {
  margin: 0px auto; padding:0px 20px;  max-width:1840px;  width:100%; margin-bottom:60px; margin-top:150px; position:relative; z-index:1; animation: text1 6s alternate; 
}


@-webkit-keyframes text1 {
0% {
   opacity: 0; 
}

100% {
  opacity: 1; 
}
}

.container-top-f p {
  margin: 0px; 
}   
.container-top-f .module-1 {
  margin: 0px auto; float:left; width:50%;   font-size:24px; letter-spacing:1px; text-align:left; font-weight:300;  line-height:150%; margin-top:0px; 
}
.container-top-f .module-1 h4 {
  margin: 0px auto; padding:0px; letter-spacing:-0.25px; font-size:40px; text-align:left; font-weight:500;  line-height:130%; margin-bottom:20px;   margin-left:0px; max-width:700px; width:80%;
}
.container-top-f .module-1 h1 {
 color:#221E3A; font-size:128px; line-height:110%;  margin:0px; font-weight:600;  margin-bottom:50px;  letter-spacing:-6px;
}
.container-top-f .module-1 h1 span {
   position:relative;  z-index:1;
}
.container-top-f .module-1 h1 span:before {
    content:'';
    position:absolute;  z-index:-1;
    left:0; right:0;
    top:22%;
    margin:0px auto;
    width:100%;
    height:55%;
    background:#E7C077; color:#221E3A;
}

.container-top-f .module-1 p {
  margin-left:0px; max-width:650px; width:60%;
}
.container-top-f .module-1 a {
  color: #212121;margin:0px auto; float:left; display:block; height:54px;  width:220px;  padding:14px 0px 0px 0px;   margin-top:50px;
  font-size:15pt; text-align:center; font-weight:600;   line-height:110%;  background:#EDC677; border:solid #FFE494 2px;  text-transform:none; letter-spacing:0.5px; font-family: 'Poppins', sans-serif;
} 
.container-top-f .module-1 a:hover {
  color: #FFFFFF;  background:#221E3A; text-decoration:none;   border:solid #221E3A 2px;  transition: all 0.55s ease-out; 
}

.container-top-f .module-2 {
   margin: 0px auto;  position:relative; z-index:1;   max-width:794px;  float:right; width:45%;
}
.container-top-f .module-2 .custom:after {
  margin: 0px auto;  content:'';     padding: 0px; position: absolute; z-index:3;  left: auto;   right: 50px;  top: -110px; 
  z-index: 1;  width: 100%;  width: 60px; height: 60px;  background: #3A345E;
  filter: drop-shadow(10px 10px 12px rgba(0,0,0,0.1));  
} 
.container-top-f .module-2:after {
  margin: 0px auto;  content:'';     padding: 0px; position: absolute; z-index:3;  left: auto;   right: 110px; top:-100px;  
 z-index: 1;  width: 100%;  width: 100px; height: 100px;  background: #EDC677;
  filter: drop-shadow(10px 10px 12px rgba(0,0,0,0.1));  
} 
.container-top-f .module-2 .custom:before {
 content:''; margin: 0px auto;  padding:0px; position:absolute; left:auto; right:-20px; top:-50px; z-index:2;   width:130px; height:130px; 
      background: rgba(255, 255, 255, 0.1);    filter: drop-shadow(10px 10px 12px rgba(0,0,0,0.1));   box-shadow: 8px 8px 25px rgba(0,0,0,0.10);
    backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px);  
}
.container-top-f .module-2 .custom:hover:before {
   transition: all .75s ease-out;  transform:scale(1.08);  filter: drop-shadow(10px 10px 12px rgba(0,0,0,0.2));
}


.container-top-f .module-3 {
   /*margin: 0px auto;  position:relative; z-index:1; clear:both; float:left; width:100%;  margin-top:60px;   opacity:0;   transition: all 3s ease-out;  transform: translateY(-200px);  */
  margin: 0 auto;
    position: relative;
    z-index: 1;
    clear: both;
    float: left;
    width: 100%;
    margin-top: 200px;

    opacity: 0;
    transform: translateY(-60px);

    transition:
        opacity 0.9s cubic-bezier(.22,.61,.36,1),
        transform 1.1s cubic-bezier(.22,.61,.36,1);  
   
}
.container-top-f .module-3.show {
  opacity:1;  transform: translateY(0px);        
}

.container-top-f .module-3 h3 {
  padding:0px; background: url(../../images/li.png) no-repeat left center; padding-left:40px; font-size:16px; text-transform:uppercase; letter-spacing:6px; font-weight:300; margin-bottom:70px;
}

 /*news flex*/
.container-top-f .module-3 ul.newsflash-horiz  {
  padding:0px;  margin:0px auto;   display: flex; align-content:stretch; column-gap:4px; margin-left:22px;
}
.container-top-f .module-3 .mod-articlesnews-horizontal {
  grid-gap: 8rem!important;
  display: flex!important;
}
.container-top-f .module-3 ul.newsflash-horiz li  {
  padding:0px;  margin:0px auto;  position:relative; z-index:1; 
}
.container-top-f .module-3 ul.newsflash-horiz li div   {
    position:relative;  z-index:1; 
}
.container-top-f .module-3 ul.newsflash-horiz li div a  {
  padding:0px; display:block;  margin:0px auto; color:#221E3A; font-size:16px; letter-spacing:1px; line-height:160%; font-weight:300; text-align:left;  position:relative; 
   padding:10% 12% 4% 12%;   background: none ;   filter: drop-shadow(8px 8px 35px rgba(0,0,0,0.1));     min-height:310px; z-index:1;  transition: background-size 0.3s ease, color 0.3s ease;
}
.container-top-f .module-3 ul.newsflash-horiz li div a:hover  {
  text-decoration:none;color:#221E3A; background: #FFFFFF url(../../images/modul_bg4.png) no-repeat center top; background-size: 100% 100%; cursor: default !important;
}
.container-top-f .module-3 ul.newsflash-horiz li figure {
  margin: 0 0 0em;
}
.container-top-f .module-3 ul.newsflash-horiz li h2  {
  margin:0px auto; font-size:24px;  margin-bottom:30px;  text-transform:none; font-weight:300; color:#221E3A; line-height:150%; margin-left:0px; max-width:230px; 
}
.container-top-f .module-3 ul.newsflash-horiz li div a:hover h2 {
  color:#221E3A; font-weight:600; text-decoration:none; 
}
.container-top-f .module-3 ul.newsflash-horiz li p {
  margin:0px;  
}
.container-top-f .module-3 .mod-articlesnews-horizontal  {
 grid-gap: 0.2rem; margin-bottom:0px;
}
.container-top-f .module-3 .mod-articlesnews-horizontal li {
  display: flex;
  flex: 1 1 16%;
  flex-direction: column;  
}
.container-top-f .module-3 .mod-list li {
  padding: 0px;  margin-right: 0px;
  background: none;
}



/*rozlisenie max 1640*/
@media (max-width: 1840px)  {
.container-top-f .module-1 {
   width:50%;   font-size:1.2vw; padding:0px 0px 0px 25px;   
}
.container-top-f .module-1 h1 {
 font-size:6.5vw;  margin-bottom:30px; letter-spacing:-4px;
}
.container-top-f .module-1 h4 {
  font-size:2.4vw;  line-height:120%; margin-bottom:12px;  
}
.container-top-f .module-1 a {
  margin-top:30px;
} 
.container-top-f .module-3 .mod-articlesnews-horizontal {
  grid-gap: 4rem!important;
}
.container-top-f .module-2 .custom:after {
  right: 60px;  top: -110px;  
} 
.container-top-f .module-2:after {
   right: 120px; top:-100px;  
} 
.container-top-f .module-2 .custom:before {
  right:-10px; top:-50px; z-index:2;   width:130px; height:130px; 
}
}

/*rozlisenie max 1640*/
@media (max-width: 1640px)  {
.container-top-f .module-3 ul.newsflash-horiz li div a  {
  font-size:14px;
}
.container-top-f .module-3 ul.newsflash-horiz li h2  {
  font-size:18px;  margin-bottom:20px; 
}
}


/*rozlisenie max 950*/
@media (max-width: 1100px)  {
.container-top-f .module-1 {
  margin-top:0px;  
}
.container-top-f .module-1 h1 {
  letter-spacing:-2px;
}
.container-top-f .module-3 h3 {
  margin-bottom:40px;
}
.container-top-f .module-3 .mod-articlesnews-horizontal {
  grid-gap: 2rem!important;
}
.container-top-f .module-3 ul.newsflash-horiz li div a  {
 font-size:13px; letter-spacing:1px; line-height:140%; padding:10% 8% 4% 8%;   min-height:230px;
}
.container-top-f .module-3 ul.newsflash-horiz li h2  {
 font-size:18px;  margin-bottom:20px;   line-height:130%;  max-width:230px; 
}
}

/*rozlisenie max 950*/
@media (max-width: 768px)  {  
.container-top-f  {
  margin-top:40px;  
}
.container-top-f .module-1 {
   float:left; width:100%; font-size:16px; 
}
.container-top-f .module-1 h1 {
   font-size:48px; 
}
.container-top-f .module-1 h1 span:before {
    background:none; color:#221E3A;  
}
.container-top-f .module-1 h4 {
  font-size:24px;  line-height:120%; margin-bottom:20px; width:100%; 
}
.container-top-f .module-1 p {
 max-width:750px; width:100%;
}
.container-top-f .module-2 {
  clear:left; float:left; width:100%; margin-top:60px; 
}
.container-top-f .module-3 .mod-articlesnews-horizontal li {
  flex: 1 1 42%;
}
.container-top-f .module-3 ul.newsflash-horiz  {
  margin-left:0px;
}
.container-top-f .module-2 .custom:after, .container-top-f .module-2:after  {
  display:none;
} 
.container-top-f .module-2 .custom:before {
  right:20px; top:-50px; z-index:2;   width:130px; height:130px; 
}
}


@media (max-width: 500px)  {
.container-top-f .module-3 ul.newsflash-horiz li div a  {
 font-size:11px; letter-spacing:1px; line-height:140%; padding:10% 8% 4% 8%;   min-height:200px;
}
.container-top-f .module-3 ul.newsflash-horiz li h2  {
 font-size:14px;  margin-bottom:20px;   line-height:120%;  
}
.container-top-f .module-3 .mod-articlesnews-horizontal {
  grid-gap: 1rem!important;
}
.container-top-f .module-1 {
 padding:0px 0px 0px 0px; ; 
}
}





/*modul image podstranky*/
.below-top {
  	 max-width:1920px;height:auto; z-index:0; position:relative; overflow:hidden; width:100%; 
  padding:0px; margin:0px auto;  top:0px;    margin-top:-193px;
}
.below-top .mod-custom {
 margin:0px auto; height:437px; width:1920px;  z-index:0;  overflow:hidden;  position:relative;  left:50%; margin-left:-960px; 
} 
.below-top .mod-custom img {
  width:100%;    position:absolute; margin:0px auto; top:0px;  
} 


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

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

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

}


/*obsah*/
.site-grid {
  margin:0px auto; margin-top:25px;  margin-bottom:25px;  max-width:1150px; width:100%; z-index:1; 
}
/*rozlisenie max 1820*/
@media (max-width: 1150px)  {
.site-grid {
  
}
}

/*banner*/
.banner {
  margin: 0px auto;  padding:0px 20px; position:relative; z-index:1; margin-top:0px; width:100%; max-width:1840px;  /*overflow:hidden; */
}
.container-banner {
  display: block;
  margin: 0px auto;  position:relative; z-index:1;   max-width:794px;  overflow:hidden; float:right; width:49.75%;
}
/*                                                                    
.banner-blur {
  margin: 0px auto;  padding:0px; position:absolute; left:auto; right:38%; top:35%; z-index:2;  width:100%; width:320px; height:330px; 
    background: rgba(255, 255, 255, 0.1);    filter: drop-shadow(10px 10px 12px rgba(0,0,0,0.1));  box-shadow: 8px 8px 25px rgba(0,0,0,0.15);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);  
}
*/
.banner-blur {
    margin: 0px auto;
    padding: 0px;
    position: absolute;
    left: auto;
    right: 38%;
    top: 35%;
    z-index: 2;
    width: 310px;
    height: 320px;
    background: rgba(255, 255, 255, 0.1);
    
    /* Základné rozmazanie */
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    
    /* Zjemnený tieň v základe */
    filter: drop-shadow(5px 5px 15px rgba(0, 0, 0, 0.08));
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    
    /* Optimalizácia a prechody */
    will-change: transform, backdrop-filter, filter;
    
    /* Rozdelenie: 
       Transform (scroll) reaguje rýchlo 0.1s, 
       Vizuálne efekty (hover) sa menia plynule 0.75s 
    */
    transition: 
        transform 0.1s ease-out, 
        backdrop-filter 0.75s cubic-bezier(0.4, 0, 0.2, 1),
        -webkit-backdrop-filter 0.75s cubic-bezier(0.4, 0, 0.2, 1),
        filter 0.75s ease-out,
        box-shadow 0.75s ease-out;
}

.banner-blur:hover {
    /* Výraznejšie zaostrenie (z 5px na 1.5px) */
    backdrop-filter: blur(1.5px);
    -webkit-backdrop-filter: blur(1.5px);
    
    /* Zväčšenie a krajší tieň */
    transform: scale(1.08) translateY(var(--r1-current-pos, 0)); /* Prispôsobí sa scroll pozícii */
    filter: drop-shadow(12px 12px 20px rgba(0, 0, 0, 0.2));
    background: rgba(255, 255, 255, 0.15); /* Jemné presvetlenie pri zaostrení */
}


.banner-img {
  margin: 0px auto;  padding:0px; position:absolute; left:auto; right:20px; top:725px; z-index:2;  width:100%; width:134px; height:133px; 
    background: url(../../images/logo4.png) no-repeat center top;    filter: drop-shadow(10px 10px 12px rgba(0,0,0,0.1));
}

@media (max-width: 1840px)  {
.banner-img {
  display:none;
}
}


/*rozlisenie max 1200*/
@media (max-width: 1500px)  {
.banner-blur {
 left:auto; right:42%; top:35%;  width:270px; height:280px; 
}
}

/*rozlisenie max 1200*/
@media (max-width: 1100px)  {
.banner-blur {
 left:auto; right:40%; top:30%;  width:200px; height:190px; 
}
}



/*rozlisenie max 991*/
@media (max-width: 768px)  {
.banner {
  margin-top:-210px; padding:0px;
}
.container-banner {
 float:none; width:100%;
}
.banner-blur {
 left:auto; right:20px; top:550px; 
}
}

@media (max-width: 600px)  {
.banner-blur {
 left:auto; right:20px; top:400px; 
}
}


@media (max-width: 500px)  {
.banner-blur {
 left:auto; right:20px; top:400px;   width:137px; height:143px; 
}
}
@media (max-width: 450px)  {
.banner-blur {
 left:auto; right:20px; top:350px; 
}
}
@media (max-width: 400px)  {
.banner-blur {
 left:auto; right:20px; top:300px; 
}
}
@media (max-width: 370px)  {
.banner-blur {
 left:auto; right:20px; top:280px; 
}
}


/*footer*/
.footer {
  color: #FFFFFF;
  margin: 0px auto; max-width:1920px; width:100%; padding-bottom:0px; background: #312C51;  
}
.footer .footer-in {
  margin:0px auto; padding: 80px 20px 50px 20px;  max-width:1640px;    overflow:hidden;
}
.footer .module-1 {
  position: relative;  font-size:15pt; font-weight:300; line-height:140%; color:#FFFFFF;  float:left; width:28%;  font-family: 'Poppins', sans-serif!important; 
}


.footer .module-2 {
  position: relative;   font-size:11pt; font-weight:300;   line-height:140%; color:#FFFFFF;  float:right; width:62%; 
}
 
.footer .module-2 ul {
  margin:0px; padding:0px; float:left; width:31%; margin-right:2%;
}
.footer .module-2 ul li {
  margin:0px; padding:0px;  list-style-type:none; line-height:150%; font-size:11pt; font-weight:300; margin-bottom:10px; color:#FFFFFF;
}
.footer .module-2 ul li a {
  color:#FFFFFF;
}


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

} 

/*rozlisenie max 500*/
@media (max-width: 990px)  {
.footer .module-1 {
   float:left; width:100%;  margin-bottom:50px;
}
.footer .module-2 {
 clear:left; float:left; width:100%; 
}
.footer .module-2 a {
 
}  

} 

/*rozlisenie max 500*/
@media (max-width: 500px)  {                                                                         
.footer .module-2 ul {
  margin:0px; padding:0px; float:left; width:100%; margin-bottom:25px;
}
} 




/*footer 2*/
.footer2 {
  margin: 0px auto; max-width:1920px; width:100%; padding:20px 20px 20px 20px; margin-top:0px; color:#D8C4A4; text-align:center; font-weight:300; font-size:10pt; font-family: 'Poppins', sans-serif!important;   background:#312C51;

}
.footer2 a {
 color:#D8C4A4;

}
@media (max-width: 500px)  {                                                                         
.footer2 {
 padding:0px 20px 20px 20px;
}
} 



/*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 - zachovanie pôvodnej štruktúry */
.container-bottom-a > *, .container-bottom-b > * {
    flex: 1; margin: 0;
}

.container-bottom-a {
    margin: 0px auto; padding: 0px 20px 0px 100px; max-width: 1840px; margin-bottom: 60px; margin-top: 40px; width: 100%; 
}

.container-bottom-a p { margin: 0px; }

.container-bottom-a .moduletable {
    margin: 0px auto; padding: 0px; font-size: 24px; letter-spacing: 1px; font-weight: 300; line-height: 150%;
}

.container-bottom-a .moduletable span { font-weight: 700; line-height: 155%; }

.container-bottom-a .moduletable h3 {
    padding: 0px; background: url(../../images/li.png) no-repeat left center; padding-left: 40px; font-size: 16px; text-transform: uppercase; letter-spacing: 6px; font-weight: 300; margin-bottom: 70px;
}

.container-bottom-a .moduletable h2 {
    font-size: 60px; letter-spacing: 0px; font-weight: 400; line-height: 110%; margin-left: 40px;
}

/* Nastavenie stĺpcov - Presne podľa tvojho zadania */
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(1) {
    flex: 0 0 23.5%;
}

.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(2) {
    flex: 0 0 48%; 
    margin-top: -200px; /* Toto vraciam späť, držalo to vizuál */
    position: relative; 
    --pohyb-stlpca: 0px; /* Premenná pre JS */
}

.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(3) {
    flex: 0 0 25.5%;
}

/* Pseudoelementy (Štvorce) - Spojené vlastnosti */
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(2):before,
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(2):after {
    content: ''; 
    margin: 0px auto; padding: 0px; position: absolute; z-index: 2;
    background: rgba(255, 255, 255, 0.1);
    
    /* Základný stav blur efektu */
    backdrop-filter: blur(7px); 
    -webkit-backdrop-filter: blur(7px);
    
    will-change: transform, backdrop-filter;
    
    
        
        /* KĽÚČ K PLYNULOSTI: Vynútenie hardvérovej akcelerácie */
    backface-visibility: hidden;
    perspective: 1000px;
    will-change: transform; 

    /* Úprava transition: 
       Zvýšime čas z 0.1s na 0.3s a zmeníme 'linear' na 'ease-out'.
       Tento malý rozdiel "odfiltruje" sekanie myši. */
    transition: 
        transform 0.3s ease-out, 
        backdrop-filter 0.6s cubic-bezier(0.4, 0, 0.2, 1),
        -webkit-backdrop-filter 0.6s cubic-bezier(0.4, 0, 0.2, 1),
        filter 0.6s ease-out,
        box-shadow 0.6s ease-out;
}

/* Menší štvorec (Horný) - ide v smere scrollu */
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(2):before {
    left: auto; right: 16%; top: 6%; width: 126px; height: 134px;
    filter: drop-shadow(10px 10px 12px rgba(0,0,0,0.1));
    box-shadow: 8px 8px 25px rgba(0,0,0,0.15);
    
    /* SCROLL EFEKT: Pôvodný smer (napr. nadol) */
    transform: translateY(calc(var(--pohyb-stlpca) * 1.2)) scale(1);
}

/* Väčší štvorec (Dolný) - OPAČNÝ SMER PRI SCROLLOVANÍ */
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(2):after {
    left: 6%; right: auto; top: 48%; width: 270px; height: 286px;
    filter: drop-shadow(10px 10px 12px rgba(0,0,0,0.1));
    box-shadow: 8px 8px 25px rgba(0,0,0,0.15);
    
    /* SCROLL EFEKT: Tu násobíme -1, aby išiel presne opačne (napr. nahor) */
    transform: translateY(calc(var(--pohyb-stlpca) * -1)) scale(1);
}

/* --- HOVER PRE MENŠÍ ŠTVOREC (before) --- */
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(2):hover:before {
    /* Tu musíme použiť rovnaký vzorec ako pri základnom stave (* 1.2) */
    transform: translateY(calc(var(--pohyb-stlpca) * 1.2)) scale(1.05);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    filter: drop-shadow(15px 15px 20px rgba(0,0,0,0.25));
    background: rgba(255, 255, 255, 0.15);
}

/* --- HOVER PRE VÄČŠÍ ŠTVOREC (after) --- */
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(2):hover:after {
    /* Tu musíme použiť ten opačný vzorec (* -1), aby to neskočilo */
    transform: translateY(calc(var(--pohyb-stlpca) * -1)) scale(1.05);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    filter: drop-shadow(15px 15px 20px rgba(0,0,0,0.25));
    background: rgba(255, 255, 255, 0.15);
    
 will-change: transform;   
}



/*rozlisenie max 600*/
@media (max-width: 1840px)  {
.container-bottom-a  {
  padding:0px 20px 0px 20px;  
}
.container-bottom-a .moduletable {
  margin: 0px auto; padding:0px; font-size:18px;  letter-spacing:1px; font-weight:300; line-height:150%;
}
.container-bottom-a .moduletable .custom {
  padding-left:35px;
}
.container-bottom-a .moduletable h2 {
   font-size:50px;  letter-spacing:0px; font-weight:400; line-height:110%;margin-left:0px;
}
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(1) {
   flex: 0 0 23%;
}
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(2) {
   flex: 0 0 48%;  margin-top:-100px; position:relative;
}
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(2):before {
 left:auto; right:10%; top:6%; z-index:2;  width:126px; height:134px; 
}
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(2):after {
  left:6%; right:auto; top:45%; z-index:2;   width:270px; height:286px; 
}
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(3) {
    flex: 0 0 23%;
}
}  
 
@media (max-width: 1500px)  {
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(2):before {
  width:96px; height:104px; 
}
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(2):after {
  top:40%; width:200px; height:216px; 
}

}  
 
@media (max-width: 1200px)  {
.container-bottom-a  {
  padding:0px 20px 0px 20px;  
}
.container-bottom-a .moduletable {
  margin: 0px auto; padding:0px; font-size:16px;  letter-spacing:1px; font-weight:300; line-height:150%;
}
.container-bottom-a .moduletable h2 {
   font-size:50px;  letter-spacing:0px; font-weight:400; line-height:110%;margin-left:0px;
}
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(1) {
   flex: 0 0 23%;
}
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(2) {
   flex: 0 0 48%;  margin-top:-100px; position:relative;
}
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(2):before {
 left:auto; right:12%; top:7%; z-index:2;  width:65px; height:70px; 
}
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(2):after {
  left:6%; right:auto; top:53%; z-index:2;   width:145px; height:150px; 
}
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(3) {
    flex: 0 0 23%;
}
} 
 
@media (max-width: 990px)  {
.container-bottom-a .moduletable {
  margin: 0px auto; padding:0px; font-size:16px;  letter-spacing:1px; font-weight:300; line-height:150%;
}
.container-bottom-a .moduletable h2 {
   font-size:40px;  letter-spacing:0px; font-weight:600; line-height:110%;margin-left:0px;
}
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(1) {
   flex: 0 0 40%!important; 
}
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(2) {
   flex: 0 0 50%!important;  margin-top:-100px; position:relative;  
}
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(2):before {
 left:auto; right:12%; top:7%; z-index:2;  width:65px; height:70px; 
}
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(2):after {
  left:6%; right:auto; top:53%; z-index:2;   width:145px; height:150px; 
}
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(3) {
    flex: 0 0 100%;    margin-top:60px;   
}
}  
  
/*rozlisenie max 600*/
@media (max-width: 768px)  {
.container-bottom-a .moduletable .custom {
  padding-left:0px;
}
.container-bottom-a .moduletable h3 {
   margin-bottom:30px;
}
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(1) {
   flex: 0 0 100%!important; 
}
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(2) {
   flex: 0 0 100%!important;  margin-top:0px; position:relative;  
}
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(3) {
    flex: 0 0 100%;    margin-top:0px;    
}
}

/*rozlisenie max 600*/
@media (max-width: 500px)  {
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(2):before {
 left:auto; right:12%; top:2%; z-index:2;  width:55px; height:60px; 
}
.container-bottom-a .moduletable .wf-columns .wf-column:nth-child(2):after {
  left:0%; right:auto; top:48%; z-index:2;   width:105px; height:110px; 
}
}




.container-bottom-b {
    margin: 0px auto; padding: 0px 0px 0px 140px; max-width: 1920px; margin-bottom: 40px; margin-top: 60px; width: 100%; 
}

.container-bottom-b p { margin: 0px; }

.container-bottom-b .moduletable {
    margin: 0px auto; padding: 0px; font-size: 24px; letter-spacing: 1px; font-weight: 300; line-height: 150%;
}

.container-bottom-b .moduletable h2 {
    font-size: 60px; letter-spacing: 0px; font-weight: 400; line-height: 110%; margin-bottom: 50px;
}

.container-bottom-b .moduletable .custom { padding-left: 35px; }

.container-bottom-b .moduletable .wf-columns .wf-column:nth-child(1) {
    flex: 0 0 47%; padding-right: 15%; margin-top: 0px;
}
/* HLAVNÝ STĹPEC S EFEKTOM */
.container-bottom-b .moduletable .wf-columns .wf-column:nth-child(2) {
    flex: 0 0 52%; 
    margin-top: -130px; 
    position: relative; 
    background: url(../../images/objekt2.png) no-repeat right bottom;
    --pohyb-b: 0px; 
    overflow: visible !important; /* Dôležité pre výraznejší pohyb */
}

/* SKLENENÝ ŠTVOREC */
.container-bottom-b .moduletable .wf-columns .wf-column:nth-child(2):after {
    content: ''; margin: 0px auto; padding: 0px; position: absolute; 
    left: auto; right: 60px; top: 61.8%; z-index: 2; width: 230px; height: 230px; 
    background: rgba(255, 255, 255, 0.1); 
    
    /* Pôvodný stav filtrov */
    filter: drop-shadow(10px 10px 12px rgba(0, 0, 0, 0.1)); 
    box-shadow: 8px 8px 25px rgba(0, 0, 0, 0.15); 
    backdrop-filter: blur(7px); 
    -webkit-backdrop-filter: blur(7px); 
    
    /* Prepojenie na scroll a mierku */
    transform: translateY(var(--pohyb-b)) scale(1);
    will-change: transform, backdrop-filter, filter;

    /* HLADKOSŤ: Rozdelené časy prechodu */
    transition: 
        transform 0.1s linear, 
        backdrop-filter 0.6s cubic-bezier(0.4, 0, 0.2, 1),
        -webkit-backdrop-filter 0.6s cubic-bezier(0.4, 0, 0.2, 1),
        filter 0.6s ease-out,
        box-shadow 0.6s ease-out,
        background 0.6s ease-out;
}

/* HOVER EFEKT: Ostrejšie sklo a hladší prechod */
.container-bottom-b .moduletable .wf-columns .wf-column:nth-child(2):hover:after {
    /* Zaostrenie skla na 2px */
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    
    /* Plynulé zväčšenie a zvýraznenie tieňa */
    transform: translateY(var(--pohyb-b)) scale(1.05); 
    filter: drop-shadow(15px 15px 20px rgba(0, 0, 0, 0.25));
    background: rgba(255, 255, 255, 0.15); /* Mierne vyčírenie podkladu */
}




/*rozlisenie max 950*/
@media (max-width: 1840px)  {
.container-bottom-b  {
 padding:0px 0px 0px 20px; 
}
.container-bottom-b .moduletable {
 margin: 0px auto; padding:0px; font-size:18px;  letter-spacing:1px; font-weight:300; line-height:150%;
}
.container-bottom-b .moduletable h2 {
   font-size:50px;  letter-spacing:0px; font-weight:400; line-height:110%;  margin-bottom:50px;
}
.container-bottom-b .moduletable .wf-columns .wf-column:nth-child(1) {
   flex: 0 0 44%;     padding-right:5%; 
}
.container-bottom-b .moduletable .wf-columns .wf-column:nth-child(2) {
   flex: 0 0 52%;   position:relative;  background: none;   
}
.container-bottom-b .moduletable .wf-columns .wf-column:nth-child(2):after {
 right:5%; top:55%; z-index:2;   width:230px; height:230px; 
}
}  


@media (max-width: 1500px)  {
.container-bottom-b .moduletable .wf-columns .wf-column:nth-child(2):after  {
    width:180px; height:180px; 
}

}  

@media (max-width: 1200px)  {
.container-bottom-b .moduletable .wf-columns .wf-column:nth-child(2):after  {
   right:5%; top:60%; z-index:2;   width:145px; height:150px; 
}
.container-bottom-b .moduletable {
 margin: 0px auto; padding:0px; font-size:18px;  letter-spacing:1px; font-weight:300; line-height:150%;
}
.container-bottom-b .moduletable h2 {
   font-size:40px;  letter-spacing:0px; font-weight:400; line-height:110%;  margin-bottom:50px;
}
}                                                                                  

/*rozlisenie max 600*/
@media (max-width: 990px)  {
.container-bottom-b .moduletable .wf-columns .wf-column:nth-child(1) {
   flex: 0 0 44%!important;     padding-right:0%; 
}
.container-bottom-b .moduletable .wf-columns .wf-column:nth-child(2) {
   flex: 0 0 50%!important;   margin-top:-70px;  position:relative;  background: none;   
}
.container-bottom-b .moduletable .wf-columns .wf-column:nth-child(2):after  {
   right:5%; top:60%; z-index:2;   width:145px; height:150px; 
}
.container-bottom-b .moduletable {
 margin: 0px auto; padding:0px; font-size:18px;  letter-spacing:1px; font-weight:300; line-height:150%;
}
.container-bottom-b .moduletable h2 {
   font-size:40px;  letter-spacing:0px; font-weight:400; line-height:110%;  margin-bottom:50px;
}                                                              
}  
 
/*rozlisenie max 600*/
@media (max-width: 768px)  {
.container-bottom-b .moduletable .custom {
  padding-left:0px;
}
.container-bottom-b .moduletable .wf-columns .wf-column:nth-child(1) {
   flex: 0 0 100%!important;     padding-right:0%; 
}
.container-bottom-b .moduletable .wf-columns .wf-column:nth-child(2) {
   flex: 0 0 100%!important;   margin-top:0px;  position:relative;  background: none;   
}
} 

/*rozlisenie max 600*/
@media (max-width: 500px)  {
.container-bottom-b .moduletable .wf-columns .wf-column:nth-child(2):after  {
   right:5%; top:54%; z-index:2;   width:145px; height:150px; 
}
}




/*moduly telo 3 */
.container-bottom-c  {
  margin: 0px auto; padding:0px 20px 0px 20px;  max-width:1840px; margin-bottom:40px; margin-top:40px; width:100%;  background: url(../../images/modul_bg1.jpg) no-repeat center top;
}
.container-bottom-c p {
  margin: 0px; 
}
.container-bottom-c .moduletable {
  margin: 0px auto; padding:0px; font-size:24px;  letter-spacing:1px; font-weight:300; line-height:150%;
}
.container-bottom-c .moduletable span {
 font-weight:700; line-height:155%;
}
.container-bottom-c .moduletable h3 {
  padding:0px; margin-left:120px; background: url(../../images/li.png) no-repeat left center; padding-left:40px; font-size:16px; text-transform:uppercase; letter-spacing:6px; font-weight:300; margin-bottom:60px; 
}
 /*news flex*/
.container-bottom-c ul.newsflash-horiz  {
  padding:0px;  margin:0px auto;   display: flex; align-content:stretch; column-gap:4px;
}
.container-bottom-c .mod-articlesnews-horizontal {
  grid-gap: 2rem!important;
  display: flex!important;
}
.container-bottom-c ul.newsflash-horiz li  {
  padding:0px;  margin:0px auto;  position:relative; z-index:1; 
}
.container-bottom-c ul.newsflash-horiz li div   {
    position:relative;  z-index:1; 
}

/*
.container-bottom-c ul.newsflash-horiz li div a  {
  padding:0px; display:block;  margin:0px auto; color:#221E3A; font-size:24px; letter-spacing:1px; line-height:140%; font-weight:300; margin-bottom:25px; text-align:left;  position:relative; 
   padding:17% 10% 5% 10%;   background: rgba(255, 255, 255, 1);   filter: drop-shadow(8px 8px 15px rgba(0,0,0,0.1));     min-height:500px; z-index:1; 
}
.container-bottom-c ul.newsflash-horiz li div a:hover  {
  text-decoration:none; color:#FFFFFF; background: linear-gradient(to bottom, #221E3A, #3A345E);  transition: all .75s ease-out;
}
.container-bottom-c ul.newsflash-horiz li:nth-child(1) div:before  {
  margin: 0px auto;  content:''; padding:0px; position:absolute; left:auto; right:-80px; top:-70px; z-index:-1;  width:100%; width:150px; height:150px; 
   background:#EDC677;   
}   
.container-bottom-c ul.newsflash-horiz li:nth-child(1) div:hover:before  {
   transition: all .75s ease-out;  transform:scale(1.08);  
}  
*/

/*/**/

/* 1. Základný stav odkazu */



.container-bottom-c ul.newsflash-horiz li div a {
    display: block;
    margin: 0px auto 25px auto;
    padding: 17% 10% 5% 10%;
    color: #221E3A;
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 140%;
    font-weight: 300;
    text-align: left;
    position: relative;
    background: #FFFFFF; /* Čisté biele pozadie */
    filter: drop-shadow(8px 8px 15px rgba(0,0,0,0.1));
    min-height: 500px;
    z-index: 1;
    overflow: hidden; /* Aby gradient nepretekal cez zaoblenie */
    
    /* Plynulý návrat farby textu a tieňa */
    transition: color 0.8s ease, filter 0.8s ease;
}

/* 2. Triper: Vytvoríme neviditeľnú vrstvu s gradientom */
.container-bottom-c ul.newsflash-horiz li div a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(to bottom, #221E3A, #3A345E);
    opacity: 0; /* Na začiatku je gradient neviditeľný */
    z-index: -1;
    transition: opacity 0.8s ease-in-out; /* Tu nastavujeme dĺžku prelínania */
}

/* 3. Hover stav - odhalenie gradientu */
.container-bottom-c ul.newsflash-horiz li div a:hover {
    color: #FFFFFF;
    text-decoration: none;
    filter: drop-shadow(10px 10px 20px rgba(0,0,0,0.15));
}

.container-bottom-c ul.newsflash-horiz li div a:hover::before {
    opacity: 1; /* Plynulé „rozsvietenie“ gradientu */
}

/* 4. Žltý štvorec (opravený selektor pre plynulosť) */
.container-bottom-c ul.newsflash-horiz li:nth-child(1) div:before  {
  margin: 0px auto;  content:''; padding:0px; position:absolute; left:auto; right:-80px; top:-70px; z-index:-1;  width:100%; width:150px; height:150px; 
   background:#EDC677;   
}   
.container-bottom-c ul.newsflash-horiz li:nth-child(1) div:hover:before  {
   transition: all .75s ease-out;  transform:scale(1.08);  
} 





                                                                 
.container-bottom-c ul.newsflash-horiz li:nth-child(2)  {
  margin-top:250px;
}
.container-bottom-c ul.newsflash-horiz li:nth-child(3)  {
  margin-top:500px;
}
.container-bottom-c ul.newsflash-horiz li div span  {
  display:none;  transition: all .75s ease-out; 
}
.container-bottom-c ul.newsflash-horiz li div a:hover  span  {
  padding:0px;  display:inline-block;  margin:0px auto;  padding:14px 25px; font-size:23px; line-height:120%; font-weight:600; margin-top:40px; text-align:center; text-transform:none; position:relative; 
   background:#EDC677;  color:#221E3A; border:solid #FFE494 2px; transition: all 0.75s ease-out; 
}
.container-bottom-c ul.newsflash-horiz li figure {
  margin: 0 0 0em;
}
.container-bottom-c ul.newsflash-horiz li h2  {
  margin:0px auto; font-size:30px;  margin-bottom:50px;  text-transform:none; font-weight:700; color:#3A345E;  margin-left:0px; max-width:200px; 
}
.container-bottom-c ul.newsflash-horiz li div a:hover h2 {
  color:#FFFFFF; transition: all .75s ease-out;
}
.container-bottom-c ul.newsflash-horiz li p {
  margin:0px;  
}
.container-bottom-c .mod-articlesnews-horizontal  {
 grid-gap: 0.2rem; margin-bottom:0px;
}
.container-bottom-c .mod-articlesnews-horizontal li {
  display: flex;
  flex: 1 1 27%;
  flex-direction: column;  
}
.container-bottom-c .mod-list li {
  padding: 0px;  margin-right: 0px;
  background: none;
}



/*rozlisenie max 950*/
@media (max-width: 1840px)  {
.container-bottom-c .moduletable h3 {
  margin-left:0px;  margin-bottom:60px; 
}
}   

/*rozlisenie max 950*/
@media (max-width: 1200px)  {
.container-bottom-c ul.newsflash-horiz li div a  {
 font-size:18px; letter-spacing:1px; margin-bottom:25px; padding:12% 6% 5% 6%; min-height:350px;
}
.container-bottom-c ul.newsflash-horiz li div a:hover  span  {
   padding:12px 15px; font-size:17px; margin-top:30px; 
}
.container-bottom-c ul.newsflash-horiz li h2  {
  font-size:24px;  margin-bottom:30px; max-width:200px;
}
.container-bottom-c ul.newsflash-horiz li:nth-child(2)  {
  margin-top:175px;
}
.container-bottom-c ul.newsflash-horiz li:nth-child(3)  {
  margin-top:350px;
}
.container-bottom-c ul.newsflash-horiz li:nth-child(1) div:before  {
  right:-50px; top:-40px;  width:100px; height:100px;  
}
}                                                                                  

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

}  
/*rozlisenie max 600*/
/*
@media (max-width: 768px)  {
.container-bottom-c .moduletable h3 {
   margin-bottom:30px;
}
.container-bottom-c .mod-articlesnews-horizontal li {
  flex: 1 1 100%;
}
.container-bottom-c ul.newsflash-horiz li div a  {
 font-size:16px; letter-spacing:1px; margin-bottom:25px; padding:30px 40px 30px 40px; min-height:auto;    background: none;   filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.1));  
}
.container-bottom-c ul.newsflash-horiz li div a:hover  {
   background: rgba(255, 255, 255, 1);  color:#221E3A; filter: drop-shadow(8px 8px 15px rgba(0,0,0,0.1));  
}

.container-bottom-c ul.newsflash-horiz li div a:hover  span  {
   padding:12px 15px; font-size:17px; margin-top:20px; 
}
.container-bottom-c ul.newsflash-horiz li h2  {
  font-size:24px; font-weight:400; margin-bottom:20px; max-width:200px;
}
.container-bottom-c ul.newsflash-horiz li div a:hover h2 {
  color:#3A345E; font-weight:600;
}
.container-bottom-c ul.newsflash-horiz li:nth-child(2)  {
  margin-top:0px;
}
.container-bottom-c ul.newsflash-horiz li:nth-child(3)  {
  margin-top:0px;
}
.container-bottom-c ul.newsflash-horiz li:nth-child(1) div:before  {
  right:-20px; top:-30px;  width:70px; height:70px;  
}
.container-bottom-c ul.newsflash-horiz li:nth-child(1) div:hover:before  {
  right:-20px; top:-45px; transition: all .75s ease-out;  transform:scale(1.08);  
} 
.container-bottom-c .mod-articlesnews-horizontal {
  grid-gap: 0rem!important;
}
}  
*/

@media (max-width: 768px) {
  .container-bottom-c .moduletable h3 {
    margin-bottom:30px;
  }
  .container-bottom-c .mod-articlesnews-horizontal li {
    flex: 1 1 100%;
  }
  .container-bottom-c ul.newsflash-horiz li div a {
    font-size:16px; 
    letter-spacing:1px; 
    margin-bottom:25px; 
    padding:30px 40px; 
    min-height:auto; 
    background: none !important; /* Vynútenie žiadneho pozadia v základe */
    color: #221E3A !important;  /* Vynútenie tmavej farby textu */
    filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.1));
    transition: all .75s ease-out;
  }

  /* Tu opravujeme ten neviditeľný text na mobile */
  .container-bottom-c ul.newsflash-horiz li div a:hover {
    background: #FFFFFF !important; /* Biele pozadie pri kliku */
    color: #221E3A !important;     /* Tmavý text - aby nezmizol */
    filter: drop-shadow(8px 8px 15px rgba(0,0,0,0.1));
  }

  /* Skrytie toho desktopového gradientu na mobile, aby nezavadzal */
  .container-bottom-c ul.newsflash-horiz li div a:hover::before {
    display: none !important;
  }

  .container-bottom-c ul.newsflash-horiz li div a:hover span {
    padding:12px 15px; 
    font-size:17px; 
    margin-top:20px; 
  }

  .container-bottom-c ul.newsflash-horiz li h2 {
    font-size:24px; 
    font-weight:400; 
    margin-bottom:20px; 
    max-width:200px;
    color: #221E3A !important; /* Základná farba nadpisu */
  }

  /* Oprava farby nadpisu pri kliknutí */
  .container-bottom-c ul.newsflash-horiz li div a:hover h2 {
    color: #3A345E !important; 
    font-weight:600;
  }

  .container-bottom-c ul.newsflash-horiz li:nth-child(2),
  .container-bottom-c ul.newsflash-horiz li:nth-child(3) {
    margin-top:0px;
  }

  .container-bottom-c ul.newsflash-horiz li:nth-child(1) div:before {
    content:'';
    position:absolute;
    right:-20px; 
    top:-30px; 
    width:70px; 
    height:70px;
    background:#EDC677;
    z-index:-1;
  }

  .container-bottom-c ul.newsflash-horiz li:nth-child(1) div:hover:before {
    right:-20px; 
    top:-45px; 
    transition: all .75s ease-out; 
    transform:scale(1.08); 
  } 

  .container-bottom-c .mod-articlesnews-horizontal {
    grid-gap: 0rem !important;
  }
}

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

}  



/*moduly telo 4 */
.container-bottom-d {
  margin: 0px auto; padding:0px 30px 0px 20px;  max-width:1840px; padding-bottom:30px; margin-bottom:80px; margin-top:40px; width:100%;  background: none;  overflow:hidden;
}
.container-bottom-d p {
  margin: 0px; 
}
.container-bottom-d .moduletable {
  margin: 0px auto; padding:0px; 
}
.container-bottom-d .moduletable span {
 font-weight:700; line-height:155%;
}
.container-bottom-d .moduletable h3 {
  padding:0px; margin-left:120px; background: url(../../images/li.png) no-repeat left center; padding-left:40px; font-size:16px; text-transform:uppercase; letter-spacing:6px; font-weight:300; margin-bottom:60px; 
}
.container-bottom-d .moduletable h5  {
  margin:0px auto; font-size:16px;  margin-bottom:25px;  text-transform:uppercase; font-weight:300; color:#3A345E; letter-spacing:6px; margin-left:0px; 
}
.container-bottom-d .module-1 .custom {
  padding:4% 5% 145px 5%;   margin:0px; background: rgba(255, 255, 255, 1);   filter: drop-shadow(8px 8px 15px rgba(0,0,0,0.1));  color:#221E3A; 
  font-size:64px; letter-spacing:1px; line-height:120%; font-weight:400;  float:left; width:60%;   opacity: 0;  transition: all 1s ease-out;  transform: translateX(-500px); 
}
.container-bottom-d .module-1 .custom.show {
    opacity: 1; transform: translateX(0px);    
}
.container-bottom-d .module-1 .custom span {
  font-weight:700;   line-height:120%;
}
.container-bottom-d .module-1 .custom:before  {
  margin: 0px auto;  content:''; padding:0px; position:absolute; left:0px; right:auto; top:-37px; z-index:-1;  width:100%; width:36px; height:36px; background:#3D3760;   
}   
.container-bottom-d .module-1 .custom:after {
  margin: 0px auto;  content:''; padding:0px; position:absolute; left:auto; right:0px; top:auto; bottom:0px; z-index:1;  width:100%; width:140px; height:140px; background:#3D3760;   
}  

.container-bottom-d .module-2 .custom {
  padding:5% 500px 140px 8%;   margin:0px; background: none; color:#221E3A; 
  font-size:24px; letter-spacing:1px; line-height:150%; font-weight:300; clear:left;  float:left; width:60%; opacity: 0; transition: all 2s ease-out;
}
.container-bottom-d .module-2 .custom.show {
    opacity: 1;   
}
.container-bottom-d .module-2 .custom:before  {
  margin: 0px auto;  content:''; padding:0px; position:absolute; left:auto; right:90px; top:0px; z-index:-1;  width:100%; width:250px; height:250px;   background:#EBC477;   
} 
                                                                 
.container-bottom-d .module-3 .custom {
    padding: 5% 50px 5% 7%;
    margin: 0px;
    color: #221E3A;
    background: rgba(255, 255, 255, 1);
    box-shadow: 4px 4px 30px rgba(0,0,0,0.15);
    position: relative; 
    font-size: 64px;
    letter-spacing: 1px;
    line-height: 110%;
    font-weight: 400;
    z-index: 1;
    float: right;
    width: 45%;
    margin-left: -140px;
    opacity: 0;
    transition: all 1s ease-out;
    transform: translateX(400px);  
    background: linear-gradient(to bottom, #FFFEFE, #FFFFFF);
}

.container-bottom-d .module-3 .custom span {
    font-weight: 700;
    line-height: 110%;
}

.container-bottom-d .module-3 .custom.show {
    opacity: 1;
    transform: translateX(0px);    
}

.container-bottom-d .module-3 .custom::before {
  content: '';
  margin: 0px auto;
  padding: 0px;
  position: absolute;
  left: 0px;
  right: auto;
  top: 0px;
  z-index: 2;
  width: 300px;
  height: 300px;
  filter: blur(4px);
  box-shadow: 4px 4px 15px rgba(0,0,0,0.15);
  display: block;
  opacity: 1;
  background: rgba(255,255,255,0.1);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);

  /* POHYB NAVIAZANÝ NA SCROLL */
  transform: translateY(var(--pohyb-d, 0px));
  
  /* CITLIVOSŤ: transform 0.1s linear je kľúč k plynulosti pri scrollovaní */
  transition: transform 0.1s linear, opacity 0.6s ease, backdrop-filter 0.6s ease;
  will-change: transform;
}                                    

.container-bottom-d .module-4 .custom {
  padding:4% 3% 5% 4%;   margin:0px; color:#221E3A; background: rgba(255, 255, 255, 1);   filter: drop-shadow(8px 8px 15px rgba(0,0,0,0.1));  position:relative; /*border:solid transparent 1px;*/
  font-size:40px; letter-spacing:1px; line-height:130%; font-weight:400;  z-index:1;  float:left; margin-left:28%; width:27%; opacity: 0; transition: all 2s ease-out;  transform: translateX(-600px);  
  background:#FFFFFF;   
}
.container-bottom-d .module-4 .custom span {
  font-weight:700;  line-height:130%;
}
.container-bottom-d .module-4 .custom.show {
    opacity: 1; transform: translateX(0px);    
}

.container-bottom-d .module-5 .custom {
  padding:7% 5% 7% 5%;   margin:0px; background: none; color:#221E3A; 
  font-size:24px; letter-spacing:1px; line-height:150%; font-weight:300;   float:right; width:40%; opacity: 0; transition: all 2s ease-out;
}
.container-bottom-d .module-5 .custom.show {
    opacity: 1;   
}



/*rozlisenie max 600*/
@media (max-width: 1840px)  {
.container-bottom-d .moduletable h3 {
 margin-left:0px; 
}
.container-bottom-d .module-1 .custom {
  padding:4% 5% 145px 5%; font-size:54px; float:left; width:60%;   transform: translateX(-400px); 
}
.container-bottom-d .module-2 .custom {
  padding:7% 500px 145px 3%;  font-size:18px; line-height:150%;clear:left;  float:left; width:60%; 
}
.container-bottom-d .module-2 .custom:before  {
  right:140px; 
} 
.container-bottom-d .module-3 .custom {
  padding:5% 50px 5% 7%;  font-size:54px; float:right; width:40%;  margin-left:auto; transform: translateX(400px);   
}
.container-bottom-d .module-3 .custom:before  {
   width:200px; height:200px;   
} 
.container-bottom-d .module-4 .custom {
  padding:4% 3% 5% 4%;  font-size:30px; float:left; margin-left:20%; width:40%; transform: translateX(-400px);   
}
.container-bottom-d .module-5 .custom {
  padding:7% 5% 7% 5%;  font-size:18px; line-height:150%; float:right; width:40%; 
}
}  


/*rozlisenie max 600*/
@media (max-width: 1500px)  {
.container-bottom-d .module-2 .custom {
  padding:7% 320px 100px 5%;  font-size:14px;   
}
.container-bottom-d .module-2 .custom:before  {
 right:140px;  width:120px; height:120px;   
} 
.container-bottom-d .module-3 .custom {
  transform: translateX(200px);   
}
.container-bottom-d .module-4 .custom {
  padding:4% 3% 5% 4%;  font-size:30px; float:left; margin-left:20%; width:40%; transform: translateX(0px);   
}
.container-bottom-d .module-5 .custom {
  padding:7% 5% 7% 5%;  font-size:14px; line-height:150%; float:right; width:40%; 
}
}  

@media (max-width: 990px)  {
.container-bottom-d {
 margin-bottom:40px; 
}
.container-bottom-d .module-1 .custom {
  padding:4% 160px 145px 5%; font-size:44px; float:left; width:100%;   transform: translateX(-200px); 
}
.container-bottom-d .module-2 .custom {
  padding:7% 320px 145px 3%;  font-size:18px; line-height:150%;clear:left;  float:left; width:100%; 
}
.container-bottom-d .module-2 .custom:before  {
  right:140px; 
} 
.container-bottom-d .module-3 .custom {
  padding:5% 50px 8% 7%;  font-size:32px; float:left; width:100%;  margin-left:auto; transform: translateX(200px);   
}
.container-bottom-d .module-3 .custom:before  {
  display:none 
}                                                                                        
.container-bottom-d .module-4 .custom {
  padding:5% 3% 8% 4%;  font-size:30px; float:left; margin-left:0%; width:100%; transform: translateX(-200px);   
}
.container-bottom-d .module-5 .custom {
  padding:7% 5% 7% 5%;  font-size:18px; line-height:150%; float:left; width:100%; 
}
}  


/*rozlisenie max 600*/
@media (max-width: 768px)  {
.container-bottom-d .module-1 .custom {
  padding:5% 100px 70px 5%; font-size:32px; float:left; width:100%;   transform: translateX(-200px); 
}
.container-bottom-d .module-1 .custom:after {
   width:100%; width:80px; height:80px;  
} 
.container-bottom-d .module-3 .custom {
  padding:5% 50px 14% 7%;  font-size:32px; float:left; width:100%;  margin-left:auto; transform: translateX(200px);   
}
.container-bottom-d .module-2 .custom {
  padding:7% 50px 70px 3%;  font-size:18px; line-height:150%;clear:left;  float:left; width:100%; 
}
.container-bottom-d .module-2 .custom:before  {
  display:none;
} 
.container-bottom-d .module-4 .custom {
  padding:5% 10% 18% 8%;  font-size:18px; float:left; margin-left:0%; width:100%; transform: translateX(-200px);   
}
.container-bottom-d .module-5 .custom {
  padding:7% 5% 16% 5%;   
}
}  

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

}  


/*moduly telo 5 */
.container-bottom-e {
  margin: 0px auto; padding:0px 0px;  max-width:1920px;padding-bottom:160px; margin-bottom:30px; margin-top:60px; width:100%;  background: none; position:relative;
}
.container-bottom-e p {
  margin: 0px; 
}
.container-bottom-e .moduletable {
  margin: 0px auto; padding:0px; 
}

.container-bottom-e .module-1  {
  margin:0px auto; padding:130px 370px 130px 200px; float:left;  width:55%; border-right:solid #EBC477 61px; background: linear-gradient(to bottom, #3A345E, #221E3A); 
  color:#FFFFFF; font-size:20px; letter-spacing:1px; font-weight:300; line-height:160%;  position:absolute; left:0px; top:0px;  z-index:1;
}
.container-bottom-e .module-1 h3 {
  padding:0px; color:#FFFFFF;font-size:60px; text-transform:none; letter-spacing:0px; font-weight:400; margin-bottom:40px; line-height:110%; margin-left:0px; max-width:400px;
}
.container-bottom-e .module-1 a.odkaz {
  padding:0px;  display:inline-block;  margin:0px auto;  padding:14px 45px; font-size:23px; line-height:120%; font-weight:600; margin-top:60px; text-align:center; text-transform:none; position:relative; 
   background:#EDC677;  color:#221E3A; border:solid #FFE494 2px; 
}
.container-bottom-e .module-1 a.odkaz:hover {
  text-decoration:none;  background:#221E3A;  color:#FFFFFF; border:solid #221E3A 2px;  transition: all 0.55s ease-out; 
}

.container-bottom-e .module-2  {
  margin:0px auto; padding:0px; float:right; width:57.47%;  position:relative; z-index:2; margin-top:70px; box-shadow: 4px 4px 55px rgba(175, 205, 229, 0.5); 
}
.container-bottom-e .module-2 .custom:after {
  margin: 0px auto;  content:'';     padding: 0px; position: absolute; z-index:3;  left: auto;   right: 50px;
  bottom: -125px;  z-index: 2;  width: 100%;  width: 250px; height: 250px;  background: url(../../images/logo5.png) no-repeat center top;
  filter: drop-shadow(10px 10px 12px rgba(0,0,0,0.1));  
} 
.container-bottom-e .module-2 .custom:before {
 content:''; margin: 0px auto;  padding:0px; position:absolute; left:-85px; right:auto; bottom:-75px; z-index:2;   width:175px; height:175px; 
      background: rgba(255, 255, 255, 0.1);    filter: drop-shadow(10px 10px 12px rgba(0,0,0,0.1));   box-shadow: 8px 8px 25px rgba(0,0,0,0.15);
    backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px);  
}
.container-bottom-e .module-2 .custom:hover:before {
   transition: all .75s ease-out;  transform:scale(1.08);  filter: drop-shadow(10px 10px 12px rgba(0,0,0,0.2));
}


/*rozlisenie max 600*/
@media (max-width: 1840px)  {
.container-bottom-e .module-1  {
 padding:100px 300px 100px 100px;  width:55%; border-right:solid #EBC477 61px; font-size:18px;  line-height:160%;   
}
.container-bottom-e .module-1 h3 {
  font-size:60px;  margin-bottom:40px; max-width:400px;
}
.container-bottom-e .module-1 a.odkaz {
   padding:12px 45px; font-size:20px;  margin-top:40px; 
}
.container-bottom-e .module-2  {
  float:right; width:57.47%;  margin-top:70px; box-shadow: 4px 4px 55px rgba(175, 205, 229, 0.5); 
}
} 

@media (max-width: 1500px)  {
.container-bottom-e .module-1  {
 padding:100px 15% 100px 4%;  width:55%; border-right:solid #EBC477 61px; font-size:16px;  line-height:140%;   
}
.container-bottom-e .module-1 h3 {
  font-size:50px;  margin-bottom:40px; max-width:400px;
}
.container-bottom-e .module-1 a.odkaz {
   padding:12px 45px; font-size:20px;  margin-top:40px; 
}
.container-bottom-e .module-2  {
  float:right; width:57.47%;  margin-top:70px; box-shadow: 4px 4px 55px rgba(175, 205, 229, 0.5); 
}
}  

@media (max-width: 1100px)  {
.container-bottom-e .module-1  {
 padding:70px 15% 70px 4%;  width:55%; border-right:solid #EBC477 61px; font-size:16px;  line-height:140%;   
}
.container-bottom-e .module-1 h3 {
  font-size:40px;  margin-bottom:40px; max-width:400px;
}
.container-bottom-e .module-1 a.odkaz {
   padding:12px 45px; font-size:20px;  margin-top:40px; 
}
.container-bottom-e .module-2  {
  float:right; width:57.47%;  margin-top:50px; box-shadow: 4px 4px 55px rgba(175, 205, 229, 0.5); 
}
}  

/*rozlisenie max 600*/
@media (max-width: 990px)  {
.container-bottom-e {
  margin-top:40px; 
}
.container-bottom-e .module-1  {
 padding:70px 20px 200px 20px; float:none;  width:100%; border-right:solid #EBC477 0px; font-size:20px;  line-height:160%;  position:relative;  
}
.container-bottom-e .module-1 h3 {
  font-size:44px;  margin-bottom:40px;max-width:100%;
}
.container-bottom-e .module-1 a.odkaz {
   padding:12px 45px; font-size:20px;  margin-top:30px; 
}
.container-bottom-e .module-2  {
  float:none; width:90%;  margin-top:-140px; box-shadow: 4px 4px 35px rgba(175, 205, 229, 0.5); 
}
.container-bottom-e .module-2 .custom:before {
  display:none;
}
}  

/*rozlisenie max 600*/
@media (max-width: 500px)  {
.container-bottom-e .module-1  {
  font-size:16px;  padding:50px 20px 100px 20px; 
}
.container-bottom-e .module-1 h3 {
  font-size:24px;  margin-bottom:20px; 
}
.container-bottom-e .module-2 .custom:after {
   left: auto;   right: 0px; bottom: 0px;  width: 100%;  width: 80px; height: 80px;  background-size:80px 80px;
} 
.container-bottom-e {
  padding-bottom:40px; 
}
}  



/*moduly telo 6 */
.container-bottom-f {
  margin: 0px auto; padding:0px 20px;  max-width:1840px;padding-bottom:200px; margin-bottom:40px; margin-top:100px; width:100%;  background: none; position:relative;  background: url(../../images/modul_bg3.png) no-repeat right top; 
}
.container-bottom-f p {
  margin: 0px; 
}
.container-bottom-f .moduletable {
  margin: 0px auto; padding:0px;                                              
}

.container-bottom-f .module-1  {
   margin:0px auto; padding:0px; float:left; width:51.81%;  position:relative; z-index:2; margin-top:0px; box-shadow: 4px 4px 55px rgba(175, 205, 229, 0.5); 
}
.container-bottom-f .module-1 .custom:after {
  margin: 0px auto;  content:'';     padding: 0px; position: absolute; z-index:3;  left: auto;   right: 0px;  bottom: -70px; 
  z-index: 2;  width: 100%;  width: 70px; height: 70px;  background: #3A345E;
  filter: drop-shadow(10px 10px 12px rgba(0,0,0,0.1));  
} 
.container-bottom-f .module-1:after {
  margin: 0px auto;  content:'';     padding: 0px; position: absolute; z-index:3;  left: auto;   right: 70px; bottom: -125px;  
 z-index: 2;  width: 100%;  width: 125px; height: 125px;  background: #EDC677;
  filter: drop-shadow(10px 10px 12px rgba(0,0,0,0.1));  
} 
.container-bottom-f .module-1 .custom:before {
 content:''; margin: 0px auto;  padding:0px; position:absolute; left:auto; right:-35px; bottom:0px; z-index:2;   width:105px; height:105px; 
      background: rgba(255, 255, 255, 0.1);    filter: drop-shadow(10px 10px 12px rgba(0,0,0,0.1));   box-shadow: 8px 8px 25px rgba(0,0,0,0.10);
    backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px);  
}
.container-bottom-f .module-1 .custom:hover:before {
   transition: all .75s ease-out;  transform:scale(1.08);  filter: drop-shadow(10px 10px 12px rgba(0,0,0,0.2));
}



.container-bottom-f .module-2  {
  margin:0px auto; padding:0px; float:right; width:27%; margin-right:13%; color:#3A345E; font-size:18x;  position:relative;  z-index:1;
}
.container-bottom-f .module-2 .custom {
  padding-left:40px; 
}
.container-bottom-f .module-2 h3 {
  padding:0px; margin-left:0px; margin-top: 15px; background: url(../../images/li.png) no-repeat left center; padding-left:40px; font-size:16px; text-transform:uppercase; letter-spacing:6px; font-weight:300; margin-bottom:120px; 
}
.container-bottom-f .module-2 h2 {
 padding:0px; color:#3A345E; font-size:60px; text-transform:none; letter-spacing:0px; font-weight:400; margin-bottom:80px; line-height:110%; 
}
.container-bottom-f .module-2 h2 span {
 font-weight:700; 
}
.container-bottom-f .module-2 a {
  font-size:30px; line-height:240%; font-weight:400; color:#221E3A; 
}
.container-bottom-f .module-2 a:hover {
 font-weight:700; text-decoration:underline;
}  
.container-bottom-f .module-2::before {
  content: '';
  margin: 0px auto;
  padding: 0px;
  position: absolute;
  left: auto;
  right: 0px;
  top: 50px;
  z-index: 2;
  width: 300px;
  height: 300px;
  filter: blur(3px);
  box-shadow: 4px 4px 15px rgba(0,0,0,0.15);
  display: block;
  opacity: 1;
  background: rgba(255,255,255,0.1);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);

  /* POHYB NAVIAZANÝ NA SCROLL */
  transform: translateY(var(--pohyb-f, 0px));

  /* KĽÚČOVÁ ZMENA: transform 0.1s linear pre okamžitú citlivosť na scroll */
  transition: transform 0.1s linear, opacity 1.5s ease-out, backdrop-filter 1.5s ease;
  will-change: transform;
}/* CSS Document */



/*rozlisenie max 600*/
@media (max-width: 1840px)  {
.container-bottom-f .module-2  {
   float:right; width:27%; margin-right:13%; 
}
.container-bottom-f .module-2 .custom {
  padding-left:0px; 
}
.container-bottom-f .module-2 h2 {
  font-size:50px;  margin-bottom:50px; 
} 
.container-bottom-f .module-2 a {
  font-size:30px; line-height:180%; 
}
}

@media (max-width: 1500px)  {
.container-bottom-f .module-2  {
   float:right; width:35%; margin-right:5%; 
}
.container-bottom-f .module-2 .custom {
  padding-left:0px; 
}
.container-bottom-f .module-2 h2 {
  font-size:50px;  margin-bottom:50px; 
} 
.container-bottom-f .module-2 a {
  font-size:30px; line-height:180%; 
}
.container-bottom-f .module-2:before  {
   right:0px;   width:200px; height:200px; 
} 
}

@media (max-width: 1100px)  {   
.container-bottom-f .module-2  {
   float:right; width:35%; margin-right:5%; 
}
.container-bottom-f .module-2 h3 {
  margin-bottom:80px; 
}
.container-bottom-f .module-2 .custom {
  padding-left:0px; 
}
.container-bottom-f .module-2 h2 {
  font-size:40px;  margin-bottom:50px; 
} 
.container-bottom-f .module-2 a {
  font-size:24px; line-height:180%; 
}
.container-bottom-f .module-2:before  {
   right:0px; top:40px;   width:200px; height:200px; 
} 
}

/*rozlisenie max 600*/
@media (max-width: 990px)  {
.container-bottom-f {
 padding-bottom:50px; margin-bottom:40px; margin-top:60px; background: none; 
}
.container-bottom-f .module-1  {
   margin:0px auto; padding:0px; float:left; width:100%;  position:relative; z-index:2; margin-top:0px; box-shadow: 4px 4px 55px rgba(175, 205, 229, 0.5); margin-top:60px; 
}
.container-bottom-f .module-1 .custom:after {
  right: 125px;  bottom: 125px;  width: 70px; height: 70px;  
} 
.container-bottom-f .module-1:after {
  right: 195px; bottom: 0px;    width: 100%;  width: 125px; height: 125px; 
} 
.container-bottom-f .module-1 .custom:before {
  left:auto; right:20px; bottom:195px; z-index:2;   width:105px; height:105px; 
}
.container-bottom-f .module-2  {
  clear:left; float:left; width:100%; margin-right:0%; 
}
.container-bottom-f .module-2 h3 {
  margin-bottom:40px; 
}
.container-bottom-f .module-2 .custom {
  padding-left:0px; 
}
.container-bottom-f .module-2 h2 {
  font-size:50px;  margin-bottom:50px; 
} 
.container-bottom-f .module-2 a {
  font-size:24px; line-height:180%; 
}
.container-bottom-f .module-2:before  {
 display:none;
}
}

/*rozlisenie max 600*/
@media (max-width: 500px)  {
.container-bottom-f .module-1 .custom:after {
  right: 80px;  bottom: 70px;  width: 40px; height: 40px;  
} 
.container-bottom-f .module-1:after {
  right: 120px; bottom: 0px;    width: 100%;  width: 70px; height: 70px; 
} 
.container-bottom-f .module-1 .custom:before {
  left:auto; right:20px; bottom:110px; z-index:2;   width:60px; height:60px; 
} 
.container-bottom-f .module-2 h3 {
  margin-bottom:4px; 
}
}




/*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:13pt; 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-sidebar-right   {
   font-size:12pt; line-height:160%; color:#434343;  margin-top:10px;
} 
.sidebar-right  h3 {
   font-size:20pt; font-weight:900; margin-bottom:15px;
} 

.sidebar-right.card   {
     font-size:12pt;
} 



.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;
}



.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: 990px)  {
.container-sidebar-right   {
  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;
}
}