body {font-family: kiro, sans-serif;  font-size: 16px; font-weight: 300; font-style: normal; color: #bfbfbf; background: #2f2e31; padding: 0; margin: 0;}

a {color: #ffffff;}
a:hover, a:focus {color: silver;}
a.link i, a.link2 i {padding-left: 1rem; vertical-align: middle;}

table thead tr td {font-size: 1rem;}
table tbody tr td {font-size: 1rem;}

.breadcrumbs li {list-style-type: none;}
.breadcrumbs a {color: #828281; text-transform: none;}
.breadcrumbs a:hover {color: #c3bb00;}

.thumbnail {border: 0; padding: 0; box-shadow: none;}
.rounded {border-radius: 50%;}
.label {line-height: 1.2; padding-bottom: 7px;}

.popis {font-size: 130%; margin-bottom: 2rem;}

.required label::after {content: " *"; color: #29292e; font-weight: 900;}
textarea {min-height: 150px;}
table tr th {text-align: left;}

h1, h2, h3, h4, h5, h6 {font-family: kiro, sans-serif; font-weight: 700; }
h1, h3 {color: #ffffff;}
h2, h4 {color: #ffffff;}
h4.border {border-bottom: 3px solid #e3b873; padding-bottom: 0.5rem; margin-bottom: 0.5rem; margin-top: 2rem; width:60%;}
h5.border {border-bottom: 3px solid #e3b873; padding-bottom: 0.5rem; margin-bottom: 2rem;}
.gold {color: #e3b873;}

ul li {list-style-type:square;}

section {margin: 2rem 0;}

input.big {font-size: 3rem; height: 5rem;}

.fotobox {float: right; padding-left: 2rem; margin-bottom: 2rem;}

@media screen and (max-width: 39.9375em) {
.fotobox {padding: 0; float: none;}
}

.hr {border: 1px solid silver;}

.sticky {margin-top: 0; z-index: 1;}

.mt2 {margin-top: 2rem;}
.mt4 {margin-top: 4rem;}
.mb2 {margin-bottom: 2rem;}
.m2 {margin: 2rem 0;}
.m3 {margin: 3rem 0;}
.mb1 {margin-bottom: 1rem;  line-height: 1.2}
.m0 {margin: 0rem;}
.mr1 {margin-right: 1rem;}
.mr2 {margin-right: 2rem;}

#header {z-index: 1; background: none; margin: 0; padding: 1.5rem 0; width: 100%;}
#header .menu {float: right;}
#header #search {background: rgba(41,41,46,0.9);padding: 1rem; position: absolute; top: 50px; right: 0; transition: all .3s ease; width: 80%;}
#header #searcvh button {position: absolute; right: 25px; top: 25px; color: #29292e; font-size: 1.5rem; cursor: pointer;}

.menu li {list-style-type: none;}
.menu a, .dropdown.menu > li > a {color: #fff; font-weight: 400; font-size: 1rem; padding: 0.7rem 1rem;}
.menu a:hover, .dropdown.menu > li > a:hover {color: silver;}
.menu button.icon i {color: #fff; font-size: 1.5rem; cursor: pointer;}
.menu button.search-button i {padding: 0.6rem; font-size: 1.2rem;}
.menu h5 a {font-weight: 500;}
.menu a.pronajem {background: #e3b873;}
.menu a.pronajem:hover {background: #fff; color: #29292e;}
.is-dropdown-submenu>li {text-align: left;}
.dropdown.menu>li.is-active>a {color:#c3bb00;}
.dropdown.menu > li.is-active a:hover {color: #c3bb00;}
.dropdown.menu > li.is-dropdown-submenu-parent > a {padding-right: 1rem;}
.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 260px;
    border: none;
    background: rgba(35,46,6,0.9);
    padding: 1rem 0;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: none;
}

#footer {margin-top: 3rem;}

table.unstriped tbody tr {background-color: #2f2e31;}

label {color: #fff;}
.button {background: silver; color: #000;}

/* offcanvas */

.offcanvas-full-screen {
  position: fixed;
  z-index: 2000;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background: #2f2e31;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  overflow-y: auto;
}

[data-whatinput='mouse'] .offcanvas-full-screen {
  outline: 0;
}

.offcanvas-full-screen.is-transition-overlap {
  z-index: 2500;
}

.offcanvas-full-screen.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}

.offcanvas-full-screen.is-open {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.offcanvas-full-screen.is-open ~ .off-canvas-content {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.offcanvas-full-screen.is-transition-push::after {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
  content: " ";
}

.offcanvas-full-screen.is-transition-overlap.is-open ~ .off-canvas-content {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.offcanvas-full-screen-inner {
  padding: 2rem 1rem 0 1rem;
  text-align: left;
}

.offcanvas-full-screen-inner a {
  color: #bfbfbf;
}

.offcanvas-full-screen-inner i {color: silver; padding-right: 5px;}

.offcanvas-full-screen-menu {
  margin: 2rem 0 2rem 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.offcanvas-full-screen-menu > li {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  list-style-type: none;          
}

[data-whatinput='mouse'] .offcanvas-full-screen-menu > li {
  outline: 0;
}

.offcanvas-full-screen-menu > li > a {
  display: block;
  padding: 0.7rem 0.2rem;
  line-height: 1.2rem;
  font-size: 1.2rem;
}

.offcanvas-full-screen-menu input,
.offcanvas-full-screen-menu select,
.offcanvas-full-screen-menu a,
.offcanvas-full-screen-menu button {
  margin-bottom: 0;
}

.offcanvas-full-screen-menu > li {
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.offcanvas-full-screen-menu > li > a {
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.offcanvas-full-screen-menu a {
  color: #ffffff;
  font-weight: 300;
  text-decoration: none;
  outline: none;
}

.offcanvas-full-screen-menu a:hover {
  color: silver;
}

.offcanvas-full-screen-close {
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
  cursor: pointer;
}

.offcanvas-full-screen-close:hover {
  color: silver;
}

#offcanvas-full-screen button, #offcanvas-full-screen a {
  outline: none;
}