body {font-family: 'Roboto', sans-serif; font-size: 18px; font-weight:300; color:#111111;}


.bila {color: White;}
.bila-bg {background-color: White !important;}
.cerna {color: Black !important;}
.cerna-bg {background-color: Black;}
.tm-seda {color: #111111;}
.tm-seda-bg {background-color: #111111;}
.cervena {color: #dc3545;}
.cervena-bg {background-color: #dc3545;}
.zelena {color: #d3b059;}
.zelena-bg {background-color: #d3b059;}

.odskok60 {padding-top: 60px;}
.odskok60dole {padding-bottom: 60px;}

.bold {font-weight: 900;}

.animaceZpozdeni-1 {animation-delay: 2s; -webkit-animation-delay: 1s;}
.animaceZpozdeni-2 {animation-delay: 2s; -webkit-animation-delay: 2s;}
.animaceTrvani-1 {animation-duration: 1s; -webkit-animation-duration: 1s;}
.animaceTrvani-2 {animation-duration: 2s; -webkit-animation-duration: 2s;}

h1 {width:1px; height:1px;overflow: hidden;}
h2 {font-size: 40px; font-family: 'Josefin Sans', sans-serif; text-transform:uppercase;}

/* menu */
.navbar {padding-left:0; padding-right:0;}

#menu {z-index: 999; position: fixed; width: 100%; background-image: linear-gradient(to right, rgba(0,0,0,0.5) 60%, rgba(0,0,0,0.5) 60%); font-size: 2em; height:90px; -webkit-transition: all 1.3s ease;	-moz-transition: all 1.3s ease;	-o-transition: all 1.3s ease;	-ms-transition: all 1.3s ease;	transition: all 1.3s ease; }
#menu .navbar-nav>li>a {font-size: 18px; font-weight: 300; text-transform: uppercase;  color: White; margin-top: 0px; margin-bottom: 0px; padding: 31px 20px 31px 20px; border-left: 1px solid rgba(255, 255, 255, 0.2); text-shadow: 0 1px 10px rgba(0,0,0,.9);  -webkit-transition: all 1.3s ease;	-moz-transition: all 1.3s ease;	-o-transition: all 1.3s ease;	-ms-transition: all 1.3s ease;	transition: all 1.3s ease; }
#menu .navbar-nav>li>a:hover {Background: #d3b059; -webkit-transition: all .3s ease;	-moz-transition: all .3s ease;	-o-transition: all .3s ease;	-ms-transition: all .3s ease;	transition: all .3s ease; }

.logo {width: 150px; margin-right: 30px; margin-left: 30px; -webkit-transition: all .3s ease;	-moz-transition: all .3s ease;	-o-transition: all .3s ease;	-ms-transition: all .3s ease;	transition: all .3s ease; }
.logo:hover {opacity: 0.8; -webkit-transition: all .3s ease;	-moz-transition: all .3s ease;	-o-transition: all .3s ease;	-ms-transition: all .3s ease;	transition: all .3s ease; }
.fa-bars {color:White}

@media (max-width: 1200px){
.logo {margin-right: 0px; margin-left: 0px; padding-left: 1rem; -webkit-transition: all .3s ease;	-moz-transition: all .3s ease;	-o-transition: all .3s ease;	-ms-transition: all .3s ease;	transition: all .3s ease; }
}
@media (max-width: 1200px){
.logo {width:150px; margin-top:0px; -webkit-transition: all .3s ease;	-moz-transition: all .3s ease;	-o-transition: all .3s ease;	-ms-transition: all .3s ease;	transition: all .3s ease; }
}

#menu.scrolled {z-index: 999; position: fixed; top: 0; right: 0; left: 0; backgroundddddd: rgba(0,0,0,1); font-size: 1em; height:60px;}
#menu.scrolled .navbar-nav>li>a {font-size: 14px; font-weight: 300; color: White; margin-top: 0px; margin-bottom: 0px; padding: 19px 20px 19px 20px; border-left: 1px solid rgba(255, 255, 255, 0.5); text-shadow: 0 1px 10px rgba(0,0,0,.0); }
#menu.scrolled .logo {width: 100px; padding-left: 1rem; margin-right: 0px; margin-left: 0px; -webkit-transition: all .3s ease;	-moz-transition: all .3s ease;	-o-transition: all .3s ease;	-ms-transition: all .3s ease;	transition: all .3s ease; }

@media (max-width: 1200px){
#menu.scrolled {height:70px;}
#menu.scrolled .logo {width: 140px; margin-top:-10px; -webkit-transition: all .3s ease;	-moz-transition: all .3s ease;	-o-transition: all .3s ease;	-ms-transition: all .3s ease;	transition: all .3s ease; }
}

@media (max-width: 1200px){
.navbar-nav {background-color: Black;}
.navbar-nav>li>a {font-size: 22px !important; border-left:0 !important; border-bottom: 1px solid #494949 ; padding: 10px 30px !important;}
}
@media (max-width: 1200px){
.navbar-collapse {margin-top:10px;}
#menu.scrolled .navbar-collapse {margin-top:-1px;}
}

/* konec - menu */

/* hlavní slider */
#uvod {height: 100vh; width:100%; overflow:hidden; }
#uvod .carousel .fill {height: 100vh; width: 100vw; background-position: top center; background-size: cover;}

@media (max-width: 576px){
#uvod {height: 50vh;}
#uvod .carousel .fill {height: 50vh;}
}

#uvod .slider001 {background-image:url('/assets/img/novy-ostrovec-hp-001-2026b.jpg');}
#uvod .slider002 {background-image:url('/assets/img/novy-ostrovec-hp-002-2026b.jpg');}
#uvod .slider003 {background-image:url('/assets/img/novy-ostrovec-hp-003-2026b.jpg');}
#uvod .slider004 {background-image:url('/assets/img/novy-ostrovec-hp-004-2026b.jpg');}

.carousel-control-next, .carousel-control-prev {width: 5%; opacity: .9;}
.carousel-control-next:hover, .carousel-control-prev:hover {opacity: .5;}
.carousel-control-next-icon, .carousel-control-prev-icon {width: 50px; height: 50px;}
.carousel-indicators li {width: 20px;height: 20px;}

.logo-urban {position: absolute;z-index: 9;bottom: 50px;right: 0;padding: 5px 10px;width: 250px;}
.nadpis {width: max-content; display:table; text-align:left;}
.hotphone {text-decoration: none; padding-left: 65px; padding-top: 10px; padding-bottom:10px;  white-space: nowrap; min-width: 260px;}
.hotphone a {font-size: 20px !important; color: White !important; font-weight:900 !important; }
.hotphone a span{font-size: 20px !important; color: White !important; font-weight:300;}
.hotphone a:hover {color: Black !important; text-decoration:none; }
.hotphone .fas {font-size:27px; color: White; position: absolute; margin-top: 3px; margin-left: -35px;}
.nadpis-text {padding: 30px 30px 30px 30px; line-height:1.2; font-size:38px; background-image: linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0.7));}
.nadpis-text hr {border-top: 1px solid #666;}
.nadpis-text2 {line-height:1.4; font-size:18px;}

.hp1 {top: 20%; left: 10%;}
.hp2 {top: 20%; left: 36%;}
.hp3 {top: 20%; left: 75%;}
.hp4 {top: 20%; left: 70%;}

.perex-strong {font-weight: 900;}


@media (max-width: 768px){
.logo-urban {width: 150px;}
}
/* konec- hlavní slider */


#projekt {background: White; padding-top:50px; min-height:100vh;}
#lokalita {background: White; padding-top:50px; min-height:100vh;}
#vybavenost {background: White; padding-top:50px; min-height:100vh;}
#mapa {background: silver; padding-top:0px;}



#tabulka {background: White; padding-top:50px; min-height:100vh;}
#standardy {background: White; padding-top:50px; min-height:100vh;}
#kontakty {padding-top:50px; min-height:100vh;}
@media (min-width: 1200px){
#projekt {background-image:url('/assets/img/novy-ostrovec-hp-003-2026-podkres-b.jpg'); background-size: cover; background-position: right center; background-repeat: no-repeat; }

#lokalita {background-image:url('/assets/img/novy-ostrovec-hp-lokalita-2026-podkres-b.jpg'); background-size: cover; background-position: right center; background-repeat: no-repeat; }
#vybavenost {background-image:url('/assets/img/novy-ostrovec-hp-vybavenost-2026-podkres-b.jpg'); background-size: cover; background-position: right center; background-repeat: no-repeat; }
#nemovitosti {background: #d3b059; min-height:100vh; display: flex; flex-direction: column;justify-content: center;}
}

@media (max-width: 767px) {.events {transform: translateX(-120px);}}


/* 3D*/
.img-fluid-3d {height: auto; width: 100%;}

#nemovitosti {}
#vyber-nemovitosti {color:White; background-imageeeeee:url('/assets/img/nemovitosti-pozadi.png'); background-size: cover; }
#vyber-nemovitosti .nadpis2 {font-size: 30px; padding-top: 3vw; line-height: 1.0em}
#vyber-nemovitosti .btn {font-size: 18px; font-weight: 100; white-space:nowrap; }

@media (min-width: 1500px) {
#vyber-nemovitosti .btn {font-size:25px;}
}

/* tabulka nemovitosti*/
#tabulka {padding-top: 50px;}
section[data-page='nemovitosti-tabulka'] {background-color:White;}
section[data-page='nemovitosti-tabulka'] table {margin-top:0px;}
section[data-page='nemovitosti-tabulka'] tr { border-bottom: 1px solid #999999;}
section[data-page='nemovitosti-tabulka'] tr th { line-height: 1.2; color:#111111; border:0; background-color:White; padding-left: 20px;}
section[data-page='nemovitosti-tabulka'] tr th a {color:#fff;}
section[data-page='nemovitosti-tabulka'] tr th a:hover {color:#333;}
section[data-page='nemovitosti-tabulka'] tr th i {margin: 1px 0px 0px -15px; float: left; display: inline-block; opacity: 0.5;}
section[data-page='nemovitosti-tabulka'] tr td {color: #999999; border:0; white-space:nowrap;}
section[data-page='nemovitosti-tabulka'] tr:hover td {background-color: #f7f7f7;}
section[data-page='nemovitosti-tabulka'] tr td a {color: #111111; text-decoration:none;}
section[data-page='nemovitosti-tabulka'] tr td a i {font-size:1.4rem; opacity: 0.5;}
section[data-page='nemovitosti-tabulka'] tr td a i:hover {opacity: 0.8;}
section[data-page='nemovitosti-tabulka'] .cena a {font-weight:900;}
section[data-page='nemovitosti-tabulka'] .volný a {color:#95c12b; font-weight:900;}
section[data-page='nemovitosti-tabulka'] .prodaný a {color:#9e0923; font-weight:900;}
section[data-page='nemovitosti-tabulka'] .rezervovaný a {color:#ff9933; font-weight:900;}
section[data-page='nemovitosti-tabulka'] .předrezervovaný a {color:#ffcc00; font-weight:900;}
.poznamka-tabulka {}


/* lokalita*/
/* #lokalita {background: White; padding-top:50px;}
#lokalita .nav-link {font-size: 18px; text-transform: uppercase; color: Silver; border-radius: 0; border: 1px solid #888888; border-left:0; }
.okoli-nadpis {font-size: 3.0rem; font-weight:100; line-height: 1.1;}
.okoli-ilustrace-001 {background-image:url('/assets/img/ilustracni-lokalita-001.jpg'); background-size: cover; min-heightttt: 50vh; background-position: center;}
.okoli-ilustrace-002 {background-image:url('/assets/img/ilustracni-lokalita-002.jpg'); background-size: cover; min-heighttttt: 50vh; background-position: center;}
#lokalita .carousel-indicators {right: initial; left: 2rem; margin-right: 0; margin-left: 0; }
#lokalita .carousel-indicators li {height: 20px;}
*/
/* #lokalita .carousel-inner {min-height: 543px;} */


#lokalita .carousel-inner {max-height: inherit;}

.okoli-nadpis {font-size: 2.5rem;}
#lokalita .vyskafoto {height: 0px;}

@media (min-width: 992px) {
#lokalita .vyskafoto {height: 1080px;}
#lokalita .vyskatextu {height: 1080px;}
}

@media (min-width: 1200px) {
#lokalita .vyskafoto {height: 840px;}
#lokalita .vyskatextu {height: 840px;}
}

@media (min-width: 1600px) {
#lokalita .vyskafoto {height: 720px;}
#lokalita .vyskatextu {height: 720px;}
}


/* lokalita*/
#standardy {background: White; padding-top:50px;}
#standardy .card-body {padding-top: 0.75rem; padding-bottom: 0;}
#standardy a {text-decoration: none; color: #111111; font-weight: 900; }
#standardy .card:hover {opacity: 1.0; background: #111111; color: White; }

/* kontakty*/
#kontakty {background: #0b0b0b; color: White; padding-top: 50px; padding-bottom: 50px;}
#kontakty a {color: White;}

#kontakty form {padding-top:10px; color: white;}
#kontakty form a {color: white;}
#kontakty form .form-control {background-color: #0b0b0b; color: White; border: 1px solid rgba(211, 176, 89, 0.5); border-left: 0px; font-size:1.2rem; font-weight:100; border-radius: 0px .25rem .25rem 0px;  }
#kontakty form .input-group-text {background-color: #0b0b0b; color: #d3b059;  border: 1px solid rgba(211, 176, 89, 0.5); border-right: 0px; }
#kontakty form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: White; opacity:0.7;}
#kontakty form .form-control::-moz-placeholder { /* Firefox 19+ */ color: White; opacity:0.7;}
#kontakty form .form-control:-ms-input-placeholder { /* IE 10+ */ color: White; opacity:0.7;}
#kontakty form .form-control:-moz-placeholder { /* Firefox 18- */ color: White; opacity:0.7;}
#kontakty form .btn {}


.card-form {border: 1px solid rgba(211, 176, 89, 0.5); background-color: #0f0f0f;}


.tlacitko-poptavka {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;                  /* Mezera mezi textem a šipkou */
    background-color: #d3b059;  /* Vaše zlatá barva */
    color: #000000;             /* Černý text */
    font-weight: 500;           /* Středně tučné písmo */
    border: none;               /* Bez ohraničení */
    border-radius: 6px;         /* Mírné zaoblení rohů */
    padding: 12px 30px;         /* Vnitřní odsazení (výška a šířka) */
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease; /* Plynulá animace */
    text-decoration: none;      /* Kdyby to byl tag <a> místo <button> */
}

/* Efekt při najetí myší */
.tlacitko-poptavka:hover {
    background-color: #c2a048;  /* Mírně tmavší zlatá po najetí */
    color: #000000;
}

/* Efekt při kliknutí */
.tlacitko-poptavka:active {
    transform: scale(0.98);     /* Tlačítko se při kliknutí lehce zmáčkne */
}







/* paticka*/
#paticka {padding-top: 20px; padding-bottom: 20px; font-size: 14px;}
#paticka a {color: #111111;}


/* 3D baraky svg */
svg > g,
svg > g a:visited {opacityyyyyyyyyyyyyyy:0; fill:#fff; cursor:pointer;}
svg[data-svg="objekt"] > g[data-nemovitosti] {opacity:0; fill:#fff; fill-opacity:0.5; stroke:#fff; stroke-width:6; stroke-miterlimit:10;}
svg[data-svg="objekt"] > g[data-nemovitosti] a:visited {opacity:0; fill:#fff; fill-opacity:0.5; stroke:#fff; stroke-width:6; stroke-miterlimit:10;}
svg[data-svg="objekt"] > g[data-statistika] {fill:#fff; opacity:0; display:none;}
svg[data-svg="objekt"] > g[data-statistika] > text {font-family: 'Roboto'; font-size:55px; font-weight: 500;}
svg[data-svg="objekt"] > g[data-statistika] > text[data-nemovitosti="oznaceni"] {fill:White; font-family:'Roboto'; font-weight: 900;}
svg[data-svg="objekt"] > g[data-statistika] > text[data-nemovitosti="stav"] {fill:Black; font-family:'Roboto'; font-weight: 300; font-size:50px;}

#vyber-nemovitosti .btn {border-radius:0; border: 0; border-bottom: 1px solid White; border-top: 0px solid White;}
#vyber-nemovitosti .btn:hover {background: rgba(0,0,0,0.2); color:White;}


/* definice stylu pro detail */
#pozemek {padding-top: 100px; padding-bottom: 100px;}
#pozemek .popis-domu {padding:20px 0 0 0;}
.mistnosti {margin:25px 0; width:100%; text-align:left; font-size: 14px; color: Black;}
.mistnosti>thead>tr>th {border-bottom: 5px solid #ddd;}
.mistnosti th {color:#58585a; font-weight:bold; border-bottom:0px solid #c6c4c9; padding: 4px 0px !important;}
.mistnosti td {padding:4px 0 !important;}
.mistnosti .celkem {color:#58585a; font-weight:bold; padding-bottom:8px; border-top:1px solid #c6c4c9;}
.mistnosti .hodnoty {text-align:right;}
#pozemek .cena {font-size:39px; font-weight: 900; color:White; padding: 0;}
#pozemek .velke {font-size:24px;}
.btn-dark {background-color: #d3b059; border-color: #d3b059; box-shadow: 0; }
.btn-dark:hover {background-color: #111111; border-color: #111111;}

.cislo-mistnosti {padding: 2px; text-align: center; border-radius: 4px; color: White;}
.stav-prodeje {font-weight:900; font-size: 1.5rem; padding-top:15px;}

#poptavka {padding-top: 100px; padding-bottom: 100px;}
#poptavka form {padding-top:10px; color: white;}
#poptavka form a {color: white;}
#poptavka form .form-control {background-color: transparent; color: White; border-radius: 0; border: 1px solid rgba(255,255,255,0.2); font-size:1.4rem; font-weight:100;  }
#poptavka form .input-group-text {background-color: rgba(255,255,255,0.2); color: White; border-radius: 0; border: 1px solid rgba(255,255,255,0.2); }
#poptavka form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: White; opacity:0.7;}
#poptavka form .form-control::-moz-placeholder { /* Firefox 19+ */ color: White; opacity:0.7;}
#poptavka form .form-control:-ms-input-placeholder { /* IE 10+ */ color: White; opacity:0.7;}
#poptavka form .form-control:-moz-placeholder { /* Firefox 18- */ color: White; opacity:0.7;}
#poptavka form .btn {border-radius:0;}







.mapa-oprava {border:0; margin-bottom: -7px;}


/* standardy */
.obrazovka {background-color: black;}
.obrazovka .modal-dialog {max-width: 100%; margin: 0 auto; min-height:100vh;}
.obrazovka .modal-content {background-color: black; border: 0px; border-radius: 0px; color: White;}
.obrazovka .fas {font-size: 4.0rem; color: white; padding: 1.0rem;}
.obrazovka .close {text-shadow: none; opacity: 1; }
.obrazovka .modal-header {border-bottom: 0px; padding-bottom: 0; }
.obrazovka .modal-body {padding-top: 0px; }
.obrazovka .modal-title {font-weight:100; color: White; font-size: 3.0rem; margin-bottom: 20px;}
.vyskaObr {max-height:370px;}
.vyskaObr2 {max-height:327px;}

/* ochrana */
#ochrana {padding-top: 100px; padding-bottom: 100px;}


/* systémové hlášky */
.alert-success {background-color: transparent; color: White; border-radius: 0; border: 1px solid rgba(255,255,255,0.2); font-size:1.4rem; font-weight:100;}

/* galerie */
#galerie {padding-top: 150px; padding-bottom: 100px;}



.ilustracni-ikona {height: 3.0rem; margin-bottom: 0.5rem;}
.linka-right {border-right: 1px solid #00000020; line-height: 1.3rem;}
.linka-left {border-left: 1px solid #00000020;}
.sede-info {background-color: #00000020;}

.spodni-pruh {position:relative; background: #f3f2f0;}
@media (min-width: 1200px) {
.spodni-pruh {position:absolute; bottom:0; background: #f3f2f0;}

}




  .image-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.image-container img {
  width: 100%;
  height: auto;
  display: block;
}

/* bod container */
.bod {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}

/* bod */
.bod-circle {
  width: 1.5vw;
  height: 1.5vw;
  min-width: 20px;
  min-height: 20px;
  background-color: #d3b059;
  border: 2px solid #f2f0ea;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: pulse 1.5s infinite alternate;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}


.bod-circle::after {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #f2f0ea;
  border-radius: 50%;
  position: absolute;
}
/* Animace pulzu */
@keyframes pulse {
  0% { transform: translate(-50%, -50%) scale(1); }
  50% { transform: translate(-50%, -50%) scale(1.1); }
  100% { transform: translate(-50%, -50%) scale(1); }
}

@keyframes pulse {
  0% { transform: translate(-50%, -50%) scale(1); }
  50% { transform: translate(-50%, -50%) scale(1.1); }
  100% { transform: translate(-50%, -50%) scale(1); }
}


/* Tool */
.tp-text {
  position: absolute;
//  bottom: 180%;
  left: 50%;          /* střed bodu */
  transform: translateX(-50%);
  width: 200px;
//  height: 150px;
  margin-left: -10px;
  background-color: #f2f0ea;
  color: var(--heading-color);
  padding: 15px;
  border-radius: 5px;
  display: flex;
  align-items: flex-end;    /* zarovnání dolů */
  justify-content: flex-start; /* zarovnání vlevo */
  text-align: left;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 10;
  font-size: 14px;
}

.tp-text .tooltip-icon {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 36px;
}

/* Zobrazení*/
.bod:hover .tp-text,
.bod.active .tp-text {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 768px) {
  /* Tooltip */
.tp-text {
  position: absolute;
  //bottom: 180%;       /* nad bodem */
  left: 50%;          /* horizontálně střed bodu */
  transform: translateX(-50%);
  width: 130px;
  //height: 130px;
  margin-left: -10px;
  background-color: #f2f0ea;
  color: var(--heading-color);
  padding: 5px;
  border-radius: 10px;
  display: flex;
  align-items: flex-end;    /* zarovnání dolů */
  justify-content: flex-start; /* zarovnání vlevo */
  text-align: left;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  pointer-events: none;
  z-index: 10;
  font-size: 12px;
}

.tp-text .tooltip-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
}
}



















































/* pozor nová verze */
.nova-verze {display:none; color:yellow; width:100%; height:100px; font-size:80px; line-height:100px; font-weight:800; position:fixed; bottom:0; left:0; z-index:999999 !important; background:red; text-align:center; opacity:0.8}
#codeigniter_profiler {display:none;}