body {
   background-color: #222222;
   }
   
   
	  
/* Small devices (landscape phones, 544px and up)  0px */
  @media (min-width: 0px) {  
    .brandimage {
        max-height: 60px !important;
             }
  }
  
  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) {  
    .brandimage {max-height: 60px  !important;
             }
  }

  /* Large devices (desktops, 992px and up) */
  @media (min-width: 992px) {
       .brandimage {
           max-height: 90px  !important;
             }
  }

  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {  
   .brandimage {
           max-height: 90px  !important;
             }
  }  
  
  
  
  
  a.nav-link {color: #113d48 !important;     
           font-size: 1.10rem;
           font-family: 'Titillium Web', sans-serif;
           font-weight: 600; 
           background-color: #FFFFFF !important;           
           text-decoration: none;
           position: relative;
           }   
           
.navbar-nav .nav-link {
    margin-right: 15px;
    margin-left: 15px;
}  

a.nav-link:hover {
              color: #000000 !important;     
              }   

   /*  
a.nav-link:hover {
              color: #CC0000  !important;     
              text-decoration: underline;        
              }    
              
  
  
a.nav-link:focus  {
           color: #CC0000 !important;    
           background-color: #FFFFFF !important;     
           } 
   */   
   
   /*     
a.nav-link::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    border-radius: 4px;
    background-color: #bf3030;
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
  }

a.nav-link:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}           
    */   
    
    
/* Small devices (landscape phones, 544px and up)  0px */
  @media (min-width: 0px) {  
    h1.titulkacover {
        font-size: 1.8rem;
             }
    p.titulkacover {
        font-size: 1.1rem;  
    }    
    
    a.titulkabuttonsvetly { 
           font-size: 1.0rem;      
           padding-top: 10px;    
           padding-bottom: 10px;    
           padding-left: 20px;    
           padding-right: 20px;      
           }   
                  
  }
  
  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) {  
    h1.titulkacover {
        font-size: 1.8rem;
             }
     p.titulkacover {
        font-size: 1.2rem;  
    }   
    
    a.titulkabuttonsvetly { 
           font-size: 1.1rem;      
           padding-top: 10px;    
           padding-bottom: 10px;    
           padding-left: 20px;    
           padding-right: 20px;       
           }          
  }

  /* Large devices (desktops, 992px and up) */
  @media (min-width: 992px) {
    h1.titulkacover {
        font-size: 2.8rem;
             }
    p.titulkacover {
        font-size: 1.4rem;  
    }   
    
    a.titulkabuttonsvetly { 
           font-size: 1.2rem;      
           padding: 20px;          
           }       
  }

  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {  
   h1.titulkacover {
        font-size: 3.8rem;
             }
    p.titulkacover {
        font-size: 1.8rem;  
    }       
    
    a.titulkabuttonsvetly { 
           font-size: 1.2rem;      
           padding: 20px;          
           }       
  }  
  
          
               
h1.titulkacover {
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;  
  font-style: normal;
  display: inline-block;
  padding-bottom: 5px;
  color: #FFFFFF;
}  

p.titulkacover {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #FFFFFF;
}  


a.titulkabutton {color: #FFFFFF;     
           font-size: 1.2rem;
           font-family: 'Titillium Web', sans-serif;
           font-weight: 600; 
           background-color: #113d48;           
           text-decoration: none;    
           padding: 20px;       
           }   
           
a.titulkabutton:hover {
           color: #FFFFFF;   
           background-color: #1ca8cb;
            }   
            
a.titulkabuttonsvetly {color: #FFFFFF;   
           font-family: 'Titillium Web', sans-serif;
           font-weight: 600; 
           background-color: #1ca8cb;           
           text-decoration: none;  
           }   
           
a.titulkabuttonsvetly:hover {
           color: #FFFFFF;   
           background-color: #113d48; 
            }   


h2 {
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  font-style: normal;
  display: inline-block;
  padding-bottom: 5px;
  color: #113d48;
}  

h3 {
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
  font-style: normal;
  display: inline-block;
  padding-bottom: 5px;
  
}  

p {
  font-family: "Roboto", sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  font-style: normal;
}  

ul {
    line-height: 200%;
    }

li {
  font-family: "Roboto", sans-serif;
  font-size: 1.0rem;
  font-weight: 400;
  font-style: normal;
}  



ul.basic {
  list-style-type: none;
  margin: 0;
  padding: 0;
}  


.bg-titulka {
  background: url('./images/pozadie-titulka.webp');
    
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 150px;
  padding-bottom: 150px;
}



.slogan {
   font-family: "Titillium Web", sans-serif;
   font-weight: 500;
   font-size: 2.5rem;
   font-style: normal;
   color: #FFFFFF;
}

a.homepagelinkblog {
      color: #113d48;
      font-weight: bold;
      text-decoration: underline;
      font-size: 1.2rem;
        }
        
a.homepagelinkblog:hover  {
      text-decoration: none;
        }           

a.link {
      color: #113d48;
      text-decoration: underline;
        }
        
a.link:hover  {
      text-decoration: none;
        }   
        
.cervena {
    color: #bf3030;
    }   
    
.podikonou {
   font-family: "Titillium Web", sans-serif;
   font-weight: 500;
   font-size: 1.2rem;
   font-style: normal;
   color: #000000;
}     

          
            
           
            
            
.formbutton {color: #FFFFFF;     
           font-size: 1.0rem;
           font-family: 'Titillium Web', sans-serif;
           font-weight: 600; 
           background-color: #bf3030;           
           text-decoration: none;           
           }   
           
.formbutton:hover {
           color: #FFFFFF;   
           background-color: #000000; 
            }    
            
            
h5.card-title {
            font-family: "Titillium Web", sans-serif;
              font-weight: 600;
              font-size: 1.2rem;
              font-style: normal;
              padding-bottom: 5px;
              color: #113d48;
            }    
            
p.card-text {
            font-size: 0.9rem;
            }     

a.buttonsvetlymaly {color: #FFFFFF;     
           font-size: 1.0rem;
           font-family: 'Titillium Web', sans-serif;
           font-weight: 600; 
           background-color: #1ca8cb;           
           text-decoration: none;  
                   
           }   
           
a.buttonsvetlymaly:hover {
           color: #FFFFFF;   
           background-color: #113d48; 
            }    
            
                        
a.buttontmavymaly {color: #FFFFFF;     
           font-size: 1.0rem;
           font-family: 'Titillium Web', sans-serif;
           font-weight: 600; 
           background-color: #113d48;           
           text-decoration: none;  
                   
           }   
           
a.buttontmavymaly:hover {
           color: #FFFFFF;   
           background-color: #1ca8cb; 
            }     
            
a.buttontmavy {color: #FFFFFF;     
           font-family: 'Titillium Web', sans-serif;
           font-weight: 600; 
           background-color: #113d48;           
           text-decoration: none;  
                   
           }   
           
a.buttontmavy:hover {
           color: #FFFFFF;   
           background-color: #1ca8cb; 
            }              
            
 th.svetlomodre {           
    background-color: #e9f6f9;                                                             
 }
 
 
 
 .bg-spod {
  background: url('./images/pozadie-spod.webp');    
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 150px;
  padding-bottom: 150px;
}
   /* background: url('./images/pozadie-spod-02.webp');     */
 .bg-spod-02 {
  
  background-image: 
    image-set(
      "./images/pozadie-spod-02_640.webp" 1x,
      "./images/pozadie-spod-02.webp" 2x
    );
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 150px;
  padding-bottom: 150px;
}


 .bg-vrch-02 {
  background: url('./images/pozadie-vrch-02.webp');    
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 150px;
  padding-bottom: 150px;
} 


 .bg-vrch-03 {
  background: url('./images/pozadie-vrch-03.webp');    
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 150px;
  padding-bottom: 150px;
} 
 
 
 .hover-zoom img {
    transition: transform 0.6s ease, box-shadow 0.4s ease;
    border-radius: 10px;
  }
  .hover-zoom:hover img {
    transform: scale(1.07);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
  }
  .transition-btn {
    transition: all 0.3s ease;
  }
  .transition-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 12px rgba(0,0,0,0.2);
  }
  .fade-in {
    opacity: 0;
    transform: translateY(15px);
    animation: fadeInUp 1.2s ease forwards;
  }
  @keyframes fadeInUp {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }