/******************* NAVBAR *********************/
@import url('https://fonts.googleapis.com/css?family=Berkshire+Swash&display=swap');
.navbar {
    position: relative;
	height: 60px;
}
.navigation-top {
    background: #e1b870;
	color: #fff;
    text-transform: capitalize;
}
.social-icon li a{
	color: #fff;
}
/*.navbar-brand {
	float: none;
    position: absolute;
    left: 41%;
	margin: 3px;
    display: block;
	height: 125px;
}*/
.navigation .navbar-nav {
    margin-top: 0px;
}
.navigation .navbar-nav > li > a {
    padding: 0 10px;
    line-height: 50px;
    font-size: 14px;
	font-weight: 600;
    text-transform: uppercase;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    color: #999;
}
.navigation .navbar-nav > li.active > a {
    font-weight: 600;
    border-bottom: none;
    border-top: 5px solid #ea0000;
	height: auto;
    line-height: 20px;
    background: #fff;
}
.navigation .navbar-nav > li.active > a:hover {
    background: #fff;
}
.navigation .navbar-nav li ul {   
    background: #e1b870;
}
.navigation .navbar-nav li ul:before {    
    border-bottom: 10px solid #e1b870;    
}

.navbar-nav > li.active > a {
	padding: 15px;
	line-height:50px;
	font-size:14px;
	font-weight: 600;
	text-transform:uppercase;
	color:#333;
    border-bottom: none;
    border-top: 5px solid #ea0000;
}
.nav-mobile{
	position: absolute;
    top: 15px;
    left: 15px;
    border: none;
    background: none!important;
    z-index: 999;
}
.booking-form-container{
	margin-top: 55px;
	transform: none;
	position: relative;
}
/*footer*/
#section-contact {
    background: #6a1b9a;
    color: #333;
}
#section-contact {
    text-align: center;
    background: #fff;
    color: #333;
    box-shadow: 3px -3px 3px rgba(0,0,0,0.1);
    padding: 15px 0;
    font-size: 12px;
}
.section {
    position: relative;
}
@media (min-width: 1200px)
.container {
    width: 1170px;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
#section-nav-footer {
    padding: 15px 0;
    background: #e1b870;
}
#section-nav-footer .navbar-nav {
    float: none;
    text-align: center;
}
.navbar-nav>li {
    display: inline-block;
    float: none;
}

.header .navbar-nav {
    float: right;
    /*text-align: center;*/
}
.header .navbar-nav > li {
    display: inline-block;
    float: none;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #e1b870;
    border-color: #e1b870;
}
.pagination>li>a, .pagination>li>span {
    color: #e1b870;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #131212;
}
address {
    margin-bottom: 20px;
	line-height: 2;
	font-family: sans-serif;
    font-style: normal;
    font-size: 14px;
}
/*---------------------------------------mobile-------------------------------------------*/
/****************** RESPONSIVE AREA ************************/
@media (min-width: 768px) and (max-width: 1024px) {
    .overlay {
        /* Height & width depends on how you want to reveal the overlay (see JS below) */    
        height: 100%;
        width: 0;
        position: fixed; /* Stay in place */
        z-index: 99; /* Sit on top */
        left: 0;
        top: 0;
        background-color: rgb(0,0,0); /* Black fallback color */
        background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
        overflow-x: hidden; /* Disable horizontal scroll */
        transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
    }
    /* Position the content inside the overlay */
    .overlay-content {
        position: relative;
        top: 12%; /* 25% from the top */
        width: 100%; /* 100% width */
        text-align: center; /* Centered text/links */
        margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
    }
    /* The navigation links inside the overlay */
    .overlay a {
        padding: 8px;
        text-decoration: none;
        font-size: 18px;
        color: #fff;
        display: block; /* Display block instead of inline */
        transition: 0.3s; /* Transition effects on hover (color) */
    }

    /* When you mouse over the navigation links, change their color */
    .overlay a:hover, .overlay a:focus {
        color: #f1f1f1;
    }
    /* Position the close button (top right corner) */
    .overlay .closebtn {
        position: absolute;
        top: 20px;
        right: 45px;
        font-size: 60px;
    }
    .navbar-toggle{
        position: relative;
        display: inline;
        float: left;
        line-height: 50px;
        padding: 0;
        margin-right: 0px;
        font-size: 28px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .navbar-brand {
        padding: 10px 20px;
    }
    .navbar-form{
        margin: 15px 5px 0 0;
        padding: 0;
    } 
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header
    {
        padding: 0;
     }
    header {
        background: #fff;
    }
    .page {
        padding-top: 40px !important;
    }
    .mobile-menu-container {
        background-color: #795548;
    }
    .panel.panel-default .panel-body {
        padding: 10px;
    }
}
@media (max-width: 767px){
    header {
        height: 80px;
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
        box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
    }
    .container > .navbar-header {
        padding: 0;
    }
    .navbar-brand > img {
		margin-top: 35px;
		height: 40px;
		text-align: right;
		padding: 0;
    }
    .navbar-brand {
        float: left;
        position: initial;
        left: 41%;
        margin-top: -66px;
        margin-bottom: 10px;
        display: block;
        height: 89px;
    } 
    header .navbar-header .navbar-brand {
        text-align: center;
        height: auto;
        padding: 0;
    }
    .section-lg {
        padding: 15px 0;
    }
    /* The Overlay (background) */
    .overlay {
        /* Height & width depends on how you want to reveal the overlay (see JS below) */    
        height: 100%;
        width: 0;
        position: fixed; /* Stay in place */
        z-index: 999; /* Sit on top */
        left: 0;
        top: 0;
        background-color: rgb(0,0,0); /* Black fallback color */
        background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
        overflow-x: hidden; /* Disable horizontal scroll */
        transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
    }

    /* Position the content inside the overlay */
    .overlay-content {
        position: relative;
        top: 12%; /* 25% from the top */
        width: 100%; /* 100% width */
        text-align: center; /* Centered text/links */
        margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
    }

    /* The navigation links inside the overlay */
    .overlay a {
        padding: 8px;
        text-decoration: none;
        font-size: 18px;
        color: #fff;
        display: block; /* Display block instead of inline */
        transition: 0.3s; /* Transition effects on hover (color) */
    }

    /* When you mouse over the navigation links, change their color */
    .overlay a:hover, .overlay a:focus {
        color: #f1f1f1;
    }

    /* Position the close button (top right corner) */
    .overlay .closebtn {
        position: absolute;
        top: 20px;
        right: 45px;
        font-size: 60px;
    }
     .mobile-menu-container {
        background-color: #795548;
    }
    .menu-toggler {
        background: #795548;
        color: #fff !important;
        padding: 15px;
    }
    #footer-link h3 {
        margin: 10px 0;
    }
    .panel.panel-default .panel-body {
         padding: 20px; 
    }
    .page {
        padding-top: 40px !important;
    }
    .panel.panel-default .panel-body {
        padding: 20px;
    }
    #copyright{
        text-align: center;
        padding:15px;
        background:#1e1e1e;
        color:#aaa;
    }
    /*new*/
    .row {
        margin-right: inherit;
        margin-left: inherit;
    }
    .btn-submit {
        background: #C38C62;
        color: #fff!important;
        margin-bottom: 20px;
    }
    .input-group {
        position: relative;
        display: table;
        border-collapse: separate;
        margin-bottom: 10px;
    }
}