/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

*{
	outline: none !important;
	letter-spacing: 0.05em;
}

.group:after, h1:after{
	display: table;
	clear: both;
	content: "";
}

.float-left{
	float: left;
}

.float-right{
	float: right;
}

.img-block{
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

body{
	padding: 15px 15px 40px;
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #696969;
}

a:link, a:visited, a:active{
	color: #b8a86d;
	text-decoration: none;
	font-weight: 400;
}

a:hover{
	color: #303030;
}

p {
	margin: 0.3em 0 1.5em;
	line-height: 1.3;
}

	p a {
		font-weight: 700;
	}

h1,h2,h3,h4,h5,h6 {
	margin: 1.2em 0 0.5em;
	padding: 0;
	font-weight: 400;
	color: #303030;
}

h1{
	font-family: 'Cinzel', serif;
	font-size: 24px;
	font-weight: 700;
	color: #b8a86d;
	padding: 0.3em 0.7em;
	margin: 4px 0 0.7em;
	background-color: #303030;
}

h2{
	font-family: 'Cinzel', serif;
	font-weight: 700;
	font-size: 18px;
}

h3{
	font-size: 16px;
	font-weight: 700;
}

h4{
	font-size: 14px;
}

h5{
	font-size: 12px;
}

h6{
	font-size: 10px;
}

table td{
	padding: 0.5em 1em 0.5em 0;
}

	.container{
		margin: 0 auto;
		max-width: 1000px;
		width: 100%;
	}

		#header .header-left{
			width: 25%;
			float: left;
			text-align: center;
			padding-top: 20px;
		}

			#header .header-left a{
				display: inline-block;
			}

		#header .header-right{
			width: 74.6%;
			float: right;
			text-align: right;
		}

			#header .contact-info > div,
			#header .contact-info > div a{
				padding-bottom: 4px;
			}

			#header .contact-info > div.address{
				padding-bottom: 0;
			}

				#header .contact-info > div span,
				#header .contact-info > div a{
					line-height: 1;
					font-size: 13px;
					color: #aeaeae;
				}

				#header .contact-info > div a:hover{
					color: #303030;
				}

				#header .contact-info > div > i.fa{
					display: inline-block;
					width: 28px;
					height: 28px;
					line-height: 28px;
					vertical-align: middle;
					text-align: center;
					background-color: #aeaeae;
					color: #fff;
					font-size: 16px;
					margin-left: 10px;
					-webkit-border-radius: 6px;
					   -moz-border-radius: 6px;
							border-radius: 6px;
				}

				#header .contact-info > div.email > i.fa{
					font-size: 12px;
				}

		#featured-box {
			background-color: #fff;
			display: table;
			width: 100%;
			margin: 15px 0;
		}

			#featured-box > .box-top,
			#featured-box > .box-bottom {
				display: table-row;
			}

				#featured-box .box {
					display: table-cell;
					height: 40px;
					vertical-align: top;
					-webkit-box-sizing: border-box;
					   -moz-box-sizing: border-box;
							box-sizing: border-box;
				}
			
				#featured-box .box-top-left{
					width: 25%;
					border-right: 2px solid #fff;
					border-bottom: 4px solid #fff;
					background-color: #303030;
					color: #fff;
				}
			
					#featured-box .box-top-left > .wrapper{
						padding: 20px 10%;
					}
			
						#featured-box .box-top-left div#main-menu-mobile{
							cursor: pointer;
							display: none;
						}
			
						#featured-box .box-top-left ul#main-menu{
							margin: 0;
							list-style: none;
							padding: 0;
						}
				
							#featured-box .box-top-left ul#main-menu li{
								margin: 1em 0;
								padding: 0;
							}
				
								#featured-box .box-top-left ul#main-menu li > a{
									color: #fff;
								}
				
									#featured-box .box-top-left ul#main-menu li li > a{
										color: #d8d8d8;
										margin-left: 2em;
										display: block;
									}
				
									#featured-box .box-top-left ul#main-menu li ul {
										display: none;
									}
				
								#featured-box .box-top-left ul#main-menu li > a:hover,
								#featured-box .box-top-left ul#main-menu li.current > a{
									color: #b8a86d !important;
								}

				#featured-box .box-top-right{
					width: 75%;
					border-left: 2px solid #fff;
					border-bottom: 4px solid #fff;
					background-color: #fff;
				}

					.box-slider .wrapper{
						position: relative; 
					}

						.box-slider .wrapper img{
							display: none;
							position: relative;
							top: 0;
							left: 0;
							z-index: 1000;
							width: 100%;
							height: auto;
							margin: 0;
							padding: 0;
						}

						.box-slider .wrapper img.active{
							display: block;
							position: static;
						}

						#featured-box .box-top-right .wrapper .page-content{
							padding: 0 10px;
						}
							
							#featured-box .box-top-right .wrapper .page-content ul{
								list-style: disc;
								margin: 0.8em 0 1em 1.5em;
								padding: 0;
							}

								#featured-box .box-top-right .wrapper .page-content ul > li{
									padding: 0.3em 0;
								}
						
							#featured-box .box-top-right .wrapper .page-content .contact-info{
								padding: 5px 0 10px;
							}
						
								#featured-box .box-top-right .wrapper .page-content .contact-info > div,
								#featured-box .box-top-right .wrapper .page-content .contact-info > div a{
									padding: 5px 0;
								}

									#featured-box .box-top-right .wrapper .page-content .contact-info > div span,
									#featured-box .box-top-right .wrapper .page-content .contact-info > div a{
										line-height: 1;
										font-size: 13px;
										color: #aeaeae;
									}

									#featured-box .box-top-right .wrapper .page-content .contact-info > div a:hover{
										color: #303030;
									}

									#featured-box .box-top-right .wrapper .page-content .contact-info > div > i.fa{
										display: inline-block;
										width: 28px;
										height: 28px;
										line-height: 28px;
										vertical-align: middle;
										text-align: center;
										background-color: #aeaeae;
										color: #fff;
										font-size: 16px;
										margin-right: 10px;
										-webkit-border-radius: 6px;
										   -moz-border-radius: 6px;
												border-radius: 6px;
									}

									#featured-box .box-top-right .wrapper .page-content .contact-info > div.email > i.fa{
										font-size: 12px;
									}
									
								form#contact-form {
									max-width: 420px;
									margin: 1em 0 2em;
								}
									
									form#contact-form .result-message div {
										padding: 5px;
										margin: 15px 0;
										-webkit-border-radius: 5px;
										   -moz-border-radius: 5px;
												border-radius: 5px;
									}
									
										form#contact-form .result-message div.error {
											border: 1px solid #b63232;
											background-color: #ffdede;
											color: #b63232;
										}
										
										form#contact-form .result-message div.success {
											border: 1px solid #35B632;
											background-color: #E0FFDE;
											color: #35B632;
										}
									
									form#contact-form .field-container {
										padding: 5px;
										margin: 5px;
									}
								
										form#contact-form .field-container > label {
											width: 35%;
											float: left;
											font-size: 14px;
										}
								
										form#contact-form .field-container > label[for="spam-code"] {
											margin-top: 10px;
										}
								
											form#contact-form .field-container > label > sup {
												color: #ff0000;
											}
								
										form#contact-form .field-container > input,
										form#contact-form .field-container > textarea {
											width: 60%;
											float: right;
											padding: 0.4em;
											border: 1px solid #999;
											color: #303030;
											font-family: Arial;
											font-size: 13px;
											-webkit-border-radius: 5px;
											   -moz-border-radius: 5px;
													border-radius: 5px;
										}
								
										form#contact-form .field-container > input#spam-code {
											width: 30%;
											margin-top: 7px;
										}
								
										form#contact-form input#submit {
											background-color: #303030;
											color: #fff;
											padding: 0.6em 1em;
											cursor: pointer;
											border: none;
											height: auto;
											line-height: 1;
											-webkit-border-radius: 5px;
											   -moz-border-radius: 5px;
													border-radius: 5px;
										}
								
										form#contact-form input#submit:hover {
											background-color: #666;
										}
								
										form#contact-form .field-container > input:focus,
										form#contact-form .field-container > textarea:focus {
											border: 1px solid #303030;
											background-color: #eee;
										}
								
										form#contact-form .field-container > h5 {
											width: 60%;
											float: right;
											color: #ff0000;
											font-weight: normal;
											clear: left;
										}
								
										form#contact-form .field-container > img.spam-code {
											padding: 0.2em;
											margin-right: 5%;
											width: 20%;
											float: right;
										}
								
									form#contact-form img.loading {
										display: none;
									}
								
									form#contact-form input.submit {
										margin-left: 40%;
										padding: 0.2em;
										cursor: pointer;
									}

						#featured-box .box-top-right .wrapper > h1:first-child{
							margin-top: 0;
						}

						#featured-box .box-top-right .wrapper .grid-rooms{
							margin: -2px; 
							/* position: relative;
							top: -2px;
							bottom: -4px;
							left: -2px;
							right: -4px; */
						}

							#featured-box .box-top-right .wrapper .grid-rooms a.grid-item{
								display: inline-block;
								line-height: 1;
								width: 33.33%;
								vertical-align: top;
								padding: 2px;
								-webkit-box-sizing: border-box;
								   -moz-box-sizing: border-box;
										box-sizing: border-box;
							}

								#featured-box .box-top-right .wrapper .grid-rooms a.grid-item img{
									display: block;
									width: 100%;
									height: auto;
								}

								#featured-box .box-top-right .wrapper .grid-rooms a.grid-item h2{
									margin: 0;
									padding: 0.5em;
									background-color: #303030;
									color: #fff;
									font-weight: normal;
									text-align: center;
								}

						.grid-brands{
							/*margin: -18px; */
							/* position: relative;
							top: -2px;
							bottom: -4px;
							left: -2px;
							right: -4px; */
						}

							.grid-brands a.grid-item{
								display: inline-block;
								line-height: 1;
								width: 33.33%;
								vertical-align: top;
								padding: 18px;
								-webkit-box-sizing: border-box;
								   -moz-box-sizing: border-box;
										box-sizing: border-box;
							}

								.grid-brands a.grid-item div.grid-item-container{
									display: block;
									position: relative;
									width: 100%;
									background-repeat: no-repeat;
									background-position: 50% 50%;
									background-color: transparent;
									-webkit-background-size: 90% auto;
									   -moz-background-size: 90% auto;
									  	 -o-background-size: 90% auto;
											background-size: 90% auto;
									border: 1px solid #aeaeae;
									-webkit-box-sizing: border-box;
									   -moz-box-sizing: border-box;
											box-sizing: border-box;
									
								}

								.grid-brands a.grid-item.hide-bg div.grid-item-container{
									/*
									background-image: none !important;
									-webkit-box-shadow: 0 3px 3px 2px #999;
									   -moz-box-shadow: 0 3px 3px 2px #999;
											box-shadow: 0 3px 3px 2px #999;
									transition: all 1s ease-in-out;
								   -moz-transition: all 1s ease-in-out;
								   -webkit-transition: all 1s ease-in-out;
								   */
								}

									.grid-brands a.grid-item img.transparent-image{
										display: block;
										width: 100%;
										height: auto;
									}

									.grid-brands a.grid-item .hover-content{
										display: block;
										position: absolute;
										top: 0;
										bottom: 0;
										left: 0;
										right: 0;
										background-color: #fff; 
										overflow: hidden;
										-webkit-box-shadow: 0 3px 3px 2px #999;
										   -moz-box-shadow: 0 3px 3px 2px #999;
												box-shadow: 0 3px 3px 2px #999;
										opacity:0;
										/*
										background-repeat: no-repeat;
										background-position: 50% 10%;
										-webkit-background-size: 90% auto;
										   -moz-background-size: 90% auto;
										  	 -o-background-size: 90% auto;
												background-size: 90% auto;
										*/
									}

										.grid-brands a.grid-item .hover-content h4{
											position: absolute;
											z-index: 102;
											bottom: 0;
											left: 0;
											right: 0;
											margin: 0;
											padding: 0.8em 0.5em;
											line-height: 1.4;
											background-color: #aeaeae;
											color: #fff;
											font-weight: normal;
											text-align: center;
											-webkit-box-sizing: border-box;
											   -moz-box-sizing: border-box;
													box-sizing: border-box;
										}

										.grid-brands a.grid-item .hover-content img.hover-image{
											position: absolute;
											z-index: 101;
											top: 0;
											left: 0;
											max-width: 90%;
										}
			
				#featured-box .box-bottom-left{
					width: 25%;
					border-right: 2px solid #fff;
					background-color: #b8a86d;
				}

				#featured-box .box-bottom-right{
					width: 75%;
					border-left: 2px solid #fff;
					padding: 0 20px;
					line-height: 20px;
					background-color: #303030;
					color: #fff;
				}

					#featured-box .box-bottom-right h2.slider-title{
						margin: 0;
						float: left;
						padding: 10px 0;
						color: #fff;
						font-weight: 400;
						display: none;
					}

						#featured-box .box-bottom-right h2.slider-title a{
							font-size: 14px;
						}

						#featured-box .box-bottom-right h2.slider-title a:hover{
							color: #aeaeae;
						}

					div.navigation-bullets{
						float: right;
						padding: 10px 0;
						display: none;
					}

					h1 div.navigation-bullets{
						padding: 0;
					}

						div.navigation-bullets span{
							display: inline-block;
							line-height: 20px;
							width: 16px;
							height: 16px;
							border: 2px solid #fff;
							margin-left: 8px;
							vertical-align: top;
							cursor: pointer;
							-webkit-border-radius: 4px;
							   -moz-border-radius: 4px;
									border-radius: 4px;
						}

						div.navigation-bullets span.active{
							background-color: #b8a86d;
							cursor: default;
						}

					#featured-box .box-bottom-right.box-copyright h5 {
						padding: 10px 0;
						margin: 0;
						line-height: 20px;
						vertical-align: middle;
						color: #aeaeae;
					}

						#featured-box .box-bottom-right.box-copyright h5 a {
							color: #fff;
						}

						#featured-box .box-bottom-right.box-copyright h5 a:hover {
							color: #b8a86d;
						}

@media ( max-width: 768px ) {
	
	#featured-box {
		display: block;
	}

		#featured-box > .box-top,
		#featured-box > .box-bottom {
			display: block;
		}

			#featured-box .box {
				display: block;
				width: 100%;
				height: auto;
				min-height: 40px;
				border-left: none;
				border-right: none;
			}

			#featured-box .box-bottom-left{
				display: none;
			}

				#featured-box .box-top-left > .wrapper{
					padding: 20px;
				}
				
					#featured-box .box-top-left div#main-menu-mobile{
						display: block;
					}

					#featured-box .box-top-left ul#main-menu{
						display: none;
					}

}

@media ( max-width: 567px ) {
	
	#header .header-left,
	#header .header-right{
		width: 100%;
		float: none;
		padding-bottom: 15px;
	}

	#featured-box .box-top-right .wrapper .grid-rooms a.grid-item,
	.grid-brands a.grid-item{
		width: 50%;
	}

}

@media ( max-width: 320px ) {
	
	#featured-box .box-top-right .wrapper .grid-rooms a.grid-item,
	.grid-brands a.grid-item{
		width: 100%;
	}

}