/*
font-family: liebegerda, sans-serif;
font-family: oswald, sans-serif;
*/
.datepicker .bootstrap-datetimepicker-widget {
	z-index: 100;
}
.otev-doba-label {
    display: inline-block;
    padding-right: 10px;
    min-width: 155px;
    text-align: left;
}
#rezervace-formular form {
    width: 100% !important;
    max-width: 100%;
	background: #F8F8F8 !important;
    border: 0 !important;
	padding-top: 20px !important;
}
#rezervace-formular form label {
	color: #717171 !important;
    font-family: oswald, sans-serif !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    margin-bottom: 8px !important;
}
#rezervace-formular #se-webform-1.se-webform .se-submit button, 
#rezervace-formular #se-webform-5.se-webform .se-submit button {
    background: #FFBB00;
    padding: 14px 20px;
    border-radius: 0;
    border: 1px solid #FFBB00;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    outline: none !important;
    transition: all 0.3s;
    width: 100%;
    text-shadow: none;
}
#rezervace-formular #se-webform-1.se-webform .se-submit button:hover, #rezervace-formular #se-webform-1.se-webform .se-submit button:focus,
#rezervace-formular #se-webform-5.se-webform .se-submit button:hover, #rezervace-formular #se-webform-5.se-webform .se-submit button:focus {
    background: white;
    color: black;
}
#reservierungs-formular form {
    width: 100% !important;
    max-width: 100%;
	background: #F8F8F8 !important;
    border: 0 !important;
	padding-top: 20px !important;
}
#reservierungs-formular form label {
	color: #717171 !important;
    font-family: oswald, sans-serif !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    margin-bottom: 8px !important;
}
#rezervace-formular #se-webform-5.se-webform .se-header, 
#reservierungs-formular #se-webform-8.se-webform .se-header {
    display: none;
}
#reservierungs-formular #se-webform-1.se-webform .se-submit button, 
#reservierungs-formular #se-webform-8.se-webform .se-submit button {
    background: #FFBB00;
    padding: 14px 20px;
    border-radius: 0;
    border: 1px solid #FFBB00;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    outline: none !important;
    transition: all 0.3s;
    width: 100%;
    text-shadow: none;
}
#reservierungs-formular #se-webform-1.se-webform .se-submit button:hover, #reservierungs-formular #se-webform-1.se-webform .se-submit button:focus, 
#reservierungs-formular #se-webform-8.se-webform .se-submit button:hover, #reservierungs-formular #se-webform-8.se-webform .se-submit button:focus {
    background: white;
    color: black;
}


body {
	font-family: roboto, sans-serif;
	font-size: 16px;
}
h2, .navigace a, span.slider-den {
	font-family: oswald, sans-serif;	
}
.nadnadpis, .special-nadpis, div#recenze h2 {
    font-family: liebegerda, sans-serif;
}
h2 {
    font-size: 30px;
    text-align: center;
    margin: 11px 0 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
}
p {
	margin-bottom: 30px;
}
a {
	transition: all 0.3s;
}
.btn:hover, .btn:focus {
    background: white;
    color: #7f1714;
}
.btn {
    background: #7f1714;
    padding: 14px 20px;
    border-radius: 0;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
	outline: none !important;
}
.btn-wrap .btn {
    margin: 25px 11px 5px;
    min-width: 160px;
}
.navigace-wrap-inside {
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
}
a.logo-link {
    display: inline-block;
    margin: 24px 0 25px;
}
div#uvod {
    border-top: 2px solid #EDC18E;
}
div#o-stodole .container {
    max-width: 1040px;
    margin: 0 auto;
}
span.box-wrap-nadpis {
    display: block;
    background: #242424;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    padding: 16px 27px 18px;
}
img.img-resp {
    max-width: 100%;
    width: 100%;
}
.nadnadpis {
    color: #7f1714;
    text-align: center;
    font-size: 30px;
    margin: 35px 0 12px;
}
.navigace a {
    font-size: 15px;
    display: inline-block;
    padding: 18px 39px 20px;
    border-top: 1px solid #B0A89F;
    color: #2D251B;
    text-transform: uppercase;
    text-decoration: none;
}
.navigace a.active {
    color: #E22121;
}
div#restaurant .container, div#sluzby .container {
    max-width: 800px;
}
div#restaurant .flex-row, div#sluzby .flex-row {
    margin: 0 -1px;
}
div#restaurant .flex-row .flex-col, div#sluzby .flex-row .flex-col {
    padding: 0 1px;
	margin-bottom: 2px;
}
div#restaurant .box-wrap, div#sluzby .box-wrap {
    height: 100%;
    padding: 10px 40px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    text-align: center;
    background: white;
}
div#restaurant .box-wrap > *, div#sluzby .box-wrap > * {
    width: 100%;
}
div#restaurant {
    background: #F9F9F9;
}
div#restaurant, div#sluzby {
    padding: 95px 0;
}
.flex-row {
    display: flex;
    flex-flow: wrap;
	margin: 0 -15px;
}
.flex-col {
    width: 100%;
	padding: 0 15px;
	margin-bottom: 30px;
}
.obsah {
    max-width: 100%;
    width: 1366px;
    margin: 0 auto;
}
.navbar {
    text-align: center;
	margin-bottom: 0;
}
div#special, div#kontakt {
    text-align: center;
}
div#o-stodole p {
    max-width: 730px;
    margin: 0 auto 30px;
}
div#o-stodole .flex-row {
    margin: 0 -5px;
}
div#o-stodole .flex-row .flex-col {
    padding: 0 5px;
}
a.box-link {
    text-decoration: none;
    display: block;
}
.special-nadpis {
    font-size: 60px;
    color: #E22121;
    font-weight: 700;
    text-align: center;
}
.special-nadpis-skrt {
    color: #604D4D;
    display: inline-block;
    position: relative;
}
span.special-nadpis-skrt:before {
    content: "";
    display: block;
    width: 116%;
    height: 3px;
    position: absolute;
    background: #000000;
    transform: rotateZ(30deg);
    left: -5px;
    top: 36px;
}
.facebook-banner {
    background: #000;
	background-image: url("https://stodola.restaurant/img/bg-akce.jpg?a=1");
    padding: 15px 15px 30px;
    margin: 45px 0 120px;
	color:#fff;
}
.facebook-banner h2 {
	color:#fff;
}
.facebook-banner a {
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
	font-family: oswald, sans-serif;
	text-transform: uppercase;
}
.facebook-banner-inline {
    display: flex;
    align-items: center;
    justify-content: center;
}
div#menu {
    background: url(/img/menu-list.jpg?a=2);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 67px 0;
}
.container-menu {
    display: block;
    margin: 0 auto;
    width: 640px;
	max-width: 100%;
    background: white;
    padding: 1px 30px 30px;
    text-align: center;
}
div#special .container {
    max-width: 1110px;
}
div#special .slick-list {
    padding: 200px 0 !important;
    margin: -40px 0;
}
div#special .slick-slide {
    padding: 0 35px;
}
div#special .slick-slide img {
    border: 0;
    box-shadow: 0 10px 20px rgb(0 0 0 / 15%);
    background: white;
    padding: 10px;    
}
span.slider-den {
    font-family: oswald, sans-serif;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    color: #A18361;
    margin-bottom: 7px;
    display: block;
    transition: all 0.8s;
}
div#special .slick-slide.slick-center .slider-happy-item span.slider-den, div#special .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .slider-happy-item span.slider-den {
    color: #E22121;
}
div#special .slick-slide .slider-happy-item, div#special .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] .slider-happy-item {
    transition: all 0.8s;
    transform-origin: center;
    transform: scale(1);
    position: relative;
    z-index: 0;
}
div#special .slick-slide.slick-center .slider-happy-item, div#special .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .slider-happy-item {
    transform: scale(1.8);
    z-index: 1;
}
.slider-happy-item {
    position: relative;
}
.slick-prev:before, .slick-next:before {
	color: black;
}
div#recenze {
    color: white;
    background: #2D2D2D;
    font-weight: 100;
    padding: 65px 0 55px;
}
div#recenze h2 {
    color: #FFDD00;
    font-weight: 400;
}
.slider-recenze-jmeno {
    text-align: center;
    color: #EDC18E;
    font-size: 30px;
    font-weight: 700;
    font-family: oswald, sans-serif;
    margin-bottom: 15px;
}
.slider-recenze.slick-initialized.slick-slider {
    max-width: 540px;
    margin: 0 auto;
}
.slider-recenze .slick-slide {
    padding: 0 10px;
	height: auto;
}
.slider-recenze-hvezdy.hvezdy-1 span:nth-child(-n+1) {
	color: #FFDD00;
}
.slider-recenze-hvezdy.hvezdy-2 span:nth-child(-n+2) {
	color: #FFDD00;
}
.slider-recenze-hvezdy.hvezdy-3 span:nth-child(-n+3) {
	color: #FFDD00;
}
.slider-recenze-hvezdy.hvezdy-4 span:nth-child(-n+4) {
	color: #FFDD00;
}
.slider-recenze-hvezdy.hvezdy-5 span:nth-child(-n+5) {
	color: #FFDD00;
}
.slider-recenze-hvezdy {
    font-size: 38px;
    line-height: 16px;
    text-align: center;
    border-top: 1px solid #B0A89F;
    margin-top: 20px;
    padding-top: 23px;
    color: #626262;
    height: 50px;
}
.slider-recenze-hvezdy span {
    display: inline-block;
    margin: 0 3px;
}
div#recenze .slick-next:before, div#recenze .slick-prev:before {
	border-color: white;
}
.slick-next:before {
    content: "";
    width: 40px;
    height: 40px;
    border: 2px solid #2D2D2D;
    display: block;
    transform: rotate(45deg);
    border-left: 0;
    border-bottom: 0;
    position: relative;
    right: 1px;
	transition: all 0.3s;
}
.slick-prev:before {
    content: "";
    width: 40px;
    height: 40px;
    border: 2px solid #2D2D2D;
    display: block;
    transform: rotate(45deg);
    border-right: 0;
    border-top: 0;
    position: relative;
    left: 21px;
	transition: all 0.3s;
}
.slick-prev, .slick-next {
    width: 60px;
    height: 100px;
	transition: all 0.3s;
}
.slick-next {
    right: -100px;
}
.slick-prev {
    left: -100px;
}
.kontakt-mail a, .kontakt-tel a {
    font-size: 26px;
    font-weight: 700;
    color: #7f1714;
    display: inline-block;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
    text-decoration-color: transparent;
    margin-bottom: 15px;
}
.kontakt-mail a:hover, .kontakt-tel a:hover {
    text-decoration-color: inherit;
}
div#kontakt {
    padding: 55px 0 45px;
    margin-top: 5px;
}
div#kontakt h2 {
    margin-bottom: 40px;
}
.kontakt-adresa a {
    display: inline-block;
    color: #2D2D2D;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    text-decoration-color: inherit;
    margin: 5px 0 0;
}
div#paticka {
    text-align: center;
    color: #B0A89F;
    padding: 30px 0;
}
div#special, div#o-stodole {
	padding: 30px 0 45px;
}
div#kontakt .flex-row.flex-row-kontakt {
    margin: 0;
}
div#kontakt .flex-row.flex-row-kontakt > .flex-col {
    padding: 0;
}
.form-group.flex-row .flex-col {
    margin-bottom: 19px;
}
.form-group.flex-row {
    margin-bottom: 0;
}
.kontakt-adresa {
    margin-bottom: 60px;
}
form.kontakt-form {
    background: #F8F8F8;
    padding: 30px 30px 11px;
    text-align: left;
}
.col-map iframe {
    height: 100%;
    min-height: 450px;
    width: 100%;
}
.form-group {
    margin-bottom: 19px;
}
label {
    color: #717171;
    font-family: oswald, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 8px;
}
.col-map {
    background: #f8f8f8;
}
div#kontakt .container {
    max-width: 900px;
}
.datepicker, .timepicker {
	position: relative;
}
.timepicker-picker a.btn {
    margin: 0;
    padding: 0;
}
.bootstrap-datetimepicker-widget table td span {
    border: 0;
    background: transparent;
}
.bootstrap-datetimepicker-widget table td span:hover {
    background: transparent;
}
input.btn.submit {
    width: 100%;
}
.navigace-wrap.fixed {
    position: fixed;
    top: 0;
    background: white;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    z-index: 100;
}

.top-menu, .top-menu a {
    color: #B0A89F;
}
.top-menu {
    position: absolute;
    top: 20px;
    right: 18%;
    font-size: 14px;
}
span.oddelovac {
    display: inline-block;
    padding: 0 5px 0 0;
    position: relative;
    top: -1px;
}
a.lang-link {
    text-transform: uppercase;
    display: inline-block;
    padding: 0 3px;
}
.top-menu a {
    text-decoration: none;
}
.top-menu a:hover {
    color: black;
}
a.lang-link.lang-link-active {
    font-weight: 700;
}
.form-group.required label {
    position: relative;
}
.form-group.required label:after {
    content: "*";
    color: #E22121;
    position: relative;
    top: -3px;
    left: 3px;
    font-size: 19px;
    line-height: 0;
}
.obsah.obsah-dekovaci .kontakt-adresa {
    margin-bottom: 0;
}
.text-dekovaci {
    margin-top: 80px;
    border-bottom: 1px solid #edc18e;
    padding-bottom: 60px;
}
.obsah-de .fb-like, .obsah-de .fb-like > *, .obsah-de .fb-like > * > * {
    width: 100px !important;
}
.obsah-de .fb-like {
	margin-left: 10px;
}
.objednat {
    display:none;
}
ul#mesta {
    font-size: 12px;
    list-style: none;
    padding: 0;
    text-align: center;
}
@media (min-width: 768px){
	.flex-col-3, .flex-col-2, .flex-col-4 {
		width: 50%;
	}
}
@media (min-width: 992px){
	.hamb-menu {
		display: none;
	}
	.navigace-wrap.fixed a {
		border-top: 1px solid transparent;
	}
	.navigace a {
		padding: 18px 35px 20px;
	}
}
@media (min-width: 1200px){
	.flex-col-3, .flex-col-4 {
		width: 33.33333333%;
	}
	.navigace a {
		padding: 18px 39px 20px;
	}
}
@media (min-width: 1400px){
	.flex-col-4 {
		width: 25%;
	}
}
@media (max-width: 1399px){
	
}
@media (max-width: 1199px){
	
}
@media (max-width: 991px){
	.objednat {
		display:block;
	}
	.hamb-menu {
		display: inline-block;
		padding: 14px 25px 13px;
		cursor: pointer;
		float: right;
	}
	.hamb-menu-item {
		background: black;
		height: 3px;
		width: 32px;
		margin: 5px 0;
	}
	.navigace-wrap-inside {
		position: absolute;
		top: 100%;
		width: 100%;
		left: 0;
		display: none;
	}
	.navigace a:last-child {
		border-bottom: 1px solid #c1c1c1;
	}
	
	.navigace a {
		width: 100%;
		background: white;
		border-top: 1px solid #c1c1c1;
	}
	a.logo-link {
		position: absolute;
		left: 0;
		margin: 0;
	}
	.navbar .container {
		width: 100%;
		padding: 0;
	}
	.navbar {
		text-align: center;
		margin-bottom: 0;
		position: fixed;
		width: 100vw;
		background: white;
		border-radius: 0;
		z-index: 10;
		top: 0;
		margin: 0;
		border: 0;
	}
	a.logo-link img {
		max-height: 48px;
		width: auto;
		margin-left: 15px;
		margin-top: 3px;
	}
	.top-menu {
		position: absolute;
		top: 18px;
		right: 90px;
		font-size: 14px;
	}
	div#uvod {
		padding-top: 56px;
	}
	.facebook-banner-inline {
		display: block;
	}
	.fb_iframe_widget {
		margin-top: 20px;
	}
	.slider-happy .slick-prev {
		transform: unset;
		left: unset;
		bottom: 10px;
		top: unset;
		right: 52%;
		z-index: 10;
	}
	.slider-happy .slick-next {
		transform: unset;
		right: 0;
		bottom: 10px;
		top: unset;
		left: 52%;
	}
	.facebook-banner {
		margin: 45px 0 0px;
	}
	div#restaurant, div#sluzby {
		padding: 45px 0;
	}
	div#kontakt {
		padding: 55px 0 0;
	}
	.slick-dots li.slick-active button:before {
		opacity: 1;
		background: #ffbb00;
		border-radius: 60px;
		content: "";
	}
	.slick-dots li button {
		border-radius: 60px;
		border: 1px solid #ffffff;
		padding: 0;
	}
	.slick-dots li button:before {
		background: transparent;
		color: transparent;
	}
	div#recenze {
		padding: 65px 0 85px;
	}
	ul.slick-dots {
		bottom: -50px;
	}
	.slider-happy ul.slick-dots {
		bottom: 60px;
	}
	.slider-happy .slick-dots li button {
		border-radius: 60px;
		border: 1px solid #9b9b9b;
		padding: 0;
	}
	.slider-happy .slick-dots li.slick-active button {
		border: 1px solid #ffbb00;
	}
	div#special .slick-slide.slick-center .slider-happy-item, div#special .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .slider-happy-item {
		transform: scale(1);
	}
	div#special .slick-list {
		padding: 30px 10% 120px !important;
		margin: 0;
	}
	.slider-happy {
		margin: 0 -15px;
	}
	div#special .slick-slide {
		padding: 0 6px;
	}
	span.slider-den {
		font-size: 18px;
	    margin-bottom: 20px;
	}
	.container {
		width: 100% !important;
	}
	div#o-stodole .flex-row .flex-col {
		margin-bottom: 10px;
	}
	div#sluzby .flex-row .flex-col.col-1 {
		order: 1;
	}
	.container-menu {
		max-width: calc(100% - 30px);
	}
}
@media (max-width: 767px){
	.navigace a {
		padding: 13px 39px 15px;
	}
	div#sluzby .nadnadpis {
		margin-top: 0;
	}
}