/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/* deklarace fontu Uni Sans */
@font-face {
    font-family: Uni-Sans-Regular; /* deklarace fontu */
    src: url("../fonts/UniSansRegular.otf") format( 'truetype'),
         url("../fonts/UniSansRegular.woff") format( 'woff'),
         url("../fonts/UniSansRegular.woff2") format( 'woff2'); /* propojení na umístění souboru */
}

@font-face {
    font-family: Uni-Sans-Bold; /* deklarace fontu */
    src: url("../fonts/UniSansBold.otf") format('truetype'),
         url("../fonts/UniSansBold.otf") format('woff'),
         url("../fonts/UniSansBold.otf") format('woff2'); /* propojení na umístění souboru */
}

/* definice barev */
:root
{
  --svetle-zelena: rgb( 85, 204, 52);
  --zelena: rgb( 64, 168, 61);
  --seda: rgb( 127, 140, 141);
  --svetle-seda: lightgray;
  
  --odkaz: rgb(0,0,0); /* var(--seda)*/
  --odkaz-hover: var(--zelena);
  
  --nadpis: var(--zelena);
  
  --odstavec: rgb( 0, 0, 0); /*var(--seda)*/
  --list-item: rgb( 0, 0, 0); /*var(--seda)*/
  --menu: rgb( 0, 0, 0);    /*var(--seda)*/
  
  --radek-tabulky: rgb(235, 241, 223);
  
  --ladici-pozadi: rgba(0,0,0,0);
  
  --offcanvas: rgb(255, 255, 255);
  
  --cookies-revoke: rgb( 64, 168, 61, 0.8);
  
}


body, html
{
  min-height: 100%;
  background-color: white;
  height: 100%;
}

p, 
span,
div,
h1, h2, h3, h4, h5, h6, 
li, 
a, 
td, th,
.btn 
{
  font-family: Uni-Sans-Regular, Arial, sans-serif;
  line-height: 1.15;
}

.fab, .far
{
  padding: 0px 5px;
}

em
{
  color: #000;
}

/* nastavení velikosti písma */
h1
{
  font-size: calc(2rem + 1.2vw);
  /* color: rgba(64, 168, 61, 1.0); */
  color: rgb( 64, 168, 61);
  color: var(--nadpis);
  margin-bottom: calc(10px + 5vh);    /* původně bylo + 10vh */
  margin-bottom: 1vh;  /*10vh*//*30px*/
  margin-top: 30px;
  text-transform: none;
}

h2
{
  font-size: calc(2rem + 0.8vw);
  color: rgba(64, 168, 61, 1.0);
}

h3
{
  font-size: calc(1rem + 0.5vw);
  color: rgba(64, 168, 61, 1.0);
}

p, li
{
  color: var(--odstavec);
}

p.sm
{
  font-size: 85%;
}

p.lg
{
  font-size: 115%;
}

.skryto
{
  display: none; 
}

sup
{
}

/* tlačítka z bootstrapu */
.btn
{
  font-size: 1.8rem; 
  font-size: calc( 0.85rem + 0.6vw);
  /* color: #ffffff; */
  color: var(--odstavec);
  line-height: 1.15;
  background-color: rgba(64, 168, 61, 1.0);
  background-color: var( --zelena);
  
  padding: 10px;
  border-radius: 4px;
}

.btn-primary:hover, .btn-info:hover, .btn-inverse:hover 
{
  color: var(--odstavec);
  background-color: var( --zelena);
  box-shadow: 5px 5px 10px gray;
}


/* konec tlačítek z bootstrapu */


/* simulace úvodníků */
.frontend .subpage-show
{
  display: none;
}

.subpage .subpage-show
{
  display: block;
}

.frontend .subpage-hide
{
  display: block;
}

.subpage .subpage-hide
{
  display: none;
}

/* konec simulace úvodníků */


/* paralax na obrázcích */
.parallax
{
 	transition: all 1s ease-in-out;
 	-moz-transition: all 1s ease-in-out; /* Firefox 4 */
 	-webkit-transition: all 1s ease-in-out; /* Safari a Chrome */
 	-o-transition: all 1s ease-in-out; /* Opera */
}

.parallax:hover
{
  /* původně bylo 120% */
 	/*background-size: 100% !important;*/
  box-shadow: 5px 5px 10px gray;
}

p, li, th, td, a, span
{
  font-size: 1.8rem; 
  font-size: calc( 0.85rem + 0.6vw);
  line-height: 1.15;
}

p
{
  text-align: left;
  color: rgb( 127, 140, 141);
  color: rgb( 0, 0, 0);
  color: var(--odstavec);
}

a
{
  color: rgb(0, 0, 0);
  color: var(--odkaz);
}

a:hover,
a:active,
a:focus
{
  color: rgb( 64, 168, 61);
  color: var(--odkaz-hover);
}

/* nastavení tučného písma */
strong,
b
{
  font-family: Uni-Sans-Bold, Arial, sans-serif;
  font-weight: bold;
}


/* odstranění čárky pod nadpisem h1 */
h1:after, .uk-h1:after
{
  /*display: none;*/
}

/* velikosti textů na homepage slideru */
.p-h1
{
  font-size: calc(2rem + 2vw);
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  font-weight: bold;
}

.p-h2
{
  font-size: calc(1.8rem + 1.1vw);
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  font-weight: bold;
}

.p-h3
{
  font-size: calc(2rem + 0.8vw);
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  font-weight: bold;
}


body.frontend .p-h1,
body.frontend .p-h2,
body.frontend .p-h3
{
  color: #ffffff;
}

/* odrážka s lístkem */
ul.seznam-odrazky-listek
{
  list-style-type: none;        
}

ul.seznam-odrazky-listek li
{
  list-style-image: url('../images/listek-20x20.png');
  color: var(--odstavec);
  margin-bottom: 2.0rem;
}


/* definice sloganů na homepage slideru */
.slogan-outer
{
  position: absolute;
  display: block;
  width: 100%;
  bottom: 250px;
  bottom: 20%;
  z-index: 999;
  display: none;
}

.slogan-inner
{
  float: right;
  display: inline-block;
  margin-right: 5%;
}

.slogan-razitko
{
  position: absolute;
  z-index: -1;
}

.cycle-bg-image-navigation
{
  /* bottom: 50px; */
  bottom: calc(80px + 1vh);
}


/* konec definicí textů na homepage slideru */


/* nastavení zobrazení textové oblasti*/
.text-outer
{
  background: rgba( 255,0,0,0.0);
  background: var(--ladici-pozadi);
  display: table-cell;
  vertical-align: middle; 
  vertical-align: top; 
  padding-top: 2%;
  padding-bottom: 2%;
  box-sizing: border-box;
}

.text-inner
{
  overflow-x: hidden;
  overflow-y: auto;
  border-top: 0px rgb( 127, 140, 141) dotted;
  border-bottom: 0px rgb( 127, 140, 141) dotted;
  margin-bottom: 20px;
  /*display: table-cell; */
  vertical-align: middle;
  background: rgba( 0,0,255,0.0);
  background: var(--ladici-pozadi);
  /* max-height: 96%; */
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top-width: 0px;
  border-top-style: dotted;
  border-top-color: rgb( 127, 140, 141);
  border-top-color: var(--seda);
  border-bottom-width: 0px;
  border-bottom-style: dotted;
  border-bottom-color: rgb( 127, 140, 141);
  border-bottom-color: var(--seda);
  box-sizing: border-box;
}

.text-inner:before,
.text-inner:after
{
  content: '';
  display: none; /*block*/
  height: 1px;
  width: 50px;
  border-top-width: 1px;
  border-top-style: dotted;
  border-top-color: rgb( 127, 140, 141);
  border-top-color: var(--seda);
}



/* odstranění stínování horního menu */
.tm-navbar
{
  /* box-shadow: none; */
}

/* odstranění horní linky u jednotlivých articles */
.uk-article + .uk-article
{
  border-top-width: 0px;
}


/* odstranění linky pod sekcí page-header */
.page-header,
.tm-leading-article .uk-article:last-child
{
  border-bottom-width: 0px;
  padding-top: 0px !important;
  margin-top: 0px;
}

/* zneviditelnění patičky */
.tm-block-footer
{
  padding: 0px;
  background: transparent;
}

/* odstranění stínování #tm-content */
#tm-content
{
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0px !important;
}

.latestItemView, .catItemView, .uk-article
{
  -webkit-box-shadow: none;
  box-shadow: none;
}


#tm-main
{
  background-color: transparent;
}

/* nucené zmenšení šířky pravého sloupce a roztažení tm-main */
.tm-main.uk-width-medium-3-4
{
  width: 100% !important;
}

.tm-sidebar-b.uk-width-medium-1-4
{
  width: 0px !important;
}



/* definice menu */
.tm-navbar.uk-navbar
{
  z-index: 10000;
}

.uk-navbar-nav > li > a
{
  font-size: 1.3rem; 
  font-size: calc( 12px + 0.5vw);
  color: #000000;
  color: var(--menu);
  line-height: 1.15;
  font-family: Uni-Sans-Regular, Arial, sans-serif;
  text-transform: none;
}

/* horní menu */
.uk-sticky-placeholder
{
  /* display: none; */
}

.tm-navbar.uk-navbar .uk-container
{
  /* width: 80%; */
  width: 98%;
  max-width: 1600px;
}

.tm-navbar.uk-navbar .image-title
{
  display: none;
}

.uk-navbar-nav > li > a
{
  display: table-cell;
  vertical-align: middle;
}

.uk-navbar-nav > li.uk-active > a,
.uk-navbar-nav > li:hover > a, 
.uk-navbar-nav > li > a:focus, 
.uk-navbar-nav > li.uk-open > a,
.uk-navbar-nav > li.uk-parent.uk-open > a
{
  color: rgb( 64, 168, 61);
  color: var(--zelena);
}

.uk-dropdown, 
.uk-dropdown-blank
{
  width: 300px;
}


.uk-dropdown-navbar
{
  background: rgba(255,255,255,0.8);
  border-color: rgb( 127, 140, 141);
  border-color: var( --seda);
  color: #000000;
}

.uk-nav-navbar > li > a
{
  color: #000000;
  border-bottom-color: rgb( 127, 140, 141);
  border-bottom-color: var(--seda);
}

.uk-dropdown-navbar .uk-nav-navbar > li.uk-active > a
{
  color: rgb( 64, 168, 61);
  color: var(--zelena);
}

.uk-nav-navbar > li > a:hover, 
.uk-nav-navbar > li > a:focus
{
  background: #ffffff;
  color: rgb( 64, 168, 61);
  color: var(--zelena);
}


/*definice zvýrazněné menu item */
.uk-navbar-nav > li > a
{
  padding: 5px 15px;
  height: 45px;
}

/* skrytí falešných menuitems v menu */
.uk-navbar-nav > li > a[href="#"],
.uk-nav-offcanvas > li > a[href="#"]
{
  display: none !important;
}

.uk-navbar-nav > li >a.odkazy
{
  padding-left: 0px;
  padding-right: 0px;
}

.uk-nav-offcanvas > li > a.odkazy
{
  display: inline-block;
  border-bottom: none;    
}

.uk-navbar-nav > li
{
  padding-top: 22px;
}

.uk-navbar-nav > li > .fa-zvyraznene-menu
{
  border: 2px solid var(--zelena);
  border-radius: 10px;
  background-color: var(--zelena);
  color: var(--menu);
}

.uk-navbar-nav > li > .fa-zvyraznene-menu:hover
{
  color: var(--menu);
  box-shadow: 5px 5px 10px lightgray;
  border: 2px solid var(--zelena);
}

.fa-zvyraznene-menu::before {
    font-family: FontAwesome !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    width: 1.28571429em;
    text-align: center;
    margin-right: 10px;
}



/* konec definice horního menu */


/* boční výsuvné menu */
.uk-panel.uk-panel-box.menu
{
  background: transparent;
  border-width: 0px;
  padding: 0px 0px 0px 0px;
  box-sizing: border-box;
  position: fixed;
  right: 0px;
  top: 10%;
  width: 45px;
  width: 45px /*calc( 40px + 90%)*/;
  max-width: 400px;
  z-index: 9999;
  transition: width 100ms;
}

.uk-panel.uk-panel-box.menu h3
{
  font-size: 27px;  /*21px*/
  line-height: 1.2em;
  color: rgba( 64, 168, 61, 1.0);
  display: inline-block;
  width: 30px;
  float: left;
  height: 100%;
  border-right: 20px rgba( 64, 168, 61, 1) solid;
  background: #ffffff;  /* transparent */
  padding-left: 5px;
}

.uk-panel.uk-panel-box.menu h3:hover
{
  cursor: pointer;
}

.uk-panel.uk-panel-box.menu ul
{
  display: inline-block;
  float: right;
  background: rgba( 64, 168, 61, 1.0);
  width: 0px /*90%*/;
  max-width: 500px;
  padding: 10px 20px 10px 10px;
  transition: width 100ms;
}

.uk-panel.uk-panel-box.menu.menu-expanded
{
  width: 400px;
}

.uk-panel.uk-panel-box.menu.menu-expanded ul
{
  width: 90%;
}



.uk-nav-side > li
{
  margin-bottom: 0.5vw;
  border-left: 5px rgba( 64, 168, 61, 1) solid;
}

.uk-nav-side > li > a
{
  font-size: 1em;
  font-size: calc( 0.8em + 0.3vw);
  font-size: 0.8em;
  color: #ffffff
}

.uk-nav-side > li.uk-active > a
{
  background: transparent;
}

.uk-nav-side > li.uk-active > a:hover, 
.uk-nav-side > li.uk-active > a:focus,
.uk-nav-side > li > a:hover, 
.uk-nav-side > li > a:focus
{
  color: #ffffff;
  background: rgb( 85, 204, 52);
  background: var(--svetle-zelena);
}

/* předefinování aktivní položky menu */
.uk-nav-side > li.uk-active
{
  border-left: 5px #ffffff solid;
}



/* hlavní banner v top-a */
div.slideshow-container
{
  position: absolute !important;
  height: 100%;
  width: 100%;
}


div#tm-top-a
{
  background: transparent;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  width: 100%;
  height: 100%;
  display: table;
}

.tm-top-a .uk-panel.uk-panel-box
{
  padding: 0px;
  background: transparent;
  border-width: 0px;
}

#tm-top-a .uk-container
{
  max-width: 100% !important;
  padding: 0px !important;
}



div.homepage-slider
{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0,0,0,0);
}

/* skrytí všech divů s texty */
body.frontend div.bg
{
  display: none; 
  height: 100%;
  width: 100%;
  background: rgba( 255, 255, 255, 0.0);
}

/*
body.frontend.bg0 div.bg0
{
  display: block;
}

body.frontend.bg1 div.bg1
{
  display: block;
}

body.frontend.bg2 div.bg2
{
  display: block;
} 

body.frontend.bg3 div.bg3
{
  display: block;
}
*/

/* konec definice slideshow */

/* definice loga */
img.logo
{
  position: absolute;
  left: -50px;
  top: -10px;
  width: 40rem;
  max-width: 560px;
  min-width: 200px;
  z-index: 9999;
}

img.logo.bez-pozadi
{
  width: inherit;
  left: 5%;
  top: 90px;
}
/* konec definice loga */

div.wrap
{
  clear: both;
  height: 0px;
}


/* definice článků */
div.hlavni-clanky
{
  position: relative;
  clear: both;
}

body.subpage .hlavni-clanky .fixed
{
  position: fixed;
}

body.subpage .hlavni-clanky .pravy.fixed
{
  right: 0px;
}

.kotva
{
  margin-top: 23px;
  position: absolute;
  margin-bottom: 0px;
}

div.levy,
div.pravy
{
  width: 50%;
  box-sizing: border-box;
  display: table; /* display: inline-block;*/ 
  float: left;
  height: 100%;
}

div.pravy
{
  padding-left: 5%;
  padding-right: 5%;
}

div.levy
{
  padding-right: 5%;
  padding-left: 5%;
}

div.levy.prvni
{
  float: left;
}

div.pravy.prvni
{
  float: right;
}


div.levy p,
div.levy h1, div.levy h2, div.levy h3
{
  text-align: right;
}

div.levy h1
{
  position: relative;
}

div.hlavni-clanky .nadpis
{
  color: #000000;
}


/* definice menu na homepage slideru */
body.frontend div.menu-homepage-slider
{
  position: absolute;
  width: 100%;
  bottom: 30px;
  /*bottom: calc(30px + 1vh);*/
  z-index: 1001;
}

body.frontend div.moduletable.menu-homepage-slider
{
  position: absolute;
  right: 5%;
  width: 150px !important;
  bottom: 0px;
}

div.moduletable.menu-homepage-slider span.image-title,
.tm-navbar.uk-navbar .image-title
{
  display: none;
}

div.moduletable.menu-homepage-slider li
{
  float: left;
  display: inline-block;
  margin-left: 15px;
}

div.moduletable.menu-homepage-slider li a:hover
{
  background: transparent;
}


img.razitko
{
  width: 150px;
  width: calc( 150px + 10vw);
  max-width: 236px;
}

/* definice stylů pro galerii */
div.galerie div.galerie-leva,
div.galerie div.galerie-prava
{
  width: 50%;
  box-sizing: border-box;
  display: inline-block;
}

body.subpage.galerie article.uk-article
{
  padding: 0 50px !important;
}

div.galerie-vstup div.titulek
{
  background: rgba(0,0,0,0.0);
  width: 100%;
  height: 100%;
  position: relative;
  display: table;
  transition: all 2s;
}

div.galerie-vstup:hover div.titulek
{
  background: rgba(0,0,0,0.4);
}


div.galerie-vstup div.titulek span
{
  display: table-cell;
  visibility: hidden;
  text-align: center;
  vertical-align: middle;
  color: white !important;
  font-weight: bold;
  font-size: 2.5rem;
  transition: all 1s;
}

div.galerie-vstup:hover div.titulek span
{
  visibility: visible;
}  

div.galerie-dalsi-fotky
{
  display: none;
}

/* od of galerie */


/* nabídka domů */
div.nabidka-domu-odkazy
{
  width: auto;
  display: inline-block;
  margin-top: 30px;
  
}

a.nabidka-domu-odkaz
{
  background-image: url('../images/domecek.png');
  background-position: left center;
  background-repeat: no-repeat;
  text-align: left;
  padding-left: 5vw;
  background-size: contain;
}

/* konec nabídky domů */


/* ceník domů */
div.hlavni-clanky.cenik-domu .pravy
{
  padding-left: 1px;
  background-color: rgb( 64, 168, 61);
  display: table;
  padding-right: 10px;
}

div.hlavni-clanky.cenik-domu .pravy .inner
{
  display: table-cell;
  vertical-align: middle;
}

table.cenik-domu
{
  width: 100%;  /* 95% */
  margin: 0 auto;
  background: #ffffff;
  margin-bottom: 20px;
}

table.cenik-domu tr:nth-child( odd)
{
  background: rgb( 235, 241, 223);
  background: var(--radek-tabulky);
}

table.cenik-domu tr:hover td
{
  background: rgb( 85, 204, 52);
  background: var(--svetle-zelena);
  cursor: pointer;
}

table.cenik-domu tr.zvyraznit,
table.cenik-domu tr.zvyraznit:hover
{
  background: yellow !important;
  border: 2px black solid;
}

table.cenik-domu tr.zvyraznit:hover td
{
  background: yellow !important;
}


div.hlavni-clanky.cenik-domu .pravy p
{
  color: #ffffff;
}

div.hlavni-clanky.cenik-domu span.ui-accordion-header-icon
{
  display: none;
}

div.hlavni-clanky.cenik-domu h3.ui-accordion-header,
div.hlavni-clanky.cenik-domu h3.ui-accordion-header:focus
{
  font-size: 1rem;
  font-size: calc(1rem + 0.8vw);  
  font-weight: bold;
  text-align: center;
  text-transform: none;
  border: none !important;
  margin: 0;
}

div.hlavni-clanky.cenik-domu h3.ui-accordion-header.ui-accordion-header-collapsed
{
  background: rgb( 85, 204, 52);
  color: #ffffff;
}

div.hlavni-clanky.cenik-domu h3.ui-accordion-header.ui-accordion-header-active,
div.hlavni-clanky.cenik-domu .ui-state-active
{
  background: rgb( 255, 255, 255);
  color: rgb( 152, 150, 150);
  border: 1px #ffffff solid !important;
}

div.hlavni-clanky.cenik-domu .ui-accordion .ui-accordion-content
{
  background: rgb( 64, 168, 61);
  border-width: 0px !important;
}

div.hlavni-clanky.cenik-domu h3
{
  display: block;
  background-color: rgb( 85, 204, 52);
  background-color: var(--svetle-zelena);
  color: #ffffff;
  padding: 5px;
  text-transform: none;
  text-align: center;
}

table.cenik-domu th
{
  background: rgb( 64, 168, 61);
  color: #ffffff;
  height: 30px;
}

table.cenik-domu .cenik-karta
{
  min-width: 72px;
  width: 5%;
}

table.cenik-domu .cenik-karta a
{
  padding: 10px;
}

table.cenik-domu .cenik-karta.prodamo a
{
  color: var(--svetle-seda) !important;
  padding: 10px;
}


table.cenik-domu .cenik-stav
{
  width: 19%;
}

table.cenik-domu .cenik-cena
{
  width: 20%;
}

table.cenik-domu .cenik-cpp
{
  width: 16%;
}

table.cenik-domu td
{
  color: #000000;
  color: var(--odstavec);
}

table.cenik-domu th,
table.cenik-domu td,
table.cenik-domu td span
{
  border: 1px black solid;
  padding: 2px;
  text-align: center;
  vertical-align: middle;
  font-size: 1.0rem;
}

table.cenik-domu td.prodano,
table.cenik-domu td.na-dotaz,
table.cenik-domu td.prodano a,
table.cenik-domu td.na-dotaz a
{
  color: var(--svetle-seda);
}

table.cenik-domu td.cenik-stav.pripravujeme
{
  color: var(--zelena) !important;
}


table.cenik-domu *
{
  font-size: 1.0rem;
}

table.cenik-domu tr.volny td
{
  font-weight: bold;
}

table.cenik-domu tr.volny td.cenik-cena,
table.cenik-domu tr.volny td.cenik-stav
{
  color: rgb( 64, 168, 61);
}

table.cenik-domu tr.prodano td.cenik-stav
{
  /* color: rgb( 255, 0, 0); */
  color: var(--svetle-seda);
  font-weight: bold;
}


/* konec definice ceníku */

/* definice standardů provedení */
.hlavni-clanky.standard-provedeni .text-inner
{
  overflow-y: hidden;
}

#standard-accordion
{
  overflow-y: auto;
  height: 100%;
  width: 100%;
}

#standard-accordion h3
{
  font-size: 1rem;
  font-size: calc(1rem + 0.8vw);  
  font-weight: bold;
  text-transform: none;
  color: rgb( 107, 104, 104);
}

#standard-accordion h3:hover,
#standard-accordion h3:focus
{
  color: rgb( 64, 168, 61) !important;
  color: var(--nadpis) !important;
}


#standard-accordion .moduletable.standard
{
  width: 80%;
  margin: 0 10%;
}

#standard-accordion div.ui-accordion-content,
#standard-accordion div.ui-accordion-content .moduletable.standard,
#standard-accordion div.ui-accordion-content .moduletable.standard ul
{
  height: auto !important;
}



#standard-accordion .moduletable.standard li
{
  list-style-type: none;
  line-height: 1.5;
}

#standard-accordion .ui-widget-content
{
  border: none;
}

#standard-accordion.ui-accordion .ui-accordion-header,
#standard-accordion.ui-accordion .ui-accordion-header:focus
{
  margin: 0px;
  background: #ffffff;
  border: none !important;
}

#standard-accordion .moduletable.standard ul li:hover
{
  cursor: pointer;
}

#standard-accordion .ui-icon
{
  display: none;
}

#standard-accordion .img-sipka
{
  width: 21px;
  height: 21px;
  margin-left: 50px;

  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;

  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
   transition-property: transform;
}

#standard-accordion .ui-state-active .img-sipka
{
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg); 
  -o-transform:rotate(90deg);
  transform:rotate(90deg);
}


ul.standardy-vybaveni-subpage
{
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px;
}

ul.standardy-vybaveni-subpage li
{
  font-size: calc(1rem + 0.5vw);
  color:  rgb( 64, 168, 61);
  color: var( --zelena);
  margin-bottom: 20px;
}


/* konec definice standardů provedení */


/* definice aktualit z výstavby */
div.moduletable.aktuality-z-vystavby li
{
  list-style-type: none;
  text-align: right;  
  margin-bottom: 10px;
}

div.moduletable.aktuality-z-vystavby li p
{
  margin-top: 0px;
}

div.moduletable.aktuality-z-vystavby li a.mod-articles-category-title
{
  /* font-size: calc(2rem + 0.8vw); */ /* ekvivalent h2 */
  font-size: 1rem;
  font-size: calc(1rem + 0.5vw);  /* ekvivalent h3 */
  color: rgba(64, 168, 61, 1.0);
}
/* konec definice aktualit z výstavby */ 


/* kontakt */
.hlavni-clanky.kontakt .text-outer
{
  vertical-align: middle;
}
/* end of kontakt */


/* Kontaktní formulář */
body.frontend div.kontaktni-formular
{
  background: rgba(81,175,50,0.07);
}

div.kontaktni-formular div.pravy
{
  padding-left: 40px;
  padding-right: 40px;
}


div.kontaktni-formular .text-inner
{
  padding-top: 0px;
}

body.frontend div.moduletable.kontaktni-formular
{
  background: none;
}

div.kontaktni-formular .text-inner
{
  overflow-y: hidden;
}

div.kontaktni-formular .flex-container
{
  display: flex;
}

div.kontaktni-formular .flex-container .flex-item
{
  flex: 1;
}

div.kontaktni-formular input,
div.kontaktni-formular textarea,
div.kontaktni-formular label
{
  border-color: var(--odstavec);
  color: var(--odstavec);
  font-size: calc( 0.85rem + 0.6vw);
}

div.kontaktni-formular input,
div.kontaktni-formular textarea
{
  margin-bottom: 20px;
  border-radius: 0px;
  font-size: 1.2rem;
}

/*
div.kontaktni-formular input[type="text"]
{
  height: 30px;
}
*/

div.bfErrorMessage 
{
  font-size: calc( 0.85rem + 0.6vw);
}

div.kontaktni-formular .control-group input 
{
  height: calc( 0.85rem + 0.6vw);
  min-height: calc( 0.85rem + 0.6vw) !important;
  line-height: calc( 0.85rem + 0.6vw);
}

div.kontaktni-formular .control-group input[type="text"] 
{
  height: calc( 2.0rem + 0.6vw);
}

div.kontaktni-formular label.checkbox,
div.kontaktni-formular label.radio
{
  line-height: 30px !important;
  borde-radius: 0px;
}

div.kontaktni-formular .bfQuickMode .controls .control-label 
{
  display: inline-block !important;
  width: 20%;   /* původně bylo 80%*/
}


div.kontaktni-formular .bfQuickMode .icon-asterisk 
{
  font-size: 1.0rem;
  color: black;
}

div.kontaktni-formular .bfQuickMode .icon-asterisk:before
{
  content: "\42";
} 

div.kontaktni-formular .radio.inline, .checkbox.inline
{
  /*width: 45%; */
  margin-right: 30px;
}

div.kontaktni-formular input[type="radio"], 
div.kontaktni-formular input[type="checkbox"] 
{
  transform: scale(2.0);
  margin-left: 10px !important;
  margin-right: 10px !important;
  accent-color: var(--zelena);
}

div.kontaktni-formular .bfQuickMode input[type=text], 
div.kontaktni-formular .bfQuickMode textarea,
div.kontaktni-formular .bfQuickMode select,
div.kontaktni-formular .bfQuickMode .uneditable-input 
{
  max-width: 60%;
}

div.kontaktni-formular input
{
  float: left;
}

div.kontaktni-formular .form-actions
{
  background: none;
  width: 85%;
  text-align: center;
  padding-left: 0%;
}

div.kontaktni-formular .form-actions button
{
  float: none;
  padding: 10px;
  width: 250px;
}



div.kontaktni-formular textarea
{
  line-height: 1.2em;
}


/* GDPR */
div.kontaktni-formular #bfLabel41
{
  float: right;
  width: 90%;
}

div.kontaktni-formular #bfElemWrap41
{
  margin-left: 20%;
}


/* Mám zájem */
div.kontaktni-formular #bfElemWrap31
{
  margin-left: 20%;
}

div.kontaktni-formular #bfLabel31,
div.kontaktni-formular #bfLabel41
{
  width: 90% !important;
  max-width: 90% !important;
}

p.povinne-polozky
{
  font-size: 0.9rem;
}

/* end of Kontaktní formulář */


/* panel kontakt na mobilních telefonech */
div.kontakt-mobil
{
  background-color: var(--zelena);
  position: fixed;
  bottom: 0px;
  width: 100%;
  padding: 10px 0px;
}

#tm-footer .uk-container
{
  padding: 0px;
}

div.kontakt-mobil.flex-container
{
  display: flex;
}

div.kontakt-mobil .flex-item
{
  flex: 1;
}

div.kontakt-mobil p
{
  text-align: center;
  margin: 5px;
  padding: 10px; 
}

div.kontakt-mobil .flex-item.telefon p
{
  border: black 1px solid;
  background: var(--offcanvas);
}

div.kontakt-mobil a,
div.kontakt-mobil a:hover
{
  color: var(--odstavec);
}


/* end of panel kontakt na mobilních telefonech */


/* definice detailu domu */
body.detail-domu
{

}

body.detail-domu .levy,
body.detail-domu .pravy
{
  padding-left: 5%;
  padding-right: 5%;
  display: block;
}

body.detail-domu .pravy h1
{
  margin-top: 50px;  /* 20% */
  margin-bottom: 50px;
}

body.detail-domu .pravy .inner
{
  overflow-x: hidden;
  height: 80%;
  margin-top: 20%;
}

body.detail-domu .text-outer
{
  vertical-align: top;
  padding-top: 0%;  /* 2% */
}

body.detail-domu .text-inner
{
  padding-top: 0px;
}


body.detail-domu .fixed
{
  position: fixed;   
}

body.detail-domu .pravy.fixed
{
  right: 0px;   
}


.fotogalerie
{
  height: 80%;
  width: 100%;
  max-height: 668px;
  max-width: 664px;
  margin: 0 0;   /* 10% 0 */
  margin-top: 0px; /* 200px */
  border: 0px black solid;
}

.fotogalerie .detail
{
  max-height: 468px;
  border: 1px black solid;
  border-top-width: 0px;
  text-align: center;
}

.fotogalerie .detail img
{
  height: auto; /* 468px */
  margin: 0 auto;
}

.fotogalerie .slider
{
  overflow-x: auto;
  overflow-y: hidden;
  height: 123px;
  max-height: 125px;
  background: #ffffff;
  border: 1px black solid;
}                                                           

.fotogalerie .slider img
{
  margin-right: 0px;
  border: 4px #ffffff solid;
  float: left;
}

.fotogalerie .slider img:hover
{
  cursor: pointer;
}

.fotogalerie .slider img.img-active
{
  border-color: rgb(64, 168, 61);
}


.fotogalerie .slider .inner 
{
  /* 
    iniciační hodnota šířky - musí se přenastavit pomocí JQuery na akurátní hodnotu podle počtu
    náhledů + 5px odsazení
  */
  width: 1000px;  
}

/* modální okno */
#modalni-okno iframe .menu
{
  display: none !important;
}

#modalni-dialog
{
  width: 100%;
  height: 100%; /*90%*/
  overflow-y: auto;
  z-index: 10000;
}

.ui-button
{
  font-weight: bold;
  color: #000000;
  color: var(--odstavec);
}

.ui-button:active,
.ui-button:focus,
.ui-button:hover
{
  font-weight: bold;
  background: rgb( 85, 204, 52);
  background: var(--svetle-zelena);
  border: 1px solid #000000;
  border-color: 1px solid var(--odstavec);

}

/* konec modálního okna */


/* offcanvas */
.uk-offcanvas-bar
{
  background: var(--zelena);
}

.uk-nav-offcanvas  li a 
{
  color: #ffffff;
  color: var(--offcanvas);
}


html:not(.uk-touch) .uk-nav-offcanvas ul a:hover
{
    color: #ffffff;
    color: var(--offcanvas);
}

.uk-nav-offcanvas  > li li a 
{
  padding-left: 10px;
  text-transform: none;
}


.uk-nav-offcanvas > .uk-open > a, 
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, 
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus
{
  background: rgb( 85, 204, 52);
  background: var(--svetle-zelena);
}

/* aktuality z výstavby */
body.frontend div.aktuality-z-vystavby div.pravy
{
  /* background: url('../../../images/clanky/shutterstock_655020727_nakladacek_02.jpg') center bottom no-repeat; */
  background: url('../../../images/clanky/AdobeStock_221725630.jpg') 70% top no-repeat;
  background-size: cover;
}

body.subpage .aktuality-z-vystavby .pravy
{
  /* position: fixed !important; */
  right: 0px;
}

/* konec aktualit z výstavby */


/*Fancy box*/
#fancybox-wrap
{
  z-index: 10000;
  /* width: 98% !important; */
  height: auto;
  /* top: 0px !important; */
  /* left: 0px !important; */
}

#fancybox-outer
{
  border: 1px solid black;
}
/* End of FancyBox */

/* Nová verze karty domu */
div.karta-domu-v02
{
  width: 75%;
  margin: 0 auto;
}

div.karta-domu-v02 img.hlavni
{
  width: 100%;
}

div.karta-domu-v02 p
{
  text-align: justify;
}


div.karta-domu
{
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

div.karta-domu p
{
  text-align: justify;
}

div.karta-domu h1
{
  float: none !important;
  text-align: center;
  margin-bottom: 1vh;
}

div.karta-domu div.levy,
div.karta-domu div.pravy
{
  width: 100%;
}

div.karta-domu .text-outer
{
  height: auto !important;
}

div.karta-domu .fotogalerie
{
  margin: 0 auto;
}


/* úpravy GDPR */
div.cc-center-xtd div.cc-checkbox-description p 
{
  font-size: 16px;
}

div.cc-checkbox-category-readmore 
{
  display: none;
}

.cc-revoke.cc-center.cc-revoke-bottom-left 
{
  bottom: 72px;
}


/* Skrytí reCaptcha */
.grecaptcha-badge 
{ 
  /* visibility: hidden; */
}


@media (max-width: 1000px)
{
  div.obalka, img.mapa 
  {
    width: 100% !important;
  }  
}

/* End of Nová verze karty domu */

/* fontawesome */
i.fas
{
  margin: 0px 10px;
}


/* Custom cookies revoke */
.cc-custom-revoke-modul
{
  position: fixed;
  bottom: 100px;
  left: 30px;
}

.cc-custom-revoke-modul a,
.cc-custom-revoke-modul a:hover
{
  color: var(--cookies-revoke);
  font-size: 4.0rem;
}



/* definice responsivity */
@media screen and (max-width: 465px)
{
  div.kontaktni-formular #bfLabel41
  {
    width: 80% !important;
  }
}

@media screen and ( max-width: 648px)
{
  .bfQuickMode .controls .control-label 
  {
    max-width: 60% !important;
    min-width: 60% !important;
    width: 60% !important;
    display: block !important;
  }

  .latestItemView, .catItemView, .uk-article  
  {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  #modalni-okno
  {
    height: 280px !important;
  }


  .slogan-inner
  {
    margin-right: 0px;
  }
  
  /* odsazení kvůli menu zprava - symetricky levý i pravý panel */
  div.levy,
  div.pravy
  {
    padding-left: 10px; /* oba 3px */
    padding-right: 10px;
  }
 
  img.logo
  {
    margin: 0 auto;
    width: 90%;
    left: 10px;
  }
  
  .uk-panel.uk-panel-box.menu
  {
    max-width: 300px;
  }

  body.frontend div.moduletable.menu-homepage-slider
  {
    margin: 0 auto;
    position: static;
  }


  table.cenik-domu
  {
    width: 80% !important;
  }

  table.cenik-domu th.cenik-zahradni-domek span,
  table.cenik-domu th.cenik-dispozice span,
  table.cenik-domu th.cenik-pozemek span,
  table.cenik-domu th.cenik-oznaceni span
  {
    font-size: 0px;
    line-height: 0;
  }
  
  table.cenik-domu .cenik-zahradni-domek
  {
    display: none !important;
  }
  

  table.cenik-domu th span:before
  {
    font-size: 1.8rem; 
    font-size: calc( 0.85rem + 0.6vw);
    font-size: 9px;
    line-height: 1.15;
  }

  table.cenik-domu th,
  table.cenik-domu th span,
  table.cenik-domu td,
  table.cenik-domu td span,
  table.cenik-domu td a
  {
    font-size: 9px;
  }


  table.cenik-domu th.cenik-zahradni-domek span:before
  {
    content: 'Z.d.';
  }

  table.cenik-domu th.cenik-oznaceni span:before
  {
    content: 'Ozn.';
  }

  table.cenik-domu th.cenik-dispozice span:before
  {
    content: 'Disp.';
  }

  table.cenik-domu th.cenik-pozemek span:before
  {
    content: 'Poz.';
  }


  body.frontend div.menu-homepage-slider
  {
    bottom: 30px;
    bottom: calc(30px + 1vh);
  }

  .cycle-bg-image-navigation
  {
    bottom: 50px;
    bottom: calc(80px + 1vh);
  }

}

@media screen and (max-width: 768px)
{
  .hlavni-clanky.nabidka-domu .levy
  {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  
  .tm-navbar
  {
    width: 100% !important;
  }
  
  table.cenik-domu .cenik-oznaceni
  {
    width: 10px;
  }

  table.cenik-domu .cenik-dispozice
  {
    width: 30px;
  }


  table.cenik-domu .cenik-karta
  {
    width: 30px;
    min-width: 0px;
  }


  table.cenik-domu th span:before
  {
    font-size: 1.8rem; 
    font-size: calc( 0.85rem + 0.6vw);
    font-size: 10px;
    line-height: 1.15;
  }

  table.cenik-domu th,
  table.cenik-domu th span,
  table.cenik-domu td,
  table.cenik-domu td span,
  table.cenik-domu td a
  {
    font-size: 10px;
  }


  body.detail-domu.subpage .text-outer
  {
    height: auto !important;
  }

  body.subpage .hlavni-clanky .aktuality-z-vystavby .fixed,
  body.subpage .hlavni-clanky .fixed,
  body.subpage.detail-domu .fixed
  {
    position: static;
  }

  .text-inner
  {
    /*
    max-height: 60%;
    max-height: calc(50% + 10vh) !important;
    */
    overflow-y: visible;
    overflow-x: visible;
    
    border-bottom-width: 0px;
    border-top-width: 0px;
    
    height: auto !important;
  }

  div.levy.white-page,
  div.pravy.white-page
  {
    height: 15% !important;
  }

  div.partner
  {
    width: 100% !important;
  }
  
  h1
  {
    text-align: center !important;
    
  }
}

@media screen and (max-width: 999px)
{

  table.cenik-domu th span:before
  {
    font-size: 1.8rem; 
    font-size: calc( 0.85rem + 0.6vw);
    font-size: 10px;
    line-height: 1.15;
  }

  table.cenik-domu th,
  table.cenik-domu th span,
  table.cenik-domu td,
  table.cenik-domu td span,
  table.cenik-domu td a
  {
    font-size: 10px;
  }
  
  table.cenik-domu .cenik-zahradni-domek
  {
    display: none;
  }
  

  .uk-hidden-small
  {
    display: none !important;
  } 
  
  .uk-visible-small
  {
    display: block !important;
  }

  img.uk-responsive-height
  {
    position: absolute;
    top: 10px;
    left: 35%;
    height: 60px !important;
  }
  
  .mapa.interaktivni
  {
    display: none;
  }
}


@media screen and (max-height: 900px)
{
  body.subpage .hlavni-clanky .aktuality-z-vystavby .fixed,
  body.subpage .hlavni-clanky .fixed,
  body.subpage.detail-domu .fixed
  {
    position: static;
  }


  table.cenik-domu th,
  table.cenik-domu td,
  table.cenik-domu td span,
  table.cenik-domu *
  {
    font-size: 0.6rem;
  } 


  div.hlavni-clanky,
  div.text-outer
  {
    height: auto !important;
  }
  
  p.video
  {
    padding-top: 0px !important;
  }
  
  div.levy h1,
  div.pravy h1
  {
    text-align: center;
  }  

  div.levy,
  div.pravy
  {
    width: 100%;
    min-height: 200px;
  }

  div.levy.min-100,
  div.pravy.min-100
  {
    min-height: 100px;
  }


  div.levy.min-500,
  div.pravy.min-500
  {
    min-height: 500px;
  }


  div.levy.min-800,
  div.pravy.min-800
  {
    min-height: 800px;
  }

  div.levy.white-page,
  div.pravy.white-page
  {
    min-height: 200px;
  }

  div.kontaktni-formular div.levy p 
  {
    text-align: left;
  }  

  div.kontaktni-formular div.levy h1, 
  div.kontaktni-formular div.levy h2, 
  div.kontaktni-formular div.levy h3 
  {
    text-align: center;
  }  

  div.kontaktni-formular .text-inner  
  {
    padding-top: 30px;
  }
}

@media screen and (max-width: 1200px)
{
  table.cenik-domu th,
  table.cenik-domu td,
  table.cenik-domu td span,
  table.cenik-domu *
  {
    font-size: 0.6rem;
  } 
  

  div.hlavni-clanky,
  div.text-outer
  {
    height: auto !important;
  }
  
  p.video
  {
    padding-top: 0px !important;
  }
  
  div.levy h1,
  div.pravy h1
  {
    text-align: center;
  }  

  div.levy,
  div.pravy
  {
    width: 100%;
    min-height: 200px;
  }

  div.levy.min-500,
  div.pravy.min-500
  {
    min-height: 500px;
  }

  div.levy.min-100,
  div.pravy.min-100
  {
    min-height: 100px;
  }

  div.levy.min-800,
  div.pravy.min-800
  {
    min-height: 800px;
  }

  div.levy.white-page,
  div.pravy.white-page
  {
    min-height: 200px;
  }

  .uk-navbar-nav > li > a 
  {
    font-size: 10px;
    font-size: calc(10px + 0.3vw);
  }
  
  div.kontaktni-formular div.levy p 
  {
    text-align: left;
  }  

  div.kontaktni-formular div.levy h1, 
  div.kontaktni-formular div.levy h2, 
  div.kontaktni-formular div.levy h3 
  {
    text-align: center;
  }
  
  div.kontaktni-formular .text-inner  
  {
    padding-top: 30px;
  }
}


@media screen and (max-width: 1300px)
{
  div.kontaktni-formular .bfQuickMode input[type=text], 
  div.kontaktni-formular .bfQuickMode textarea,
  div.kontaktni-formular .bfQuickMode select,
  div.kontaktni-formular .bfQuickMode .uneditable-input  
  {
    max-width: 85%;
    width: 85%;
  }

  div.kontaktni-formular .bfQuickMode .controls .control-label 
  {
    float: left;
  }

  div.kontaktni-formular #bfElemWrap31,
  div.kontaktni-formular #bfElemWrap41
  {
    margin-left: 0%; 
  }

  div.kontaktni-formular #bfLabel31
  {
    width: 100%; 
  }
  
  div.kontaktni-formular #bfLabel41
  {
    width: 85%; 
  }
}

@media screen and (min-width: 1000px)
{
  div.kontaktni-formular .bfQuickMode input[type=text], 
  div.kontaktni-formular .bfQuickMode textarea,
  div.kontaktni-formular .bfQuickMode select,
  div.kontaktni-formular .bfQuickMode .uneditable-input  
  {
    max-width: 75%;
    width: 75%;
  }

  div.kontaktni-formular .bfQuickMode .controls .control-label 
  {
    float: left;
  }

  div.kontaktni-formular #bfElemWrap31,
  div.kontaktni-formular #bfElemWrap41,
  p.povinne-polozky
  {
    margin-left: 20%; 
  }

  div.kontaktni-formular .form-actions
  {
    padding-left: 20%;
  }


  .mapa.prosta
  {
    display: none;
  }
  
  div.uk-panel.kontakt-mobil
  {
    display: none;
  }
  
  .cc-custom-revoke-modul
  {
    bottom: 50px;
    left: 50px;
  }
}


@media screen and (min-width: 1600px)  /* min-width: 1200px */
{
  .tm-navbar.uk-navbar .uk-container
  {
    max-width: 80%; /*1600px; */
  }
}