/* Common tag based styles */
html {z-index:0;}
BODY {color:#323234; font-family: 'Montserrat', sans-serif;}
A {color:#5362BB; outline:none; text-decoration: underline;}
A:hover {text-decoration: underline;}
IMG {border:0;}
FORM {text-align:left;}
INPUT {border:1px solid #666; }

* {margin:0; padding:0; box-sizing:border-box;}
html, body {/*overflow:hidden; width:100%; height:100%;*/}
#link {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;}
body {background: url('../img/background.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.hide {display: none;}
.row-eq-height {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}

.hlogo {max-width: 200px;}

.pt200 {padding:200px;}

#navigation {}
.nav-link {text-transform: uppercase;}
header {background: #000000; text-align: center;}
.navbar {padding: 0px;}
.nav-item {text-align:center; margin: 0px 5px !important;}
.nav-item a {color:#3f69b0; border-bottom: solid 2px rgba(63,105,176,0.00); line-height: 22px; font-weight:300; font-size:14px; transition: border-bottom .3s; text-decoration: none;}
.nav-item:hover a {border-bottom: 2px solid rgba(63,105,176,0.80);}
.nav-item:last-child:hover a {border-bottom: 2px solid rgba(63,105,176,0.00);}
.navbar-toggler span {border:1px solid #FFFFFF; color:#FFFFFF; padding: 4px;}
.navbar-brand {margin: 0px !important;}
.navnonscroll {margin-top: 0px; background: none;}
.navbar-fixed-top {background: #FFFFFF; position: fixed; left:0px; top:0px; width:100%; z-index: 999; border-bottom: 4px solid #CCCCCC; }
.navbar-fixed-top .nav-item.dropdown a {color:#3f69b0; border-bottom: none; line-height: 22px; font-weight:300; font-size:14px; transition: border-bottom .3s; text-decoration: none;}
.navbar-fixed-top .nav-item.dropdown:hover a {border-bottom: none;}

.home {height:auto; margin-top: 100px;}
.home .card {float: left; margin: 5px; border: none; width: 275px; height: 431px; }
.home .card:nth-child(1) {background: url(../img/arena.png);}
.home .card:nth-child(2) {background: url(../img/ulasa.png);}
.home .card:nth-child(3) {background: url(../img/miki.png);}
.home .card:nth-child(4) {background: url(../img/pasohlavky.png);}
.home .card-body {margin: 270px 12px 27px 15px;}
.home .card-body p {font-size:12px;}
.home .card-body a {text-decoration: none;}
.home .card:nth-child(1) .card-body {margin-left:56px;}
.home .card:nth-child(2) .card-body {margin-left:64px;}
.home .card:nth-child(3) .card-body {margin-left:45px;}
.home .card:nth-child(4) .card-body {margin-left:30px;}
.home .button {background: #e20613; font-size: 12px; top: -25px; text-decoration: none; width: 100px; position: relative;}
.home .card:hover {transform: scale(1.03);}
.cart tr {vertical-align: top;}
.cart td {padding:4px 8px; font-weight: 300; }
.cart td:nth-child(1) {white-space: nowrap; font-weight:300; text-align:right;}
.cart td:nth-child(2) {width: 100%; font-weight:300;}
.cart td:nth-child(2) span {font-weight:bold; color:#3f69b0; text-transform: uppercase; clear: both; display: block;}
.cart td:nth-child(2) br:before {content:"Alergeny: ";}
.cart td:nth-child(3) {text-align:right; font-weight: 300;}
.cart td:nth-child(3):after {content: ",-";}
.jidelni {background: #06070a url('../img/jidelni-listek-n.jpg'); background-position: top center; background-repeat: no-repeat; background-size: contain; }
.napojovy {background: #06070a url('../img/napojovy-listek-n.jpg'); background-position: top center; background-repeat: no-repeat; background-size: contain;}
.jidelni h2, .napojovy h2 {border-top:4px solid #FFFFFF; border-bottom:4px solid #FFFFFF; display: inline-block; padding: 4px 0px; text-transform: uppercase;}
.cart-h {background: url(../img/cat.png); height:114px; color:rgba(255,255,255,1.00); font-size:28px; line-height: 114px; padding: 6px 0px 0px 10px;}

.cardx {background: #FFFFFF; margin:10px; width:100%; position: relative; border-top:6px solid #0965ae;}
.cardx h2 {color: #0965ae; text-transform: uppercase; font-family: trumpgothicpro,  sans-serif; font-weight: 700; font-style: normal;}
.cardx .note {padding-top: 10px; color:#8C8C8C;}
.card-footer {position: relative; bottom: 0px;}

.dia {position:relative;}
.dia img {position: absolute; top:0px; left: 0px;}

.dashed-spaced {
  background-image: linear-gradient(to right, #8C8C8C 40%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 12px 1px;
  background-repeat: repeat-x;
}
.sq-bg {background: url('../img/01.png') no-repeat left bottom; background-overflow: visible; font-size:14px;}
.days { width: 100%;}
.days a {height: 35px; padding: 6px; padding-top: 3px; color:#0965ae; text-decoration: none; text-align: center; text-transform: uppercase; width:14.2%; display: inline-block; margin-bottom: 10px;}
.days a.selected {background: url('../img/day-top.png') center bottom; color:#FFFFFF;}
.days span {display:none;}

.oteviraci div span {display:inline-block; min-width:60px;}

.lines { width:100%; text-align:center; border-bottom: 2px solid #FFF; line-height:0.1em; margin:10px 0 20px; } 
.lines span { background:#364155; padding:0 10px; }
.partneri img {padding: 15px 30px; opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */}
.partneri img:hover {opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-name: fadeIn;
  animation-duration: 1s;}
@-webkit-keyframes fadeIn { 
  0% { opacity: 0.5; }
  20% { opacity: 0.6; }
  40% { opacity: 0.7; }
  60% { opacity: 0.8; }
  80% { opacity: 0.9; }
  100% { opacity: 1; }
}

@keyframes fadeIn {
  0% { opacity: 0.5; }
  20% { opacity: 0.6; }
  40% { opacity: 0.7; }
  60% { opacity: 0.8; }
  80% { opacity: 0.9; }
  100% { opacity: 1; }
}

@media (max-width: 767px) {
.navscroll {display: none !important;}
.home {height:auto !important; margin-top: 0px;}	
.home .card {float: none; margin: 5px auto; border: none; width: 275px; height: 431px; }
.pt200 {padding:20px; clear: both;}
}

@media (max-width: 991px) {
.vlogo {display: block;}	
.hlogo {display: none;}	
}	

@media (min-width: 992px) {
	.vlogo {display: none;}
	.hlogo {display: block;}
	.navbar-brand {margin: 10px 10px; padding: 10px 0px;}
}

@media (min-width: 992px) and (max-width:1199px) {
	.navbar-brand img {max-width: 160px;}
	.nav-item {text-align:center; margin: 0px 4px !important;}
}

@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
}
.map {background: #364155;}
.map iframe{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}

.map iframe:hover{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.map iframe{
    transition:all 1s linear; 
    -o-transition:all 1s linear; 
    -moz-transition:all 1s linear; 
    -webkit-transition:all 1s linear;
}

.map.embed-container {
    position: relative;
}

.map.embed-container .map-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.10);
}
.map.embed-container .map-overlay:hover {
    height: 0%;
    width: 0%;
    position: absolute;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0);
}

#test p {
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

@media (min-width: 992px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}