/* definice fontu */
/*
@font-face {font-family:stag-sans-book; src:url('stag_sans_book.ttf');}
@font-face {font-family:stag-sans-light; src:url('stag_sans_light.ttf');}
@font-face {font-family:stag-sans-semibold; src:url('stag_sans_semibold.ttf');}

@font-face {font-family:stag-sans-book; src:url('https://www.graphica.cz/navrhy/canaba/stag_sans_book.otf');}
@font-face {font-family:stag-sans-light; src:url('https://www.graphica.cz/navrhy/canaba/stag_sans_light.otf');}
@font-face {font-family:stag-sans-semibold; src:url('https://www.graphica.cz/navrhy/canaba/stag_sans_semibold.otf');}
*/


a {color: #9c0820}
a:hover {color: #5E5E5E;}
h1 {text-indent: -999em;}
h2 {font-size: 30px; font-weight: 300}
h3 {color: #9c0820; font-size: 25px; font-weight: bold;}
h4 {color: #1f1e21; font-size: 20px; font-weight: 400}
.b-100 {font-weight: 100}
.b-200 {font-weight: 200}
.b-300 {font-weight: 300}
.b-400 {font-weight: 400}
.b-500 {font-weight: 500}
.b-600 {font-weight: 600}
.w-5 {width: 5%}
.odsazeni {margin-bottom: 0.5rem}
.odsazeni2 {margin-bottom: 1rem}
.btn {border-radius: inherit}
.drop-shadow {-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .05); box-shadow: 0 0 5px 2px rgba(0, 0, 0, .05);}
body {font-family: 'Roboto', sans-serif, Arial, Helvetica, sans-serif; font-size: 16px;  background-image: url("../assets/img/pozadi-stranek2.png"); background-repeat: repeat-x; background-color: #fbfcfd; }
/*body {font-family: 'Roboto', sans-serif, Arial, Helvetica, sans-serif; font-size: 16px;  background-image: url(../assets/img/pozadi-stranek-vanoce.jpg); background-position: center top; background-repeat: no-repeat;  background-color: #fbfcfd; }*/

.mensilinky {line-height: normal;}

.nenajezd {text-decoration: none !important; color: initial !important;}

/*

@media print{body {background-image: none; background-color: #fff;}}
@media (max-width: 768px){
  body {background-color: #fff; background-image: none;}
}

/* obecné styly */
.cerna {color: #000;}
.cervena {color: #9c0820;}
.bg-cervena {background-color: #9c0820!important;}
.zlata {color: #a17e38;}
.bg-zlata {background-color: #a17e38 !important;}
.seda {color: #666666;}
.bg-seda {background-color: #666666!important;}
.tmave-seda {color: #212529}
.bg-zelena {background-color: #165947!important;}
.bg-tmave-modra {background-color: #222246!important;}
.pozadi-prechod {background-image: url("../assets/img/bily-prechod.png"); background-repeat: repeat-x;}
.pozadi-sedy-prechod {background: #dee3e6 url("../assets/img/pozadi-sede-prechod.gif") repeat-x}
.sedy-blok {background: #dee3e6 url(../assets/img/sedy-prechod-top.gif) repeat-x top}
.sede-pozadi {background-color: #f6f8f9}
.svetle-sede-pozadi {background-color: #f7f7f7}
.bile {color: #fff}
.bile-pozadi {background-color: #fff}
.obrazek-ilustracni {background-position-x: right; background-position-y: bottom;}
.ilustracni-03 {background-image: url("../assets/img/ilustracni-03.png"); background-repeat: no-repeat}
.ilustracni-01 {background-image: url("../assets/img/ilustracni-01.png"); background-repeat: no-repeat; }
.ilustracni-02 {background-image: url("../assets/img/ilustracni-02.png"); background-repeat: no-repeat; }
.ilustracni-04 {background-image: url("../assets/img/ilustracni-popis-01.jpg"); background-repeat: no-repeat; background-size: cover; background-position: top left}



.nevidet {display: none;}
.videt {display: none;}

/* .nevidet {opacity:0;}
.videt {opacity:1;} */

#TEXTY text {fill: white; font-size: 15px;}

#_1domy-nehvizdy-text {display:none;}
#_2domy-skvorec-text {display:none;}
#_3domy-piskovalhota-text {display:none;}
#_4domy-librantice-text {display:none;}

#_1byty-cakovice-text {display:none;}
#_2byty-cernymost-text {display:none;}
#_3byty-dubec-text {display:none;}
#_4byty-nehvizdy-text {display:none;}



.odkaz a {color: #212529;}
.odkaz a:hover {color: #b1b1b1; text-decoration: none}
.bily-odkaz a {color: #fff;}
.bily-odkaz a:hover {color: #b1b1b1; text-decoration: none}
.line-height-12 {line-height: 1.2}

.preskrtnuto {text-decoration: line-through}

/* menu */
#menu {display: none !important;}
#menu2 {position: relative; z-index: 999;}
#menu2 .top-lista {position: relative; height: 89px}
#menu2 .top-lista .text {font-size: 26px;color: #212529;font-weight: 100; float: left; margin-top: 40px}
#menu2 .top-lista .text strong {font-size: 26px; font-weight: bold;}
#menu2 .top-lista .vyroci {margin-left: 200px}
#menu2 .top-lista .vyroci .vyroci-text {color: #a17e38; font-weight: bold; position: absolute; top: 40px; }
#menu2 .logo-canaba-right {position: absolute; right: 0; top: 0; z-index: 9999;}
#menu2 .logo-canaba-right img {height: 137px}
#menu2 .logo-30-right {position: absolute; right: 140px; top: 0; z-index: 9999;}
#menu2 .logo-30-right img {height: 137px}
#menu2 .logo-canaba-right-mobil {display:none;}
#menu2 .callcentrum {position: absolute; right: 340px; top: 20px; z-index: 9999;}
#menu2 .callcentrum a {font-weight: 600; color: #212529;}
#menu2 .callcentrum a:hover {font-weight: 600; color: #9b0820; text-decoration:none;}
#menu2 .callcentrum img {float: left; margin-right: 5px; margin-top: 3px;}
#menu2 .callcentrum .callcentrum-cas {font-size: 14px; color: #a3a2a2; white-space: nowrap; margin-top: -5px; }


.callcentrum {}
.callcentrum a {font-weight: 600; color: #212529;}
.callcentrum a:hover {font-weight: 600; color: #9b0820; text-decoration:none;}
.callcentrum img {float: left; margin-right: 5px; margin-top: 3px;}
.callcentrum .callcentrum-cas {font-size: 14px; color: #a3a2a2; white-space: nowrap; margin-top: 0px; }



#menu2 .fas {color: White; font-size: 2rem}


/*#menu2 .navbar {background-color: #9b0820; background-image: url(../assets/img/pozadi-menu.png); height: 48px}*/
#menu2 .navbar {background-color: #243c22; background-image: none !important; height: 48px;}
@media (max-width: 576px){
#menu2 .navbar {background-color: #e4e8ec; background-image: url(../assets/img/pozadi-upoutavky-blok-hp-2022.png);}
#menu2 .fas {color: #ffffff;}
 }

#menu2 .navbar .navbar-nav {height: 48px}
#menu2 .navbar .navbar-nav .nav-item {padding: 0; border-right: 1px solid rgba(255, 255, 255, 0.5)}
#menu2 .navbar .navbar-nav .nav-item:last-child {border-right: none}
#menu2 .navbar .navbar-nav .nav-item a {color: #fff;  padding: 13px 20px 13px 20px; max-height: 48px; }
/* #menu2 .navbar .navbar-nav .nav-item a:hover {background-color: #9b0820; background-image: none!important; color: #fff;} */
#menu2 .navbar .navbar-nav .nav-item a:hover {background-color: #243c22; background-image: none!important; color: #fff;}
#menu2 .dropdown-menu  {padding: 0; margin: 0 ; border: 0}
#menu2 .dropdown-menu .polozka-zlata {background-color: #d0b77f;background-image: none; background-repeat: repeat-x; }
#menu2 .dropdown-menu a  {color: #fff!important; padding: 4px 30px 4px 30px!important; max-height: 31px!important; font-size: 14px; text-align: center; background-color: #777; background-image: none!important; background-repeat: repeat-x; }
#menu2 .dropdown-menu a:hover {color: #fff!important; background-image: none!important; background-color:#9b9a98}
#menu2 .navbar-toggler:focus {outline: 0;}
#menu2 .navbar-toggler {margin: 3px 0 3px 5px; color: transparent;border-color: transparent;border-radius: inherit;}

.row-flex-center {display: flex;align-items: center;}
#upoutavka-slide-hp {position: relative;}
#upoutavka-slide-hp .upoutavka-blok {height:33%; width: 100%; background-color: #e4e8ec; background-image: url("../assets/img/pozadi-upoutavky-blok-hp-2022.png"); border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
#upoutavka-slide-hp .upoutavka-blok:hover {cursor: pointer; color: #9c0820; background-color: #f1f3f4; background-image: none;}
#upoutavka-slide-hp .upoutavka-blok h2 {background-image: url("../assets/img/sipka-cerna.png"); background-repeat: no-repeat; background-position-x: right; background-position-y: center; font-weight: 300}
#upoutavka-slide-hp .upoutavka-blok:hover h2 {background-image: url("../assets/img/sipka-cervena2.png"); }
#upoutavka-slide-hp .popis-nemovitost {font-size: 15px; line-height: 19px}

#upoutavka-slide-hp .upoutavka-pruh {position: absolute; z-index:10; padding: 5px 30px 5px 15px; bottom:30px; font-size: 1.3rem; font-style: italic; font-weight: 200; background-image: linear-gradient(to right, rgba(157,8,32,1) 70%, rgba(157,8,32,0)); color: White; }
@media (max-width: 769px){
#upoutavka-slide-hp .upoutavka-pruh {bottom:90px;}
}
/* Postranní bloky */
#side-blocks {position: relative; z-index: 999}
#side-blocks a {color: #fff }
#side-blocks a:hover {text-decoration: none}
#side-blocks .rotate-left {-webkit-transform: rotate(90deg);-webkit-transform-origin: left top;-moz-transform: rotate(90deg);-moz-transform-origin: left top;-ms-transform: rotate(90deg);-ms-transform-origin: left top;-o-transform: rotate(90deg);-o-transform-origin: left top;transform: rotate(90deg);transform-origin: left top;}
#side-blocks .rotate-right { -webkit-transform: rotate(270deg);-webkit-transform-origin: left top;-moz-transform: rotate(270deg);-moz-transform-origin: left top; -ms-transform: rotate(270deg);-ms-transform-origin: left top;-o-transform: rotate(270deg);-o-transform-origin: left top;transform: rotate(270deg);transform-origin: left top;}
#side-blocks .block1 {position: fixed; top: 440px;right: -250px; font-size: 18px;background-color: #9c0820; color: #fff;padding: 10px 60px;}
#side-blocks .block1:hover {background-color: #9e0923;}
#side-blocks .block3 {position: fixed; top: 205px;left: 40px; font-size: 18px;background-color: #9c0820; color: #fff;padding: 10px 40px;}
#side-blocks .block3:hover {background-color: #9e0923;}
/* #side-blocks .block5 {position: fixed; top: 186px;left: 0; font-size: 18px;background-color: #cccccc; color: #9c0820; padding: 10px 12px 6px 12px;} */
#side-blocks .block6 {display: none; position: fixed; top: 146px;left: 0; font-size: 18px;background-color: #9c0820;  padding: 10px 12px 6px 12px;}
#side-blocks .block7 {display: none;}

@media (min-width: 769px){
#side-blocks .block7 {display: block; -webkit-transition: all 1.0s ease; -moz-transition: all 1.0s ease; -o-transition: all 1.0s ease; -ms-transition: all 1.0s ease; transition: all 1.0s ease; position: fixed; top: 146px; left: 0; height: 52px; width: 170px; overflow:hidden; background-color: #cccccc; padding-right: 50px; padding-left: 10px; text-align: center;margin-left: -130px;}
#side-blocks .block7 .volejte {font-size: 12px;}
#side-blocks .block7 .telcislo {font-size: 20px; font-weight:300; line-height: 0.1;}
#side-blocks .block7 .fa-phone-square {padding: 20px 14px 16px 14px; position: absolute; top:0; right: 0; cursor:pointer;}
#side-blocks .block7 .fa-caret-square-left {display:none; padding: 20px 14px 16px 14px; position: absolute; top:0; right: 0; cursor:pointer;}
}

@media (max-width: 1200px){
#menu2 .navbar .navbar-nav .nav-item a {padding: 13px 10px 13px 9px; font-size:15px;}
#menu2 .top-lista .vyroci {margin-left: 30px}
#upoutavka-slide-hp .popis-nemovitost {font-size: 13px!important}
#parametry td {padding: 11px 18px!important}
#formular-prohlidka .form-control {padding: .375rem .25rem}
}

@media (max-width: 992px){
#menu2 .top-lista .text {margin-top: 0}
#menu2 .logo-canaba-right  {right: 0}
#menu2 .logo-canaba-right img {height: 108px}
#menu2 .logo-30-right  {right: 110px}
#menu2 .logo-30-right img {height: 108px}
#menu2 .top-lista {height: 60px; padding-top: 10px}
#menu2 .top-lista .vyroci {display:none;}
#menu2 .navbar .navbar-nav .nav-item {background: #777; z-index: 999;border-bottom: 1px solid rgba(255, 255, 255, 0.1)}
#menu2 .dropdown-menu a  {text-align: left; padding-left: 45px!important }
#menu2 .nemobil {display: none!important}
#upoutavka-slide-hp .popis-nemovitost {display: none}
#upoutavka-slide-hp h2 {font-size: 1.8rem}
#prehled-domu .overlay .d-none {display: inline-block!important}
.ilustracni-02 {background: none}
#detail-typoveho-domu .listovani {top: 30%!important}
.obrazek-formular {display: none}
.obrazek-kontakty {display: none}
}


@media (max-width: 768px){
#menu2 .top-lista .text {font-size: 22px; margin-top: 10px}
#menu2 .top-lista .text strong {font-size: 22px;}

#menu2 .dropdown-menu a  {text-align: left; padding-left: 45px!important; background-image: none!important; background-color:#9b9a98; border-bottom: 1px solid rgba(255, 255, 255, 0.1)}

.lidi {display:none;}
#side-blocks .block1 {left: 202px!important; bottom: 0; top: inherit!important; right: inherit!important}
#side-blocks .block3 {left: 39px!important; bottom: 0; top: inherit!important}
#side-blocks .block5 {display: none}
#side-blocks .block6 {display: block; left: 0px!important; bottom: 0; top: inherit!important; padding: 13px 11px 7px 11px!important}
#side-blocks .rotate-left {transform: none!important}
#side-blocks .rotate-right {transform: none!important}
.obrazek-ilustracni {background-position-x: 200px;}
#upoutavka-slide-hp .upoutavka-blok {height: 100%; padding: 15px 10px; border-right: 1px solid white}
#upoutavka-slide-hp .upoutavka-blok h2 {font-size: 1.1rem; font-weight: 300}
#upoutavka-slide-hp .blok-upoutavky-pravo {display: none}
#upoutavka-slide-hp .blok-upoutavky-dole {display: inline-block!important}
#prehled-domu .overlay .d-none {display: inline-block!important}
#odkazy {border-top: 1px solid grey; width: 100%}
#odkazy td {padding: 15px 20px!important;}
#detail-typoveho-domu .listovani {top: 20%!important}
.tabulka-prodejci .nadpis-telefon {display: none}
.tabulka-prodejci .nadpis-email {display: none}
.tabulka-prodejci .telefon {border-bottom: 1px solid grey!important; border-right: none!important}
.tabulka-prodejci .email {border-bottom: 1px solid grey!important}
.tabulka-prodejci .jmeno-prodejce { border-bottom: none!important}
.tabulka-prodejci .obrazek {border-bottom: none!important; border-right: none!important}
.aktualita .sloupecky { -webkit-column-count: 1!important; -moz-column-count: 1!important; column-count: 1!important;}
}


@media (max-width: 576px){
#menu2 .top-lista {line-height: 18px; padding-left: 15px; padding-top: 5px; height: 47px}
#menu2 .top-lista .text {font-size: 16px; margin-top: 0}
#menu2 .top-lista .text strong {font-size: 18px;}
#menu2 .logo-30-right {right: 97px; display:none;}
#menu2 .logo-30-right img {height: 95px; display:none;}
#menu2 .logo-canaba-right img {height: 95px; display:none;}
#menu2 .logo-canaba-right-mobil {display:block; position: absolute; right: 0; bottom: 0; top: 0; z-index: 9999;}
#menu2 .logo-canaba-right-mobil img {display:block; height: 95px; }
#menu2 .dropdown-menu a  {text-align: left; padding-left: 45px!important; background-image: none!important; background-color:#9b9a98; border-bottom: 1px solid rgba(255, 255, 255, 0.1)}
#upoutavka-slide-hp h2 {font-size: 0.9rem}
#side-blocks .block3 {left: 33px!important; padding: 4px 20px!important; font-size: 15px!important}
#side-blocks .block1 {left: 143px!important; padding: 4px 25px!important; font-size: 15px!important}
#side-blocks .block6 {padding: 2px 8px 1px 8px!important; }
.obrazek-ilustracni {background-position-x: 110px!important}
.mobil {display: inline!important}
.nemobil {display: none!important}
#prehled-domu .overlay .d-none {display: inline-block!important}
#detail-typoveho-domu .listovani {display: none}
#detail-typoveho-domu .praporek .text-s-pozadim {padding-left: 25px!important}
#detail-typoveho-domu #akce-lokalita {padding-left: 15px}
.ilustracni-02 {background: none}
.ilustracni-03 {background: none}
.ilustracni-01 {background: none}
.mensi-nadpis {font-size: 1.5rem}
#kontakty .linka {border-bottom: 1px solid rgba(0,0,0,.1); height: 1px; width: 100%; margin: 0 15px 30px 15px}
.tabulka-prodejci .telefon {border-bottom: none!important; padding-top: 0!important}
.tabulka-prodejci .email {padding-top: 0!important}
}

/* nastavení hp obrázků */
.hp-domy-34 {height: 34% !important;}

.hp-rd-obrazek {display: block;}
.hp-domy-obrazek {display: none}
.hp-byty-obrazek {display: none}

.hp-text-objednavka {font-size: 15px;}


/* HP - mapa */
#hp-mapa {}
#hp-mapa .lidi {margin: -25px 0 0 -50px; float: left; position: absolute; z-index: 2;}
#hp-mapa .cvd-logo:hover {opacity:0.8;}
#hp-mapa .cvd-text {line-height: 18px; font-size: 15px; text-align: left; padding-top:4px;}
#hp-mapa .cvd-text a {color: #9c0820; font-weight:600;}
#hp-mapa .cvd-text a:hover {color: black; text-decoration:none;}

#Nehvizdy, #Praha, #Ostrava, #Dresden, #Mnichov {opacity: 0;}
#Nehvizdy:hover, #Praha:hover, #Ostrava:hover, #Dresden:hover, #Mnichov:hover {opacity: 1;}
svg > #obrys-CR > text {font-family: 'Roboto', sans-serif;}



/* spodní čtverce */





#upoutavky-card {display: none}
/*#upoutavky-card2 .card-body {background-image: none; background-color: #9c0820; background-image: url(../assets/img/pozadi-menu.png); background-size: contain; padding: 8px 0 8px 0; margin-top: -16px; text-align: center;} */
#upoutavky-card2 .card-body {background-image: none; background-color: #243c22; padding: 8px 0 8px 0; margin-top: -16px; text-align: center;}
#upoutavky-card2 .card-body:hover {background-color: #777;}
#upoutavky-card2 .card-title {color: #fff; font-size: 15px; ; line-height: 18px; margin-bottom: 0}
#upoutavky-card2 .card {border: none}
#upoutavky-card2 .card a {text-decoration: none}
.card-img, .card-img-top {border-top-left-radius: revert; border-top-right-radius: revert}






/* formulare */
.readonly {
  background-color: #e9ecef;
}


/* HP formulář */

#formular-prohlidka .form-group {margin-bottom: 0; font-size: 14px}
#formular-prohlidka .form-control {border-left: 3px solid #9c0820; height: 32px; font-size: 14px; border-radius: 0px}
#formular-prohlidka .btn {font-size: 16px; font-weight: 400; background-color: #9c0820; background-image: url(../assets/img/pozadi-menu.png); background-size: contain; border-color: 1px solid #a5acb2; color: #fff; width: 200px; padding: 12px 0 12px 0}
#formular-prohlidka .btn:hover {background-color: #777;}
#formular-prohlidka .text-spodni {font-size: 13px;}
#formular-prohlidka .text-spodni a {color: #9c0820;}



/* formulář návštěva */
form .optional {border-left: 1px solid #ced4da !important;}


#formular-navsteva .form-group {margin-bottom: 10px; font-size: 14px}
#formular-navsteva .form-control {border-left: 3px solid #9c0820; height: 32px; font-size: 14px; border-radius: inherit}
#formular-navsteva .text-input {font-size: 14px; border-radius: inherit; width: 100%; border: 1px solid #ced4da}
#formular-navsteva .disable {background-color: #ddd; width: 100%; padding: 15px 0; font-weight: 600}
#formular-navsteva .btn {font-size: 16px; font-weight: bold; background-color: #9c0820; border-color: 1px solid #a5acb2; color: #fff; width: 250px;}
#formular-navsteva .btn:hover {background-color: #999; color: #9c0820;}
#formular-navsteva .text-spodni {font-size: 13px}
#formular-navsteva .text-spodni a {color: #9c0820;}
.obrazek-formular-01 {background: url("../assets/img/contact-2.jpg") no-repeat; background-size: cover; background-position: center}

/* formulář katalog */

#formular-katalog .form-group {margin-bottom: 10px; font-size: 14px}
#formular-katalog .form-control {border-left: 3px solid #9c0820; height: 32px; font-size: 14px; border-radius: inherit}
#formular-katalog .btn {font-size: 16px; font-weight: bold; background-color: #9c0820; border-color: 1px solid #a5acb2; color: #fff; width: 250px;}
#formular-katalog .btn:hover {background-color: #999; color: #9c0820;}
#formular-katalog .text-spodni {font-size: 13px}
#formular-katalog .text-spodni a {color: #9c0820;}
.obrazek-formular-02 {background: url("../assets/img/contact-2.jpg") no-repeat; background-size: cover; background-position: center}

/* formulář projekt */

#formular-projekt .form-group {margin-bottom: 10px; font-size: 14px}
#formular-projekt .form-control {border-left: 3px solid #9c0820; height: 32px; font-size: 14px; border-radius: inherit}
#formular-projekt .disable {background-color: #ddd; width: 100%; padding: 15px 0; font-weight: 600}
#formular-projekt .btn {font-size: 16px; font-weight: bold; background-color: #9c0820; border-color: 1px solid #a5acb2; color: #fff; width: 250px;}
#formular-projekt .btn:hover {background-color: #999; color: #9c0820;}
#formular-projekt .text-spodni {font-size: 13px}
#formular-projekt .text-spodni a {color: #9c0820;}
.obrazek-formular-03 {background: url("../assets/img/contact-2.jpg") no-repeat; background-size: cover; background-position: center}

/* formulář hledáme */

#formular-hledame .form-group {margin-bottom: 10px; font-size: 14px}
#formular-hledame .form-control {border-left: 3px solid #9c0820; height: 32px; font-size: 14px; border-radius: inherit}
#formular-hledame .btn {font-size: 16px; font-weight: bold; background-color: #9c0820; border-color: 1px solid #a5acb2; color: #fff; width: 250px;}
#formular-hledame .btn:hover {background-color: #999; color: #9c0820;}
#formular-hledame .text-spodni {font-size: 13px}
#formular-hledame .text-spodni a {color: #9c0820;}


/* formulář akce */

#formular-akce .form-group {margin-bottom: 10px; font-size: 14px}
#formular-akce .form-control {border-left: 3px solid #9c0820; padding: 25px 15px; font-size: 14px; border-radius: inherit}
#formular-akce .btn {font-size: 16px; font-weight: bold; background-color: #9c0820; border-color: 1px solid #a5acb2; color: #fff; width: 250px; padding: 15px;}
#formular-akce .btn:hover {background-color: #999; color: #9c0820;}
#formular-akce .text-spodni {font-size: 13px}
#formular-akce .text-spodni a {color: #9c0820;}


/* formulář informace */

#formular-informace .form-group {margin-bottom: 10px; font-size: 14px}
#formular-informace .form-control {border-left: 3px solid #9c0820; padding: 25px 15px; font-size: 14px; border-radius: inherit}
#formular-informace .btn {font-size: 16px; font-weight: bold; background-color: #9c0820; border-color: 1px solid #a5acb2; color: #fff; width: 250px; padding: 15px;}
#formular-informace .btn:hover {background-color: #999; color: #9c0820;}
#formular-informace .text-spodni {font-size: 13px}
#formular-informace .text-spodni a {color: #9c0820;}


/* formulář souhlas */

#formular-souhlas .form-group {margin-bottom: 10px; font-size: 14px}
#formular-souhlas .form-control {border-left: 3px solid #9c0820; height: 32px; font-size: 14px; border-radius: inherit}
#formular-souhlas .disable {background-color: #ddd; width: 100%; padding: 15px 0; font-weight: 600}
#formular-souhlas .btn {font-size: 16px; font-weight: bold; background-color: #9c0820; border-color: 1px solid #a5acb2; color: #fff; width: 250px;}
#formular-souhlas .btn:hover {background-color: #999; color: #9c0820;}
#formular-souhlas .text-spodni {font-size: 13px}
#formular-souhlas .text-spodni a {color: #9c0820;}
.obrazek-formular-04 {background: url("../assets/img/contact-2.jpg") no-repeat; background-size: cover; background-position: center}


/* objednat-navstevu */

#formular-objednat-navstevu .form-group {margin-bottom: 5px; font-size: 14px}
#formular-objednat-navstevu .form-control {border-left: 3px solid #9c0820; height: 32px; font-size: 14px; border-radius: inherit}
#formular-objednat-navstevu .btn {font-size: 15px; background-color: #9c0820; background-image: url(../assets/img/pozadi-menu.png); background-size: contain; color: #fff; width: 150px; padding: 12px 0 12px;}
#formular-objednat-navstevu .btn:hover {color: White;}
#formular-objednat-navstevu .text-spodni {font-size: 13px; line-height: 1.2em;}
#formular-objednat-navstevu .text-spodni a {color: #9c0820;}
#formular-objednat-navstevu #datum {background-image: url(../assets/img/objednat-kalendar.svg); background-repeat: no-repeat; background-position: right 13px center;}
.obrazek-pozadi-objednat {min-height: 408px; border-right: 6px solid #9D0B20; background-image: url(../assets/img/objednat-centrum.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.obrazek-pozadi-objednat-typovy {min-height: 600px; border-right: 6px solid #9D0B20; background-image: url(../assets/img/objednat-centrum-typovy.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.obrazek-pozadi-objednat-typovy-byt {min-height: 600px; border-right: 6px solid #9D0B20; background-image: url(../assets/img/objednat-centrum-typovy-byt.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.obrazek-pozadi-objednat-hp {min-height: 435px; border-right: 6px solid #9D0B20; background-image: url(../assets/img/objednat-navstevu-home-default.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.obrazek-pozadi-objednat-hp-2 {min-height: 435px; border-right: 6px solid #9D0B20; background-image: url(../assets/img/objednat-navstevu-home-default-2.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom center;}
.obrazek-pozadi-objednat-hp-3 {min-height: 435px; border-right: 6px solid #9D0B20; background-image: url(../assets/img/objednat-navstevu-home-default-3.jpg); background-repeat: no-repeat; background-size: cover; background-position: bottom center;}
@media (max-width: 768px){
.obrazek-pozadi-objednat-hp-3 {background-image: url(../assets/img/objednat-navstevu-home-default-3-mobil.jpg);}
}
#objednat .nadpis-video-1 {font-weight: 600; text-align: center; background-color: #243c22; display: block; width: 100%; color: white; padding: 12px 10px 8px 10px; font-size: 26px;}

#objednat-navstevu .lidi {position:absolute; left: -15%; bottom:-10%;}
#objednat-navstevu .lidihp {position:absolute; left: -22%; bottom:-3%; z-index: 10;}
#objednat-navstevu .sipka {position:absolute; right: -20px; top: 46%; z-index:10;}
#objednat-navstevu .btn-zobrazit { position: absolute; bottom: 30px;  z-index: 10; left: 34%;font-size: 20px; font-weight: bold; background-color: #9c0820; background-image: url(../assets/img/button-zeleny.png); background-size: contain; color: #fff;  padding: 18px;}
#objednat-navstevu .nadpis-video {position:absolute; top: 0; z-index:9;}
#objednat-navstevu .nadpis-video-2 {font-weight: 600; text-align: center; background-color: #9D0B20; display: block; width: 100%; color: white; padding: 12px 10px 8px 10px; font-size: 22px;}
.text-bila {color: White;}
.text-bila:hover {color: White; text-decoration:none;}
.text-21 {font-size: 26px; font-weight: 600; color: #686868; letter-spacing: 0.5px; padding: 3px 0 3px 0;}
.text-22 {float: left; margin-right: 20px;}
.text-23 {color: #686868;}
.text-24 {font-size: 26px; font-weight: 600; color: #686868; padding: 3px 0 3px 0; white-space: nowrap;}
.text-25 {color: #686868; line-height: 1.3; padding-bottom: 8px;}
.text-25 strong {white-space: nowrap;}

@media (max-width: 768px){
.text-24 {font-size: 22px;  padding: 0px 0 0px 0;}
}


#objednat-navstevu .roh-videa {position:absolute; right: 0; bottom:0; z-index:9;}
#objednat-navstevu .roh-terra {position:absolute; left: 15px; top:15px; z-index:9; border: 5px solid White;}
/* #objednat-navstevu .roh-videa:hover {opacity: 1.0; height:198px;} */
#objednat-navstevu .presah {overflow:hidden; height: 561px;}
#background-video {height: 100%;}

#objednat-navstevu-blok {background: #fbfcfd;}
#objednat-navstevu-blok.posun-left {padding-left: 5rem!important;}
#objednat-navstevu-blok h3 {font-size:22px;}
#objednat-navstevu-blok .adresa-objednat-navstevu {border-bottom: 0px solid #E4E7EB;}
#objednat-navstevu-blok .centrum-objednat-navstevu {font-size:30px; font-weight:bold; line-height: initial;}
#objednat-navstevu-blok .centrum-objednat-navstevu span {font-weight:300;}
#objednat-navstevu-blok .centrum-objednat-odrazka {font-size: 15px; background-image: url(../assets/img/objednat-seznam.svg); background-repeat: no-repeat; background-position: left 8px; padding-left:15px;}

@media (max-width: 990px){
#objednat-navstevu .lidi {display:none;}
#objednat-navstevu .lidihp {display:none;}
#objednat-navstevu .sipka {display:none;}
.obrazek-pozadi-objednat {border:0px;}
.obrazek-pozadi-objednat-typovy {border:0px;}
.obrazek-pozadi-objednat-hp {border:0px;}
#objednat-navstevu-blok.posun-left {padding-left: 1rem!important;}
}

@media (min-width: 990px) and (max-width: 1200px){
#objednat-navstevu-blok.posun-left {padding-left: 3rem!important;}
}


/* Lokality domů - přehledová stránka */
#prehled-lokalit-domu .blok-lokalita a {text-decoration:none !important;}
#prehled-lokalit-domu .blok-lokalita p {color: #212529;}
#prehled-lokalit-domu .blok-lokalita .btn:disabled {opacity:1}
#prehled-lokalit-domu .blok-lokalita .logo-lokality {width:150px; float:right;}
#prehled-lokalit-domu .praporek .text-s-pozadim {background-color: #9c0820}
#prehled-lokalit-domu .tlacitka .btn-galerie {display: none}
#prehled-lokalit-domu .tlacitka a:first-child .btn-galerie {display: inline}


/* lokalita vyprodáno */
#prehled-lokalit-domu .stav-lokality-114 {width:150px; float:right;}
#prehled-lokalit-domu .stav-lokality-114 img {-webkit-filter: grayscale(1); opacity: 0.6}
#prehled-lokalit-domu .stav-lokality-114 h2 {color: #666666}
#prehled-lokalit-domu .stav-lokality-114 .btn {background-color: #999}
#prehled-lokalit-domu .stav-lokality-114 .btn:hover {background-color: #9c0820}
#prehled-lokalit-domu .stav-lokality-114 .text-s-pozadim {background-color: #666666}




#domy-filtr {background: #dee3e6 url("../assets/img/pozadi-sede-prechod.gif") repeat-x}
#domy-filtr label {justify-content: flex-start}
#domy-filtr .form-check {justify-content: flex-end; text-align: right; padding-right:25px}
#tabulka-domy {background: #fff}
#tabulka-domy th {background-color: #9c0820; color: #fff; text-align: center; border-top: none; line-height: 1.2; font-weight: normal}
#tabulka-domy th a {color: #fff; font-weight: normal}
#tabulka-domy th:hover {text-decoration: underline; cursor:default;}
#tabulka-domy td {position:relative; text-align: center; border-right: 0px solid #f6f6f7; white-space: nowrap;}
#tabulka-domy td a {text-decoration: none; color: inherit;}
#tabulka-domy td a:hover .far {color:#9e0923;}
#tabulka-domy .akce-lokalita-button {color:White; font-size:0.8em; font-weight:bold; padding:1px 5px;}
#tabulka-domy .akce-lokalita-button2 {color:White; font-size:0.8em; font-weight:bold; padding:1px 10px;}
#tabulka-domy tr:hover {background:#fafafa;}
#tabulka-domy tr[data-stav='118'] a {cursor: not-allowed;}



#byty-filtr {background: #dee3e6 url("../assets/img/pozadi-sede-prechod.gif") repeat-x}
#byty-filtr label {justify-content: flex-start}
#byty-filtr .form-check {justify-content: flex-end; text-align: right; padding-right:25px}
.tabulka-byty {background: #fff}
.tabulka-byty th {background-color: #9c0820; color: #fff; text-align: center; border-top: none; line-height: 1.2; font-weight: normal; padding: .75rem 0.25rem;}
.tabulka-byty th a {color: #fff; font-weight: normal}
.tabulka-byty th:hover {text-decoration: underline; cursor:default;}
.tabulka-byty td {position:relative; text-align: center; border-right: 0px solid #f6f6f7; padding: .75rem 0.25rem; white-space: nowrap;}
.tabulka-byty td a {text-decoration: none; color: inherit;}
.tabulka-byty td a:hover .far {color:#9e0923;}
.tabulka-byty .akce-lokalita-button {color:White; font-size:0.8em; font-weight:bold; padding:1px 5px;}
.tabulka-byty .akce-lokalita-button2 {color:White; font-size:0.8em; font-weight:bold; padding:1px 10px;}

.tabulka-byty tr th i, #tabulka-domy tr th i {margin: 1px 0px 0px 0px; float: left; display: none; opacity: 0.5;}
.tabulka-byty tr:hover {background:#fafafa;}
.tabulka-byty tr[data-stav='118'] a {cursor: not-allowed;}


.barvarezervovaný {color: orange !important;}
.barvavolný {color: green !important;}
.barvaprodaný {color: #9c0820 !important;}
.barvapřipravujeme {color: silver !important;}

/*
#tabulka-byty .fa-sort-alpha-down, #tabulka-domy .fa-sort-alpha-down {display: none;}
#tabulka-byty .fa-sort-alpha-up, #tabulka-domy .fa-sort-alpha-up {display: none;}
#tabulka-byty .descending .fa-sort-alpha-up, #tabulka-domy .descending .fa-sort-alpha-up {display: inline-block;}
#tabulka-byty .ascending .fa-sort-alpha-down, #tabulka-domy .ascending .fa-sort-alpha-down {display: inline-block;}
*/

.mapa-border {border:none}

/* řazení bytů/domů */
th:hover {
  text-decoration: none !important;
}
th[data-sort] {
  cursor: pointer !important;
}
.sorting-asc::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  opacity: 0.5;
  margin-right: 2px;
  content: "\f15e";
}
.sorting-desc::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  opacity: 0.5;
  margin-right: 2px;
  content: "\f15d";
}



/* defininice stylů pro SVG plánky */
svg .stav- {display: none;}
/* volný */
/*svg .stav-116 {stroke-width: 4; stroke-miterlimit: 10; stroke: #ffffff !important; stroke-opacity: 0.0; fill: #ffffff !important; fill-opacity: 0.0; cursor: pointer;} */
svg .stav-116 {stroke-width: 4; stroke-miterlimit: 10; stroke: #137d1c !important; stroke-opacity: 0.0; fill: #137d1c !important; fill-opacity: 0.0; cursor: pointer;}
svg .stav-116:hover {stroke-opacity: 0.9; fill-opacity: 0.5;}

/* rezervovaný */
svg .stav-117 {stroke-width: 4; stroke-miterlimit: 10; stroke: #f59305 !important; stroke-opacity: 0.6; fill: #f59305 !important; fill-opacity: 0.4; cursor: pointer;}
svg .stav-117:hover {stroke-opacity: 0.8; fill-opacity: 0.6;}
/* prodaný */
svg .stav-118 {stroke-width: 4; stroke-miterlimit: 10; stroke: #cc0000 !important; stroke-opacity: 0.5; fill: #cc0000 !important; fill-opacity: 0.2; cursor: not-allowed !important; z-index:999 !important;}
svg .stav-118:hover {stroke-opacity: 0.8; fill-opacity: 0.5;}



/* Plánky domů */
#Planek-RD-Nehvizdy-VII .Volny-Planek { stroke-width: 4; stroke-miterlimit: 10; stroke: #ffffff !important; stroke-opacity: 0.0; fill: #ffffff !important; fill-opacity: 0.0; cursor: pointer; }
#Planek-RD-Nehvizdy-VII .Volny-Planek:hover { stroke-opacity: 0.9; fill-opacity: 0.5;}
#Planek-RD-Nehvizdy-VII .Rezervace-Planek { stroke-width: 4; stroke-miterlimit: 10; stroke: #f59305 !important; stroke-opacity: 0.6; fill: #f59305 !important; fill-opacity: 0.4; cursor: pointer; }
#Planek-RD-Nehvizdy-VII .Rezervace-Planek:hover { stroke-opacity: 0.8; fill-opacity: 0.6;}
#Planek-RD-Nehvizdy-VII .Prodano-Planek { stroke-width: 4; stroke-miterlimit: 10; stroke: #cc0000 !important; stroke-opacity: 0.5; fill: #cc0000 !important; fill-opacity: 0.2; cursor: not-allowed !important; z-index:999 !important;}
#Planek-RD-Nehvizdy-VII .Prodano-Planek:hover { stroke-opacity: 0.8; fill-opacity: 0.5;}

/* Plánky domů */
#Planek-RD-Podebrady .Volny-Planek { stroke-width: 4; stroke-miterlimit: 10; stroke: #137d1c !important; stroke-opacity: 0.8; fill: #137d1c !important; fill-opacity: 0.4; cursor: pointer; }
#Planek-RD-Podebrady .Volny-Planek:hover { stroke-opacity: 0.9; fill-opacity: 0.5;}
#Planek-RD-Podebrady .Rezervace-Planek { stroke-width: 4; stroke-miterlimit: 10; stroke: #f59305 !important; stroke-opacity: 0.6; fill: #f59305 !important; fill-opacity: 0.4; cursor: pointer; }
#Planek-RD-Podebrady .Rezervace-Planek:hover { stroke-opacity: 0.8; fill-opacity: 0.6;}
#Planek-RD-Podebrady .Prodano-Planek { stroke-width: 4; stroke-miterlimit: 10; stroke: #cc0000 !important; stroke-opacity: 0.5; fill: #cc0000 !important; fill-opacity: 0.2; cursor: not-allowed !important; z-index:999 !important;}
#Planek-RD-Podebrady .Prodano-Planek:hover { stroke-opacity: 0.8; fill-opacity: 0.5;}

/* Plánky domů */
#Planek-RD-Hradec .Volny-Planek { stroke-width: 4; stroke-miterlimit: 10; stroke: #137d1c !important; stroke-opacity: 0.8; fill: #137d1c !important; fill-opacity: 0.4; cursor: pointer; }
#Planek-RD-Hradec .Volny-Planek:hover { stroke-opacity: 0.9; fill-opacity: 0.5;}
#Planek-RD-Hradec .Rezervace-Planek { stroke-width: 4; stroke-miterlimit: 10; stroke: #f59305 !important; stroke-opacity: 0.6; fill: #f59305 !important; fill-opacity: 0.4; cursor: pointer; }
#Planek-RD-Hradec .Rezervace-Planek:hover { stroke-opacity: 0.8; fill-opacity: 0.6;}
#Planek-RD-Hradec .Prodano-Planek { stroke-width: 4; stroke-miterlimit: 10; stroke: #cc0000 !important; stroke-opacity: 0.5; fill: #cc0000 !important; fill-opacity: 0.2; cursor: not-allowed !important; z-index:999 !important;}
#Planek-RD-Hradec .Prodano-Planek:hover { stroke-opacity: 0.8; fill-opacity: 0.5;}




/* Plánky domů */
#Planek-RD-Nehvizdy-VIII .Volny-Planek { stroke-width: 4; stroke-miterlimit: 10; stroke: #137d1c !important; stroke-opacity: 0.8; fill: #137d1c !important; fill-opacity: 0.4; cursor: pointer; }
#Planek-RD-Nehvizdy-VIII .Volny-Planek:hover { stroke-opacity: 0.9; fill-opacity: 0.5;}
#Planek-RD-Nehvizdy-VIII .Rezervace-Planek { stroke-width: 4; stroke-miterlimit: 10; stroke: #f59305 !important; stroke-opacity: 0.6; fill: #f59305 !important; fill-opacity: 0.4; cursor: pointer; }
#Planek-RD-Nehvizdy-VIII .Rezervace-Planek:hover { stroke-opacity: 0.8; fill-opacity: 0.6;}
#Planek-RD-Nehvizdy-VIII .Prodano-Planek { stroke-width: 4; stroke-miterlimit: 10; stroke: #cc0000 !important; stroke-opacity: 0.5; fill: #cc0000 !important; fill-opacity: 0.2; cursor: not-allowed !important; z-index:999 !important;}
#Planek-RD-Nehvizdy-VIII .Prodano-Planek:hover { stroke-opacity: 0.8; fill-opacity: 0.5;}


/* Plánky domů */
#Planek-RD-Skvorec .Volny-Planek { stroke-width: 4; stroke-miterlimit: 10; stroke: #137d1c !important; stroke-opacity: 0.8; fill: #137d1c !important; fill-opacity: 0.4; cursor: pointer; }
#Planek-RD-Skvorec .Volny-Planek:hover { stroke-opacity: 0.9; fill-opacity: 0.5;}
#Planek-RD-Skvorec .Rezervace-Planek { stroke-width: 4; stroke-miterlimit: 10; stroke: #f59305 !important; stroke-opacity: 0.6; fill: #f59305 !important; fill-opacity: 0.4; cursor: pointer; }
#Planek-RD-Skvorec .Rezervace-Planek:hover { stroke-opacity: 0.8; fill-opacity: 0.6;}
#Planek-RD-Skvorec .Prodano-Planek { stroke-width: 4; stroke-miterlimit: 10; stroke: #cc0000 !important; stroke-opacity: 0.5; fill: #cc0000 !important; fill-opacity: 0.2; cursor: not-allowed !important; z-index:999 !important;}
#Planek-RD-Skvorec .Prodano-Planek:hover { stroke-opacity: 0.8; fill-opacity: 0.5;}
#Planek-RD-Skvorec .Moderna-Planek { stroke-width: 4; stroke-miterlimit: 10; stroke: #f97f06 !important; fill: #f97f06 !important; }
#Planek-RD-Skvorec .Twin-Planek { stroke-width: 4; stroke-miterlimit: 10; stroke: #c94f2b !important; fill: #c94f2b !important;}

/* Plánky bytů */
#Planek-Byty-Nehvizdy-VI polygon { stroke-width: 4; stroke-miterlimit: 10; stroke: #ffffff !important; stroke-opacity: 0.0; fill: #ffffff !important; fill-opacity: 0.0; }
#Planek-Byty-Nehvizdy-VI polygon:hover { stroke-opacity: 0.7; fill-opacity: 0.4; }
#Planek-Byty-Nehvizdy-VI text {fill: #ffffff; }

#Planek-Byty-CernyMost polygon { stroke-width: 4; stroke-miterlimit: 10; stroke: #ffffff !important; stroke-opacity: 0.0; fill: #ffffff !important; fill-opacity: 0.0; }
#Planek-Byty-CernyMost polygon:hover { stroke-opacity: 0.7; fill-opacity: 0.4; }
#Planek-Byty-CernyMost text {fill: #ffffff; }
#Planek-Byty-CernyMost text .budova {fill: #9e0923; font-weight:900; }

/* Přehled domů - ceny domů */
#tabulka-ceny {background: #fff}
#tabulka-ceny th {background-color: #ddd; text-align: center; border-top: none; font-weight: normal; border: 1px solid #aaa9ad}
#tabulka-ceny td {text-align: center; padding: 7px;  border: 1px solid #aaa9ad}


/* Přehled domů - overlay */

#prehled-domu .card:hover .overlay { opacity: 1; -webkit-transition: all .9s ease;	-moz-transition: all .9s ease;	-o-transition: all .9s ease;	-ms-transition: all .9s ease;	transition: all .9s ease; background: rgba(0, 0, 0, 0.5);}
#prehled-domu .card .card-obal  {position: relative; border: 1px solid #55555559;}
#prehled-domu .card  {border: none}
#prehled-domu .card .card-obal .praporek {position: absolute; z-index: 2; top: 10px; left: -15px;}
#prehled-domu .card .card-obal .praporek .text-s-pozadim {color:#fff; padding: 5px 15px 5px 15px; font-size: 14px;}
#prehled-domu .card .card-obal .praporek .obrazek-praporek {height: 15px; margin-top: -5px}
#prehled-domu .overlay  {position: absolute; width: 100%; height: 100%; top: 0; opacity: 0;}
#prehled-domu .overlay .text {position: absolute; top: 35%; left: 0; right: 0; text-align: center;color: #fff; font-size: 30px;}
#prehled-domu .card .card-obal .card-body .cena {color: #5E5E5E; white-space: nowrap}
#prehled-domu .card .card-obal a:hover {text-decoration: none}
#prehled-domu .card .card-obal .cvd-logo {position: absolute; right: 10px; bottom: 74px; height: 40px}

.tabulka-planek .col {border-bottom: 1px solid grey; border-right: 1px solid grey }
.tabulka-planek .col:last-child {border-right:none}

/* Detail domu */
#detail-typoveho-domu .praporek {position: absolute; z-index: 2; top: 10px; left: -15px;}
#detail-typoveho-domu .praporek .text-s-pozadim {color:#fff; padding: 10px 15px 10px 15px; font-size: 14px; line-height: 17px}
#detail-typoveho-domu .obrazek-praporek {height: 15px; margin-top: -5px}
#detail-typoveho-domu .btn-vzorovy-dum {background:#81AB28; color:white!important; float: right; font-size:14px; font-weight:600;}
#detail-typoveho-domu .prisun {margin-top: -5px}
#detail-typoveho-domu .blok-parametry a {color: #212529; font-size:14px;}
#detail-typoveho-domu .blok-parametry a:hover {color: #666666; text-decoration:none;}
#detail-typoveho-domu .btn-objednat-cervene {font-size: 20px; font-weight: 400; background-color: #9c0820; background-image: url(../assets/img/pozadi-menu.png); background-size: contain; color: #fff;  width: 100%; padding: 15px 0 15px;}
#detail-typoveho-domu .kontakt-prodejci a {color: #212529; font-size:14px; font-weight: bold;}
#detail-typoveho-domu .kontakt-prodejci a:hover {color: #666666; text-decoration:none;}
#detail-typoveho-domu .libise a {color: #212529; font-size:14px; font-weight: bold;}
#detail-typoveho-domu .libise a:hover {color: #666666; text-decoration:none;}
#detail-typoveho-domu .matterport  {width: 100%; border: 0; height: 70vh;}

.vzorovy-odkaz  {position: absolute; bottom: 0px;}
.vzorovy-odkaz2  {color: White; font-size:20px; padding: 10px 20px;}


/* Detail domu carousel */
#SlideDetail .carousel-indicators li {width: 15px; height: 15px; border: 0 }

/* Detail domu - listování */
#detail-typoveho-domu .listovani {width:100%; position:absolute; top:40%; left:0;}
#detail-typoveho-domu .listovani .vlevo {position:absolute; top:0; left:-42px; opacity:1.0;}
#detail-typoveho-domu .listovani .vlevo:hover {opacity:0.6;}
#detail-typoveho-domu .listovani .vpravo {position:absolute; top:0; right:-42px; opacity:1.0;}
#detail-typoveho-domu .listovani .vpravo:hover {opacity:0.6;}

/* Detail domu - tabulky */
#detail-typoveho-domu .blok-parametry {}
#detail-typoveho-domu #parametry  {width: 100%; background: #DEE3E6;}
#detail-typoveho-domu #parametry tr {border-bottom: 1px solid #fff;}
#detail-typoveho-domu #parametry tr:last-child {border-bottom: none}
#detail-typoveho-domu #parametry td {padding: 0 18px; white-space: nowrap}
#detail-typoveho-domu #parametry .cena {background: #E5E9EB; }

#detail-typoveho-domu #parametry .detail-byt td {padding: 0 18px; white-space: inherit}

#detail-typoveho-domu .blok-odkazy {background: #eef1f2}
#detail-typoveho-domu #odkazy {height: 100%}
#detail-typoveho-domu #odkazy td {background: url("../assets/img/prechod-odkazy.gif") repeat-x top; padding: 0 15px}
#detail-typoveho-domu #odkazy td a {color: #1f1e21}
#detail-typoveho-domu #odkazy td .cerveny-odkaz {color: #9c0820; }

/* Detail domu - odkazy */
#detail-typoveho-domu .prohlidka3D {background: url("../assets/img/prohlidka-3D.jpg") no-repeat; width: 260px; height: 90px; padding: 15px 10px 10px 100px; line-height: 16px; font-size: 14px}
#detail-typoveho-domu .prohlidka3D a {color: #666666;}
#detail-typoveho-domu .prohlidka3D a:hover {text-decoration: underline!important}
#detail-typoveho-domu .prohlidka {background: url("../assets/img/360-prohli.png") no-repeat; background-position: 20px; background-color: #F6F8F7; height: 140px; padding: 40px 15px 0px 140px; line-height: 18px;}
#detail-typoveho-domu .prohlidka a {color: #666666;}
#detail-typoveho-domu .prohlidka a:hover {text-decoration: underline!important}
#detail-typoveho-domu .konfigurator {background: url("../assets/img/3D-konfi.png") no-repeat; background-position: 20px; background-color: #F6F8F7; height: 140px; padding: 40px 15px 0px 140px; line-height: 18px; }
#detail-typoveho-domu .konfigurator a {color: #666666;}
#detail-typoveho-domu .konfigurator a:hover {text-decoration: underline!important}

#detail-bytu .carousel-indicators {bottom: 0!important}
#detail-domu .carousel-indicators {bottom: 0!important}
#detail-typoveho-domu .carousel-indicators {bottom: 50px}
#detail-typoveho-domu .odskok {bottom: 0px;}
#detail-typoveho-domu .btn-objednat {position: absolute; z-index: 2; bottom: 65px; right: 33px; font-size: 20px }
#detail-typoveho-domu .btn-objednat:hover {background-color: #9e0923!important;}
#detail-typoveho-domu .cvd {height: 70px}
#detail-typoveho-domu .cvzd-vzorove {position:absolute; top:30px; right:30px;}
#detail-typoveho-domu .praporek {top: 30px}
#detail-typoveho-domu #parametry {border-bottom: 2px solid #d9d9d9;}
#detail-typoveho-domu .vzorovy-text {border-bottom: 1px solid #dee3e6}
#detail-typoveho-domu .cvd-text {line-height: 18px; font-size: 15px;}
#detail-typoveho-domu .cvd-text a {color: #212529;}
#detail-typoveho-domu .cvd-text a:hover {color: #9c0820;}
#detail-typoveho-domu .prohlidka-video {background: url(../assets/img/prohlidka-video.jpg) no-repeat; width: 260px;height: 90px; padding: 15px 10px 10px 100px;line-height: 16px;font-size: 14px;}
#detail-typoveho-domu .prohlidka-video a {color: #666666;}
.sdilet {float:right; cursor: pointer; margin-top:-5px;}
.lineheight-19 {line-height:2.0;}
#pudorysy.margint {margin-top: 74px;}

@media (max-width: 768px){
#detail-typoveho-domu .btn-objednat {font-size: 13px; bottom: 26px; z-index: 30 }
#detail-typoveho-domu .carousel-indicators {justify-content: left; bottom: 10px; margin-left: 8%}
}




/* Detail domu - půdorysy */
#detail-typoveho-domu #pudorysy .card .card-footer {background: url("../assets/img/pudorys-tlacitko.png") no-repeat bottom right; height: 48px; border-top: none; border-radius: 0px; }
#detail-typoveho-domu #pudorysy .card:hover .card-footer {background: url("../assets/img/pudorys-tlacitko-active.png") no-repeat bottom right;}
#detail-typoveho-domu #pudorysy a:hover {text-decoration: none}

/* Detail bytu - půdorysy */
#detail-typoveho-domu #pudorysy-byty .card-footer {background: url("../assets/img/pudorys-tlacitko.jpg") no-repeat bottom right; height: 45px; border-top: none; padding: .65rem 1.25rem }
#detail-typoveho-domu #pudorysy-byty .card-footer:hover {background: url("../assets/img/pudorys-tlacitko-active.jpg") no-repeat bottom right;}
#detail-typoveho-domu #pudorysy-byty .carousel-caption {color: #212529; left: 0; right: 0; text-align: left}
#detail-typoveho-domu #pudorysy-byty .obrazek-byt {padding-bottom: 80px}
#detail-typoveho-domu #pudorysy-byty .carousel-indicators li {width: 15px;height: 15px;border: 0;}

/* Detail bytu - akce */
#detail-typoveho-domu #cena-akce {width: 100%; padding: 15px 20px 8px 20px}
#detail-typoveho-domu #cena-akce .cena-poznamka {border-top: 1px solid #b7975a; font-size: 14px;}
#detail-typoveho-domu #cena-poznamka {font-size: 12px; margin-top: 5px}
#detail-typoveho-domu #akce-lokalita {font-size: 12px;}
#detail-typoveho-domu #akce-lokalita .nadpis {font-size: 14px; color: #a17e38}

/* Detail bytu - green side */
.samostatny-projekt {background-repeat: no-repeat; background-position: left top; height: 80px; width: 100%; font-size: 14px; padding: 0 15px 0 140px; line-height: 15px}
.samostatny-projekt a {color: #5E5E5E;}

.samostatny-projekt {position: relative; background: url("/assets/img/pozadi-samostatny-projekt.jpg") no-repeat left top; height: 80px; width: 100%; font-size: 14px; padding: 0 15px 0 140px; line-height: 15px}
.samostatny-projekt-5 {position: absolute; top:0; left:0; width:117px; height:80px; padding:10px;}
.samostatny-projekt-21 {position: absolute; top:15px; left:0; width:117px; padding:10px;}
.samostatny-projekt-23 {position: absolute; top:10px; left:0; width:90px; padding:0 0px 0 25px;}

/* lokality */
#lokality .btn {font-size: 14px; font-weight: bold; background-color: #9c0820; border-color: 1px solid #a5acb2; color: #fff;}
#lokality .btn:hover {background-color: #999; color: White;}
#lokality .btn-seda {font-size: 14px; font-weight: bold; background-color: #999; border-color: 1px solid #a5acb2; color: #fff;}
#lokality .btn-seda:hover {background-color: #9c0820; color: White;}

#lokality p {margin-top: -4px;}
#lokality .praporek {position: absolute; z-index: 2; top: 10px; left: -15px;}
#lokality .praporek .text-s-pozadim {color:#fff; padding: 5px 15px 5px 15px; font-size: 14px;}
#lokality .praporek .obrazek-praporek {height: 15px; margin-top: -5px}
#lokality h2 a {}
#lokality h2 a:hover {color: Black; text-decoration: none;}

.btn-byty {font-size: 14px; font-weight: bold; background-color: white; border: 2px solid #375323; color: #375323;}
.btn-byty:hover  {font-size: 14px; font-weight: bold; background-color: #375323; border: 2px solid #375323; color: #fff;}
.btn-byty.active  {font-size: 14px; font-weight: bold; background-color: #375323 !important; border: 2px solid #375323 !important; color: #fff;}

.btn-domy {font-size: 14px; font-weight: bold; background-color: white; border: 2px solid #9c0820; color: #9c0820;}
.btn-domy:hover  {font-size: 14px; font-weight: bold; background-color: #9c0820; border: 2px solid #9c0820; color: #fff;}
.btn-domy.active  {font-size: 14px; font-weight: bold; background-color: #9c0820 !important; border: 2px solid #9c0820 !important; color: #fff;}


/* lokality - detail */
#lokalita-detail .lokalita-akce {}
#lokalita-detail .praporek-lokalita-detail {position: absolute; z-index: 2; top: 10px; left: -15px;}
#lokalita-detail .praporek-lokalita-detail .text-s-pozadim {color:#fff; padding: 5px 15px 5px 15px; font-size: 14px;}
#lokalita-detail .praporek-lokalita-detail .obrazek-praporek {height: 15px; margin-top: -5px}
#lokalita-detail .planek-krizek {position: absolute; top: 0; right: 15px; font-size: 40px; color: #dee3e6; cursor: pointer;}
#lokalita-detail .btn {font-size: 14px; font-weight: bold; background-color: #9c0820; border-color: 1px solid #a5acb2; color: #fff; padding: 1px 10px}
#lokalita-detail .btn:disabled {opacity:1}

#lokalita-detail .nav-tabs .nav-link {border: 1px solid #dee2e6; background: #f5f6f6;}
#lokalita-detail .nav-tabs .nav-link:hover {background: White;}
#lokalita-detail .nav-tabs .nav-link.active {background: White; border-bottom: 1px solid White;}

.nulovani-buttonu {margin-top: -1px; background-color:transparent !important; color:inherit !important; border-color:transparent !important; font-weight: normal !important; font-size:inherit !important; }

/* Prodejci */
.tabulka-prodejci {padding-left: 15px; padding-right: 15px}
.tabulka-prodejci a {color: #212529}
.tabulka-prodejci a:hover {color: #6c757d}
.tabulka-prodejci .vlajka {height: 15px; float: right; margin: 5px; border: 1px solid #dee2e6;}
.tabulka-prodejci .jmeno-prodejce {padding: 17px 10px 8px 15px; border-bottom: 1px solid #dee2e6}
.tabulka-prodejci .obrazek {border-bottom: 1px solid #dee2e6; border-right: 1px solid #dee2e6}
.tabulka-prodejci .obrazek .obrazek-prodejce {height: 55px;}
.tabulka-prodejci .telefon {padding: 17px 10px 8px 15px; border-bottom: 1px solid #dee2e6; border-right: 1px solid #dee2e6}
.tabulka-prodejci .email {padding: 17px 10px 8px 15px; border-bottom: 1px solid #dee2e6; text-align: right}

.aktualita .card-header {font-size: 18px; color:#979797 }
.aktualita .card-header .cervena {font-size: 22px; }
.aktualita .sloupecky { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}

/* Aktuality - galerie */
.galerie-aktualita .carousel-indicators {left: 0;top: auto;bottom: -40px;}
/* The colour of the indicators */
.galerie-aktualita .carousel-indicators li {background: #a3a3a3;width: 8px;height: 8px;}
.galerie-aktualita .carousel-indicators .active {background: #707070;}


/* Google mapa */
.map-container{overflow:hidden;padding-bottom:56.25%;position:relative; height:500px;}
.map-container iframe{left:0;top:0;height:100%; width:100%;position:absolute;}


/* Kontakty */
#kontakty .obrazek-kontakty {background: url(../assets/img/ilustracni-popis-02.jpg) no-repeat; background-position: center; background-size: cover}
#kontakty .vertical-align {height:300px;}
#kontakty .vertical-logo {position:absolute; bottom:0;}



/* Patička */
#paticka {display: none}
#paticka2 {border-top: 3px solid #9c0820; text-align: center; padding-top: 25px}
#paticka2 a {font-size: 15px; text-decoration: none; color: #9b9c9e; font-weight: 400; border-right: 1px solid silver; padding: 0 15px 0 15px }
#paticka2 a:hover {text-decoration: underline; }


/* testovací verze webu */
.testovaci-verze {color:yellow; width:100%; height:100px; line-height:100px; font-size:80px; font-weight:800; position:fixed; bottom:0px; left:0; z-index:999999 !important; background:rgba(255, 0, 0, 0.6); text-align:center;}


/* stránka videa */
.video-bg {background: #dee3e6;}


/* ojebávka finančních poradců */

.tabulka-financni-poradci {}
.tabulka-financni-poradci .jmeno-prodejce {padding-top: 10px; padding-bottom: 0px; line-height: 1.2em;}
.tabulka-financni-poradci .jmeno-prodejce small {color: silver;}
.poradce-nezobrazit {display:none;}
.poradce-zobrazit-4 {display:block;}

/* modální okno Uvod */
#myModalUvod {background: rgba(0,0,0,0.6);}
#myModalUvod .modal-dialog {margin-top: 15vh;}
#myModalUvod .modal-content {border-radius: 0; border: 0; background-color: transparent;}
#myModalUvod .close {width:40px; height:40px; position: absolute; right:0; text-shadow: none;}
#myModalUvod .close span {font-size: 40px;}


/* definice stylů pro eu-cookie */
.eu-cookies {text-align:center; position:fixed; left:0; bottom:-115px; width:100%; color:white; background-color:black; z-index:1000; padding:5px; opacity:0.8;}
.eu-cookies button {background:#5f0415 none repeat scroll 0 0; border:medium none; border-radius:3px; color:#fff; cursor:pointer; font-weight:700; margin:0 20px; padding:4px 12px;}
.eu-cookies a {color:#fff; font-weight:bold;}
.eu-cookies a:hover {text-decoration:underline;}




/* specialitky závislé na lokalitě */
/* .speciality-lokality-4 .bg-seda {background-color: transparent!important; color:#212529!important;} */



.stin-katalog {
padding: 0px;
box-shadow: inset 0 -1em 1em rgb(0 0 0 / 10%), 0 0 0 1px rgb(255 255 255), 0.1em 0.1em 1em rgb(0 0 0 / 30%);
margin-top: 10px;
margin-bottom: 10px;
}

.pryc19 {display:none;}


/* hlášky na homePage */

@media (max-width: 768px){
.hlaskaHP {display:none;}
}

@media (min-width: 769px){
.hlaskaHP {position: absolute; bottom:0; z-index:10;}
}

#carouselHP .slide {position: absolute; top: -45px; width: max-content; opacity:0.0; padding:6px 40px 6px 20px; font-size: 22px; font-weight:100; background: linear-gradient(90deg, rgba(156,8,32,1) 70%, rgba(255,255,255,0) 100%);   -webkit-transition: all 1.9s ease;	-moz-transition: all 1.9s ease;	-o-transition: all 1.9s ease;	-ms-transition: all 1.9s ease;	transition: all 1.9s ease;}
#carouselHP .slide.active {color: white; opacity:1; -webkit-transition: all 1.9s ease;	-moz-transition: all 1.9s ease;	-o-transition: all 1.9s ease;	-ms-transition: all 1.9s ease;	transition: all 1.9s ease;}


/* pozor nová verze */
.nova-verze {color:yellow; width:100%; height:100px; line-height:100px; font-size:40px; font-weight:800; position:fixed; bottom:0; left:0; z-index:999999 !important; background: rgba(255,0,0,0.6); text-align:center; text-shadow: 0 1px 15px rgb(0 0 0 / 90%);}