body {
        
        color: #8E9093;
        /*font-family: "Times New Roman";*/
        font-family: 'Raleway', sans-serif; 
        font-size: 16px;
        /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    }

input{background-color: #000; border: solid 1px; #fff;}  


.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    max-width: 110%;
}

.btn-default {
    color: #fff;
    background-color: #000;
    border-color: #fff;
    border: solid 1px #fff!important;
}
#ui-datepicker-div{z-index: 99!important;}
#tab{

    margin-bottom: 40px;
    margin-top: 24px;
}
.slider-left {
    top: 50%;
    position: absolute;
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.slider-right {
    top: 50%;
    position: absolute;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    float: right;
}
.label{
    border-radius: 0 !important;
    font-weight: normal;

} 

.reservation-form label{text-transform: uppercase; font-size: 11px; margin-bottom: 8px;}
.reservation-form button{background-color: #000; color: #fff;}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0;
    font-weight: normal;
    font-size: 15px;
    margin-top: 5px; 

}
label-default[href]:focus, .label-default[href]:hover {
    background-color: #fff;
    color: #5e5e5e;
}
.label1{
    position: relative;
    top: -26px;
    right: -105px;
    font-size: 13px
}
.label2{
    position: relative;
    top: -26px;
    right: -105px;
    font-size: 13px

}
.spanlabel12{width: 69px;}
.slider-search{    
    position: absolute;
    top: 10px;
    color: #fff;
    background-color: rgba(0,0,0,0.55);
    width: 100%;
    padding: 10px;
    
}
.search-form{    
    background-color: black;
    opacity: 0.8;
    color: #fff;
    padding: 15px;
    position: absolute;
    top:40px;
    width:100%;
}   
.carousel {
    position: relative;
    margin-top: 110px;
    border-bottom: solid 4px #6d6e70;
}
#carousel-bounding-box{margin-top: -100px;}
.logo-img{

    width: 80%;
    margin-left: 40px;
    margin-top: -60px;
}
.carousel-inner {margin-top: 20px; padding-top: 0px; }
.grey-opacity{opacity: 0.8; background-color: grey;}
 .greyish{background-color:#8e9093; color: #fff; }   
 .greyish h2{color: #fff;}
    .btn-primary {
    color: #fff;
    background-color: #5d5d5d;
    border-color: #5d5d5d;
    width: 100%;
    margin-top: 10px;
}

.btn:hover {
    background-color: #6d6e70;
    color: #fff;
    text-decoration: none;
}
.btn.active{ 
    background-color: #fff;
    color: #6d6e70!important;
    text-decoration: none;
}
.btn {
    background-color: #6d6e70;
    color: #fff!important;
    display: inline-block;
    padding: 6px 35px;
    /* margin-right: 82px; */
    margin-bottom: 0;
    font-size: 16px;
    color: #6d6e70;
    font-weight: 400;
    line-height: 1.42857143;
    /* text-align: center; */
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* ===background-image: none; */
    border: 1px solid #6d6e70;
    border-radius: 0px;
    text-transform: uppercase;
    /* text-align: -webkit-left; */

}


.form-control {border-radius: 0;}
.carousel-inner img{height: 600px; max-width: 110%; !important}
.carousel-control.right , .carousel-control.left{background-image: none;}
.list-inline {
    padding-left: 0;
    /* margin-left: -16px; */
    list-style: none;
    border: solid 1px #8e9093;
    padding-top: 8px;
}
#slider-thumbs{
     
    margin-top: 10px;
    /*padding: 12px;*/
    margin-bottom: 40px;
  
}
.image-responsive{width: 100%;}
.image-responsive-layout{width: 100%; padding: 1px;}
.padding-none{
    padding-left: 0px;
    padding-right: 0px;
}
.padding-none-contact{
    padding-left: 0px;
    text-align: left;
    padding-right: 0px;
}
.margin-top-home{
   margin-top: 50px;
   margin-bottom: 89px;
}
.margin-page-bottom{
    margin-bottom: 89px;
}
.p-margin-bottom{margin-bottom: 50px;}
.p-margin-top{margin-top: 20px;}
/*--START NAVBAR--*/   

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    color: #fff;
    background-image: url("/wp-content/themes/lefranschhoek/images/arrow-up.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    height: 63px;
    background-color: transparent;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
     color: #fff;
    background-image: url("/wp-content/themes/lefranschhoek/images/arrow-up.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    height: 63px;
    background-color: transparent;
}


.navbar-default {
    border-bottom: solid 7px #fff;
	background-image: url("/wp-content/themes/lefranschhoek/images/header-bg.png"); 
    background-repeat: no-repeat;
}
.navbar{
	min-height: 120px;
	text-transform: uppercase;
	font-size: 15px;
	color: #fff;
}
.navbar-brand {padding-top: 18px !important; margin-left: 0px !important;}
.navbar-default .navbar-nav>li>a{margin-top: 100px; color: #fff; height: 63px;}
.nav>li>a{padding: 10px 8px;}
/*--END NAVBAR--*/  

/*--START FOOTER--*/   
footer {

background-image: url("/wp-content/themes/lefranschhoek/images/footer-bg.png");
background-repeat: no-repeat;
height: 59px;
color: #fff;
font-family: Trajan;
font-size: 16px;
text-transform: uppercase;

} 



.carousel-indicators{display: none;}
/*--END FOOTER--*/   
@media (max-width: 767px){
.reservation-form{display: none;}
.navbar-brand {
    float: none;
    padding: 0;
}
.navbar-nav {
    font-family: Trajan;
    text-align: center;
 }
.navbar-default .navbar-nav>li>a {color:#6d6e70; }
.navbar-default .navbar-nav>li>a:hover{color:#6d6e70}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {background-image: none;}
.navbar-header{min-height: 150px;}
.navbar-inverse .navbar-nav>li>a {color: #fff;}
.navbar-inverse {
    /*background-color: #6d6e70;
    border-color: #6d6e70;*/
    background-image: url("/images/header-bg.png");
    background-repeat: no-repeat;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: transparent;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #6d6e70;
}
.no-mobile{display: none;}
.mobile-social{text-align: center;}
.mobile-social img{width: 24px;}
.slider-search{display: none;}
.carousel{margin-top: -15px;}
.carousel-control.right,.carousel-control.left{display: none;}
.mobile-logo{
   width: 240px;
    padding: 10px;
    
   }
}

@media (min-width: 768px){


 .logo-img {
    width: 200px;
    margin-left: 0px;
    margin-top: -45px;

}   
.slider-search{display: none;}

.no-desktop{display: none;}

.social {
    text-align: right;
    position: absolute;
    margin-left: 7px;
    margin-top: 10px;
}

.navbar-nav {
    float: left;
    margin: -49.5px -44px;
    font-family: Trajan;
    font-size: 10px;
}
.nav>li>a {
    padding: 10px 9px; 
   }
}

@media (min-width: 1200px){

.logo-img {
    width: 80%;
    margin-left: 40px;
    margin-top: -60px;
}    

.social{
    text-align: right;
    position: absolute;
    margin-left: -20px;
    margin-top: 10px;
}

.navbar-nav {
    float: left;
    margin: -50.5px -35px;
    font-family: Trajan;
    font-size: 13px;
}
.nav>li>a {
    padding: 10px 15px;
}

.no-desktop{display: none;}

}
@media only screen and (min-width:770px) {
    
.slider-search{display: block;}
}