#bannerContainer {width: 100%; float: left; height: 350px; align-items: center; justify-content: center;}

#banner {width: 100%; height: auto; margin: 0; float: left;}
#banner .inner {width: 100%; height: 350px;}
#banner .inner .cover {width: 100%; height: 100%;}
#banner .inner .cover .img-box {width: 100%; height: 100%; background-size: cover; background-position: center center;}

#banner .inner .bannerList {width: 100%; height: 100%;}

#banner .inner .swiper-pagination {text-align: right; bottom: 16px; right: 20px; left: unset;}
#banner .inner .swiper-pagination-bullet {opacity: 0.8; width: 10px; height: 10px; background-color: #ffffff;}
#banner .inner .swiper-pagination-bullet-active {opacity: 1;}

:root {
  --swiper-theme-color: #ffffff !important;
}


#logo {width: 100%; height: auto; float: left; text-align: center;}
#logo img {position: relative; z-index: 98; margin: -110px 0 0 0;}


#links {width: 100%; height: auto; float: left; margin: 45px 0 40px 0; display: flex; justify-content: center;}
#links .item {width: 640px; margin: 0 20px; border: 1px solid #e9e9eb; padding: 20px 40px; border-radius: 10px; display: flex; flex-direction: column; align-items: center; transition: all 0.3s ease;}
#links .item .name {font-size: 40px; font-weight: 500;}
#links .item .text {margin: 10px 0; padding: 20px 0; position: relative; font-size: 16px; font-weight: 300; text-align: center;}
#links .item .text:before {content: ''; position: absolute; left: 10%; top: 0; width: 80%; height: 1px; background-color: #e9e9eb;}
#links .item .btn {font-size: 16px; font-weight: 700; text-transform: uppercase;}

#links .item.slunecni .name {color: #248e3d;}
#links .item.slunecni .btn {color: #248e3d;}
#links .item.slunecni:hover {background-color: #daebde;}

#links .item.hostinne .name {color: #e31e24;}
#links .item.hostinne .btn {color: #e31e24;}
#links .item.hostinne:hover {background-color: #e5f0f9;}


#footer {width: 100%; height: auto; float: left; margin: 20px 0; text-align: center; display: flex; flex-direction: column; align-items: center;}
#footer span {margin: 5px 0;}
#footer a:hover {text-decoration: underline;}


.hidden-title {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }