.construction {
	position: absolute;
	top:      0;
	left:     0;
	z-index:  999;
}

.construction-text {
	background:  #D2232A;
	color:       #FFF;
	width:       100%;
	text-align:  center;
	padding:     10px 0;
	font-weight: bold;
	position:    relative;
	z-index:     1;
}

@media only screen and (max-width: 850px) {

	.construction {
		display: none;
	}

	.construction-test {
		display: block;
	}

}

@media only screen and (min-width: 850px) {

	.construction {
		display: block;
	}

	.construction-text {
		display: none;
	}

}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1144px) {
	.navbar ul li {
		font-size:    12px !important;
		margin-right: 0px !important;
	}
}

@media only screen and (max-width: 768px) {
	#site-wrapper {
		display: none !important;
	}

	.mobile-container {
		display: block !important;
	}

	.footer-fixed {
		position:   static !important;
		text-align: center;
	}
}

@media only screen and (max-width: 1063px) {
	.mc-grath-logos a img {
		width: 120px !important;
	}

	.logo-spacer {
		padding: 0 2px !important;
	}
}

@media only screen and (max-width: 995px) {
	.disclaimer {
		font-size: 10px !important;
	}

	.disclaimer-white {
		font-size: 10px !important;
	}

	.telno {
		font-size: 12px !important;
	}

	.telno-white {
		font-size: 12px !important;
	}
}

@media only screen and (max-width: 768px) {
	.fp-slidesNav.bottom {
		bottom: 25% !important;
	}

	.hero-text {
		font-size: 20px !important;
	}

	.mobile-enquire {
		display: block !important;
	}

	.mobile-enquire a {
		font-size: 2.7rem !important;
	}

	.go-back {
		position: fixed;
		top:      10px;
		right:    10px;
	}

	.go-back a img {
		width: 30px !important;
	}

	.mc-grath-logos {
		position:    static !important;
		text-align:  center;
		padding-top: 10px;
	}

	.mc-grath-logos .logo-spacer {
		padding: 0 !important;
	}

	.mc-grath-logos table {
		width: 100%;
	}

	.mc-grath-logos table tr td {
		display:        block !important;
		padding-bottom: 15px;
	}

	.mc-grath-logos a img {
		width: 180px !important;
	}

	.disclaimer {
		position: static !important;
		padding:  10px 0;
	}

	.disclaimer-white {
		position: static !important;
		padding:  10px 0;
	}

	.telno {
		position:    static !important;
		padding-top: 30px;
		text-align:  center;
		font-size:   17px !important;
	}

	.telno-white {
		position:    static !important;
		padding-top: 30px;
		text-align:  center;
		font-size:   17px !important;
	}

	.navbar ul li {
		margin:         0 !important;
		padding-bottom: 6px;
	}

	.nav > li > a {
		display: inline;
	}

	.interior-image7 {
		display: block !important;
	}

	.interior-image8 {
		display: block !important;
	}

	.interior-image9 {
		display: none !important;
	}

	/*
	  .image{
		  img{
			  width: 100% !important;
		  }
	  }
	  */
	.mobile-copy {
		display: block !important;
	}
}

.footer-fixed {
	position:   fixed;
	bottom:     0;
	text-align: center;
	width:      100%;
}

.mc-grath-logos {
	position: fixed;
	bottom:   10px;
	right:    10px;
	z-index:  9;
}

.disclaimer {
	position:   fixed;
	bottom:     10px;
	width:      100%;
	text-align: center;
	font-size:  12px;
}

.disclaimer a {
	color: #000000;
}

.disclaimer a:hover {
	color: #877751;
}

.disclaimer-white {
	position:   fixed;
	bottom:     10px;
	width:      100%;
	text-align: center;
	font-size:  12px;
	color:      #FFFFFF;
}

.disclaimer-white a {
	color: #FFFFFF;
}

.disclaimer-white a:hover {
	color: #877751;
}

.telno {
	position:  fixed;
	bottom:    10px;
	left:      10px;
	font-size: 20px;
	z-index:   50;
}

.telno a {
	font-weight: bold;
	color:       #000000;
}

.telno a:hover {
	color: #877751;
}

.telno-white {
	position:  fixed;
	bottom:    10px;
	left:      10px;
	font-size: 20px;
	z-index:   50;
}

.telno-white a {
	font-weight: bold;
	color:       #FFFFFF;
}

.telno-white a:hover {
	color: #877751;
}

.btn-default {
	background-color: #877751;
	color:            #FFFFFF;
	border-radius:    0;
	font-weight:      bold;
	border:           0;
}

.enquire-now {
	position: fixed;
	right:    10px;
	top:      10px;
	z-index:  500;
}

.enquire-now a:hover {
	background-color: #003616;
	color:            #FFFFFF;
}

.navbar-fixed-top {
	z-index: 500;
}

.navbar-default .navbar-nav > li > a {
	color: #000;
}

.navbar-default .navbar-nav > li > a:hover {
	color: #877751;
}

.navbar ul {
	font-family: 'Libre Baskerville', serif;
}

.navbar ul li {
	margin:    15px;
	font-size: 13px;
}

.navbar .navbar-nav {
	display:        inline-block;
	float:          none;
	vertical-align: top;
}

.navbar .navbar-collapse {
	text-align: center;
}

/* Preloader */
#preloader {
	position:         fixed;
	top:              0;
	left:             0;
	right:            0;
	bottom:           0;
	background-color: #FFF;
	/* change if the mask should have another color then white */
	z-index:          99;
	/* makes sure it stays on top */
}

#status {
	width:               300px;
	height:              300px;
	position:            absolute;
	left:                50%;
	/* centers the loading animation horizontally one the screen */
	top:                 50%;
	/* centers the loading animation vertically one the screen */
	background-image:    url(../img/the-greens-logo-green.svg);
	/* path to your loading animation */
	background-repeat:   no-repeat;
	background-position: center;
	margin:              -150px 0 0 -150px;
	/* is width and height divided by two */
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background: none;
}

.nav > li > a {
	padding: 0;
}

.active-menu a {
	color:         #877751 !important;
	font-weight:   bold;
	border-bottom: 3px solid #166735;
}

.active-menu a:hover {
	color:      red;
	background: yellow;
}

.navbar-toggle {
	background-color: #877751 !important;
	border:           0;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #FFFFFF !important;
}

.overlay {
	position:         absolute;
	top:              0;
	bottom:           0;
	left:             0;
	right:            0;
	height:           100%;
	width:            100%;
	opacity:          0;
	transition:       .5s ease;
	background-color: #008CBA;
}

.image {
	padding-bottom: 15px;
}

.interior-image7 {
	display: none;
}

.interior-image8 {
	display: none;
}

.mobile-copy {
	display: none;
}

.logo-spacer {
	padding: 0 5px;
}

/* Underline Reveal */
.hvr-underline-reveal {
	display:           inline-block;
	vertical-align:    middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform:         perspective(1px) translateZ(0);
	box-shadow:        0 0 1px transparent;
	position:          relative;
	overflow:          hidden;
}

.hvr-underline-reveal:before {
	content:                            "";
	position:                           absolute;
	z-index:                            -1;
	left:                               0;
	right:                              0;
	bottom:                             0;
	background:                         #166735;
	height:                             3px;
	-webkit-transform:                  translateY(4px);
	transform:                          translateY(4px);
	-webkit-transition-property:        transform;
	transition-property:                transform;
	-webkit-transition-duration:        0.3s;
	transition-duration:                0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function:         ease-out;
}

.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
	-webkit-transform: translateY(0);
	transform:         translateY(0);
}

/* Fade */
.hvr-fade {
	display:                     inline-block;
	vertical-align:              middle;
	-webkit-transform:           perspective(1px) translateZ(0);
	transform:                   perspective(1px) translateZ(0);
	box-shadow:                  0 0 1px transparent;
	overflow:                    hidden;
	-webkit-transition-duration: 0.5s;
	transition-duration:         0.5s;
	-webkit-transition-property: color, background-color;
	transition-property:         color, background-color;
}

.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
	background-color: #2098D1;
	color:            white;
}

/* Fade */
.hvr-fade-next {
	display:                     inline-block;
	vertical-align:              middle;
	-webkit-transform:           perspective(1px) translateZ(0);
	transform:                   perspective(1px) translateZ(0);
	box-shadow:                  0 0 1px transparent;
	overflow:                    hidden;
	-webkit-transition-duration: 0.5s;
	transition-duration:         0.5s;
	-webkit-transition-property: color, background-color;
	transition-property:         color, background-color;
	padding:                     5px 10px;
}

.hvr-fade-next:hover, .hvr-fade-next:focus, .hvr-fade-next:active {
	background-color: #877751;
	color:            white;
	padding:          5px 10px;
}