@import url('https://fonts.googleapis.com/css?family=Dancing+Script:700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i&subset=latin-ext');
.myClearFix{display:block; height: 1px; width: 100px; clear: both;}
.no-gutters-out{padding-left:0; padding-right:0;}
/* CORPORATE DESIGN
-------------------------------------------------- */ 
.ci-color{color:#f36700 !important;}
.ci-color:hover{color:#eb5e00 !important;}
.ci-color-h{}
.ci-color-h:hover{color:#fd7714 !important;}
.ci-bg-color{background-color: #f36700 !important;}
.ci-bg-color:hover{background-color: #eb5e00 !important;}
.ci-btn-color{background-color: #f36700 !important; border:none !important;}
.ci-btn-color:hover{background-color: #eb5e00 !important; }
.bg-footer{background:#151515; color:#969696;}
h1,h2,h3,h4,h5,h6,h7{color:#151515;}
.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;
}

body {
  	padding-top: 3rem;
  	color: #969696;
	font-family: 'Roboto';
	font-size: 1rem;
    font-weight: 300;
    line-height: 1.4;
	/*-webkit-transform: translateZ(0)*/;
}


.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;}
.nadpis-text{font-size:2.5rem; font-weight: 700; font-family: 'Dancing Script';}
.nadpis-odd{width:20px; height: 2px; background: #f36700; margin:0 auto;}
.nadpis-odd-left{width:20px; height: 2px; background: #f36700; }

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

.new-img img{
	max-height:160px;
	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; background-size: cover;
}

.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;
	
}
.carousel-caption h1{
	font-family: 'Dancing Script'; font-size: 4.5rem; font-weight:700;}

/* 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%;
	background-size: cover;
}
.carousel-item-img03 {
	background:url('../img/carousel/slider03.jpg') center center no-repeat;
  	min-width: 100%;
  	min-height: 100%;
	background-size: cover;
}
.carousel-item-img04 {
	background:url('../img/carousel/slider04.jpg') center center no-repeat;
  	min-width: 100%;
  	min-height: 100%;
	background-size: cover;
}



/* 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.4rem; font-family: 'Dancing Script';
	
}
.tym .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}




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

.navbar-light .navbar-nav .nav-link{color:#151515; font-weight: 400;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color:#f36700;}



/*
	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;}




/*
PAGE REFERENCE
*/

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






/* 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;}

	}