@import url(bootstrap.min.css);
@import url(jetmenu.css);
@import url(datepicker.css);
@import url(owl.carousel.css);
@import url(superslides.css);
@import url(flatWeatherPlugin.css);
@import url(animate.css);
@import url(fotorama.css);
@import url(jquery.fancybox.css);
@import url(font-awesome.min.css);
@import url(fontic-hotel.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700,800);
@import url(https://fonts.googleapis.com/css?family=Tangerine);

/*------------------------------------------------------------------

[Master Stylesheet]

Project:                The Traveller - Modern Hotel HTML Template
Version:                1.0
Last change:            27/04/2015
Author:                 Coffeecream Themes
Assigned to:            Marcin Banaszek

------------------------------------------------------------------

[Color codes]

Body background:        #fff (white)
Brand color:            #9cba5e // 37ca95 (green)
Text:                   #888 (gray)
Header h1-h6:           #05462e // 222 (dark gray)
Main nav background:    #9cba5e // 37ca95 (green)
Footer background:      #05462e // 222 (dark gray)

a (standard):           #9cba5e // 37ca95 (green)
a (visited):            #9cba5e // 37ca95 (green)
a (active):             #9cba5e // 37ca95 (green)
a (hover):              #f18700 // 2fac7f (darker green)

------------------------------------------------------------------

[Table of contents]

1. Common Styles
   1.1. Headings
   1.2. Links & Buttons
   1.3. Loader
   1.4. Section Colors
   1.5. Carousels

2. Header
   2.1. Top
   2.2. Logo & Navigation

3. Slider
   3.1. Arrows & Pagination
   3.2. Slider Content
   3.3. Video Slider
   3.4. Weather

4. Home Page Sections
   4.1. Section Styles
   4.2. Section Backgrounds
   4.3. Home Page Special Offers
   4.4. Recent Posts
   4.5. Latest Guest Reviews

5. Content
   5.1. Rooms
   5.2. Room Amenities
   5.3. Gallery
   5.4. Restaurant
   5.5. Reviews
   5.6. Weddings
   5.7. Contact
   5.8. Special Offers
   5.9. Vouchers
   5.10. Grid
   5.11. Tabs & Pills
   5.12. Blog
   5.13. Hotel Icons

6. Footer
    6.1. Widets
    6.2. Credits

7. Reservation

8. Mobile styles
    8.1. Big Screens
    8.2. Regular Tablets
    8.3. Small Tablets
    8.4. Smartphones

-------------------------------------------------------------------*/

/* 1. COMMON STYLES
-------------------------------------------------------------------*/

body {
	overflow-x: hidden;


}

hr {
	margin: 40px 0;
}


	/* 1.1. HEADINGS
	---------------------------------------------------------------*/

	h1, h2, h3, h5, h6 {
		margin: 2em 0;
		text-transform: uppercase;
	}

	h1 {
		font-weight: 900;
		margin: 0 0 0.5em;
	}

	h2 {
		font-weight: 900;
	}
	
	h3 {
		color: #888;
		margin: 0.5em 0 0 0;
		margin-top: 10px;
	}
	
	h4 {
		margin: 0em 0;
		text-transform: uppercase;
	}
	
	h4 span {
		display: block;
		font-size: 0.8em;
		margin-top: 0.5em;
	}

	h5 {
		color: #888;
		margin: 0.5em 0 0 0;
	}

	h6 {
		color: #fff;
		font-size: 30px;
		font-weight: 900;
		margin: 0 0 0.5em;
	}
	


	h1::after {
		background: #9cba5e;
		content: "";
		display: block;
		height: 2px;
		margin-top: 15px;
		width: 170px;
	}

	h6::after {
		background: #9cba5e;
		content: "";
		display: block;
		height: 2px;
		margin-top: 10px;
		width: 170px;
	}

		.text-center h1::after {
			margin: 15px auto 0;
		}

	/* 1.2. LINKS & BUTTONS
	---------------------------------------------------------------*/

	a,
	button {
		cursor: pointer;
		transition: all .5s ease;
		-moz-transition: all .5s ease;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
	}

	.btn {
		text-transform: uppercase;
	}

	#resTotal {
	display: flex;
	  }
	#resCircle {

		border-radius: 50%;
	  	float: left;
  		width: 42px;
	  	height: 38px;
	  	padding: 8px;
  		background: #fff;
	  	border: 3px solid #9cba5e;
	  	color: #666;
	  	text-align: center;
		font: 16px Arial, sans-serif;

	}
	#resText {
		flex: 1;
		padding: 8px;
		color: #9cba5e;
		text-align: left;
		font: 16px Arial, sans-serif;
	}
	
	#resNew {
		padding-top: 10px;
		font: 16px Arial, sans-serif;
	}

	#errmsg
	{
	color: #f18700;
	}
	
	#vertical
	{
		writing-mode: vertical-lr; 
		transform: rotate(180deg);
	}


	/* 1.3. LOADER
	---------------------------------------------------------------*/

	#loader {
		background: #fff;
		bottom: 0;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 5000;
	}

		#loader i {
			left: 50%;
			margin: -24px 0 0 -24px;
			position: absolute;
			top: 50%;
		}

	/* 1.4. SECTION COLORS
	---------------------------------------------------------------*/

	.primary-background {
		background: #9cba5e;
		color: #fff;
	}

		.primary-background h1::after {
			background: #fff;
		}

		.primary-background h5 {
			color: #fff;
		}

	.primary-color {
		color: #9cba5e;
	}

	.color2 {
		color: #f18700;
	}

	.color3 {
		background: #05462e;
		color: #fff;
	}

		a.color3:hover,
		button.color3:hover {
			background: #000;
			color: #fff;
		}

		.color3 h1,
		.color3 h2,
		.color3 h3,
		.color3 h4 {
			color: #fff;
		}

	/* 1.5. CAROUSELS
	---------------------------------------------------------------*/

	.owl-controls {
		margin: 30px 0;
	}

		.owl-controls .owl-prev,
		.owl-controls .owl-next {
			color: #000;
			cursor: pointer;
			opacity: 0.1;
			transition: all .5s ease;
			-moz-transition: all .5s ease;
			-webkit-transition: all .5s ease;
			-o-transition: all .5s ease;
		}

		.owl-controls .owl-prev:hover,
		.owl-controls .owl-next:hover {
			opacity: 0.2;
		}

/* 2. HEADER
-------------------------------------------------------------------*/

	header {
		background: #05462e;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1000;
		transition: all .5s ease;
		-moz-transition: all .5s ease;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
	}

		.hide-header {
			top: -86px;
		}

	/* 2.1. TOP
	---------------------------------------------------------------*/

	#header ul {
		list-style: none;
		margin: 24px 0 0 0;
		padding: 0;
	}

		#header ul li {
			display: inline;
			margin: 0 0 0 20px;
		}

			#header ul li a {
				color: #888;
			}

				#header ul li a:hover {
					color: #fff;
				}

				#header ul li i {
					margin-right: 5px;
				}

				#header ul li .btn,
				#header ul li .btn i {
					color: #fff;
				}

	/* 2.2. LOGO & NAVIGATION
	---------------------------------------------------------------*/

	#logo {
		height: 85px;
		padding: 20px 15px;
	}

		#logo img {
			position: absolute;
			top: 50%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
		}

	header nav {
		background: #9cba5e;
		border-bottom: 1px solid #05462e;
	}
	
	/* 2.3. Adjustments header
	---------------------------------------------------------------*/
		#theHeader{background-color:#05462e}
		h5{text-transform:uppercase;font-size:16px;font-family:"Open Sans",Helvetica,Arial,sans-serif;font-weight:500;line-height:1.1;color:#888;margin:-85px 0 0 75px}
		h6{text-transform:uppercase;color:#fff;font-size:30px;font-family:"Open Sans",Helvetica,Arial,sans-serif font-weight: 900;margin:0 0 0.5em 75px}
		
		
		#theHeader div.banner { background:transparent url('../../assets/images/logo.png') left no-repeat; height:100px; width:500px; line-height:88px; font-size:2.5em; color:#fff; text-shadow:0 0 5px #000; text-align:center; }


/* 3. SLIDER
-------------------------------------------------------------------*/

#slider .tint {
	background: rgba(0,0,0,0.4);
	height: 100%;
}

	/* 3.1. ARROWS & PAGINATION
	---------------------------------------------------------------*/

	.slides-navigation a {
		background: rgba(0,0,0,0.4);
		color: #fff;
		opacity: 0.4;
		padding: 10px 20px 10px 15px;
	}

		.slides-navigation a:hover {
			opacity: 1;
		}

	.slides-pagination {
		bottom: 15px;
	}

		.slides-pagination a {
			border: 1px solid #fff;
		}

			.slides-pagination a.current {
				background: #fff;
			}

	/* 3.2. SLIDER CONTENT
	---------------------------------------------------------------*/

	#slider .content {
		padding: 0 30px;
		position: absolute;
		top: 50%;
		width: 100%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

		#slider .content h1,
		#slider .content h5 {
			color: #fff;
			margin: 0;
			margin-bottom: 15px;
		}

			#slider .content h1::after {
				display: none;
			}

	/* 3.3. VIDEO SLIDER
	---------------------------------------------------------------*/

	#video {
		position: relative;
		width: 100%;
	}

		#video video {
			background: url(http://placehold.it/1400x900.jpg) no-repeat;
			background-size: cover;
			bottom: 0;
			height: auto;
			min-height: 100%;
			min-width: 100%;
			pointer-events: none;
			position: absolute;
			right: 0;
			width: auto;
		}

		#video .tint {
			background: rgba(0,0,0,0.4);
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
		}

			#video .tint .container {
				height: 100%;
				left: 0;
				margin: 0 auto;
				position: relative;
				top: 0;
			}

	/* 3.4. WEATHER
	---------------------------------------------------------------*/

	#weather {
		color: #fff;
		height: 100%;
		position: absolute;
		width: 100%;
	}

	#weather h2,
	.flatWeatherPlugin .wiToday .wiDay,
	.flatWeatherPlugin .wiToday > .wiIconGroup p {
		display: none;
	}

	.flatWeatherPlugin .wiToday {
		position: absolute;
		right: 45px;
		top: 150px;
		width: auto;
	}

		.flatWeatherPlugin .wiToday > .wiIconGroup,
		.flatWeatherPlugin div.wiToday > p.wiTemperature {
			float: left;
			text-align: left;
			width: 90px;
		}

		.flatWeatherPlugin div.wiToday > p.wiTemperature {
			font-size: 500%;
			width: 130px;
		}

	.flatWeatherPlugin ul.wiForecasts {
		bottom: 30px;
		left: 0;
		position: absolute;
		right: 30px;
		width: auto;
	}

/* 4. HOME PAGE SECTIONS
-------------------------------------------------------------------*/

	/* 4.1. SECTION STYLES
	---------------------------------------------------------------*/

	.home-section {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		overflow: hidden;
	}

	.home-section .photo {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.home-section .padding {
		padding: 120px 80px; 
	}
	

	/* 4.2. SECTION BACKGROUNDS
	---------------------------------------------------------------*/
        #modx .photo {

	}

	#rooms .photo {
		background-image: url(http://placehold.it/1400x900.jpg);
	}



	/* 4.3. HOME PAGE SPECIAL OFFERS
	---------------------------------------------------------------*/

	#specials {
		padding: 80px 0;
	}

		#specials .price {
			background: rgba(0,0,0,0.8);
			color: #fff;
			display: block;
			padding: 15px 0;
			position: absolute;
			right: 15px;
			text-align: center;
			top: 0;
			width: 100px;
		}

			#specials .price span {
				display: block;
				font-size: 2em;
				font-weight: 900;
				line-height: 1em;
			}

	/* 4.4. RECENT POSTS
	---------------------------------------------------------------*/

	#blog {
		padding: 80px 0;
	}

	.latest-post h4 {
		margin: 1.5em 0 0;
	}

		.latest-post h4 a {
			color: #05462e;
		}

			.latest-post h4 a:hover {
				color: #888;
			}

	.latest-post h6 {
		color: #ccc;
		margin: 0.5em 0 2em;
		text-transform: none;
	}

		.latest-post h6 a {
			color: #ccc;
		}

			.latest-post h6 a:hover {
				color: #888;
			}

		.latest-post h6 span {
			margin-right: 20px;
		}

		.latest-post h6 i {
			margin-right: 7px;
		}

	/* 4.5. LATEST GUEST REVIEWS
	---------------------------------------------------------------*/

	#home-reviews {
		padding: 80px 0;

	}

	.latest-review blockquote {
		border: 0;
		font-style: italic;
		margin: 0;
		padding: 0 0 0 50px;
		position: relative;
	}

		.latest-review blockquote i {
			color: #05462e;
			left: 0;
			position: absolute;
			top: 0;
		}

		.latest-review blockquote small {
			color: #fff;
			font-style: normal;
			margin-top: 1em;
		}

/* 5. CONTENT
-------------------------------------------------------------------*/

#content {
	padding: 145px 0 140px;

}

#top {
	padding-top: 145px;

}

#grid {
	padding: 0px;

}


#tblData {
	display: block;
	min-width:100%; 
	max-width:1100px
	
}

#tblData >tbody>tr>td{
  height:30px;
  padding:2px;
  border-bottom: 1pt solid #d3d3d3;
  border-top: 0px;
  vertical-align:middle;
}


	/* 5.1. ROOMS
	---------------------------------------------------------------*/

	.room {
		padding-bottom: 40px;
	}

		.room h4 {
			font-weight: 900;
			margin: 1em 0;
		}

		.room ul {
			list-style: none;
			margin-bottom: 2em;
			padding-left: 0;
		}

			.room ul li {
				border-bottom: 1px solid #e7e7e7;
				padding: 5px 0;
			}

				.room ul li span {
					color: #05462e;
					float: right;
				}

    /* 5.2. ROOM AMENITIES
    ---------------------------------------------------------------*/

    .amenities {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .amenities li {
            margin-bottom: 30px;
        }

            .amenities li h6,
            .amenities li p {
                margin: 0;
            }

            .amenities li span {
                color: #ccc;
                font-size: 40px;
                margin-right: 15px;
            }

    .amenity {
        margin-bottom: 50px;
    }

        .amenity h3 {
            display: block;
            height: 1em;
            overflow: hidden;
        }

        .amenity .description {
            display: block;
            height: 4.8em;
            overflow: hidden;
        }

	/* 5.3. GALLERY
	---------------------------------------------------------------*/

	.fotorama {
		margin-bottom: 2em;
	}

	.fotorama__thumb-border {
		border-color: #9cba5e;
	}

	.gallery a {
		margin-bottom: 30px;
	}

	/* 5.4. RESTAURANT
	---------------------------------------------------------------*/

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

		.menu li {
			margin-bottom: 30px;
		}

			.menu li h6 {
				margin: 0;
			}

				.menu li h6::after {
					background: #9cba5e;
					content: "";
					display: block;
					height: 2px;
					margin: 15px 0;
					width: 50px;
				}

	/* 5.5. REVIEWS
	---------------------------------------------------------------*/

	.parallax {
		background-attachment: fixed;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;

	}

	#reviews {
		background-image: url(https://hampshire-avenarius.nl/assets/images/1400x900/avenarius-ruurlo-exterieur01.jpg);
		color: #fff;
		padding: 60px 0;
	}

		#reviews .reviews-tint {
			display: block;
			left: 0;
			height: 100%;
			opacity: 0.9;
			position: absolute;
			top: 0;
			width: 100%;
		}

		#reviews h5 {
			color: #fff;
		}

		#reviews h1::after {
			background: #fff;
		}

		#reviews .review img {
			border: 2px solid #fff;
		}

		#reviews .review blockquote {
			border: 0;
			font-style: italic;
			margin-top: 30px;
			padding: 0;
		}

			#reviews .review blockquote small {
				color: #fff;
			}

	#reviews-masonry .review {
		padding: 15px;
		width: 33.3333333%;
	}

		#reviews-masonry .review .review-container {
			border: 1px solid #e7e7e7;
			padding: 30px;
		}

		#reviews-masonry .review h4 {
			margin-bottom: 0;
		}

		#reviews-masonry .review .stars {
			color: #ffd200;
			font-size: 1.2em;
		}

		#reviews-masonry .review blockquote {
			border: 0;
			font-size: 1em;
			font-style: italic;
			padding: 0;
		}

			#reviews-masonry .review blockquote small {
				font-size: 1em;
				margin-top: 1em;
			}

	/* 5.6. WEDDINGS
	---------------------------------------------------------------*/

	.wedding-packages {
		list-style: none;
		margin: 2em 0;
		padding: 0;
	}

		.wedding-packages li {
			border-bottom: 1px solid #e7e7e7;
			padding: 7px 0;
		}

			.wedding-packages li i {
				margin-right: 10px;
			}

	/* 5.7. CONTACT
	---------------------------------------------------------------*/

	#contact .col-sm-3 {
		padding-top: 60px;
	}

	#contact span {
		font-size: 3em;
	}

	#contact h4 {
		margin-bottom: 0.2em;
	}

	#contact i {
		margin-right: 10px;
	}

	#map-canvas {
		height: 500px;
	}

	/* 5.8. SPECIAL OFFERS
	---------------------------------------------------------------*/

	.price {
		background: rgba(0,0,0,0.8);
		color: #fff;
		padding: 15px;
		position: absolute;
		right: 30px;
		top: 0;
	}

		.price span {
			display: block;
			font-size: 1.5em;
			font-weight: 900;
		}

	#special-offers {
		padding: 80px 0;
	}

	.special-offer {
		margin-bottom: 30px;
		position: relative;
	}

		.special-offer .description {
			background: #fff;
			padding: 1px 30px 15px 30px;
		}

			.special-offer .description p {
				height: 5.5em;
				overflow: hidden;
			}

			.special-offer .description .btn {
				margin-bottom: 15px;
			}

	/* 5.9. VOUCHERS
	---------------------------------------------------------------*/

	.voucher {
		padding-bottom: 0px; // was 60

	}

		.voucher h4 span {
			font-size: 1.5em;
			font-weight: 900;

		}

		.voucher p {
			height: 7em;
			overflow: hidden;
		}

	/* 5.10. GRID
	---------------------------------------------------------------*/

	.grid {
		background: #fff;
		width: 100%;
		display: grid;
		justify-content: center;
	}

	/* 5.11. TABS & PILLS
	---------------------------------------------------------------*/

	.tab-pane {
		padding: 15px 0;
	}

	/* 5.12. BLOG
	---------------------------------------------------------------*/

	.post h5 {
		margin-bottom: 5px;
	}

		.post h5 span {
			margin-right: 20px;
		}

			.post h5 span i {
				margin-right: 7px;
			}

	.share {
		display: table;
		list-style: none;
		margin: 3em 0;
		padding: 0;
		width: 100%;
	}

		.share li {
			float: left;
			margin-right: 5px;
		}

			.share li h5 {
				margin: 7px 10px 0 0;
			}

	.tags {
		border-bottom: 1px solid #e7e7e7;
		border-top: 1px solid #e7e7e7;
		display: table;
		list-style: none;
		margin: 3em 0;
		padding: 10px 0;
		width: 100%;
	}

		.tags li {
			float: left;
			margin-right: 15px;
		}

	#author {
		margin: 3em 0;
	}

		#author h4 {
			margin: 0;
		}

		#author p {
			margin: 0.5em 0;
		}

		#author .social {
			display: table;
			list-style: none;
			margin: 0;
			padding: 0;
			width: 100%;
		}

			#author .social li {
				float: left;
				margin-right: 5px;
			}

				#author .social li a {
					color: #d8d8d8;
				}

					#author .social li a:hover {
						color: #bbb;
					}

	#paging {
		display: table;
		list-style: none;
		margin: 3em 0;
		padding: 0;
		width: 100%;
	}

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

		.gallery li {
			margin-bottom: 30px;
		}

	.post .author {
		margin-bottom: 15px;
	}

	.media {
		margin-top: 40px;
	}

	.media-photo {
		width: 80px;
	}

	.sidebar {
		margin-bottom: 60px;
	}

		.sidebar h4 {
			margin: 0 0 1em;
		}

			.sidebar h4 i {
				color: #ddd;
				margin-right: 10px;
			}

		.sidebar li {
			border-bottom: 1px solid #e7e7e7;
		}

			.sidebar li a {
				display: block;
				padding: 10px 0;
			}

		.sidebar .meta {
			color: #888;
			display: block;
		}

	/* 5.13. HOTEL ICONS
	---------------------------------------------------------------*/

	.icons span {
		display: inline-block;
		font-size: 3em;
		margin: 20px;
	}

/* 6. FOOTER
-------------------------------------------------------------------*/

	#footer {
  		position: fixed;
  		bottom: 0;
  		width: 100%;
  		height: 75px;
		z-index: 1000;

		}


	/* 6.1. WIDGETS
	---------------------------------------------------------------*/

	#widgets {
		background: #05462e;
		padding: 0px 0;
		position: relative;

	}

	.widget {
		padding: 0px 15px 30px;
	}

		.widget h4 {
			color: #ccc;
			margin: 10px 0px 10px;
		}

		.widget nav ul {
			list-style: none;
			padding: 0;
		}

			.widget nav ul li a {
				border-bottom: 1px solid #333;
				color: #888;
				display: block;
				padding: 5px 0;
			}

				.widget nav ul li a:hover {
					color: #fff;
				}

				.widget nav ul li i {
					margin-right: 10px;
				}

	/* 6.2. CREDITS
	---------------------------------------------------------------*/

	#credits {
		background: #05462e;
		padding: 15px 0;
		color: #9cba5e;
	}

		#credits ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}

			#credits ul li {
				display: inline;
				margin-left: 10px;
			}

/* 7. RESERVATION
---------------------------------------------------------------*/

#reservation {
	background: rgba(0,0,0,0.8);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}

	#reservation-container {
		left: 50%;
		margin-left: -300px;
		padding: 30px;
		position: absolute;
		top: 50%;
		width: 600px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	#reservation .close {
		position: absolute;
		right: 30px;
		top: 30px;
		width: auto;
	}

	#reservation h2 {
		font-weight: 900;
		margin: 0 0 1em;
	}

	#reservation input {
		background: rgba(0,0,0,0.1);
		border: 0;
		color: #fff;
		font-weight: bold;
	}

	#reservation .input-group-addon {
		background: rgba(0,0,0,0.2);
		border: 0;
		color: #fff;
		cursor: pointer;
	}

	#reservation .select {
		background: rgba(0,0,0,0.1);
		border: 0;
		color: #fff;
		font-weight: bold;
		height: auto;
		text-align: center;
	}

	#reservation .quantity,
	#reservation .children-quantity {
		background: rgba(0,0,0,0.2);
		border: 0;
		font-weight: 900;
	}

	#reservation-arrival,
	#reservation-departure {
		cursor: pointer;
	}

	#reservation .has-feedback label~.form-control-feedback {
		line-height: 39px;
		right: 15px;
		top: 28px;
	}

.form-control-feedback {
	right: 13px;
}

.has-feedback label~.form-control-feedback {
	top: 41px;
}

.form-pass {
	display: none;
    visibility: hidden; 
}

/* 8. MOBILE SITES
-------------------------------------------------------------------*/

	/* 8.1. BIG SCREENS
	---------------------------------------------------------------*/
	@media (min-width: 1200px) {
		
	}

	/* 8.2. REGULAR TABLETS
	---------------------------------------------------------------*/
	@media (max-width: 1024px) {

		.home-section .padding {
			padding: 80px 60px; 
		}

		#reviews-masonry .review {
			width: 50%;
		}
		
	/* Zie ook 2.3. Adjustments header
	---------------------------------------------------------------*/
		#theHeader{background-color:#05462e}
		h5{text-transform:uppercase;font-size:12px;font-family:"Open Sans",Helvetica,Arial,sans-serif;font-weight:375;line-height:1.1;color:#888;margin:-64px 0 0 56px}
		h6{text-transform:uppercase;color:#fff;font-size:24px;font-family:"Open Sans",Helvetica,Arial,sans-serif font-weight: 675;margin:0 0 0.3em 56px}
		
		
		#theHeader div.banner { background:transparent url('../../assets/images/logo-xs.png') left no-repeat; height:75px; width:375px; line-height:66px; font-size:1.7em; color:#fff; text-shadow:0 0 3px #000; text-align:center; }

	
	}

	/* 8.3. SMALL TABLETS
	---------------------------------------------------------------*/
	@media (max-width: 767px) {

		#header ul li#hotel-phone,
		#header ul li#hotel-email {
			display: none;
		}

		header nav .container {
			padding: 0;
		}

		.home-section {
			display: block;
		}

		.home-section .photo {
			height: 400px;
		}

		.home-section .padding {
			padding: 60px 40px; 
		}

		.latest-review blockquote {
			font-size: 1em;
			padding: 0;
		}

			.latest-review blockquote i {
				display: none;
			}

			.latest-review blockquote small {
				font-size: 1em;
			}

		#reservation-container {
			margin-left: -140px;
			width: 280px;
		}

		#reviews-masonry .review {
			width: 100%;
		}

	}

	/* 8.4. SMARTPHONES
	---------------------------------------------------------------*/
	@media (max-width: 480px) {

		.home-section .photo {
			height: 200px;
		}

		.home-section .padding {
			padding: 80px 30px; 
		}

		#header ul li .btn {
			padding: 5px 7px 5px 10px;
		}

			#header ul li .btn span {
				display: none;
			}

		#reservation {
			background: none;
			position: absolute;
		}

		#reservation-container {
			border-radius: 0;
			left: 0;
			margin: 0;
			top: 0;
			width: 100%;
			-webkit-transform: none;
			-ms-transform: none;
			transform: none;
		}

		.datepicker {
			position: absolute;
		}

		.flatWeatherPlugin ul.wiForecasts li > span {
			width: 45%;
		}

		.flatWeatherPlugin ul.wiForecasts ul.wiForecast {
			width: 55%;
		}

		#map-canvas {
			height: 250px;
		}

		.post h1 {
			font-size: 18px;
		}

		.post h5 {
			font-size: 1em;
		}

			.post h5 span {
				display: block;
				margin-bottom: 5px;
			}

	}
	
.about_box {
  z-index: 5;
  width: 800px;
  height: 200px;
  position: relative;
  background: #fff;
  overflow: hidden;
}

#about_small {
  z-index: 7;
  position: relative;
  top: 0;
  left: 0;
  color: #888;
  padding: 20px;
}

#about_big {
  z-index: 6;
  font-family: 'Tangerine', serif;
  text-shadow: 4px 4px 4px #aaa;
  font-size: 100px;
  color: rgba(156, 186, 94, 0.3);
  overflow: hidden;
  padding: 0;
  margin: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}

.fancybox-iframe{
z-index: 100001;
}