@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;700&display=swap');html{overflow-x:hidden !important;    width:100vw;}
body{overflow-x:hidden !important;font-size:16px;font-family:'Raleway',sans-serif;color:#333;    font-weight:400;    line-height:1.5;position:relative;background:#243441;    width:100vw;}
body.modal-open{padding:0 !important;}
body::-webkit-scrollbar,div::-webkit-scrollbar{width:6px;}
body::-webkit-scrollbar-track,div::-webkit-scrollbar-track{background:#fff;}
body::-webkit-scrollbar-thumb,div::-webkit-scrollbar-thumb{background-color:#a0a0a0;   border:1px solid #a0a0a0;}
html{scroll-behavior:smooth;   position:relative;}
main,footer{width:100%;    aoverflow-x:hidden;}
img{max-width:100%;}
a,button,img,header,span,:before,header .navbar-collapse{transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;   outline:none;}
a{color:#000;}
a:hover{color:#000;text-decoration:none;}
a.btn:hover{color:#ccc;    border:1px solid #ccc;}
.btn{border-radius:0;}
a.btn{font-size:20px;}
#info a.btn,#info a.btn:hover{color:#000;    border:1px solid #000;    margin:0 auto;}
/* modal -------------------------------------- */
.modal-dialog{max-width:900px;   width:100%;   margin:60px auto;}
.modal-dialog .close{position:absolute;width:26px;height:26px;border:none;opacity:1;margin:0;right:20px;top:20px;background:none;}
.modal-dialog .close span{position:absolute;   left:0;   top:0;   right:0;   bottom:0;}
.modal-dialog .close:hover span{transform:rotate(90deg);}
.modal-dialog .close span:before,.modal-dialog .close span:after{position:absolute;   left:0;   top:50%;   width:100%;   height:2px;   background:#E44410;   content:"";   transform:rotate(45deg);}
.modal-dialog .close span:after{transform:rotate(-45deg);}
.modal-header{border-bottom:none;   padding:0;}
.modal-content{border:none;border-radius:0;padding:25px 30px 30px 30px;background:#fff;}
.modal-body{padding:0;}
a.btn{display:inline-block;    border:1px solid #fff;    color:#fff;    padding:10px 20px;}
/* navigace ----------------------------------- */
header{width:100vw;    font-size:18px;    background:rgba(13,30,45,0.8);    z-index:20;    top:0;    position:relative;}
header .container{position:relative;z-index:1;}
.header-top{padding:15px 0;}
header img{height:30px;}
header.fixed{position:fixed;    margin-top:-60px;    box-shadow:0px 10px 10px rgba(0,0,0,0.1);}
.header-contact-wrapper{text-align:center;}
.header-contact{margin:0 auto;    display:none;    line-height:50px;}
header.fixed .header-contact{display:block;}
.nav-wrapper{background:#fff;}
#navigace .navbar-nav{margin:0 auto;}
header .nav-item{padding:0px 10px; font-size: 16px;}
header .nav-link{color:#101f2f;text-decoration:none;padding:5px 5px !important;position:relative;    display:block;    cursor:pointer;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;}
header .nav-link:hover{color:#fff;    background:#101f2f;text-decoration:none;}
@keyframes hovermenu{0%{width:0;}
100%{width:100%;}
   }
header .dropdown-menu{background:#fff;border-radius:0;border:none;padding:8px 0;}
header .dropdown-item{color:#707070;padding:2px;font-size:20px;}
header .dropdown-item:hover{color:#000;background:none;}
header .dropdown-toggle::after{display:none;}
.navbar-toggler{padding:0;border:none;}
.navbar-toggler:focus,.navbar-toggler:hover{outline:none;box-shadow:none;}
.hamburger{width:20px;   height:20px;   position:absolute;   transform:rotate(0deg);   transition:.5s ease-in-out;   cursor:pointer;   right:0px;   top:-120px;}
.hamburger span{display:block;   position:absolute;   height:2px;   width:100%;   border-radius:9px;   opacity:1;   left:0;   transform:rotate(0deg);   transition:.25s ease-in-out;}
.hamburger span{background:#000;}
.hamburger span:nth-child(1){top:0px;}
.hamburger span:nth-child(2),.hamburger span:nth-child(3){top:7px;}
.hamburger span:nth-child(4){top:14px;}
.hamburger.open span{background:#000;}
.hamburger.open span:nth-child(1){top:11px;   width:0%;   left:50%;}
.hamburger.open span:nth-child(2){transform:rotate(45deg);}
.hamburger.open span:nth-child(3){transform:rotate(-45deg);}
.hamburger.open span:nth-child(4){top:11px;   width:0%;   left:50%;}
header a{color:#fff;}
.btn-secondary{background:#ccc !important;    color:#333 !important;    border:none !important;}
.basket-compact{position:fixed;    color:#000;    right:0;    top:110px;    cursor:pointer;    background:#fff;    padding:5px 10px;    display:none;}
.basket-compact div{display:inline-block;}
header.fixed .basket-compact{color:rgba(13,30,45,1);    top:50px;    box-shadow:0px 10px 10px rgba(0,0,0,0.1);}
.header-hl
{
    display: inline-block;
    font-size: 16px;
    margin-right: 20px !important;
    
}
.header-hl a
{
    display: block;
    text-decoration: none;
    color: #000 !important;
    background: #E1E3A4;
    padding: 2px 15px;
    font-weight: 500;
}
.header-hl a:hover
{
    background: #C1C384;    
}

.searchbox{text-align:right; display: inline-block;}
.searchbox.mobile form{width:0;    margin-top:3px;    overflow:hidden;transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;}
.searchbox.mobile.opened form{width:auto !important;}
.searchbox.mobile .fas{margin:8px 0 0 5px;    cursor:pointer;}
.searchbox input{display:inline;    width:190px;    margin-right:10px;    padding:2px 15px;    font-size:15px;}
.searchbox button{background:none;    position:relative;    color:transparent;    border:none;}
.searchbox button:before{position:absolute;    amargin-left:-20px;    amargin-top:10px;    font:var(--fa-font-solid);    color:#fff;     content:"\f002";    width:10px;    height:10px;    display:block;    font-size:18px;    line-height:30px;}
h1{color:rgba(13,30,45,1);font-size:40px;    text-align:center;    font-weight:400;    padding:0;    margin:0 0 50px 0;    position:relative;    text-transform:uppercase;}
h1:after{position:absolute;    bottom:-10px;    left:50%;    transform:translateX(-50%);    height:1px;    width:155px;    background:#555;    display:block;    content:'';}
h2{position:relative;    text-align:center;    margin-bottom:30px;    font-size:30px;}
h2:after{position:absolute;    bottom:-10px;    left:50%;    transform:translateX(-50%);    height:1px;    width:155px;    background:#000;    display:block;    content:'';}
h3{color:rgba(13,30,45,1);    font-size:22px;    margin:10px 0 10px 0;}
em{font-family:'Playfair Display',serif;}
.bg-overlay{aposition:absolute;    width:100%;    height:100%;}
.lazy[data-src]{background-size:cover !important;}
.form-group{margin:10px 0;}
.form-control{border:none;    border-radius:0;}
.top-menu{z-index:10;    position:relative;    margin:50px 0;    padding:50px 20px;    background:rgba(255,255,255,0.9);    list-style-type:none;    display:grid;    grid-template-columns:repeat(auto-fit,minmax(150px,1fr));}
.top-menu a{text-decoration:none;    display:block;        background:#fff; text-align:center;}
.top-menu p{text-decoration:none;    display:block;        background:#fff; display: block; text-align:center; width: 100%; margin: 0; padding: 0;}
.top-menu li{margin:15px 10px;    text-align:center;}
.top-menu li span{height:20px;    display:block;    margin-bottom:10px;    margin-top:-15px;}
.top-menu li div{display:flex;    background:#fff;    padding:15px 20px;    text-decoration:none;    text-align:center;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;    text-align:center;    margin:auto auto;}
 .top-menu div:hover, .top-menu div:hover a, .top-menu li a:hover,.top-menu li a:hover div{background:rgba(13,30,45,1);    color:#fff;} 
.top-menu li img{amax-width:100%;    amax-height:80px;}
.bg-slider{background-size:cover;    height:100vh;    width:100vw;    top:0;    position:fixed;    opacity:0;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.bg-slider ul{margin:0;    padding:0;}
.bg-slider .slide{list-style-type:none;padding:0;margin:0;position:fixed;width:100vw;height:100vh;text-align:center;background-size:cover;background-position:center top;animation:30s A linear alternate infinite;}
@keyframes A{from{background-position:top center;}
to{background-position:bottom center;}
}
main{z-index:10;    position:relative;}
main > .container > .content{z-index:10;    position:relative;}
body:not(.homepage) main .content{margin:50px 0;    padding:50px 20px;    background:rgba(255,255,255,0.9);}
section.homepage{margin:100px 0;}
.hp-pan{background:rgba(13,30,45,0.9);    color:#fff;    padding:0 20px;    margin:20px 0;}
.hp-pan h1{font-size:25px;    margin:0;    color:#fff;}
.hp-pan a{color:#fff;}
.hp-pan h1:after{display:none;}
.hp-pan img{margin:30px auto;    max-width:300px;}
.hp-box{background:rgba(255,255,255,0.9);    color:#333;    padding:30px 50px;}
.hp-box img.logo{filter:invert(1);    margin:0 0 20px 0;}
.hp-box h3{font-size:22px;}
.logo.mobile{filter:invert(1);    margin:0 0 20px 0;    position:absolute;    left:50%;    transform:translateX(-50%);    margin-top:8px;}
.searchbox.mobile.opened + .logo.mobile{display:none;}
header:not(.fixed) .logo.mobile{display:none !important;}
.notFound h1:after,.notFound h2:after{display:none;}
footer{opacity:0;    padding:0;    background:rgba(13,30,45,0.9);    position:relative;    z-index:20;    color:#fff;    border-top:50px solid rgba(13,30,45,1);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
body.fixedFooter footer{position:fixed;    bottom:0; }
footer nav{margin-top:-50px;}
footer .nav-item{font-size:15px;    padding:0 20px;}
footer .nav-link{color:#fff !important;}
footer .nav-link:hover{color:#fff;    text-decoration:underline;}
footer .nav-item > ul,footer .nav-item > ul li{list-style-type:none;    margin:0;    padding:0;}
footer .nav-item > ul{padding-top:20px;}
footer .nav-item > ul .nav-link{padding:0;    margin:0;    font-size:13px;}
footer .nav-item > ul .nav-item{}
footer a{color:#fff !important;}
.footer-bottom{font-size:12px;    text-align:right;    padding:10px 50px;}
[href="/new/obchod/zlevnene-zaramovane-fotografie/"]{color:#d00 !important;}
footer a.nav-link[href="obchod/zlevnene-zaramovane-fotografie/"]{color:#f66 !important;}
.form-control{border:1px solid #ccc;    background:#fff;}
textarea{height:150px;}
.btn{background:rgb(13,30,45);    color:#fff;}
.btn:hover{background:rgb(43,70,75);    color:#fff;}
.map{width:100%;    height:400px;    margin-top:30px;}
.owl-prev{position:absolute;    left:-30px;    top:50%;    transform:translateY(-50%);}
.owl-next{position:absolute;    right:-30px;    top:50%;    transform:translateY(-50%);}
.owl-prev span,.owl-next span{font-size:40px;    color:#aaa;}
.news-hp-item{font-size:14px;    text-align:left;}
.news-hp-item a{text-decoration:none;}
.news-hp-item h2{font-size:20px;}
.reference .aGallery{height:200px !important;    overflow:hidden;}
.reference .owl-prev{left:0px;    top:100px;}
.reference .owl-next{right:0px;    top:100px;}
.reference .owl-prev span,.reference .owl-next span{font-size:40px;    color:#fff;    text-shadow:0px 0px 3px #000;}
.minigallery .owl-prev{left:-20px;}
.minigallery .owl-next{right:-10px;}
.minigallery .owl-prev span,.minigallery .owl-next span{font-size:45px;}
.minigallery .agi{max-height:150px;    overflow:hidden;        padding:0 20px 0 0;}
.separator{height:50px;}
#eshopCats ul,#eshopCats li{list-style-type:none;    padding:0;}
#eshopCats li{font-weight:bold;}
#eshopCats a{display:block;    padding:5px 10px;    text-decoration:none;}
#eshopCats a:hover{background:rgba(13,30,45,1);    color:#fff;}
#eshopCats ul ul{margin:0 0 10px 10px;    font-size:14px;}
#eshopCats ul ul li{font-weight:normal;}
.eshop-list-params{margin:10px 0;}
.eshop-list-params p{margin:0;    padding:0;}
.eshop-list-item{background:#fff;    padding:25px 20px;}
.eshop-list-description{font-size:12px;}
.eshop-list-item [data-basket]{font-size:13px;}
.eshop-list-item h3{margin:0 0 10px 0;}
.basketTable img{height:50px;}
.basketTable td{vertical-align:middle;    text-align:left;}
#basketForm{max-width:400px;    margin:0 auto;    display:none;}
#info .modal-header{padding-bottom:10px;}
/* pojisteni */
.insuranceP h3{font-size:20px;    color:#555;}
.insuranceP table{width:100%;    border-collapse:collapse;    margin-bottom:30px;}
.insuranceP td{background:#fff;    color:#0c1f2f;    border:1px solid #0c1f2f;    padding:8px 10px;    cursor:pointer;}
.insuranceP td:last-child{display:none;}
.insuranceP tr.hover td{background:#ccc;}
.insuranceP tr.selected td{background:#f4821f;}
.insuranceP table td:last-child{width:30px;    overflow:hidden;    text-align:center;}
.insuranceP .circleIcon,.raq .circleIcon,#c129806 .circleIcon{width:50px;    height:50px;    line-height:50px;    border-radius:50px;    background:#0c1f2f;    color:#fff;    text-align:center;    font-size:25px;}
.insuranceP .productHeaderTeaserIcon,#c129806 .productBenefitsBodyIcon{float:left;    height:100px;    margin-right:20px;}
.charterPackagesSelectResult{display:none;}
.popupLayer{display:none;}
.charterPackagesSelectButton{adisplay:none !important;}
.charterPackagesSelectButton.available{display:block !important;}
.ppInfo{text-align:left;}
.ppInfo .col-md-10{width:100% !important;}
.ppInfo h3{font-size:20px;    color:#555;}
.ppInfo div.button{float:right;    background:#aaa;}
.charterPackagesTitle{font-size:18px;    font-weight:bold;    margin:40px 0 10px 0;    text-align:center;}
.insuranceP .charterPackages{background:#fff;}
.charterPackagesBlockContent h4{font-size:15px;    font-weight:bold;    text-align:center;}
.charterPackagesBlock{margin:20px 0;}
.charterPackagesBlockContent{background:#fff;    padding:15px 10px;}
.charterPackagesBlockContent p{margin:0;    padding:0;}
.charterPackagesBlockFeatureSum{padding:10px 0;}
.charterPackagesBlockFeatureText,.charterPackagesBlockFeatureSum{font-weight:bold;}
.charterPackagesBlockFeatureSum{text-align:right;}
.charterPackagesBlockContent.highlight1{background:#ccc;}
.charterPackagesBlockContent.highlight1 .charterPackagesBlockFeatureSum{font-size:20px;}
a.popupButton{color:#fff;background:#0c1f2f;    display:block;    text-align:center;cursor:pointer;    text-decoration:none !important;    padding:5px 10px;    text-transform:uppercase;    margin:0 auto;}
.charterPackagesBlockContent.highlight2{display:none;}
.raq--defaultColor{background:#0c1f2f;    color:#fff;    padding:10px 20px;}
.raq--defaultColor h2{color:#fff !important;}
.raq__icons-image{float:left;    width:50px;}
.raq__icons li,.raq__icons ul{clear:both;    list-style-type:none;    }
.raq__icons-text{padding-top:16px;}
.charterPackagesTitle{font-size:26px;    color:#0c1f2f;}
.charterPackagesBlockContent .h3-style{font-size:26px;    margin-bottom:20px;}
.charterPackagesFooter{background:#fff;    padding:20px 20px;}
.raw .h4-style{font-size:22px;    color:#0c1f2f;}
#c23301 .accordion h3{font-size:22px;    color:#0c1f2f;    font-weight:bold;}
.h4-style{font-size:18px;    color:#0c1f2f;    font-weight:normal;}
.accordionHeader{background:#fff;    margin-top:10px;    padding:10px 20px 5px 20px;    cursor:pointer;}
.accordionHeader p{padding:0;    margin:0;}
.accordionHeaderSwitch{display:none;}
.accordionHeader h3{font-size:18px;    color:#0c1f2f;    font-weight:normal;}
.accordionBody{height:0;    overflow:hidden;}
.accordionBody section{padding-top:20px;}
.accordionBody.open{height:auto;}
.h5-style{margin-top:20px;}
.charterPackagesFooter{margin:30px 0;}
#c138244 .h3-style,#c138246 .h3-style{font-size:20px !important;}
.multiTeaserBody .h3-style{font-weight:bold;        margin-top:30px;        margin-bottom:10px;        text-decoration:underline;}
.multiTeaserBody a{text-decoration:none;    color:#333;}
.multiTeaserBody a:hover{color:#555;}
.raq--alternateColor{background:#fad500;    padding:20px 25px;    margin:40px 0;}
.raq--alternateColor h3{font-size:20px;    font-weight:bold;    margin:0 0 20px 0;    color:#0c1f2f;}
.primaryButton,.primaryButton2{font-size:15px;    font-weight:bold;    margin:20px 0;    background:#0c1f2f;    color:#fff !important;    padding:5px 10px;    display:inline-block;    text-decoration:none;    cursor:pointer;}
.raq--alternateColor .raq__icons-entry{margin-bottom:20px;}
.raq--alternateColor .raq__icons-entry .raq__icons-text{padding-left:70px !important;    line-height:15px;    padding-top:15px;}
.raq--alternateColor .raq__icons li{min-height:60px;}
.insuranceOverviewTeaser__headline{font-size:26px;    font-weight:bold;    margin:20px 0 10px 0;    padding:0;    color:#0c1f2f;    text-align:center;}
.insuranceOverviewTeaser__teaser{background:#fff;    padding:15px 20px;    margin:40px 0;    position:relative;    padding-top:40px;}
.insuranceOverviewTeaser__teaser-icon.circleIcon{font-size:26px;    text-align:center;    background:#0c1f2f;    color:#fff;    display:inline-block;    width:60px;    height:60px;    line-height:60px;    text-align:center;    border-radius:60px;    margin:0 auto;    position:absolute;    left:50%;    margin-top:-70px;    transform:translateX(-50%);        }
.insuranceOverviewTeaser__teaser-headline{font-size:20px;    font-weight:bold;    margin:5px 0 25px 0;    padding:0;    color:#0c1f2f;    text-align:center;    line-height:1;}
.insuranceOverviewTeaser__teaser-copytext{font-weight:bold;    margin-bottom:10px;}
.downloadList h3{font-size:20px;    font-weight:bold;    margin:40px 0 15px 0;    padding:0;    color:#0c1f2f;    line-height:1;    }
.downloadList li{margin:10px 0;    list-style-type:none;}
.downloadList li a{font-size:18px;    color:#000;}
.downloadList li a:hover{color:#555;}
.downloadList li .fa{font-size:20px;    margin-right:10px;}
.insuranceOverviewTeaser__button{text-align:center;    margin:0 0 20px 0;}
.insuranceOverviewTeaser__button .primaryButton{font-size:18px;    text-align:center;    background:#0c1f2f;    color:#fff;    margin:0 auto;    float:none;    display:inline-block;}
.popupButton[data-popup-id="popupGDPR"]{display:inline;    background:none;    color:#1b364b;    text-transform:none;    text-decoration:underline !important;    padding:0;}
.grecaptcha-badge{display:none;}
.sunbeam-c  img{width:50%;}
.minigallery h3{margin-top:20px;}
.TYFrame{width:800px;    max-width:100%;    height:600px;    margin:20px 0;}
.checkbox{display:block;   position:relative;   padding-left:30px;   margin:0;   cursor:pointer;   font-size:15px;}
.checkbox input{display:none;}
.checkbox a{color:#333;   text-decoration:underline;}
.checkbox a:hover{color:#333;   text-decoration:none;}
.checkmark2{position:absolute;   top:0;   left:0;   height:20px;   width:20px;   border:solid 1px #ccc;  }
.checkmark2:after,.checkmark2:before{content:"";   position:absolute;   display:none;}
.checkbox input:checked ~ .checkmark2:after,.checkbox input:checked ~ .checkmark2:before{display:block;}
.checkbox .checkmark2:after,.checkbox .checkmark2:before{left:2px;   top:10px;   width:16px;   height:1px;   border-top:solid 2px #333;   transform:rotate(45deg);}
.checkbox .checkmark2:before{transform:rotate(-45deg);}
#booking-frame{width:100%;    height:9000px;    border:none;}
.newsletter-compact{position:absolute;    right:0;    margin-top:-110px;    height:77px;    display:none;}
.newsletter-compact h3{font-size:15px;    height:20px;    margin:0;    color:#fff;    text-shadow:0px 0px 10px #000;}
.newsletter-compact form{background:#fff;    height:33px;}
.newsletter-compact form input{background:#fff;    border:none;    margin:0;    height:30px;    padding:5px 10px;}
.newsletter-compact form button{border:none;    margin:0;    height:33px;}
[href="/pronajem-lodi/on-line-booking/"], [href="/pronajem-lodi/on-line-booking/"] *
{
    color: #000 !important;
    background: #F1F3B4 !important;
    font-weight: bold;
}

[href="/pronajem-lodi/on-line-booking/"]:hover, [href="/pronajem-lodi/on-line-booking/"]:hover *
{
    color: #000 !important;
    background: #E1E3A4 !important;
}