@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:700&display=swap&subset=latin-ext');
.myClearFix{display:block; height: 1px; width: 100px; clear: both;}
.no-gutters-out{padding-left:0; padding-right:0;}
/* CORPORATE DESIGN
-------------------------------------------------- */ 
body {
  	padding-top: 3px;
  	color: #1a171b;
	font-family: 'Ubuntu', sans-serif;
	font-size: 1rem;
    font-weight: 300;
    line-height: 1.4;
	/*-webkit-transform: translateZ(0)*/;
}

/* CORPORATE COLORS *****************/
/*1*/
.ci-color-1{color:#d6012a !important;}
.ci-color-1:hover{color:#d6012a !important;}
.ci-color-h-1{}
.ci-color-h-1:hover{color:#d6012a !important;}
.ci-bg-color-1{background-color: #d6012a !important;}
.ci-bg-color-1:hover{background-color: #d6012a !important;}
.ci-btn-color-1{background-color: #d6012a !important; border:none !important;}
.ci-btn-color-1:hover{background-color: #b60124 !important; }
/*2*/
.ci-color-2{color:#003477 !important;}
.ci-color-2:hover{color:#003477 !important;}
.ci-color-h-2{}
.ci-color-h-2:hover{color:#003477 !important;}
.ci-bg-color-2{background-color: #003477 !important; color:#fff;}
.ci-bg-color-2:hover{background-color: #003477 !important;}
.ci-btn-color-2{background-color: #003477 !important; border:none !important;}
.ci-btn-color-2:hover{background-color: #003477 !important; }

strong {font-weight: 500;}



.bg-footer{background:#151515; color:#969696;}
h1, h2{color:#d6012a; font-family: 'Roboto Slab', serif;}
h3,h4,h5,h6,h7{color:#003477; font-family: 'Roboto Slab', serif;}
.sign-text{ font-size: 0.9rem; padding-top:5px;}
.sign-text a{color:#0bb8aa;}

.row, .container, .container-fluid{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#myCarousel{margin-top:75px;}


.btn-pill{
	padding: 10px 20px;
    border-radius: 40px;}

/* MAIN OBSAH
-------------------------------------------------- */ 
.main-obsah img{max-width:100%; height: auto!important; padding:0 10px;}
.main-obsah h1,.main-obsah h2,.main-obsah h3,.main-obsah h4,.main-obsah h5,.main-obsah h6,.main-obsah h7{color:#f36700;}
/* LAYOUT
-------------------------------------------------- */ 
.nadpis-top{font-size:1rem; font-weight: 300; font-family: 'Roboto slab';}
.nadpis-text{font-size:2.5rem; }
.nadpis-odd{width:30px; height: 2px; background: #003477; margin:0 auto;}
.nadpis-odd-left{width:30px; height: 2px; background: #003477; }

/* AKTUALITY
-------------------------------------------------- */ 
.new-img{
	margin-top:7px;
	margin-bottom:17px;
}

.new-img img{
	height:100%;
	width:100%;
}
.news-img{
	object-fit: cover;
}

.news-a{color:#151515; font-size: 1.7rem; font-weight: 600; text-decoration: none!important;}
.news-a:hover{color:#f36700; text-decoration: none!important;}
.news-datum{color:darkgray; font-size: 80%;}

/* POLEDNÍ MENU
-------------------------------------------------- */
.my-animate{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.poledni-menu-fade:not(.show){opacity:0;}
.poledni-menu-fade{
	/* For Safari 3.1 to 6.0 */
    -webkit-transition-property: width, height, -webkit-transform, opacity;
    -webkit-transition-duration: .30s, .30s, .30s, .30s;
    -webkit-transition-timing-function: linear, linear, linear, linear;
    -webkit-transition-delay: .1s, .1s, .1s, .1s;
    /* Standard syntax */
    transition-property:  width, height, transform, opacity;
    transition-duration: .30s, .30s, .30s, .30s;
    transition-timing-function: linear, linear, linear, linear;
    transition-delay: .1s, .1s, .1s, .1s;
	
}

.poledni-menu-bg{background:url(../img/menu-bg.jpg) top center no-repeat; padding:50px 0 60px 0;
}

.poledni-menu-neni{color:gray; font-family:'Dancing script'; font-size:3rem; margin:2rem 0rem; text-align: left;}
.poledni-menu-neni-ico{color:#f36700; font-size: 13rem;  margin:2rem 0rem; text-align: right;}
.tab-content{
	background:#fff;
	margin:5px 0;
	padding:30px;
	width:100%;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #f36700;
}
.nav-pills .nav-link.disabled, .nav-pills .show>.nav-link.disabled {
    color: #6c757d!important;
}
.poledni-menu .nav-link{color:#f36700;}
.tab-pane h2{font-family:'Dancing Script'; padding:15px 0 10px; font-weight: 700; font-size:2.5rem;}
.pol-menu-plozka{padding-bottom:25px;}
.menu-na-mail{text-align: right;}
@media (max-width: 768px) {
	.menu-na-mail{text-align: center; margin-bottom:7px;}
	}


/* RESERVATION
-------------------------------------------------- */
.reservation-position{position:relative;}
.reservation-bg{
	background:url(../img/booking-bg.jpg);
	height: 400px;
	background-size: cover;
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.reservation-padding{padding:60px 0 40px 0;;}



.objednavky {
	padding: 30px 30px 30px 30px;
	background: rgba(21, 21, 21, 0.9);
	min-height: 460px;
	color:#fff;

}

.reserve-form label{color:#fff;}

.opening-time {
	padding: 30px 30px;
	background: #151515;
	margin-top:30px;
}

.opening-row{padding:4px 0;}
.opening-time .day {
	font-weight:400;
	color:#fff;
	font-size:1.2rem;
}

.opening-time .hours {
	font-size: 1.0rem;
	font-weight:400;
	color:#f36500;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
  margin-bottom: 2rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 4rem;
  z-index: 10;
	top:00px;
	
}
.carousel-caption h1{
	font-family: 'Roboto slab'; font-size: 3rem; text-transform: uppercase;}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 36rem;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 36rem;
}

.carousel-item-img01 {
	background:url('../img/carousel/slider01.jpg') center center no-repeat;
  	min-width: 100%;
  	min-height: 100%;
	background-size: cover;
}
.carousel-item-img02 {
	background:url('../img/carousel/slider02.jpg') center center no-repeat;
  	min-width: 100%;
  	min-height: 100%;
}
.carousel-item-img03 {
	background:url('../img/carousel/slider03.jpg') center center no-repeat;
  	min-width: 100%;
  	min-height: 100%;
}
.carousel-item-img04 {
	background:url('../img/carousel/slider04.jpg') center center no-repeat;
  	min-width: 100%;
  	min-height: 100%;
}

/*Page*/
.carousel-item-p {
  height: 300px;
  background-color: #777;
}
.carousel-item-p-01 {
	background:url('../img/carousel/p-slider-01.jpg') center center no-repeat;
  	min-width: 100%;
  	min-height: 100%;
}

/* TÝM
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.tym .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.tym h2 {
  font-weight: 400; padding:15px 0 10px 0; font-size: 2.2rem; font-family: 'Roboto Slab'; color:#fff;
	
}
.tym .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}




/* MENU
-------------------------------------------------- */
.menu-top-logo{width:300px; }
@media (max-width: 992px) {
	.menu-top-logo{width:250px; }
}
@media (max-width: 767px) {
	.menu-top-logo{width:200px; }
}



.navbar-light .navbar-nav .nav-link{color:#023376; font-weight: 400; text-transform: uppercase;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color:#d6012a; text-decoration: underline;} 



/*
	REFERENCE
*/

.ref_box{padding:130px 12% 20px 12%; }
.ref_box h2{font-size:30px;}
.ref_box p{text-align:center; color:#969696;}
.ref_box a{text-decoration: none;}
.ref_row_height{height:350px; overflow: hidden;}
.ref_row_img{height:350px; background:#fff  center center no-repeat; text-align:center; background-size:cover; overflow: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;}
.ref_row:hover .ref_row_img{ overflow: hidden;
	transform: scale(1.1);
	-webkit-transition: all 1.4s ease;
	-moz-transition: all 1.4s ease;
	-ms-transition: all 1.4s ease;
	-o-transition: all 1.4s ease;
	transition: all 1.4s ease;}

.ref_row{ overflow: hidden;
	background-color:#fff;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.ref_row:hover{background:#f36700;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.ref_row:hover h2, .ref_row:hover p, .ref_row:hover a{color:#fff !important; text-decoration: none;}


.ref_row .btn_ref{background:#76b729; border:none; border-radius:0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;}
.ref_row .btn_ref:hover{background:#65a618;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;}


@media (max-width: 768px) {
	.ref_box{padding:50px 12% 20px 12%; }
	.ref_row_height{height:200px;}
	.ref_row_img{height:200px;}
	}


/* Ref karta */

.ref_karta_img{height: 250px; width: 100%; overflow: hidden; padding-left:0px; padding-right:0px; background:center center no-repeat; border:2px solid #fff; background-size: cover; 
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;}
.ref_karta_img:hover{opacity: 0.8; overflow: hidden; -webkit-filter: contrast(130%);filter: contrast(130%); 
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;}
.caption{width:100%; height: 35px; padding-top:7px; background:rgba(255,255,255,0.80); text-align: center; color:#f36700; bottom: 0; position: absolute;}
/*.ref_karta_img img{
	-webkit-transform: scale(1.6);
	transform: scale(1.6);
	-webkit-transition: .6s ease;
	transition: .6s ease;
}
.ref_karta_img img:hover{
	opacity: .4;
	-webkit-transform: scale(1.8);
	transform: scale(1.8);
}


@media (max-width: 1200px) {
	.ref_karta_img img{
		-webkit-transform: scale(2.2);
		transform: scale(2.2);
	}
	.ref_karta_img img:hover{
		-webkit-transform: scale(2.4);
		transform: scale(2.4);
	}
}
@media (max-width: 992px) {

}
@media (max-width: 768px) {
	.ref_karta_img{height:auto; max-height: 300px;}
	.ref_karta_img img{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	.ref_karta_img img:hover{
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
	}
}*/




/*.thumbnail_ref_img{ width:120%; background:#eee;  cursor: pointer;}
.thumbnail_ref_img_blank{height:230px; width:100%; background: url(../img/blank-picture.jpg) center center; cursor: pointer;}
.thumbnail_ref_img_col{height:230px;overflow: hidden;}
.caption_ref{height:120px;}

.ref_img_big_col{padding:20px 0 30px 0; height:450px; vertical-align: middle;} 
.ref_img_big{max-width:100%; max-height: 400px;}
.ref_img_col{height:100px; text-align:center;}
.ref_img{width:auto; max-height: 90px;
-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;}
.ref_img:hover{ -webkit-box-shadow:	0 0 7px 0px rgba(0, 144, 207, 0.8);
	box-shadow: 0 0 7px 0px rgba(0, 144, 207, 0.8); 
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
cursor: pointer;} */



/*
PAGE REFERENCE
*/

.row_ref_page_imgtit{margin-bottom:40px; margin-top:-20px;}


/*
FORM
*/
.contact_form .button{
		float: right;
		width: auto;
	}
	
/* Form Elements CSS starts */
.contact_form form{
	margin: 0;
	padding: 0;
}
.contact_form form p{
	margin: 0;
}
/* Placeholder Style */
.contact_form .hasPlaceholder {
	color: #666666;
}
.contact_form textarea, .contact_form input[type="text"], .contact_form input[type="password"], .contact_form input[type="datetime"], .contact_form input[type="datetime-local"], .contact_form input[type="date"], .contact_form input[type="month"], .contact_form input[type="time"], .contact_form input[type="week"], .contact_form input[type="number"], .contact_form input[type="email"], .contact_form input[type="url"], .contact_form input[type="search"], .contact_form input[type="tel"], .contact_form input[type="color"], .uneditable-input{
	background: transparent;
	border: 1px solid #003477;
	box-shadow: none;
	color: #000000;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	height: 50px;
	padding: 9px 19px;
	margin: 0 0 20px 0;
	transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
	width: 100%;
}
.contact_form textarea{
	height: 190px;
	max-width: 100%;
	min-width: 100%;
}

.contact_form textarea:focus, .contact_form input[type="text"]:focus, .contact_form input[type="password"]:focus, .contact_form input[type="datetime"]:focus, .contact_form input[type="datetime-local"]:focus, .contact_form input[type="date"]:focus, .contact_form input[type="month"]:focus, .contact_form input[type="time"]:focus, .contact_form input[type="week"]:focus, .contact_form input[type="number"]:focus, .contact_form input[type="email"]:focus, .contact_form input[type="url"]:focus, .contact_form input[type="search"]:focus, .contact_form input[type="tel"]:focus, .contact_form input[type="color"]:focus, .uneditable-input:focus{
	border: 1px solid #D0D0D0;
	box-shadow: none;
	color: #000000;
}
.contact_form input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
    border-color: #E9322D;
    box-shadow: none;
}

/* Errors */
.contact_form checkbox.error:focus,
.contact_form radio.error:focus,
.contact_form input.error:focus,
.contact_form select.error:focus,
.contact_form textarea.error:focus {
	border-color: #b94a48;
}

.contact_form label.error {
	color: #d6012a;
	background-color: #f2dede;
	border: 1px solid #eed3d7;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		-webkit-border-radius: 5px;
	font-size: 13px;
	margin: -5px 0 20px 0;
	padding: 8px 35px 8px 14px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.contact_form .alert{
	clear: both;
}

.contact_form input[type="submit"]{
	background-color: #e60014;
	border: 1px solid #e60014;
	color: #FFF;
	cursor: pointer;
	display: block;
	font-weight: 400;
	height: 46px;
	line-height: 46px;
	margin-bottom: 20px;
	overflow: hidden;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	text-align: center;
}
	.contact_form input[type="submit"]:hover, .contact_form input[type="submit"]:active, .contact_form input[type="submit"]:focus{
		color: #fff;
		background-color: #c80011;
	}
	
.contact_form .button, a.button{
	background-color: #e60014;
	border: 1px solid #e60014;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-weight: 400;
	margin-bottom: 20px;
	overflow: hidden;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	text-align: center;
	
	padding: 0 20px;
    border-radius: 40px;
}

.contact_form .button:disabled, .contact_form .button:disabled:hover{background-color: #ccc;
	border: 1px solid #eee;}

.ochrana-osobnich-udaju{text-align:right; padding:0 0 20px 0;}

/**/


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}


.sm-display{display:none;}

@media (max-width: 768px) {
	.sm-display{display:inline;}
	}
@media (max-width: 576px) {
	.sm-center{text-align: center !important;}

	}