.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #009cdf;
    border-color: #009cdf transparent #009cdf transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

p a{
    color: #009cdf;
}
p a:hover{
    color: #009cdf;
    text-decoration: underline !important;
}

select.disabled {
    color: #cccccc;
}

.pagination-container{

}
.switch-lang .lang {
    max-width: 25px;
}
ul.pagination{
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

ul.pagination li.page-item{
    padding: 0;
    margin: 0 5px 10px 5px;
}
ul.pagination li.page-item::before,
ul.pagination li.page-item::after{
    display: none;
}
ul.pagination li.page-item.active{

}
ul.pagination li.page-item a.page-link{
    padding: 10px 20px;
    color: #f7f7f7;
    background: #97a5ab;
    border: none;
    text-decoration: none;
}
ul.pagination li.page-item a.page-link:hover{
    color: #f7f7f7;
    background: #009cdf;
}
ul.pagination li.page-item.active a.page-link{
    color: #f7f7f7;
    background: #009cdf;
}

/* google maps infowindow */
.si-content .infoWindow .text{
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    padding: 30px 30px 15px 30px;
}

.si-content .infoWindow .text .title{
    font-weight: 500;
    margin-bottom: 15px;
}
.si-content .infoWindow .text .subtitle{
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #a0a5a8;
    text-transform: uppercase;
}

section.village .village-area .markers div.marker10 {
    left: 38.7%;
    top: 17%;
}

.user-content p,
.user-content table,
.user-content .table-responsive {
    padding-bottom: 20px;
}

.with-scrollspy .nav-col .scrollspy-nav{
    padding: 25px 30px;
}
.with-scrollspy .nav-col .scrollspy-nav .sub-nav a{
    padding-left: 15px;
    padding-right: 30px;
    font-size: 18px;
}
.with-scrollspy .nav-col .scrollspy-nav .sub-nav a:before{
    top: 8px;
    left: 0;
}
.with-scrollspy .nav-col .scrollspy-nav .sub-nav a:hover:after{
    right: -10px;
}

.alert{
    margin-top: 20px;
    margin-bottom: 10px;
    border-left: 6px solid transparent;
    padding: 15px;
}
.alert-danger{
    background: rgba(255,0,0,0.1);
    border-color: #ff0000;
}
.alert-success{
    background: rgba(19, 255, 85, 0.1);
    border-color: #13ff55;
}

.hero-unit.simple{
    max-width: none;
}
.hero-unit.simple h2, .hero-unit.simple h3, .hero-unit.simple h4 {
    max-width: none;
}
.hero-unit.simple .ico-wrapper{
    margin-right: 15px;
}

.slide .user-content p{
    text-align: left;
}

.user-content ul li a,
.user-content ul li a:hover {
    color: #009cdf;
    border-bottom: none;
    text-decoration: underline!important;
}

.reference-section{
    position: relative;
}
.reference-anchor{
    position: absolute;
    top: -350px;
    left: 0;
    pointer-events: none;
}


/*infoWindow - reference*/
.infoWindow {
    min-width: 300px;
}
.infoWindow .title {
    font-size: 18px;
    font-weight: bolder !important;
}

.infoWindow .link a {
    color: #00a5e7;
    font-weight: bold;
}

.infoWindow .link a:before {
    content: "";
    display: block;
    float: left;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDIzIDE0Ij4gIDxkZWZzPiAgICA8c3R5bGU+ICAgICAgLmNscy0xIHsgICAgICAgIGZpbGw6ICMwMDljZGY7ICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7ICAgICAgfSAgICA8L3N0eWxlPiAgPC9kZWZzPiAgPHBhdGggaWQ9InNpcGthX2RvcHJhdmEiIGRhdGEtbmFtZT0ic2lwa2EgZG9wcmF2YSIgY2xhc3M9ImNscy0xIiBkPSJNMTMxNi44OSwxNDI2LjIyYTAuNTc2LDAuNTc2LDAsMCwwLC4xLTAuMzhjMC0uMDEuMDEtMC4wMywwLjAxLTAuMDRhMC41MzIsMC41MzIsMCwwLDAtLjMxLTAuNDhsLTQuNzgtNi4yYTAuNjM5LDAuNjM5LDAsMCwwLS4xNS0wLjEzaC0wLjQ4Yy0wLjAzLjAyLS4wNiwwLjAzLTAuMDksMC4wNWEwLjQ4NywwLjQ4NywwLDAsMC0uMDguN2w0LjI0LDUuNDhIMTI5NHYxLjAzaDIxLjUybC00LjQxLDUuODhhMC41MDYsMC41MDYsMCwwLDAtLjExLjMzLDAuNTY1LDAuNTY1LDAsMCwwLC4yLjQzLDAuNTEyLDAuNTEyLDAsMCwwLC43Mi0wLjA5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyOTQgLTE0MTkpIi8+PC9zdmc+) left center/60% 60% no-repeat;
    width: 40px;
    height: 20px;
}

.gallery-item img {
    margin-bottom: 20px !important;
}

.reference-detail-nadpis {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 3rem;
    font-weight: 700;
    color: #009cdf;
}
.gallery-item-special img {
    margin-bottom: 20px !important;
}
.gallery-item-special .gallery-photo-info {
    font-weight: 300;
    color: #111;
    display: block;
    width: 100%;
    margin-top: 5px;
    text-align: center;
    font-size: 14px;
    margin-bottom: 20px !important;
}
.fancybox-caption__body {
    font-size: 14px;
}

.reference-detail-logo {
    float: right;
    margin-right: 20px;
    margin-top: -20px;
    max-width: 150px;
    max-height: 120px;
}
.reference-detail-basic-info {
    margin-top: 40px;
}
.reference-detail-basic-info::after {
    clear: both;
    content: "";
    display: table;
}
.reference-detail-iframe-wrap {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.reference-detail-iframe-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.footer-banners-right {
    text-align: right;
}
/* zarovnani ikonek */
.hero-unit.simple .ico-wrapper {
    height: 125px;
    align-items: center;
}
.user-content img {
    max-height: 120px;
}

.user-content a.line-list-no-link {
    text-decoration: none !important;
    cursor: context-menu;
}

/* viceprace - styly */
.container h1,
.container h1.subtitle {
    font-size: 34px;
}
.container .user-content h2 {
    margin-top: 50px;
    font-size: 25px;
}
.user-content.first-paragraph-bigger p:first-of-type {
    font-size: 21px;
}
.smaller-h2 {
    font-size: 1.25rem;
}
.js-kform {
    margin-bottom: 20px;
}

footer .socials.row > div {
    line-height: 3.6;
}
footer .socials.row > div a {
    font-size: 1.3rem;
}
footer .socials.row > div a .icon {
    width: 30px !important;
    height: 30px !important;
}
footer .smaller-info {
    text-align: center;
}
footer .smaller-info a {
    font-size: 28px !important;
}

.text-align-justify {
    text-align: justify;
}

.news-article{
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
}
.news-article .date{
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 10px;
    color: #ffffff;
    background: #009cdf;
}
.news-article h3{
    font-size: 1rem;
    font-weight: 400;
    padding: 15px 0;
    flex-grow: 1;
    text-align: justify;
}
.news-article .news-image-wrapper{
    overflow: hidden;
}
.news-article .news-image-wrapper img{
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    max-height: unset !important;
}
.news-article:hover .news-image-wrapper img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.slick-slider .slick-list{
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.structure-paragraph-block .user-content ul{
    padding-bottom: 10px;
}
.structure-paragraph-block .user-content ul li{
    line-height: normal;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 15px;
    margin: 10px 0;
    position: relative;
}
.structure-paragraph-block .user-content ul li:before {
    content: '';
    height: 6px;
    width: 6px;
    display: block;
    position: absolute;
    top: 11px;
    left: 0;
    background: #009cdf;
    border-radius: 0;
}

.structure-paragraph-block .user-content img{
    margin-top: 5px;
    max-width: 50%;
    max-height: none;
    margin-bottom: 30px;
}
.structure-paragraph-block .user-content .gallery img{
    max-width: 100%;
}
.structure-paragraph-block .user-content img.float-right{
    margin-left: 30px;
}
.structure-paragraph-block .user-content img.float-left{
    margin-right: 30px;
}
.first-paragraph-bigger.user-content p a,
.structure-paragraph-block .user-content p a{
    text-decoration: none !important;
}
.carousel.same-height-slides .slick-track{
    /*justify-content: flex-start;*/
    margin-left: 0;
}

.gallery-item img {
    margin-bottom: 0 !important;
}
.gallery .user-content p{
    padding-bottom: 0;
}

.button.reference-btn{
    padding-left: 10px;
    padding-right: 10px;
}
.button.black .icon.icon-search{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4gIDxkZWZzPiAgICA8c3R5bGU+ICAgICAgLmNscy0xIHsgICAgICAgIGZpbGw6ICNmZmZmZmY7ICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7ICAgICAgfSAgICA8L3N0eWxlPiAgPC9kZWZzPiAgPHBhdGggaWQ9ImhsZWRhdCIgY2xhc3M9ImNscy0xIiBkPSJNMTcwNi44NSw1My44NTZhMC40ODMsMC40ODMsMCwwLDEtLjY4LDBsLTMuODktMy44MjVhNi4zNDEsNi4zNDEsMCwwLDEtMy45NywxLjM4Nyw2LjIxLDYuMjEsMCwxLDEsNi4zMS02LjIwOSw2LjEsNi4xLDAsMCwxLTEuNjQsNC4xNjFsMy44NywzLjgxMUEwLjQ3MSwwLjQ3MSwwLDAsMSwxNzA2Ljg1LDUzLjg1NlptLTguNTQtMTMuOWE1LjI1NCw1LjI1NCwwLDEsMCw1LjM0LDUuMjU0QTUuMyw1LjMsMCwwLDAsMTY5OC4zMSwzOS45NTVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTY5MiAtMzkpIi8+PC9zdmc+);
}

a.mail.smaller,
a.phone.smaller {
    font-size: 1rem;
    font-weight: 700;
}
a.mail .icon,
a.phone .icon{
    margin-right: 10px;
    top: -1px;
}
.icon.icon-mail {
    width: 20px;
    height: 17px;
}
.icon.icon-phone {
    width: 20px;
    height: 20px;
}
.kontaktni-osoba{
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
.kontaktni-osoba img{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}
.kontaktni-osoba .content{
    width: 100%;
    padding: 5px;
    text-align: center;
}
.kontaktni-osoba .content h4{
    margin-bottom: 15px;
}
.kontaktni-osoba .content a{
    word-break: break-all;
}

/* village */
section.village .village-area .markers div.marker1 { }
section.village .village-area .markers div.marker2 { left: 69%; top: 67%; }
section.village .village-area .markers div.marker3 { left: 78%; top: 14.7%; }
section.village .village-area .markers div.marker4 { left: 9%; top: 61%; }
section.village .village-area .markers div.marker5 { left: 23.5%; top: 81%; }
section.village .village-area .markers div.marker6 { left: 48.5%; top: 14%; }
section.village .village-area .markers div.marker7 { left: 38.7%; top: 17%; }
section.village .village-area .markers div.marker8 { left: 89%; top: 51.7%; }
section.village .village-area .markers div.marker9 { left: 20%; top: 19%; }
section.village .village-area .markers div.marker10 { left: 45.9%; top: 64%; }

.user-content p .line-list {
    text-decoration: none !important;
}
.paragraph-anchor {
    position: relative;
}
.paragraph-anchor > div {
    position: absolute;
    top: -100px;
}
.container .user-content h2 {
    margin-top: 20px;
    padding-bottom: 7px;
}
.slide p.text-center {
    padding-bottom: 0!important;
}
section.village .village-area .clouds{
    display: none;
}
section.village .village-area .buttons > .button,
section.village .village-area .buttons.unfix > .button {
    display: none;
}
[data-aos=nav-slide].aos-animate .village-area .markers, [data-aos=nav-slide].aos-animate .village-area img.village-bg{
    max-height: 100%;
}
.biothys-text h2 {
    text-align: center;
}
section.village .markers, section.village .nav-area, section.village .village-area, section.village img.village-bg {
    transition: none;
    transition-delay: 0;
}
section.village .village-area .markers, section.village .village-area img.village-bg {
    width: 100%;
    height: 100%;
}
.content-col .user-content a {
    text-decoration: none !important;
}

@media (min-width: 1176px){
    section.village{
        min-height: 575px;
        height: calc(100vh - 90px);
        max-height: 1007px;
    }
    body[data-aos-duration="1000"] [data-aos] {
        transition-duration: 0s;
    }
    section.village .village-area{
        width: calc(100% - 342px) !important;
    }
    section.village .nav-area {
        background: #13191b;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        width: 342px !important;
        padding: 60px 15px 60px 40px !important;
    }
}
@media (min-width: 1920px){
    .village-area img.village-bg {
        width: 1579px !important;
        height: 100% !important;
    }
    section.village{
        min-height: 800px;
    }
}
@media (max-height: 860px){
    .nav-area {
        padding: 15px;
    }
    section.village .nav-area ul li a:before {
        width: 17px;
        height: 20px;
    }
    section.village .nav-area ul li a:after {
        padding-top: 7px;
        width: 16px;
    }
    section.village .nav-area ul li a{
        height: 35px;
        padding-left: 30px;
    }
    .village-area .markers,
    .village-area img.village-bg {
        max-height: 100%;
    }
    [data-aos=nav-slide].aos-animate .village-area .markers, [data-aos=nav-slide].aos-animate .village-area img.village-bg{
        max-height: 100%;
    }
}
@media (max-width: 767.98px){
    section.village .nav-area {
        display: block;
        width: 100%;
        text-align: center;
        padding: 15px 0;
    }
    section.village .nav-area ul {
        margin: 0 auto;
        width: auto;
        max-width: 200px;
    }
}