/*

Project      : Restaurant - Multipurpose landing page
Version      : v1.0
Last update  : N/A
Author       : bootstrapdevelop (Ramniwas Sharma)
Support email: bootstrapdevelop@gmail.com
*/


/**************************************
 - Basic
***************************************/
/***** Google fonts import ************/

@import url('https://fonts.googleapis.com/css?family=Pacifico');

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

body {
  font-family: 'Open Sans', sans-serif;
  background: #fff;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #848484;
}
p {
  font-size: 20px; margin: 0;
}
p.small {
  font-size: 16px;
}
a,
a:hover,
a:focus,
a:active,
a.active {
  color: #caab53;
  outline: none;
  text-decoration: none;

}
a, button{-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;}
ul,ol{ padding: 0; margin: 0; list-style: none; }
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Pacifico', cursive;
  margin-top: 0;
  font-weight: 700; 
}
.bg-light{ background-color: #fafafa; }

.bg-light-img{   }
.space-50{ height: 50px; display: block; clear: both; width: 100%;  }
.no-padding{ padding:0; }
.no-margin{ margin: 0 }
.padding-5{ padding:0 5px; } 
.sec-block{ padding: 60px 0; }
/***********************

=====Buttons style=====

***********************/
.btn-light{ display: block; padding: 8px  15px; background-color: #caab53; font-size: 16px; color: #fff; text-transform: uppercase;}
.btn-light:hover,.btn-light:focus{ color: #fff;  opacity: 0.9 }
.btn-sec { display:inline-block; padding: 8px  15px; border:1px solid #caab53; font-size: 16px; color: #caab53; text-transform: uppercase; border-radius: 10px; font-weight: 600;}
.btn-sec:hover,.btn-sec:focus{ color: #fff;  opacity: 0.9 ; background-color: #caab53;}
.btn-input{ border: none; text-align: center; }
/**
======== Header =====
**/
header{    z-index: 1000;background-color: #000; -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;}
.top-header{ border-top: 2px solid #caab53;background-color: #000; }
.top-bar ul{ padding-top: 4px; }
.top-bar ul>li{ padding-right: 20px; color: #afafaf; font-weight: 300;}
.top-bar ul>li>i{ color: #caab53; padding-right: 5px; }
.top-bar ul>li>ul>li{padding-right: 5px;}
.top-bar ul>li>ul>li a{ color: #afafaf; }
.top-bar ul>li>ul>li a:hover{ color: #caab53; }
.fixed {
  position: fixed;
  top:0; width: 100%;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  left: 0;

 }

.navbar-default{ background-color: transparent; border: none; margin: 0;     padding: 15px 0 15px; border-top: 1px solid #1d2029;}
.fixed .navbar-default{padding: 5px 0 5px;}
.navbar-default .navbar-brand {
    color: #fff;
    padding: 0;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    text-transform: uppercase;
    padding: 0;
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li.active>a {
   background-color: transparent; color: #caab53;
}
.navbar-default .navbar-nav>li {
    
    padding: 15px 15px;
}
/**  pase-box **/
body.boxed {
    background-color: #121212;
}

body.boxed .sec-block{ background-color: #fff; }
body.boxed .page-box {
    max-width: 1200px;
    margin: 0 auto; overflow: hidden;
}
/**
======== slider =====
**/
.hiro-bg{ background-repeat: no-repeat; height:650px;  background-size: cover; background-position: center; position:relative;}
.hiro-caption{ text-align: center; position: absolute; top:30%; color: #fff; max-width: 900px; margin: 0 auto; left: 0; right: 0;
 }
.in-block{ display: inline-block ; }
.hiro-caption h3 {
    color: #fff;
    padding: 0px;
    font-size: 70px;
    text-shadow: black 0 0 20px;
}
.hiro-caption h1{ color: #caab53; font-size: 40px; line-height: 65px ; letter-spacing: 1px; text-shadow: black 0 0 15px;}
.hiro-caption p{ padding-bottom: 15px; font-size: 14px; color: #fff; }
 .owl-buttons>div{ position: absolute; top: 40%; }
.owl-buttons .owl-prev{ left: 0; }
.owl-buttons .owl-next{ right: 0; }
.hiro .owl-theme .owl-controls .owl-buttons div,#team .owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    
    margin: 0;
    padding: 6px 10px;
    font-size: 30px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #caab53;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
}
.hiro  .owl-pagination {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
}
.hiro   .owl-theme .owl-controls .owl-page span {
    display: block;
    width: 15px;
    height: 15px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #caab53;
}


.owl-theme .owl-controls {
    margin-top: 0px ;
   
}

/**

===== About =====

**/

.text-con h3{ font-size: 40px; color: #caab53;  font-weight: 700; }
.text-con h3{ font-family: 'Open Sans', sans-serif;}
.text-con h3 span{font-family: 'Pacifico', cursive; font-size: 40px; text-transform: none;}
.text-con p{ margin-bottom: 20px; }
.text-con blockquote{ margin-bottom: 15px; }
.padding-btm{ padding-bottom: 0; }

/**

===== heading======

*/

.heading {}
.cook-icon{ width: 90px; height: 90px; background-image: url(../images/cook-icon.png); background-repeat: no-repeat; margin: 0 auto; display: block;  }
.heading h2{ font-size: 40px; margin-bottom: 30px; letter-spacing: 2px; color:#caab53  }
/**

===== menu======

*/

.menu{ color: #fff; background-image: url(../images/menu.jpg); background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: cover; }
.menu-table ul{ text-align: center; margin-bottom: 30px; }
.menu-table ul li a{    background-color: #333;
    color: #fff; padding:10px 12px; display: block; text-transform: uppercase;}

  .menu-table ul li.ui-tabs-active a{  background-color: #caab53;color: #fff;  }

div.menu-table .list-inline>li{margin-bottom: 10px;}

.menu-item .thumb {
    float: left;
    margin-right: 20px;width: 100px;
}
.menu-item .menu-con {
    overflow: hidden;
}
.menu-item .menu-con h4 {
    margin-bottom: 5px;
    
    border-bottom: 1px dashed #caab53;
    padding-bottom: 10px;
    margin-top: 0px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px; font-family: 'Open Sans', sans-serif;
}

.menu-item .menu-con h4 a {
    color: #fff;
}
.menu-item .menu-con h4 span {

    float: right; 
    font-size: 15px;
    display: block;
    font-family: 'Pacifico', cursive;
     color: #caab53;
   
}
.menu-item {
    margin-top: 30px;
}
.menu-item .menu-con p{ font-size: 13px; }

.menu-item .btn-danger ,.menu-item .btn-danger:focus{

    display: inline-block;
    padding: 0 10px;
    background: #caab53;
    font-size: 11px;
    font-weight: 300;
    line-height: 26px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    border: 1px solid rgba(0, 0, 0, 0.05);
    letter-spacing: 1px;
    border-radius: 3px;

}
/**


===  gallery 

**/
.bg-left{ background-image: url(../images/bg-dark.jpg); background-repeat: no-repeat; background-size:cover; }
.bg-left2{background-image: url(../images/bg-dark2.jpg); background-attachment: fixed;}
.bg-left3{background-image: url(../images/bg-dark3.jpg); background-size: cover;}
.bg-left2 .heading p{ color: #fff; margin-bottom: 30px; }

.image-wrapper {
    position: relative;
    margin-bottom: 30px;    overflow: hidden;
}
.image-wrapper img {
    width: 100% ; 
    height: auto;
}

.image-overlay {
    background: rgba(202,171,83, 0.8) none repeat scroll 0 0;
    position: absolute;
    text-align: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-out;
	 -o-transition: all 0.3s ease-out;
	  -moz-transition: all 0.3s ease-out;
	   -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.image-overlay span {
    position: absolute;
    top: calc(50% - 25px); /* 50px výška ikony děleno dvěma */
    color: #FFF;
    left: calc(50% - 25px); /* 50px šířka ikony děleno dvěma */
}
.image-overlay span i {
    width: 50px;
    height: 50px;
    border: 1px solid #FFF;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 50px;
    -webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.image-wrapper:hover .image-overlay {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1.1) ;
  -webkit-transform:scale(1.1) ;
    -moz-transform: scale(1.1) ;
    -o-transform: scale(1.1) ;
}
.image-overlay span i:hover {
    background: #000;
    color: #caab53;
    border: 1px solid #000;
}
.image-wrapper:hover img {
   -webkit-transition: all 0.3s ease-out;
	 -o-transition: all 0.3s ease-out;
	  -moz-transition: all 0.3s ease-out;
	   -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    transform: scale(1.1) ;
  -webkit-transform:scale(1.1) ;
    -moz-transform: scale(1.1) ;
    -o-transform: scale(1.1) ;
}
.no-mar-btm .image-wrapper{ margin-bottom: 0; }

/**
==== tam ====

*/

.team{ text-align: center; padding:10px; }
.team-image {
    overflow: visible;
  
    width: 100%;
    height: 100%;
}
.team-info {
  
    margin-top: 0;
    padding: 22px 0 10px;
}
.team-info h4 {
    letter-spacing: 1px; font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}
 .team-info span  {
     display: block;
    font-size: 14px;
    color: #898989;
    font-weight: 400;
    margin-bottom: 7px;
}
.team-info  p {
    line-height: 28px;
   
    padding-bottom: 13px;
}
.team-social{  border-top: 1px dotted #cfcfcf; padding-top: 15px; }
.team-social a {
    color: #181818;
}


/**

=== form ===

*/

.reservation-form .input-group {
    margin-bottom: 20px;
    padding: 0 5px;
    background-color: #0d0e10;
    border-radius: 27px;
}
.reservation-form .form-control {
   
    background-color: transparent;
    background-image: none;
    border: 0px solid #ccc;
    border-radius: 0px;
    
    box-shadow: none;
	color: white;
}

.input-group-addon {
   
    
    color: #fff;
   
    background-color: transparent;
    border: 0px solid #ccc;
    border-radius: 0px;
}


/**
=== bolg===

*/
.post {
    padding-bottom: 30px; background-color: #fff;
}
.post-meta {
    padding-top: 15px;
}
.post-meta h3 {
    text-transform: capitalize;
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 5px;
    font-family: 'Open Sans', sans-serif;
    margin-top: 0;
}
.post-meta p{ font-size: 14px;  }
.post-meta ul li a {
    color: #999;
    font-weight: 400;
    font-size: 13px;
}
.post-meta ul li a:hover{ color:#caab53  }
.post-meta ul li:first-child{ padding-left: 0; }
.post-meta ul li a i {
    margin-right: 5px;
}

/**

==== footer===

**/
.footer {
        background-color: #000 !important;
}
.footer p{
    font-size: 14px;
    line-height: 1.5;
}
.footer .title {
    font-size: 22px;
    margin-top: 0;
    text-transform: none;
    margin-bottom:30px;
    font-family: 'Open Sans', sans-serif;
}
.footer .reservation-form .input-group {
    
    border-radius: 0;
}
.subfooter {
    font-size: 14px;
    background-color: #222;
    line-height: 1.3;
    color: #999999;
    text-align: center;
    padding: 25px 0;
    font-size: 13px;
    border-top: 1px solid #eaeaea;
}
.subfooter p{
    font-size: 13px;
    
}
.social-links{ margin:15px 0; }

.list-icons li{ padding-bottom:10px; }
.list-icons li i{ padding-right: 5px; }
.padding-top{ padding-top: 0; }

.text-con {
    margin-bottom: 15px;
}

.scrollToTop {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align:center;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 999999;
  display: none;
  background: #caab53;
  opacity: 0.5;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.scrollToTop:hover {
  text-decoration: none;
  opacity: 1;
  color: #fff !important; }
/**  Medium mob.. devices  **/


@media (max-width: 767px) {

    .navbar-default .navbar-nav>li {
    padding: 8px 15px;
}
 .navbar-default .navbar-brand {
    
    padding: 0 0 0 15px;
}
.hiro-bg {
    
    height: 450px;}

.hiro-caption {
    
    top: 20%;}
.hiro-caption h3 {
   
    font-size: 30px;
}
.hiro-caption h1 {
   
    font-size: 25px;
    line-height: 30px;
    
    margin-top: 0;
}
.text-con h3 {
    font-size: 28px; margin-top: 0;}

    p{ font-size: 14px; }
    

    .post-meta {
    
    padding: 15px 15px 0;
}

.post-content{padding: 0px 15px 0;}

#map{ margin-bottom: 30px; }
.hiro  .owl-pagination{ bottom: 0; }

.top-bar ul>li {
    padding-right: 0;
    font-size: 13px;

}
.menu-table ul li a {
   
    padding: 8px;
    font-size: 13px;  }

    /* .menu-table li{ padding:0px; } */


     #gallery.bg-left  ,.bg-left3 {
    
    background: none ;
}

   
}



@media (min-width: 768px) and (max-width: 992px) {


header .navbar-default .navbar-nav>li {
    padding: 15px 7px;
}

header .navbar-default .navbar-nav>li>a{ font-size: 14px; }
.hiro-bg {
    
    height: 500px;
   
}
.hiro-caption {
    
    top: 20%;}

    #map{ margin-bottom: 30px; }

}


/** === loader ===**/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/loading.gif) center no-repeat #fff;
    
}

.frm-ok {
    border: 1px solid green;
    padding: 10px;
}
.frm-error {
    border: 2px solid red;
    padding: 10px;
}

#email {background-color: white;}

.rezervace-upozorneni {
    padding-top: 20px;
    color: #ff9999;
}

.newsletter-form .btn-light {display: inline-block !important; }
.newsletter-form .input-group {margin-top: 20px;}