/** {
  background: #000 !important;
  color: #0f0 !important;
  outline: solid #f00 1px !important;
}*/

body {font-family: open-sans, sans-serif;  font-weight: 300; font-size: 1rem; background: #fff; color: #1d2a57;}
h1, h2, h3, h4, h5, h6 {font-family: "fairwater-script", sans-serif; font-weight: 700; }
h1 {font-size: 2.5rem; margin-bottom: 1rem;}
h2 { color: #000; font-size: 2rem; margin-bottom: 1.5rem; }
h3 { color: #000; font-size: 1.4rem;}
h4 {font-size: 1.2rem;}

@media print, screen and (min-width: 40em) {
  h1 {font-size: 2.5rem;}
  h2 {font-size: 2rem;}
  h3 {font-size: 1.6rem;}
  h4 {font-size: 1.5rem;}
}
#tiskove-zpravy h3 {color: #fff;}

.my-lightgallery {margin-bottom: 2rem;}
.nahled {margin: 0; display: inline-block;}
.nahled img {width: 100%;}
.round img {border-radius: 50%;}

.mb2 {margin-bottom: 2rem;}

.underline {padding-bottom:0.5rem; border-bottom: 1px solid #b0b0b0;}
a { color:#1d2a57; text-decoration: none;}
a:hover, .breadcrumbs a:hover, a:focus { color: #2aae87;}
p, td, li { line-height: 1.5;}

strong {font-weight: 700; }
.red {color: #b0b0b0;}
.gray {color: #9a9a9a;}
.clear { clear:both;}
hr {
    height: 1px; width: 60%;
    border-bottom: 1px solid #b0b0b0;
    margin-bottom: 2rem;
}

.breadcrumbs { text-transform: uppercase; margin-bottom: 2rem;}
.breadcrumbs a { color:#a7a7a7;font-size: 1rem;}
.breadcrumbs a:hover { color:#fff;}

.callout {
    padding: 1rem;
    border: none;
    background: none;
    color: #333;
    text-align: center;
}
.callout h3 {margin: 1rem 0 0 0;}
.callout p {font-size: 1rem;}
.callout.secondary {
    background-color: #f0f0f0;
    color: #000;
}
.callout.bgnone {
    background-color: transparent;
    color: #000;
}

.callout:hover img {
  -webkit-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 20px -10px rgba(29,71,92,1);
}
.button {
	 margin: 1rem 0 1rem 0;
	 padding: 0.5em 2em;
	 font-size: 1.2rem;
	 line-height: 1.2;
   border: none;
   border-radius: 0px;
   background-color: #b0b0b0;
   color: #FFF;
   text-decoration: none;
}
.button:hover, .button:focus { background-color: #b0b0b0; color: #FFF;}
.button.gray { background-color: #666; color: #FFF;}
.button.gray:hover { background-color: #000; color: #FFF;}

.thumbnail {border: 0px solid #b0b0b0; box-shadow: 0 0 0 1px rgba(180, 141, 50, 0.2);}
.thumbnail.rounded {border-radius: 50%;}

nav {margin-bottom: 2rem;}
li {line-height: 1.6;}
ul.imgbullet { margin-left: 0;}
ul.imgbullet li { padding: 0 0 0.5rem 1.5rem; list-style: none; background: url(../images/li-dot.png) no-repeat 0 6px;}

table.bgnone, table.bgnone tbody, table.bgnone thead, table.bgnone tbody, table.bgnone tr, table.bgnone td { border: none;background-color: transparent; }
table.bgnone td { vertical-align: top; padding: 0 0 8px 0;}

.grad { background-image: linear-gradient(to right, #b78f33 , #95782e);}
/*CONTENT-----------------------------------------------------*/
section { padding: 4rem 0;}

#header {padding: 2rem 0 2rem 0; background: none; z-index: 1; position: absolute; width: 100%;}
#header.index {background: none;}
#header button { font-size: 1.5rem; cursor: pointer; color: #1d2a57; }

#popup {background: #fff; color: #151515;}

/*Obsah -----------------------------------------------------*/
#vizual {padding: 0; z-index: 0; height: 100vh; overflow: hidden; color: #fff; position: relative; top: 0; left: 0; width: 100%; margin: 0; background: url(../img/bg.webp) no-repeat center 50%; background-size: cover;}
#vizual .grid-container {height: 100%; position: relative;}
#vizual .intro {z-index: 2; position: absolute; left: 0; top: 35%; width: 100%;}
#vizual .intro h1 { font-size: 2rem; font-weight: 400; color: #1d2a57;}

#vizual1 {padding: 0;background: url(../img/vizual-1.jpg) no-repeat center 50%; background-size: cover; min-height: 800px;}
#vizual2 {padding: 0;background: url(../img/vizual-2.jpg) no-repeat center 50%; background-size: cover; min-height: 800px;}
@media screen and (max-width: 63.999em) {
  #vizual { padding: 0;}
}

#vizual-in {z-index: 0; height: 240px; overflow: hidden; color: #fff; position: relative; top: 0; left: 0; width: 100%; margin: 0; background: url('../img/bg.webp') no-repeat center 50%; background-size: cover;}

#small-contact { padding: 0.2rem 0; color: #FFF; background: #b0b0b0;}
#small-contact a { color: #FFF; text-decoration: none;}
#small-contact a:hover { color: #000;}
#small-contact p { margin: 0;font-size: 1rem;}
@media screen and (max-width: 63.999em) {
  .small-contact p.text-right {text-align:left; }
}

#predstaveni {padding: 3rem 0; color: #1d2a57;}
#predstaveni .cell { text-align: center;}
#predstaveni h1 {margin: 0 0 3rem;}
#predstaveni p { margin-bottom: 3rem;  }
#predstaveni a {color: #5ff0e1; text-decoration: none; }
#predstaveni a:hover {color: #1d2a57;}

#cenik {background: #fff; color: #151515;}
#cenik h2 {color: #151515;}
#cenik h3 {font-family: open-sans, sans-serif;  font-weight: 400; font-size: 1.3rem;}
#cenik strong {font-size: 1.3rem; font-weight: 700;}

#poukaz {background: #fff; color: #151515;}
#poukaz h2 {color: #151515;border-bottom: 1px solid #151515;}
#poukaz a {color: #000;}
#poukaz a:hover {color: #151515;}

#rezervace {padding: 0; background: url(../img/bg-cviceni.jpg) no-repeat center 100%; background-size: cover; text-align: center;}
#rezervace .bg-gradient {position: relative; background: linear-gradient(90deg, rgba(15,15,15,1) 0%, rgba(255,255,255,0) 100%); width: 100%;}
#rezervace .grid-x {align-items: center;}
#rezervace h2 {margin: 15rem 0; font-size: 3rem;}
#rezervace a:hover {color: #2aae87;}

#galerie {padding: 0;}

#realizace { padding: 3rem 0; text-align: center; background:#f9f9f9; }
#realizace img { margin-bottom: 1rem; }

/*Footer -----------------------------------------------------*/

#top {
    display: block;
    cursor: pointer;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    position: fixed;
    bottom: 25px;
    right: 25px;
    opacity: 0.6;
    display: none;
    z-index: 999;
    font-size: 2rem;
    background: #222221;
    color: #fff; 
}


#map { padding: 0;  position: relative;width:100%; height: 400px;}
#map iframe { position: absolute; z-index: 1; width: 100%; height: 400px;}

#kontakt {padding: 4rem 0 8rem; color:#1d2a57; background:#5ff0e1;}
#kontakt h2 {color: #fff;}
#kontakt p, #footer li {font-size: 1.1rem!important;text-decoration: none; line-height: 200%;}
#kontakt ul li {display: inline-block; padding: 0 1rem;}
#kontakt strong {font-weight: 700;}
#kontakt a {color: #1d2a57;}
#kontakt a:hover {color: #000;}


.socials li {display: inline-block; padding: 0 1rem;}

@media screen and (max-width: 39.999em) {
  #footer ul {text-align:center!important; }
}

/*FORMS -----------------------------------------------------*/
[type='text'], textarea { color: #FFF; /*background: #646464; border: none;*/ }
textarea { min-height: 150px; }
[type='text']:focus, textarea:focus { color: #FFF; background: #818181; border: none; }

/*-------- MENU --- */
.topbar-responsive-logo {display: inline-block; padding: 0 0; width: 200px;}
#header small { display: none; }

@media screen and (max-width: 39.9375em) {
  #header button {margin: 0 1rem 0 0; color: #1d2a57;}
  .topbar-responsive-logo {width: 150px;}
}

.top-bar { padding: 0; }
.top-bar ul { background-color: transparent; }
.topbar-responsive {float: right;}

.menu {display: inline-block;}
.menu li {display: inline-block;}
.menu a { font-weight: 300; display: block; color: #1d2a57; padding: 0 0.9rem; font-size: 1.1rem;  text-decoration: none; text-transform: uppercase;}
.menu a:hover, .topbar-responsive .menu a.act {color: #2aae87;}
.menu li:last-of-type { margin-right: 0;}
.menu.simple li {margin-left: 0rem; }
.menu.vertical { background: #78590c; padding-top: 1rem; }


@media screen and (max-width: 39.9375em) {
  .topbar-responsive .menu {padding-bottom: 1.5rem;}
  .topbar-responsive .menu a { padding: 0.875rem; color: #000;}
  .topbar-responsive .menu a:hover { color: #b0b0b0;}
  .topbar-responsive .menu.simple li {margin-left: 0rem;width: 90%; border-bottom: 1px solid #FFF;}
  .topbar-responsive .top-bar-title { position: relative; width: 100%; padding-bottom: 10px}
  .topbar-responsive .top-bar-title span .menu-icon { margin-bottom: 4px;}
}
@-webkit-keyframes fadeIn {from { opacity: 0; } to { opacity: 1; }}
@keyframes fadeIn { from {  opacity: 0; } to { opacity: 1; }}
@-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% {-webkit-transform: translateY(0%);transform: translateY(0%); }}
@keyframes slideDown {0% {-webkit-transform: translateY(-100%);transform: translateY(-100%); }100% { -webkit-transform: translateY(0%); transform: translateY(0%);}}
@media screen and (max-width: 39.9375em) {.topbar-responsive-links { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; width: 100%; -webkit-animation: fadeIn 1s ease-in;animation: fadeIn 1s ease-in; }}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border: 6px solid #FFF;
}

@media print {
  #logo-row, #footer {display: none;}
}

.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: #222221;*/
  background: url(../img/bg3.webp) top left no-repeat;
  background-size: cover;
  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: 1rem 1rem 0 1rem;
  text-align: center;
}

.offcanvas-full-screen-inner .topbar-responsive-logo {display: inline-block; width: 150px;}

.offcanvas-full-screen-menu {
  margin: 0 0 1.5rem 0;
  list-style-type: none;
  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;
}

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

.offcanvas-full-screen-menu > li > a {
  display: block;
  padding: 0.7rem 1rem;
  line-height: 2;
  text-transform: uppercase;
  font-size: 1.3rem;
}

.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: #1d2a57;
  font-family: open-sans, sans-serif; font-weight: 300;
  text-decoration: none;
  outline: none;
}

.offcanvas-full-screen-menu a:hover, .offcanvas-full-screen a:hover {
  color: #2aae87;
}

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

.offcanvas-full-screen-close:hover {
  color: #2aae87;
}

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