@charset "utf-8";
/* CSS Document 
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Raleway', sans-serif;
font-family: 'Lato', sans-serif;
*/
body{
	font-family: 'Lato', sans-serif;
	margin:0px;
	padding:0px;	
}

/**** SOCIAL ICONS ****/
.social-icons { 
	text-align:right;
	padding-right:10px;
}
	
.social-icons ul li {
	display:inline;
	margin:0px 5px;
	}

.logo{
	width:980px;
	margin:auto;
	text-align:center;	
	border-bottom:1px #ccc solid;
	padding: 25px 0 45px 0;;
}

.intro-desc{
	display:block;
	font-family: 'Raleway', sans-serif;
	color:#404041;
	font-weight:400;
	font-size:14px;
	text-transform:none;
}



/**** NAVIGATION BAR ****/
.navigation-wrapper{
	width:980px;
	margin:auto;
	text-align:center;
}

nav ul{
	list-style:none;	
	margin:0px;
	padding:0px;
}

nav ul li{
	display:inline-block;
	padding:20px 0;
}

nav ul li a{
	display:inline-block;
	color: #404041;
	font-size:13px;
	font-family: 'Raleway', sans-serif;
	text-decoration: none;
	margin:0px 20px
}




/**** SLIDER ****/
.slider-wrapper{
	max-width:1400px;
	position:relative;
	margin:auto;
}

.slider-bottom{
	position:absolute;
	bottom:-1px;
	left:0;
	width:100%;	
}

.slider-bottom img{
	width:100%;
	height:auto;	
}

.main-slider img{
	width:100%;
	height:auto;	
}




/**** CONTENT ****/

/**** OUR CONCEPTS ****/
.content-wrapper{	
}

.inner-wrapper{
	padding-top:40px;
	width:980px;
	margin:auto;	
}

.content-wrapper h1{
	text-align:center;
	color:#f15a29;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:bolder;
	text-transform:uppercase;
}


.content {
	margin:65px auto;
}


.content p {
	width: 980px;
	color:#404041;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:36px;
	letter-spacing:2px;
	text-align:center;
	margin:auto;
	margin-bottom:20px;
}

.inner-content{
	padding:30px 0 50px 0;	
}

.inner-content p {
	width: 980px;
	color:#404041;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:36px;
	letter-spacing:2px;
	text-align:center;
	margin:auto;
}

.craft-content{
	color:#404041;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:36px;
	letter-spacing:1px;
	text-align:left;
	margin:auto;
	border-bottom:1px #ccc solid;
	padding-bottom:30px;
}

.craft-content h2{
	margin-top:50px;
	text-transform:uppercase;
	color:#404041;
	font-family: 'Roboto Condensed', sans-serif;
}

h2{
	margin-top:50px;
	text-transform:uppercase;
	color:#404041;
	font-family: 'Roboto Condensed', sans-serif;
}




/**** ROOM LIST ****/
.room-lines {
	width:980px;
	margin:auto;
	margin-top:50px;
	text-align:center;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
}

.room-lines ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

.room-lines ul li{
	display:inline-block;
	padding:20px 0;
}

.room-lines ul li a{
	display:inline-block;
	color: #404041;
	font-size:14px;
	font-family: 'Raleway', sans-serif;
	text-decoration: none;
	margin:0px 20px
}




/**** CONTENTS ROOMIMG ****/
.room-list {
	width:980px;
	margin:auto;
	padding:50px 0px;
	text-align:center;
}

.responsive ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

.responsive ul li{
	position:relative;
	float:left;
	width: 32%;
	margin:0 0.5% 10px 0.5%;
}

.responsive ul li img{
	width:100%;
}


.responsive ul li:hover .responsive-text{
	opacity:1;
}


.responsive-text{
	font-family: 'Raleway', sans-serif;
	color:#fff;
	font-size:18px;
	text-decoration:none;
	position:absolute;
	width:100%;
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#fff;
	opacity:0;
	background:rgba(0,0,0,0.8);
	transition: all 0.3s;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }




/**** ICON LIST ****/

.icon-list-wrapper{
	width:980px;
	margin:auto;
	padding-top:60px;	
}

.icon-bg {
	background:url(../images/home/icon%20home%20bg.png) no-repeat;
	background-position:center;
	background-size:cover;
	padding:40px 0;
}

.icon-list{
	float:left;
	width:440px;
	height:102px;
	padding:0 25px;
	margin-bottom:85px;	
}

.icon-list-img{
	float:left;
	width:119px;
	text-align:center;
}

.icon-list-desc{
	font-family: 'Lato', sans-serif;
	float:right;
	font-size:14px;
	width:290px;
	text-align:left;
}

.icon-list-desc h5{
	font-size:18px;
	margin:0px;
	margin-bottom:15px;
	text-transform: uppercase;
}





/**** LEARN MORE BUTTON ****/
.button-wrap {
	text-align:center;
	margin:20px auto;
}

.button {
	background-color:transparent;
	border:1px solid #555555;
	text-align:center;
	padding:15px 60px;
	color:#555;
	text-decoration:none;
	font-family: 'Roboto Condensed', sans-serif;
	transition: all 0.3s;
}

.button:hover{
	background-color:#f15a29;
	color:#fff;
	border:1px solid #f15a29;
}






/**** HOW TO GET HERE ****/
.map-wrap {
	padding:50px 0 100px 0;
}

.room-lines {
	width:980px;
	margin:auto;
	margin-top:50px;
	text-align:center;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
}

#map {
	margin:auto;
	margin-top:50px;
	width:980px;
	height:540px;
	background:grey;
}






/******************** ROOMS & RATES PAGE ********************/


.room-select-wrap{
	border-top:1px dashed #404041;
	padding:70px 0;
	width:980px;
	margin:auto;
}

.room-select-wrap:first-child{	
	border-bottom:1px dashed #404041;
}

.room-img-wrap {
    float:left;
	width:440px;
	padding:0 25px;
}

.room-img-wrap img{
	width: 100%;
	height:auto;
}

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

.headcount li{
	display:inline-block;
	background-image:url(../images/rooms/guest.png);
	width:18px;
	height:23px;
}

.room-text-wrap {
	width: 490px;
	float:left;	
}

.room-text-wrap h3 {
	font-family: 'Raleway', sans-serif;
	color: #404041;
	margin-bottom:5px;
	margin-top:5px;
}


.room-text-wrap h4 span {
	font-family: 'Lato', sans-serif;
	color: #f15a29;
}


.room-text-wrap h4 {
  font-family: 'Lato', sans-serif;
  color: #404041;
  font-weight:normal;
  margin-top:10px;
}

.room-text-wrap p {
  font-family: 'Lato', sans-serif;
  font-size:14px;
  line-height:30px;
  letter-spacing:2px;
  color:#404041;
}

.room-text-wrap img {
	margin-top:-10px;
}

.button-room{
	display:inline-block;
	background:#404041;
	border:1px solid #555555;
	text-align:center;
	padding:10px 35px;
	color:#fff;
	text-decoration:none;
	font-family: 'Roboto Condensed', sans-serif;
	transition: all 0.3s;
	margin-top:10px;
}

.button-room:hover{
	background-color:#f15a29;
	color:#fff;
	border:1px solid #f15a29;
}



.shortline {
	width:450px;
	text-align:center;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
}


/****  FACILITIES ****/
.facilities-img-wrapper{
	border-bottom:1px dashed #404041;
	padding:50px 0;
}

.facilities-img-wrapper ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

.facilities-img-wrapper ul li{
	float:left;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	width: 31%;
	height:300px;
	margin:0 1% 20px 1%;	
	font-family: 'Raleway', sans-serif;
	font-size: 30px;
	
	display: flex;
	align-items: center;
	justify-content: center;
}

.facilities-img-wrapper ul li a{
	display:block;
	padding:10px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;	
}

.facilities-icon-wrapper{
	border-top:1px dashed #404041;
	padding:80px 0;	
}

.facilities-icon-wrapper ul{
	padding:0px;
	margin:0px;
	list-style:none;
}

.facilities-icon-wrapper ul li{
	float:left;
	width: 28%;
	margin:0 2.5% 40px 2.5%;	
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
	display: flex;
	align-items: center;
	justify-content: center;	
	height: 345px;
	transition: all 0.3s;
}

.facilities-icon-wrapper ul li:hover{
	-webkit-box-shadow: 0px 2px 5px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 5px 5px rgba(0,0,0,0.1);
	box-shadow: 0px 2px 5px 5px rgba(0,0,0,0.1);
}

.facilities-icon-wrapper ul li div{
	padding:0px 30px;
	text-align:center;
}

.facilities-icon-wrapper ul li h4{
	font-family: 'Lato', sans-serif;
	color:#f15a29;
	text-transform:uppercase;
	margin:30px 0;
}

.facilities-icon-wrapper ul li p{
	font-family: 'Lato', sans-serif;
	font-size:14px;
	line-height:18px;
	height:54px;
	overflow:hidden;
}

.contact-wrapper{
	border-top:1px dashed #404041;
	padding:60px 0 100px 0;	
}

.contact-wrapper input{
	display:block;
	border:1px solid #b7b7b7;	
	text-align:center;
	padding:10px 20px;
	width:400px;
	margin:auto;
	margin-bottom:20px;
}

.contact-wrapper textarea{
	display:block;
	border:1px solid #b7b7b7;	
	text-align:center;
	padding:10px 20px;
	width:400px;
	margin:auto;
	margin-bottom:20px;
} 

::-webkit-input-placeholder {
	font-family: 'Lato', sans-serif;
}
:-moz-placeholder {
	font-family: 'Lato', sans-serif;
}
::-moz-placeholder {
	font-family: 'Lato', sans-serif;
}
:-ms-input-placeholder {
	font-family: 'Lato', sans-serif;
}

.submit{
	cursor:pointer;
	width:200px !important;	
	background:#404041;
	color:#fff;
	margin-top:50px !important;
	border:0px !important;	
	transition:all 0.3s;
}

.submit:hover{
	background: #f15a29;
}


.room-title{
	padding-bottom:50px;
	border-bottom:1px #404041 solid;
	font-family: 'Lato', sans-serif;
	font-size:14px;
}

.room-title h3{
	font-family: 'Raleway', sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	font-size:30px;	
	margin:0px;
	padding-bottom:10px;
}

.room-title span{
	padding:0 10px;
}

.room-facilties{
	padding:60px 0;
}

.amenities-wrapper{
	width:650px;
	float:left;	
}

.warning-wrapper{
	width:330px;
	float:left;	
}

.warning-wrapper h4, .amenities-wrapper h4{
	font-family: 'Lato', sans-serif;
	font-size:18px;
	font-weight: normal;
	color:#f15a29;
	
}

.room-details{
	margin:0px;
	padding:0px;
	list-style:none;	
}

.room-details li{
	width:50%;
	margin-bottom:20px;
	float:left;	
	height:50px;
	
	display: flex;
	align-items: center;
}

.room-details li .img{
	display:inline-block;
	width:50px;
	text-align:center;
	margin-right:20px;
}

.room-details li .text{
	display:inline-block;
	font-family: 'Lato', sans-serif;
	font-size:14px;
}

.room-warning{
	margin:0px;
	padding:0px;
	list-style:none;	
}

.room-warning li{
	width:100%;
	margin-bottom:20px;
	height:50px;
	
	display: flex;
	align-items: center;
}

.room-warning li .img{
	display:inline-block;
	width:50px;
	text-align:center;
	margin-right:20px;
}

.room-warning li .text{
	display:inline-block;
	font-family: 'Lato', sans-serif;
	font-size:14px;
}

/**** FOOTER ****/
footer{
	background: #404041;	
	color:#fff;
	padding:30px 0;
}

.footer-text{
	line-height:32px;	
}

footer p {
	text-align:center;
	margin:30px;
	font-size:14px;
	font-family: 'Raleway', sans-serif;
}

.social-footer-icons {
	margin:20px 0px;
	text-align:center;
}

.social-footer-icons a img {
	text-align:center;
	list-style:none;
	display:inline-block;
	margin:0px 5px;
}

.divider {
	width:80px;
	margin:auto;
	border-top:2px #fff solid;
}

.big-text {
	font-size:16px;
	font-family: 'Raleway', sans-serif;
}

.copyright-text {
	font-size:10px;
	font-family: 'Raleway', sans-serif;
}

.dropdown{
	position:relative;	
	transition:opacity 0.3s;
}

.dropdown:hover .dropdown-menu{
	opacity:1;
	display:block;
}

.dropdown-menu{
	opacity:0;
	display:none;
	position:absolute;	
	z-index:9999;
	top:51px;
	left:-10px;
	padding-top:5px;
}

.dropdown-menu li{
	display:block !important;
	min-width:230px;
	padding:0px;
	background:#f15a29;
	text-align:left;
}

.dropdown-menu li:hover{
	background:#e25b30;
}

.dropdown-menu li a{
	display:block !important;
	padding:20px 25px;
	color:#fff;
	margin:0px !important;
}

.nap-list{
	padding:0px;
	margin:0px;	
}

.nap-list li{
	padding:0px;
	list-style:none;	
	position:relative;
	width:500px;
	text-align:left;
	color:#404041;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:21px;
	letter-spacing:1px;
	margin:0 auto;
	padding-left:22px;
	margin-bottom:35px;
	color:#fff;
}

.nap-list li span{
	font-size:12px;
	line-height:12px;
	letter-spacing:1px;
	padding-left:38px;
}

.nap-list li:before{
	background:url(../images/tick.png) no-repeat;
	display: inline-block;
	
	content: " ";
	width:22px;
	height: 15px;
	padding-right:15px;
}

.nap-btn{
	position:absolute;
	bottom:30px;
	left:50%;
	margin-left:-105.5px;
}

.nap-wrapper{
	position:relative;
	background:url(../images/nap-bg.jpg) no-repeat;
	background-position:center;
	background-size:cover;	
	padding-top:30px;
	padding-bottom:30px;
	color:#fff;
	height:460px;
	transition: height 0.3s;
	overflow:hidden;
}


.nap-wrapper h1{
	color:#fff;
}

.nap-btn a{
	cursor:pointer;
	color:#fff;
	border-color:#fff;
}

.nap-shown{
	background: rgba(241,90,41,0.5);
	padding:40px;
	width:850px;
	margin:auto;
	margin-top:185px;
}

.nap-shown h1{
	margin-top:0px !important;
}

.nap-shown p{
	width:auto !important;
	color:#fff !important;
	line-spacing:1px !important;
}

.nap-left{
	padding-left:10%;
	width:40%;
	float:left;
}

.nap-right{
	width:50%;
	float:right;
}

.nap-left li, .nap-right li{
	width:auto !important;	
}

.small{
	font-style:italic;
	margin-top:20px !important;
	font-size:15px !important;
	letter-spacing:1px !important;
}