@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../fonts/proxima_nova_regular-webfont.woff2') format('woff2'),
         url('../fonts/proxima_nova_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_nova_alt_excn_rgRg';
    src: url('../fonts/proxima_nova_alt_extra_condensed_regular-webfont.woff2') format('woff2'),
         url('../fonts/proxima_nova_alt_extra_condensed_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_nova_cn_rgregular';
    src: url('../fonts/proxima_nova_condensed_regular-webfont.woff2') format('woff2'),
         url('../fonts/proxima_nova_condensed_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_nova_cn_ltsemibold';
    src: url('../fonts/proxima_nova_condensed_semibold-webfont.woff2') format('woff2'),
         url('../fonts/proxima_nova_condensed_semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body{
	 font-family: 'proxima_nova_rgregular';
}
.swiper-container {
        width: 100%;
        height: 100%;
        
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	overflow:auto;
}
.home-content{
	position:relative;
}
.menu{
	position:fixed;
	z-index:100;
	background:#322d2f;
	width:100%;
	bottom:0px
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #322d2f !important;
}
.menu-item{
	margin:0px; 
	padding:0px;
	text-align:center;
	width:100%;
}
.menu-item li{
	display:inline-block;
}
.menu-item li a{
	display:inline-block;
	color:#fff;
	text-transform:uppercase;
	padding:4px 20px 0px 20px;
	font-size:15px;
	position:relative;
	font-family: 'proxima_nova_cn_ltsemibold';
}
.menu-item li img{
	position:absolute;
	z-index:1001;
	left:50%;
	margin-left:-8px;
	top:-12px;
	display:none

}
.menu-item li:hover img{
	display:block

}
.menu-item li a:hover{
	text-decoration:none;
	color:#c8a765
}
/*=========================*/
.menu-item2 li a:hover{
	text-decoration:none;
	color:#322d2f
}

.menu-item2{
	position:absolute;
	width:100%;
	z-index:100;
	background:#c8a765;
	left:0px;
	bottom:53px;
	padding:0px;
	display:none;
}

.menu-item2 li a{
	font-size:14px
}


.insub li a:hover{
	text-decoration:none;
	color:#322d2f;
    display: none !important;
}

.insub{
	position:fixed;
	width:100%;
	z-index:100;
	background:#c8a765;
	left:0px;
	top:120px !important;
	padding:0px;
	display:none;
}

.insub li a{
	font-size:14px;
	padding:30px 13px !important;
    display: none !important;
}

/*==============**/
.menu-item li:hover ul{
	display:block;
}

.top-content{
	margin:41px 0px 0px;
}
.logo{
	height:auto;
	width:277px;
	margin-bottom:30px
}
.heading{
	margin-top:0px;
	color:#fff;
	font-weight:500;
	font-size: 45px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	 font-family: 'proxima_nova_alt_excn_rgRg';
}
.buttn{
	border:1px solid #fff;
	border-radius:0px;
	padding: 8px 25px;
	color:#fff;
	font-weight: bold;
	font-size: 16px;
}
.buttn:hover{
	background:#000 !important;
	color:#fff
}
.or{
	background:rgba(200, 167, 101, 0.65);
}
.bl{
	background: rgba(50, 45, 47, 0.67);
}
.direct {
    background: rgba(220, 219, 219, 0.85);
}
.direct-heading{
	color:#000;
	font-size: 25px;
	font-weight:200;
	margin:0px;
	padding:10px 15px;
	border-bottom:1px solid #BFB6B6;
	
}
.kamers tr td{
	padding:10px ; 
	cursor:pointer;
}
.kamers tr td img{
	opacity:.5 
}
.kamers tr td.active img{
	opacity:1 ;
	margin-bottom:10px
}
.kamers tr td.active {
	background:url(../images/active.png)repeat-x center bottom;
}
.kamers{
	width:100%;
	text-align:center;
	font-size:12px;
	border-bottom:1px solid #BFB6B6;
	margin-bottom:15px

}
.ffield {
	width:100%;

}
.ffield tr td label{
	margin:0px;
	font-weight:400;
	font-size: 17px;
}
.ffield tr td{
	padding:5px 7px;
	text-align:center;
	

}
.blk{
	width:100%;
	text-align:center;
	border:0px solid red;
	padding:12px;
	margin:15px 0px
}
.dt{
	background:#fff url(../images/Calendar-Date-02-16.png)no-repeat 98% center;
}
.dp{
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	background:#fff url(../images/Arrowhead-Down-01-16.png)no-repeat 98% center;
}
.form-control {
    border-radius: 7px;
}
.inner-header{
	background:#322d2f;
	position:fixed;
	width:100%;
	top:0px;
	z-index:1000;
	opacity: 0.9;
}
.inner-logo{
	text-align:right;
}
.inner-logo img{
	max-width:100%;
	margin:10px 0px;
	width: 50px;
}
.inmenu{
	width:auto; 
}
.inmenu li{
	float:left
}
.inmenu li a{
	padding: 25px 8px 7px !important;
}
.rust{
	padding:121px 0px;
}
.insub{
	width:100%;
	position:fixed;
	top:50px;
	padding:0px 10% ;
}
.section{
	/*padding:30px 0px;*/
	background:#fff;
}
.bg{
	background:#fff url(../images/bg.png)no-repeat left center
}
.comfort{
	font-size:40px;
	margin-bottom:20px;
	color:#322d2f;
	text-align:center;
	font-weight:300
	 font-family: 'proxima_nova_alt_excn_rgRg';
}
.comfort-menu{
    font-size: 20px;
	padding:0px;
	width:100%;
	text-align:center;
	margin-bottom:50px;
}
.comfort-menu li{
	display:inline-block;
	font-family: 'proxima_nova_cn_rgregular';
}
.comfort-menu li a{
	/*padding:7px 20px;
	color:#322d2f;
	font-weight:500;
	font-size:20px;*/
	padding:6px 6px;
	color:#322d2f;
	font-weight:500;
	font-size:16px;
}
.comfort-menu li a:hover{
	text-decoration:none;
	background: #322d2f;
	color:#fff
}
.comfort-menu li a.active{
	text-decoration:none;
	background: #c8a765;
	color:#fff
}
.swiper-pagination-bullet {
    width: 20px !important;
    height: 20px !important;
    display: inline-block;
    border-radius: 0px !important;
    background: #937435 !important;
    opacity: 0.9 !important;
}
.swiper-pagination-bullet {
    width: 20px !important;
    height: 20px !important;
    display: inline-block;
    border-radius: 0px !important;
    background: #e6dbc6 !important;
    opacity: 1 !important;
}
.swiper-pagination-bullet-active
{
	background: #c8a765 !important;
}
.modal-area .close-img{
	position: absolute;
	top: -45px;
    right: -40px;
	z-index: 2;
}
.close-img img{
	max-height: 35px;
	max-width: 35px;
}
.modal-area .modal-dialog {
	max-width: 788px;
    width: 100%;
	margin-top:15%;
}
.modal-area .modal-body{ 
	padding:0px;
}
.modal-area .modal-content{
	border:none;
	border-radius: 0px;
	position:relative;
}
.modal-area .modal{
	padding-right:0px !important;
}
.modal-area .modal-content:after{
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	background-image:url('../images/modal-bg.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	content:'';
	position:absolute;
	top: -70px;
    left: 70px;
    z-index: -1;
}
.popup-content h1{
	font-size:30px;
	color:#C3A25D;
	letter-spacing: 0.2px;
}
.popup-content p{
	font-size:14px;
	font-family: 'proxima_nova_rgregular';
	margin:40px 0px 55px;
}
.popup-content{
	padding: 50px 0px 50px 50px;
	max-width: 595px;
	width:100%;
}
.kamer{
	color:#322D2F;
	font-size:26px;
	margin:20px 0px;
	font-family: 'proxima_nova_alt_excn_rgRg';
	text-transform: uppercase;
}
.kamer-description{
	font-size:16px;
	font-weight:500;
	color:#000;
	font-family: 'proxima_nova_rgregular';
}
.event h2{
	color:#333;
	text-transform: unset;
	font-family: inherit;
}
.Faciliteiten{
	padding:0px;
	margin:0px;
	list-style:none;
}
.Faciliteiten li{
	padding:2px;
	padding-left:30px;
	font-size:18px;
	color:#c8a765;
	background:url(../images/blt.png)no-repeat left center;
	font-family: 'proxima_nova_rgregular';
}
.eachproduct{
	width:100%;
	height:159px;
	margin:15px 0px;
}
.zoom{
	opacity:0;
	-webkit-transition: all .5s; /* Safari */
    transition: all .5s;
	cursor:pointer
}
.zoom:hover{
	opacity:1;
	-webkit-transition: all .5s; /* Safari */
    transition: all .5s;
}
.colinner-date label{
	color:#fff;
	font-weight:500;
	font-size:17px
}
.colinner-date{
	background:url(../images/date-background.jpg)no-repeat center center / cover;
	padding:30px 25px 50px;
	min-height:180px;
}
footer{
	background:#1c1a1b;
	/*padding-top: 50px;*/
	position: relative;
	z-index: 1000;
}
.admargin{
	margin-top:40px
}
.header{
	background:#322d2f;
	padding:0px 80px
}
.header img{
	height:60px;
	width:auto;
	margin:5px 15px
}
.mm-menu {
    background: #ededed !important;
}
.from_bd
{
border-radius: 0px;
border:1px solid #c8a765;
}
.bttn_color
{
border-radius: 0px;
border:1px solid #c8a765;
background:#c8a765;
}
.bttn_color:hover
{
border-radius: 0px;
border:1px solid #BA9D64;
background:#BA9D64;
}
.contact_p_stl
{
font-size: 18px;
color: #C8A765;
}
.active_menu
{
color: #C8A765 !important;
}
.nopadding {
   padding-left: 0 ;
   margin-top:10px ;
}
.de{
	background:#fff url(../images/msg.png)no-repeat 98% center;
}
.kamer_bar{
	color:#322D2F;
	font-size:30px;
	margin:0px 0px 10px 0px;
	font-family: 'proxima_nova_alt_excn_rgRg';
}
.ul_styl
{
padding:0px;
}
.bar_stl
{
color:black;
font-size:18px;
}
.bar_stl_right
{
color:#caaa6a;
font-size:18px;
}
.space
{
width:100%;
height:170px;
}
.eachproduct_gal{
	width:100%;
	height:250px;
	margin:15px 0px;
}
textarea {
    resize: none;
}
.foot_bttn
{
margin-top:30px;
}
@media(max-width:990px)
{
.modal-area .modal-dialog {
		width: 95%;
		margin-left:auto;
		margin-right:auto;
	}
	.popup-content {
		padding: 30px;
		background: #fff;
	}
	.popup-content h1 {
		font-size: 22px;
	}
	.popup-content p {
		margin: 22px 0px 30px;
	}
	.modal-area .modal-content:after {
	   top: 0px;
		left: 0px;
	}
	.modal-area .modal-content {
		background-color: transparent;
	}
	.modal-area .close-img {
		right: 10px;
		top: 10px;
	}
	.modal-area .modal-body {
	   padding: 50px 20px 30px;
	}
	.close-img img {
		max-height: 25px;
		max-width: 25px;
	}
.nopadding {
  padding:5px;
  margin-top:0px;
}
.space 
{
height:15px;
}
.foot_bttn
{
margin-top:10px;
}

}
.ext-btm-mar{
	margin-bottom:7px;
}
.dt_time {
	background: #fff url(../images/time.png)no-repeat 98% center;
}
.text_pn {
	background: #fff url(../images/phone.png)no-repeat 98% center;
	padding-right: 30px;
}
.text_na {
	background: #fff url(../images/name.png)no-repeat 98% center;
	padding-right: 30px;
}
.text_com{
	background: #fff url(../images/company.png)no-repeat 98% center;
	padding-right: 30px;
}
.clearfix{
	/*height:0px;
	width:0px;
	display: inline-block !important;*/
	z-index:-1;
}

@media (min-width: 960px){
	#rmr-contact, #rmr-payment {
		width: 512px !important;
	}
	#contactform .guest-info {
		width: 245px !important;
	}
}

#footer-line {
	background-color: black;
	width:100%;
	margin:50px 0 0px 0px;
	text-align: center;
	margin-top: 0px;
}
#footer-line p {
	margin: 0;
	font-family: Calibri;
	font-size: 14px;
}
#footer-line a {
	transition: 0.1s ease-in-out;
	color: grey;
	text-decoration: none;
}
#footer-line a:hover {
	transition: 0.1s ease-in-out;
	color: white;
}
#footer-line img {
	margin: 10px 10px 10px 0px;
	vertical-align: middle;
	width:25px;
}
.room-available { visibility : hidden; }


.mobile_footer
{
	display: none !important;
}

@media only screen and (max-width: 1023px)
.mobile_footer 
{
	display: none !important;
}




/* ADEED ON 25-07-2017 */
.nspr {
    border-top: 2px solid #d8d8d8
}

.thumb_zoom {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    position: absolute;
    left: 0;
    top: 0
}

.listing:hover .thumb_zoom,
.listing.active .thumb_zoom {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0)
}

.listing2 {
    list-style: none;
    padding: 0
}

.thumbcontent {
    padding: 35px 0;
    border: 1px solid #fff;
    position: relative;
    z-index: 100;
    font-weight: 700;
    color: #fff;
    text-align: center;
    font-size: 31px
}

.listing2 li {
    position: relative;
    overflow: hidden;
    padding: 10px;
    margin-bottom: 10px;
    cursor: pointer
}

.accordion-toggle:hover {
    text-decoration: none
}

.panel-title {
    font-size: 24px;
    color: #1d1d1d;
}

.panel-default>.panel-heading {
    color: #a5a5a5!important;
    background: 0;
    border-bottom: 1px solid #ccc;
    padding: 15px 0
}

.glyphicon {
    font-size: 11px;
    font-weight: normal;
    color: #000
}

.panel-title {
    font-size: 24px;
    color: #757575;
	text-transform: unset;
    font-family: inherit;
}

.panel-default {
    border: 0 solid red!important;
    box-shadow: none
}


.meeting_menu_list .accordion-toggle:hover {
	color: #757575;
}
.page-content p {
	line-height: 25px;
}

.collapsed {
    color: #000
}

a:focus {
    border: 0 solid red!important;
    text-decoration: none
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top: 0 solid #ddd
}

.panel-body {
    padding: 0
}

.menu_list {
    width: 100%
}

.menu_list tr td {
    padding: 10px 0
}

.menu_list tr {
    border-bottom: 0 dotted #ccc
}

.menu_list tr td {
    font-size: 16px;
    color: #6c6767;
    vertical-align: top;
    font-weight: 600
}

.menu_list tr td span {
    display: inline-block;
    background: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000
}

.menu_list tr td:last-child {
    width: 70px;
    text-align: right
}

.menu_list tr td p {
    font-size: 13px;
    color: #999;
    margin-top: 9px
}

.dsp {
    border-top: 1px dotted #000;
    margin-top: -5px
}

.panel-title>a {
    display: block
}

.custom-header-cta {
	display: inherit;
	position: inherit !important;
	vertical-align: middle;
	margin-top: 10px !important;
	background: #ffffff !important;
	color: #C3A25D !important;
}

.custom-header-cta:hover {
	background: #C3A25D !important;
	color: #ffffff !important;
}

@media only screen and (max-width: 992px) {
	.custom-header-cta {
		width: 100% !important;
	}
}