main a {
color: var(--bs-secondary);
text-decoration: underline;
}

main a:visited {
color: var(--bs-grey-dark);
}

main a:hover, main a:active, main a:focus {
color: var(--bs-primary);
}

.text-light-2 {
color: var(--bs-secondary);
}


.bily-stin {
background-color: rgba(255, 255, 255, 0.35);
padding: 0 10px;
border-radius: 5px;
line-height: 1.4em;
}

.cerny-stin {
text-shadow: 1px 1px 1px black;
}

.no-stin {
text-shadow: none;
}

.container-fluid.bg-brown2 h1 {
line-height: 0.8em !important
}


.breadcrumb-item+.breadcrumb-item::before {
color: var(--bs-secondary);
content: var(--bs-breadcrumb-divider, ">")
}

.breadcrumb-item.active {
color: var(--bs-secondary);
}

.breadcrumb-item a, .breadcrumb-item a:visited {	
color: var(--bs-secondary);
text-decoration: underline;
}

.breadcrumb-item a:hover, .breadcrumb-item a:active, .breadcrumb-item a:focus {
color: var(--bs-primary);
}


.back-to-top {
position: fixed;
right: 30px;
bottom: 30px;
transition: 0.5s;
z-index: 99;
}

.accordion-button {
color: var(--bs-dark) !important;
font-weight: 500
}

/* BOcni menu */

.list-group-item-action {
color: white;
}

.list-group-item-action:hover, .list-group-item-action:focus {
color: white;
background-color: var(--bs-brown2);
}



.list-group-item {
color: white;
background-color: var(--bs-dark);
border: 1px solid var(--bs-light);
}

.list-group-item.active {
color: white;
background-color: var(--bs-secondary);
border: 1px solid var(--bs-secondary);
}

.list-group-item-action:active {	
color: white;
background-color: var(--bs-secondary);
}

.list-group-item.active a {
color: white;
}

.list-group-item-action:hover a {
color: var(--bs-dark);
}

/*** Button Start ***/
.btn {
font-weight: 600;
transition: .5s;
}

.btn-square {
width: 32px;
height: 32px;
}

.btn-sm-square {
width: 34px;
height: 34px;
}

.btn-md-square {
width: 44px;
height: 44px;
}

.btn-lg-square {
width: 56px;
height: 56px;
}

.btn-xl-square {
width: 66px;
height: 66px;
}

.btn-square, .btn-sm-square, .btn-md-square, .btn-lg-square, .btn-xl-square {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
font-weight: normal;
}

.btn.btn-primary {
color: var(--bs-white);
border: none;
}

.btn.btn-primary:hover {
background: var(--bs-dark);
color: var(--bs-white);
}

.btn.btn-light {
color: var(--bs-primary);
border: none;
}

.btn.btn-light:hover {
color: var(--bs-white);
background: var(--bs-dark);
}

.btn.btn-dark {
color: var(--bs-white);
border: none;
}

.btn.btn-dark:hover {
color: var(--bs-primary);
background: var(--bs-light);
}


/*** Topbar Start ***/ 
.topbar .dropdown-toggle::after {
 border: none;
 content: "\f107";
 font-family: "Font Awesome 5 Free";
 font-weight: 600;
 vertical-align: middle;
 margin-left: 8px;
 color: var(--bs-primary);
}

.topbar .dropdown .dropdown-menu a:hover {
background: var(--bs-primary);
color: var(--bs-white);
}

.topbar .dropdown .dropdown-menu {
transform: rotateX(0deg);
visibility: visible;
background: var(--bs-light);
padding-top: 10px;
border: 0;
 transition: .5s;
opacity: 1;
}

/*** Topbar End ***/


/*** Navbar Start ***/
.nav-bar {
background: var(--bs-white);
}

.navbar-light .navbar-brand img {
max-height: 70px;
}

.nav-bar .navbar-light .navbar-brand img {
max-height: 60px;
}

.navbar .navbar-nav .nav-item .nav-link {
padding: 0;
}

.navbar .navbar-nav .nav-item {
display: flex;
align-items: center;
padding: 15px;
text-transform: uppercase;
font-family:"DM Sans", sans-serif;
font-size: 0.9rem;
}

.navbar-light .navbar-nav .nav-item:hover, .navbar-light .navbar-nav .nav-item.active, .navbar-light .navbar-nav .nav-item:hover .nav-link, .navbar-light .navbar-nav .nav-item.active .nav-link {
color: var(--bs-secondary);
font-weight: bold
}

 @media (max-width: 991px) {
 .navbar {
 padding: 20px 0;
}
 .navbar .navbar-nav .nav-link {
 padding: 0;
}
 .navbar .navbar-nav .nav-item {
 display: flex;
 padding: 20px;
 flex-direction: column;
 justify-content: start;
 align-items: start;
}

 .navbar .navbar-nav .nav-btn {
 display: flex;
 justify-content: start; 
}

.navbar .nav-btn {
margin: 1rem 0 !important;
}

.navbar .nav-btn .ms-3 {
margin-left: 0 !important;
}

.navbar .navbar-nav {
width: 100%;
display: flex;
margin-top: 20px;
padding-bottom: 20px;
background: var(--bs-light-2);
border-radius: 10px; 
}

 .navbar.navbar-expand-lg .navbar-toggler {
 padding: 8px 15px;
 border: 1px solid var(--bs-primary);
 color: var(--bs-primary);
}
}
 .navbar .dropdown-toggle::after {
 border: none;
 content: "\f107";
 font-family: "Font Awesome 5 Free";
 font-weight: 600;
 vertical-align: middle;
 margin-left: 8px;
}

.dropdown .dropdown-menu .dropdown-item:hover {
background: var(--bs-primary);
color: var(--bs-white);
}

@media (min-width: 992px) {
.navbar {
padding: 20px 0;
}

.navbar .nav-btn {
display: flex;
align-items: center;
justify-content: center;
}

.navbar .navbar-nav {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
background: var(--bs-light-2);
border-radius: 10px;
}

.navbar .navbar-collapse {
display: flex;
justify-content: space-between;
align-items: center;
}

.navbar .navbar-nav .nav-item {
white-space: nowrap; 
text-align: center; 
}

.navbar .nav-item .dropdown-menu {
 display: block;
 visibility: hidden;
 top: 100%;
 transform: rotateX(-75deg);
 transform-origin: 0% 0%;
 border: 0;
 border-radius: 10px;
 transition: .5s;
 opacity: 0;
}

 .navbar .nav-item:hover .dropdown-menu {
 transform: rotateX(0deg);
 visibility: visible;
 margin-top: 20px;
 background: var(--bs-light);
 transition: .5s;
 opacity: 1;
}
}

/*** Navbar End ***/


/*** Feature Start ***/
.feature-item {
border-radius: 10px;
}

.sluzba-item {
border-radius: 10px;
background: white;
}

.feature-icon, .sluzba-icon {	
width: 100px;
display: inline-flex;
align-items: center;
justify-content: center;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
color: white;
background: var(--bs-secondary);
}

.sluzba-icon {	
width: 80px;
}

.feature-item h3 a, .feature-item h3 a:visited {
font-weight: bold;
text-decoration: underline;
}

.special h3 a:hover, .special h3 a:active {
color: var(--bs-primary);
}

.sluzba-item h2 a, .sluzba-item h2 a:visited {
text-decoration: underline;
color: var(--bs-dark);
}

.sluzba-item h2 a:hover, .sluzba-item h2 a:active, .sluzba-item h2 a:focus {
color: var(--bs-secondary);
}

.modra a, .modra a:visited {
color: var(--bs-dark);
}

.modra a:hover, modra a:active, .modra a:focus {
color: var(--bs-grey);
}

/*** Feature End ***/


/*** Service Start ***/
.service-item {
border-radius: 10px;
}

.service-icon {
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
}

.service-content {
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
}

.service-content-inner .btn.btn-primary {
color: var(--bs-white);
background: var(--bs-primary);
}

.service-content-inner .btn.btn-primary:hover {
color: var(--bs-dark);
background: var(--bs-light);
}


/*** Service End ***/

.checklist {
list-style: none;
padding-left: 0; 
}

.checklist li {
position: relative;
padding-left: 1.7em;
margin-bottom: 1rem;
line-height: 1.2; 
}

.checklist li .fa-check {
position: absolute;
left: 0;
line-height: 1.2; 
}

/** Collab **/

.container-fluid-2 {
padding-left: 0 !important;
padding-right: 0 !important;
} 

.collab .collab-item {
background: white;
width: 100%;
height: 100%
}


/*** FAQs Start ***/
.faq-section .accordion .accordion-item .accordion-header .accordion-button {
color: var(--bs-white);
background: rgba(1, 95, 201, .8);
font-size: 18px;
}

.faq-section .accordion .accordion-item .accordion-header .accordion-button.collapsed {
color: var(--bs-primary);
background: var(--bs-light);
}

/*** FAQs End ***/


/*** Clients Start ***/

.client {
background: var(--bs-white);
border-radius: 10px;
}

.clients img {
border-radius: 10px;
}

.client h3 {
font-weight: 600;
color: var(--bs-dark);
}

.client a, .client a:visited  {
color: var(--bs-dark);
text-decoration: underline
}

.client a:hover, .client a:active, .client a:focus  {
color: var(--bs-primary);
}

@media (max-width: 576px) {
    .no-gutters-mobile .client {
      margin-top: 0 !important;
    }
}


/*** Clients End ***/


.email, .email-footer {
white-space: nowrap;
}

.email-footer a {
text-decoration: underline;
}

.email a, .email a:visited {
color: var(--bs-primary);
text-decoration: underline;
font-size: 1.2rem;
}

.email a:hover, .email a:active, .email a:focus {
color: var(--bs-secondary);
}


a[href^="tel:"] {
color: inherit; /* Dedí barvu z nadrazeného prvku */
text-decoration: none; /* Odstraní podtržení */
}

a[href^="tel:"]:hover {
color: inherit; /* Dedí barvu z nadrazeného prvku pri hoveru */
}

/*** Testimonial End ***/


/*** Pohyblivý prvek ***/

.bg-brown2 {
  position: relative;
  background-color: #061945; /* modra */
  overflow: hidden;
}

/* Pulzující gradient – pouze 2 barvy: tmavě modrá ➝ světlá šedá */
.bg-brown2::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200%;
  height: 200%;
background: radial-gradient(circle,
  rgba(6, 25, 69, 1) 0%,           /* tmavě modrá střed */
  rgba(6, 25, 69, 1) 15%,          /* tmavá drží jen malé jádro */
  rgba(0, 113, 189, 1) 45%,        /* výraznější modrá pásmo */
  rgba(209, 211, 212, 0.6) 100%    /* stříbrná viditelná při okraji */
); 

  transform: translate(-50%, -50%) scale(1);  /* statické pozadí */
  border-radius: 50%;
  opacity: 1;
  z-index: 1;
}

.bg-brown2 .container {
  position: relative;
  z-index: 3;
}

.ripple {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200vmin;
  height: 200vmin;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0.8);  
  animation: rippleExpand 5s ease-in-out infinite alternate;
  z-index: 2;
  pointer-events: none;
  opacity: 0.15;
  filter: blur(4px);  /* jemnější rozmazání */
  animation-fill-mode: both;
}

/* Každý ripple s jiným zpožděním a zvýrazněním */
.ripple1 {
  animation-delay: 0s;
  border: 4px solid white;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.25);
}
.ripple2 {
  animation-delay: 1s;
  border: 9px solid white;
  top: 49%;
  left: 49%;  
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.25);
}
.ripple3 {
  animation-delay: 2s;
  border: 8px solid white;
  top: 52%;
  left: 52%;  
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.25);
}

@keyframes rippleExpand {
  0% {
    transform: translate(-50%, -50%) scale(0.6);  /* větší než 1 */
    opacity: 0.15;  
  }
  100% {
    transform: translate(-50%, -50%) scale(1);  /* zůstává viditelné */
    opacity: 0.15;  
  }
}





.contact-img {
position: relative;
}

.contact-img::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: -15px;
left: 0;
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
background: rgba(255, 255, 255, 0.1);
z-index: 1;
animation-name: image-efects;
animation-duration: 10s;
animation-delay: 1s;
animation-iteration-count: infinite;
animation-direction: alternate;
transition: 0.5s
}

@keyframes 
image-efects {
 0% {
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}
 25% {
border-radius: 35% 65% 27% 73% / 71% 25% 75% 29%;
}
 50% {
border-radius: 41% 59% 45% 55% / 32% 21% 79% 68%;
}
 75% {
border-radius: 69% 31% 39% 61% / 70% 83% 17% 30%;
}
 100% {
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}
}

.contact-img .contact-img-inner {
position: relative;
z-index: 9;
}

/*** Contact End ***/

/* podstranky */

.icon-box {
text-align: center;
padding: 20px;
border: 1px solid #ddd;
border-radius: 8px;
background-color: #f8f9fa;
margin-bottom: 20px;
}

.icon-box i {
color: var(--bs-brown);
}

.icon-box h4 {
margin-top: 10px;
margin-bottom: 10px;
}


/*** Footer Start ***/
.footer {
background: var(--bs-dark);
}

.footer .footer-item {
display: flex;
flex-direction: column;
}

.footer .footer-item a {
line-height: 35px;
color: var(--bs-body);
transition: 0.5s;
}

.footer .footer-item p {
line-height: 35px;
}

.footer .footer-item a:hover {
color: var(--bs-primary);
}

.footer .footer-item .footer-btn a, .footer .footer-item .footer-btn a i {
transition: 0.5s;
}

.footer .footer-item .footer-btn a:hover {
background: var(--bs-white);
}

.footer .footer-item .footer-btn a:hover i {
color: var(--bs-primary);
}

.footer .footer-item .footer-instagram {
position: relative;
overflow: hidden;
}

.footer .footer-item .footer-instagram img {
transition: 0.5s;
}

.footer .footer-item .footer-instagram:hover img {
transform: scale(1.2);
}

.footer .footer-item .footer-instagram .footer-search-icon {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
transition: 0.5s;
opacity: 0;
}

.footer .footer-item .footer-instagram:hover .footer-search-icon {
opacity: 1;
background: rgba(0, 0, 0, .6);
}

.footer .footer-item .footer-btn a {
background: var(--bs-light);
color: var(--bs-primary);
}

.footer .footer-item .footer-btn a:hover {
background: var(--bs-primary);
}

.footer .footer-item .footer-btn a:hover i {
color: var(--bs-white);
}

/*** Footer End ***/


/*** copyright Start ***/
.copyright {
background: var(--bs-dark);
border-top: 1px solid rgba(255, 255, 255, .08);
}
/*** copyright end ***/


.gallery-large,
.gallery-large a {
height: 100%;
display: block;
}

.gallery-large img {
width: 100%;
height: 100%;
object-fit: cover;
}