@import url('https://fonts.googleapis.com/css?family=Ruthie&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,700|Ruthie&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Poppins:300,400,400i,700|Ruthie&subset=latin-ext');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');

body, p {
  font-family: 'Poppins', sans-serif;
  font-size: 1.6rem;
  padding: 0;
  margin: 0;
  color: rgba(50,51,51,.8);
  line-height: 2.6rem;
}
body a {
  text-decoration: none;
}
body h2 {
  font-family: 'Abril Fatface', cursive;
  color: #222222;
  font-size: 50px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 25px;
  text-align: center;
}

body h3 {
  color: #fcc200;
  font-family: 'Ruthie', cursive;
  font-size: 45px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 5px;
  text-transform: capitalize;
  text-align: center;
}

a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fcc200;
}
.context-in{
    display: none;
}
a:hover {
  color: #222;
}

.nav li a:hover, 
.nav li a:focus {
  text-decoration: none;
  background-color: transparent;
}

#navbar{
  text-align: left;
}
.navbar-toggle .icon-bar{
  background: #000;
}

.navbar-toggle {
  border: 1px solid #222;
  border-radius: 0;
}

.navbar-collapse {
  width: 100%;
}

nav ul li {
  line-height: 2.4000000000000004rem;
  font-family: 'Playfair Display',serif;
}

#head nav ul li a.menu {
  background: #fcc200;
  color: #fff;
  transition: none;
  transform: none;
}

#head nav ul li a.menu:before {
  background: #fcc200;
  transform: none;
}

#head nav ul li a.menu:hover {
  background: rgba(255, 255, 255, 0.1);
  transition: none;
}

#head nav ul li a.menu:hover:before {
  transform: none;
  background: none;
}

#head nav ul li.menu {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#head nav ul li .menu {
  text-align: center;
  width: 80%;
  margin: 10px auto;
}

#head nav ul {
  margin-top: 25px;
  margin-bottom: 10px;
}

.bg-dark {
  background: rgba(40,43,46,.9) !important;
}

#head {
  position: fixed;
  z-index: 11;
  width: 100%;
  top: 0;
}
#head nav {
  background: #fff;
  padding: 10px 2rem;
  border-radius: 0;
  margin-bottom: 0;
}

#head nav ul li a {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 5px 10px;
  color: #fff;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  position: relative;
  text-decoration: none;
}

#head #menu{
  display: flex!important;
  justify-content: flex-start;
  margin-top: 20px;
}
#menu{
  background: #222;
}
.sitemap{
  display: none !important;
}

#head .top_social_icons {
  font-size: 17px;
  line-height: 24px;
  color: #fff;
  font-weight: 400;
  padding: 28px 10px 10px 10px;
}

#head .top_social_icons a {
  color: #fff;
}

#head .top_social_icons .fa {
  margin: 0 5px;
  cursor: pointer;
}

#head .top_social_icons .fa:hover {
  color: #fcc200;
}

#foot .soc-icons em,
#head .top_social_icons em {
  display: none;
}

/** Home PAge **/

body.home .col2{
  
  padding: 110px 0 0;
  text-align: center;
  
}
body.home .col2 h2{
  
  margin-bottom: 20px;
}

body.home .col2 p {
  width: 70%;
  margin: 15px auto;
}
body.home .col2 p:nth-child(4){
  margin:40px auto;
}
body.home .col2 .ext-link{
  border: 1px solid #ddd;
  border-radius: 0;
  background: rgba(255,255,255,.4);
  color: #282b2e;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  font-weight: 700;
  letter-spacing: .1rem;
  padding: 20px;
  transition: all .5s ease;
}
body.home .col2 .ext-link:hover{
  transition: all .5s ease;
  color: #b98d36;
}
body.home .col2 img{
  width: 100%;
}
body.home .col3{
  text-align: center;
  background: url('/cimagebank/about_pic.png') top center no-repeat;
  background-size: cover;
  padding: 120px 0;
  position: relative;
}
body.home .col3 h2{
  color: #fff;
}
body.home .col3 > p{
  color: #a9a9a9;
  
  margin-bottom: 40px;
}

body.home .col4 p:nth-child(3) .content-img,
body.home .col4 p:nth-child(4) .content-img,
body.home .col4 p:nth-child(5) .content-img {
  position: relative;
}

body.home .col4 p:nth-child(3) .content-img:before {
  content: "jídelní lístek";
  position: absolute;
  bottom: -72px;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  text-transform: uppercase;
  padding: 3px 0;
  color: #fff;
}

body.home .col4 p:nth-child(4) .content-img:before {
  content: "barový lístek";
  position: absolute;
  bottom: -72px;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  text-transform: uppercase;
  padding: 3px 0;
  color: #fff;
}

body.home .col4 p:nth-child(5) .content-img:before {
  content: "vinný lístek";
  position: absolute;
  bottom: -72px;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  text-transform: uppercase;
  padding: 3px 0;
  color: #fff;
}

body.home .col4 p:nth-child(3),
body.home .col4 p:nth-child(4),
body.home .col4 p:nth-child(5) {
  display: inline-block;
  margin: 5px;
}

body.home .col4 p:nth-child(3):hover,
body.home .col4 p:nth-child(4):hover,
body.home .col4 p:nth-child(5):hover {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
body.home .col4{
  text-align: center;
  padding: 120px 0;
}
body.home .col4 h4{
  font-size: 1.6rem;
  color: #282b2e;
  font-weight: 400;
  opacity: .5;
  margin: .5rem 0 0;
}
body.home .col4 ul{
  list-style: none;
  margin-top: 50px;
}
body.home .col4 ul li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
body.home .col4 ul li a{
  background: #f1f1f1;
  padding: 1rem;
  font-family: 'Playfair Display',serif;
  font-size: 2rem;
  line-height: 3rem;
  color: #282b2e;
  font-weight: 700;
  display: inline-block;
  transition: all .3s linear;
  cursor: pointer;
  text-decoration: none;
}

/* pocitadlo, historie, speciality pokud bude potreba -> vymazat display: none u col5, col2, col3 */
.col5, .col2, .col3 {
  display: none;
}

body.home .col5{
  background: url('/cimagebank/pexels-photo-568370.jpg') top center no-repeat fixed;
  background-size: cover;
}
body.home .col5 .progress-section{
  background: rgba(40,43,46,.7);
  padding: 16.6rem 0;
  text-align: center;
}
body.home .col5 table tbody tr td strong {
  display: block;
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: 900;
  margin-bottom: 1rem;
  color: #fff;
}
body.home .col5 table tbody tr td em {
  font-family: 'Playfair Display',serif;
  color: #fff;
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 400;
  display: block;
  font-style: normal;
  margin: 0;
}
body.home .col6 {
  
  background: url('/cimagebank/pexels-photo-179130.jpg') top center no-repeat fixed;
  background-size: cover;
}
body.home .section-feedback{
  text-align: center;
  padding: 120px 0;
  background: rgba(0,0,0,.95);
}
body.home .col5 table{
  width: 100%;
}
body.home .col5 table tbody tr td{
  margin: 0 auto;
  display: block;
}

body.home .col5 .col-md-3{
  margin-bottom: 30px;
}

body.home .col6 {
  position: relative;
}

body.home .col6:before,
body.home .col6:after {
  content: '';
  top: 0px;
  left: 0;
  position: absolute;
  z-index: 10;
  width: 50%;
  height: 30px;
  background: #fff;
}

body.home .col6:before {
  border-radius: 0 0 50px 0;
}

body.home .col6:after {
  left: 50%;
  border-radius: 0 0 0 50px;
}


body.home .col7 {
  padding: 120px 0;
  position: relative;
}

body.home .col7:before,
body.home .col7:after{
  content: '';
  top: 0px;
  left: 0;
  position: absolute;
  z-index: 10;
  width: 50%;
  height: 30px;
  background: rgba(0,0,0,.99);
}

body.home .col7:before{
  border-radius: 0 0 50px 0;
}

body.home .col7:after{
  left: 50%;
  border-radius: 0 0 0 50px;
}


body .section-feedback h2 {
  font-family: 'Abril Fatface', cursive;
  color: #fff;
  font-size: 50px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 25px;
}
/** Home PAge End **/


/*** Footer ***/
#foot{
  background: #222;
  padding: 75px 0 0 0;
  color: #a5a5a5;
  font-size: 13px;
  text-align: center;
  position: relative;
}
#foot:before,
#foot:after {
  content: '';
  top: 0px;
  left: 0;
  position: absolute;
  z-index: 10;
  width: 50%;
  height: 30px;
  background: #fff;
}
#foot:before {
  border-radius: 0 0 50px 0;
}
#foot:after {
  left: 50%;
  border-radius: 0 0 0 50px;
}
.footer {
  padding: 40px 0;
}
.footer-p{
  padding: 15px 0;
}
.footer h2{
  line-height: 1.6em;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .08em;
}
.footer .opening-time-single span em{
  color: #b98d36;
  font-style: normal;
  font-weight: 700;
  opacity: .4;
}
.footer .lgx-subscriber-area .text{
  font-family: 'Poppins', sans-serif;
  color: #888;
  margin-bottom: 10px;
}
.footer .form-group {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
.footer .lgx-subscriber-area #Reg_email{
  box-shadow: none;
  border: none;
  background-color: #1c1c1c;
  color: #474747;
  font-style: italic;
  width: 210px;
  height: 42px;
  line-height: 42px;
  margin: 0;
}
.footer .lgx-subscriber-area .lgx-btn{
  height: 42px;
  overflow: hidden;
  cursor: pointer;
  font-weight: 700;
  letter-spacing: .1rem;
  transition: transform .3s;
  background-color: transparent;
  color: #FCC200;
  font-size: 13px;
  text-transform: uppercase;
  width: 95px;
  border-radius: 0;
  background: #1c1c1c;
}

.footer .logo{
  margin-bottom: 20px;
}

.footer .soc-icons {
  margin-bottom: 30px;
}

.footer .fa {
  background: #1c1c1c;
  padding: 13px 13px;
  margin: 5px;
  color: #fff;
  font-size: 14px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  width: 42px;
  height: 42px;
  text-align: center;
}

.footer .fa:hover {
  background: #fcc200;
}

footer .copyright {  
  background-color: #1b1b1b;
  padding: 42px 0;
  padding-top: 4em;
  position: relative;
}
footer .copyright:before, 
footer .copyright:after {
  content: '';
  top: 0px;
  left: 0;
  position: absolute;
  z-index: 10;
  width: 50%;
  height: 50px;
  background: #222;
}
footer .copyright:before {
  border-radius: 0 0 80px 0;
}
footer .copyright:after {
  left: 50%;
  border-radius: 0 0 0 80px;
}
footer .copyright p {  
  color: #a5a5a5;
  font-size: 13px;
}
footer .copyright a:hover {  
  color: #a5a5a5;
}

footer .copyright .fa-long-arrow-up {
  color: #fff;
  position: relative;
  top: -20px;
}

/*** Footer End ***/


/*** NOvinky***/


body.novinky main{
  margin: 102px 0 100px;
}

body.novinky{
  background: url('/cimagebank/pexels-photo-256523.jpg') top center no-repeat fixed;
  background-size: cover;
}
body.novinky #context{
  display: none;
}
body.novinky .inner_content{
  text-align: center;
  margin-bottom: 50px;
}
body.novinky p.text{
  display: none;
}
body.novinky .article .image img{
  width: 100%;
}
body.novinky .article .name,
body.novinky .article .date{
  display: block;
}
body.novinky .article .date{
  text-align: right;
  font-weight: bold;
}
body.novinky .article .name a{
  margin-top: 0;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 3.2rem;
  margin-bottom: 2rem;
  color: #282b2e;
}
body.novinky .article .name a:hover{
  color: #9d782e;
  text-decoration: none;
  transition: all ease .5s;
}
body.novinky .article{
  margin-bottom: 30px;
}
body.novinky #base{
  padding: 100px 0 0;
  background: rgba(255,255,255,.95);
}
body.article_item .item-content{
  text-align: center;
}
body.article_item .info{
  
  display: inline-block;
  padding: 5px 15px;
  color: #fff;
  background: #fcc200;
  font-weight: bold;
}
body.article_item h1{
  font-family: 'Abril Fatface', cursive;
  color: #222;
}
body.article_item .perex{
  max-width: 65%;
  margin: 30px auto;
}
body.article_item .content-img img{
  width: 75%;
}
body.article_item #siblings_cont,
body.article_item #col-add{
  display: none;
}

/*** NOvinky End***/

/*** Rezervace ***/

body.rezervace{
  background: url('/cimagebank/pexels-photo-568370.jpg') top center no-repeat fixed;
  background-size: cover;
}
body.rezervace #base{
  background: rgba(255,255,255,.95);
}
body.rezervace #context{
  display: none;
}

/*** Rezervace end ***/

/*** Galerie mobil ***/

body.gallery_item h1 {
  text-transform: uppercase;
  font-size: 23px;
  font-family: 'Poppins', sans-serif;
  color: #222;
}

body.blog .group-focus,
body.optout .group-focus,
body.gallery_item .item-focus {
  max-width: 1170px;
  width: 100%;
  margin: 75px auto;
}

body.article_item #context {
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
  margin-top: 160px;
}

body.nabidka .group-content .col1 {
  text-align: center;
  padding-top: 30px;
}

body.nabidka .group-content .col1 .content-img img {
  max-width: 700px;
  width: 100%;
}

body.nabidka .group-focus,
body.kontakt .group-focus,
body.galerie .group-focus {
  max-width: 1170px;
  width: 100%;
  margin: 160px auto;
}

.group-focus.rezervace {
  padding: 100px 0;
}

body.galerie .items {
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
}

body.gallery_item .item-focus .item-content .description,
body.galerie .items .items_inner {
  display: flex;
  flex-wrap: wrap;
}

body.gallery_item .item-focus .item-content .description .galery-image,
body.galerie .items .items_inner .gallery {
  margin: 10px;
  width: 100%;
}

body.gallery_item .item-focus .item-content .description .galery-image img,
body.galerie .gallery img {
  width: 100%;
  outline: 1px dashed #c69c6d;
  outline-offset: -10px;
  max-height: 400px;
  object-fit: cover;
  height: 100%;
}

body.gallery_item .gallery .name a,
body.galerie .gallery .name a {
  padding: 8px;
  text-transform: uppercase;
}

/*body.blog.article_item .item-content,*/
body.blog .group-focus,
body.optout .group-focus,
body.gallery_item .item-focus {
  padding: 85px 10px;
}

.image_zoom {
  display: none;
}

#siblings_cont {
  display: none;
}


/*** Galerie end ***/

/*** Kontakt ***/

.kontakt .inner_content{ 
  padding: 85px 0;
  text-align: center;
}

/*** Kontakt end ***/

/*** Blog ***/

.blog .items_inner {
  display: flex;
  flex-wrap: wrap;
}

.blog .article {
  width: 100%;
  border: 1px dashed #c69c6d;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 20px;
  margin: 10px;
  max-height: 395px;
  overflow: hidden;
}

.blog .article .date,
.blog .article .name {
  width: 100%;
  text-transform: uppercase;
}

.blog .article p {
  padding: 15px 0;
}

body.blog.article_item #attachments .attachment {
  margin: 30px 0;
}

/*** Blog end ***/


/*** desktop ***/

@media screen and (min-width: 1170px){
body.gallery_item .item-focus .item-content .description .galery-image img,
body.galerie .gallery img {
  max-height: 230px!important;
}

}


@media screen and (min-width: 768px){
#navbar {
 text-align: right;
}

#head nav {
  background: transparent;
}

.scroll #head nav {
  background: #fff;
}

#head nav ul li a:before {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #fcc200;
  transform-origin: bottom left;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
#head nav ul li a:hover:before{
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  transform-origin: bottom left;
}

.scroll #head nav ul li a:before {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #222;
  transform-origin: bottom left;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.scroll #head nav ul li a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  transform-origin: bottom left;
}

.home .scroll #head nav ul li a.menu:before {
  transform: none;
  transition: none;
  background-color: transparent;
}

#head nav ul li .menu {
  text-align: center;
  border-top: 0;
  border-bottom: 0;
  padding: 5px;
}

#head nav ul li .menu {
  width: 100%;
  margin: 0;
}

#head nav ul li.menu {
  border-top: 0;
  border-bottom: 0;
}

#head nav ul li a.menu:hover {
  color: #fcc200;
  transition: none;
  background: #fff;
}

.scroll #head nav ul li a.menu:hover {
  background: #222;
  transition: none;
  color: #fff;
  transform: none;
}

.navbar-collapse {
  width: auto;
}

.navbar-collapse.collapse {
  display: flex!important;
  flex-wrap: nowrap;
}

#head #menu {
  display: flex!important;
  justify-content: flex-end;
}

body.gallery_item .item-focus .item-content .description .galery-image,
body.galerie .items .items_inner .gallery {
  width: 30%;
}

body.gallery_item .item-focus .item-content .description .galery-image img,
body.galerie .gallery img {
  max-height: 165px;
}

.blog .article {
  width: 30%;
}

#head nav ul li a {
  color: #fff;
}

#head nav ul li a:hover {
  color: #fcc200;
}

.scroll #head nav ul li a {
  color: #000;
}

#head #menu{
  margin-top: 0;
}

#menu {
  background: transparent;
}

#head .top_social_icons a {
  color: #fff;
  padding: 0;
}

.scroll #head .top_social_icons a {
  color: #222;
  padding: 0;
  margin-top: 20px;
}

.nabidka #head,
.galerie #head,
.blog #head,
.optout #head,
.kontakt #head,
.rezervace #head {
  background-color: #222;
}

}
@media screen and (max-width: 768px){
.inner_content img{
    width: 100%;
}
}