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


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

.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: #71bf44; -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: 300px; height:75px; margin-top:15px; 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: 990px){
.logo {width: 240px; height:50px; 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; background: 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: 220px; padding-left: 1rem; height:53px; margin-top:7px; 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: 990px){
#menu.scrolled {height:70px;}
#menu.scrolled .logo {width: 240px; 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: 990px){
.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: 990px){
.navbar-collapse {margin-top:10px;}
#menu.scrolled .navbar-collapse {margin-top:-1px;}
}

/* konec - menu */

/* hlavní slider */
#uvod {height: 80vh; width:100%; overflow:hidden; }
#uvod .carousel .fill {height: 80vh; 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/vyhlidky-vinarice-hp-001-2023.jpg');}
#uvod .slider002 {background-image:url('/assets/img/vyhlidky-vinarice-hp-002-2024.jpg');}
#uvod .slider003 {background-image:url('/assets/img/vyhlidky-vinarice-hp-003-2024.jpg');}
#uvod .slider004 {background-image:url('/assets/img/vyhlidky-vinarice-hp-004-2024.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: fit-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 15px 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));}

.hp1 {right: 15%; top: 28%; left: 15%;}
.hp3 {right: 15%; top: 28%; left: 70%;}


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


#projekt {background: White; padding-top:50px;}
@media (max-width: 767px) {.events {transform: translateX(-120px);}}


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

#nemovitosti {}
#vyber-nemovitosti {color:White; background-image:url('/assets/img/nemovitosti-pozadi.png'); background-size: cover; }
#vyber-nemovitosti .nadpis {font-size: 30px; padding-top: 3vw;}
#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:#575656; 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: #575656; 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-height: 50vh; background-position: center;}
.okoli-ilustrace-002 {background-image:url('/assets/img/ilustracni-lokalita-002.jpg'); background-size: cover; min-height: 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 {max-height: 460px;}
#lokalita .vyskafoto {height: 474px;}
@media (max-width: 769px) {
#lokalita .carousel-inner {max-height: inherit;}
#lokalita .vyskafoto {height: 474px;}
#lokalita .vyskatextu {height: 425px;}
.okoli-nadpis {font-size: 2.5rem;}
}

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

/* kontakty*/
#kontakty {background: #575656; 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: transparent; color: White; border-radius: 0; border: 1px solid rgba(255,255,255,0.2); font-size:1.4rem; font-weight:100;  }
#kontakty 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); }
#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 {border-radius:0;}


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


/* 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:100px; 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:70px;}

#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-success {background-color: #71bf44; border-color: #71bf44;}
.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;}