body	{
	height: 100%;
	margin:0;
	padding:0;
	background-color:#EEE;
}

html {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-text-size-adjust: 100%;
}

a {
	outline:none;
	color: inherit; 
	cursor: pointer;
	text-decoration: none; 
}

a:hover {
	text-decoration:none;
}

h1 {
	font-family: 'Arsenal', sans-serif;
	font-size:24pt;
	line-height: 26pt;
	color:#d1920d;
	font-weight: bold;
	margin: 5px 0 5px 0;
}

h2 {
	font-family: 'Arsenal', sans-serif;
	font-size:18pt;
	color:#d1920d;
	font-weight: 500;
	margin: 5px 0 5px 0;
}

h3 {
	font-family: 'Arsenal', sans-serif;
	font-size:40pt;
	color:#FFF;
	font-weight: bold;
	margin: 0;
}

h4 {
	font-family: 'Arsenal', sans-serif;
	font-size:32pt;
	line-height: 34pt;
	color:#FFF;
	font-weight: bold;
	text-shadow: 0px 0px 10px rgba(2, 2, 2, 1);
	margin: 0;
}

p {
	font-family: 'Quicksand', sans-serif;
	font-weight: 300;
	line-height: 16pt;
	font-size:13pt;
	color:#444;
	padding: 0;
	margin: 10px 0 10px 0;
}

li {
	font-size: 11pt;
}

.main_text {
	color: #FFF;
	font-size: 18pt;
	font-weight: 400;
	text-shadow: 0px 0px 10px rgba(2, 2, 2, 1);
}

.facilities ul {
	padding: 0;
	margin: 0;
}

.facilities li {
	display: inline;
	font-family: 'Quicksand', sans-serif;
	font-size: 11pt;
	color: #444;
	padding: 0;
	margin: 5px;
}

#footer p {
	font-size: 11pt;
}

.footmen_holder1 ul {
	margin: 0;
	padding: 0;
}

.footmen_holder1 li {
	list-style: none;
	font-family: 'Quicksand', sans-serif;
	font-weight: 300;
	font-size:9pt;
	color: #666;
	padding: 0;
	margin: 0 0 5px 0;
}

.footmen_holder1 li a:hover {
	color: #FFF;
}

.footmen_holder1 p, .footmen_holder2 p, .footmen_holder3 p {
	color: #666;
}

.header_text {
	color: #5b2434;
	font-size: 18pt;
	font-weight: 400;
}

.header_text2 {
	color: #444;
}

.flex_inner1 h2 {
	margin-top: 10px;
}

.flex_inner2 h2 {
	margin-top: 10px;
	color: #333;
}

.flex_inner2 p {
	color: #444;
}

.box2 h1, .box2 p, .box4 h1, .box4 p {
	color: #FFF;
	margin: 0;
}

.bigger {
	font-family: 'Arsenal', sans-serif;
	font-size: 12pt;
	font-weight: bold;
}

img {
	border: none;
}

#container	{
	position:relative;
	width:100%;
	margin: 0;
	padding: 0;
}

#header1 {
	float: left;
	width: 84%;
	text-align: center;
	padding: 20px 8% 20px 8%;
	margin: 0;
	background-color: #FFF;
}

#logo {
	width: 300px;
	height: 133px;
	display: block;
    margin: 0 auto;
}

.btn1 {
/* Text color */
      color: #5b2434; 
/* Remove background color */
      background: none; 
/* Border thickness, line style, and color */
      border: 2px solid #5b2434;
/* Adds curve to border corners */
      border-radius: 6px; 
/* Make letters uppercase */
      padding: 8px 16px 8px 16px;
      text-align: center;
      display: inline-block;
      font-size: 16pt;
      margin: 20px 0 0 0;
      -webkit-transition-duration: 0.4s; /* Safari */
      transition-duration: 0.4s;
      cursor: pointer;
      text-decoration: none;
      text-transform: uppercase;
}
.btn1 {
      background-color: none; 
      color:#5b2434;
      border: 2px solid #5b2434;
}

/*button on hover*/
 .btn1:hover {
     background-color: #5b2434;
     color: #EEE;
 }

.btn2 {
/* Text color */
      color: #FFF; 
/* Remove background color */
      background: none; 
/* Border thickness, line style, and color */
      border: 2px solid #FFF;
/* Adds curve to border corners */
      border-radius: 6px; 
/* Make letters uppercase */
      padding: 8px 16px 8px 16px;
      text-align: center;
      display: inline-block;
      font-size: 16pt;
      margin: 20px 0 0 0;
      -webkit-transition-duration: 0.4s; /* Safari */
      transition-duration: 0.4s;
      cursor: pointer;
      text-decoration: none;
      text-transform: uppercase;
}
.btn2 {
      background-color: #5b2434; 
      color:#FFF;
      border: 2px solid #FFF;
}

/*button on hover*/
 .btn2:hover {
     background-color: #8b354e;
     color: #EEE;
 }

#menu_holder {
	float: left;
	width:100%;
	padding: 0 0 0 0;
	background-color: #FFF;
	z-index: 99999999;
}

#menu {
	float:left;
	width:100%;
}

.main_imgholder {
	float: left;
	z-index:-9;
	background-size: cover;
	background-position: center;
	width: 100%;
}

#main_imgbox {
	position: absolute;
	z-index: 999;
	width: 90%;
	text-align: center;
	padding: 5%;
	margin: 15% 0 0 0 ;
}

.box_header, .box_header2 {
	float: left;
	width: 99%;
	margin: 0 0.5% 40px 0.5%;
}

.flexbox-container1 {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}

.flex_inner1 {
	float: left;
	width: 49%;
	padding: 0;
	margin: 0.5%;
	background-color:#EEE;
	border-radius: none;
}

.flexbox-container2 {
	float: left;
	width: 100%;
	padding: 0;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}

.flex_inner2 {
	width: 32.3%;
	padding: 0;
	margin: 0.5%;
	background-color:#EEE;
	border-radius: none;
}

.text_box {
	float: left;
	width: 90%;
	padding: 5%;
}

hr {
	width: 50%;
	height: 2px;
	margin-left: auto;
	margin-right: auto;
	background-color: #5b2434;
	border: 0 none;
	margin-top: 20px;
	margin-bottom:20px;
}

.hr_white {
	width: 50%;
	height: 2px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	border: 0 none;
	margin-top: 20px;
	margin-bottom:20px;
}

.hr_white2 {
	width: 100%;
	height: 2px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	border: 0 none;
	margin-top: 20px;
	margin-bottom:20px;
}

.hr_bottom {
	width: 100%;
	height: 4px;
	margin-left: auto;
	margin-right: auto;
	background-color:#FF0004;
	border: 0 none;
	margin-top: 20px;
	margin-bottom:10px;
}

.box1 {
	position: relative;
	float: left;
	width: 90%;
	text-align: center;
	padding: 5%;
	background-color: #FFF;
	margin: 45% 0 0 0;
}

.box1a {
	float: left;
	width: 90%;
	text-align: center;
	padding: 5%;
	background-color: #FFF;
	margin: 45% 0 0 0;
}

.box1b {
	float: left;
	width: 90%;
	text-align: center;
	padding: 5%;
	background-color: #EEE;
	margin: 0;
}

.box2 {
	float: left;
	width: 90%;
	height: 100%;
	text-align: center;
	background-image: url(../img/box2_bg1.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 5%;
	margin: 0;
}

.box3 {
	float: left;
	width: 90%;
	text-align: center;
	padding: 5%;
	background-color: #FFF;
	margin: 0;
}

.box4 {
	float: left;
	width: 90%;
	height: 100%;
	text-align: center;
	background-image: url(../img/box4_bg1.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 5%;
	margin: 0;
}

.box5 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 0;
	background-color: #FFF;
	margin: 0;
}

.box6 {
	float: left;
	width: 90%;
	height: 100%;
	text-align: center;
	background-image: url("../img/covid-bg1.jpg");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 5%;
	margin: 0;
}

.box6 p, .box6 h1 {
	color: #FFF;
}

.box7 {
	float: left;
	width: 90%;
	height: 100%;
	text-align: center;
	background-image: url("../img/box7_bg.jpg");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 5%;
	margin: 0;
}

.box7 p, .box7 h1 {
	color: #FFF;
}

.box8 {
	float: left;
	width: 90%;
	height: 100%;
	text-align: center;
	background-image: url("../img/box8_bg.jpg");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 5%;
	margin: 0;
}

.box8 p {
	font-weight: bold;
	color: #FFF;
}

.box8 h1 {
	color: #FFF;
}

.box9 {
	float: left;
	width: 90%;
	height: 100%;
	text-align: center;
	background-image: url("../img/breakfast.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 22% 0 22% 0;
	margin:5%;
}

.box9 h4 {
	font-size: 50pt;
	margin-bottom: 20px;
}

.box9 p {
	color: #FFF;
}

.holder1 {
	width: 460px;
	background-image: url("../img/grey_opacity.png");
	padding: 40px 20px;
	margin: 0 auto;
}

.contact_box1 {
	float: left;
	width: 39%;
	text-align: left;
	margin: 0.5%;
}
.contact_box2 {
	float: left;
	width: 19%;
	text-align: left;
	margin: 0.5%;
}
.contact_box3 {
	float: left;
	width: 39%;
	text-align: right;
	margin: 0.5%;
}

.images_holder {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}

.images {
	float: left;
	width: 32.3%;
	margin: 0.5%;
}

.facilities {
	float: left;
	width: 100%;
	margin-top: 40px;
}

.inner1 {
	float: right;
	width: 50%;
	text-align: right;
}

.inner2 {
	float: left;
	width: 50%;
	text-align: left;
}

.box_holder {
	float: left;
	text-align: center;
	margin: 0;
}

.awards {
	float: left;
	width: 15.6%;
	margin: 0.5%;
}

.box_container1 {
	float: left;
	width: 69.75%;
}

.advert_holder {
	float: left;
	width: 28.75%;
	margin: 0.2% 0 1% 1%;
}

#footer {
	float: left;
	width: 100%;
	padding: 0;
	background: #222;
}

.footer_holder {
	float: left;
	width: 90%;
	text-align: left;
	padding: 0;
	margin: 20px 5% 20px 5%;
}

.footmen_holder1 {
	float: left;
	width:30%;
	text-align: left;
	padding: 0 1% 0 1%;
	margin: 0.5%;
}

.footmen_holder2 {
	float: left;
	width:30%;
	text-align: center;
	padding: 0 1% 0 1%;
	margin: 0.5%;
}

.footmen_holder3 {
	float: left;
	width:30%;
	text-align: right;
	padding: 0 1% 0 1%;
	margin: 0.5%;
}

.social_holder {
	float: right;
	width: 105px;
	text-align: right;
}

.social {
	float: right;
	width: 30px;
	height: 30px;
	margin: 10px 0 0 5px;
}

#siteby {
	float:left;
	width:100%;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0;
	background: #000;
}

#siteby p {
	color: #888;
	font-size: 9pt;
	margin: 0;
}

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Basic Styles for NAVIGATION MENU*/

nav {
	height: 40px;
	width: 100%;
	background: #FFF;
	font-size: 12pt;
	font-family: 'Arsenal', sans-serif;
	font-weight : normal;
	position: relative;
}
nav ul {
	padding: 0;
	margin: 0 auto 0 auto;
	text-align: center;
	width: 100%;
	height: 40px;
}
nav li {
	display: inline;
	color: #444;
	margin: 0 10px 0 10px;
}
nav a {
	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	margin: 0;
}
nav li a {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	color: #444;
}
nav a#pull {
	display: none;
	color: #444;
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 700px) {
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 100%;
  		float: left;
  		position: relative;
		margin: 0;
  	}
  	nav li a {
		background-color: #EEE;
		border-bottom: 1px solid #CCC;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 700px) {
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: #FFF;
		width: 100%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background:url(../img/nav-icon.png) no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
		margin: 0;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
}