.browserupgrade {
	z-index: 99999;
	position: relative;
	height: 60px;
	width: 100%;
	margin:0;
	padding:0;
	background-color: #f9f7f3;
	border-bottom: 1px solid #ccc;
}

.dont-break-out {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face {
	font-family: "RG Trajan Pro";
	src: url("../fonts/TrajanPro-Regular.otf") format("opentype");
}

@font-face {
	font-family: "RG Trajan Pro";
	font-weight: bold;
	src: url("../fonts/TrajanPro-Bold.otf") format("opentype");
}

* {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	background-color: #f9f7f3;
}

a, a:hover, a:focus {
	cursor: pointer;
	text-decoration: none;
	color: black;
}

ul {
	list-style-type: none;
}

ol.normal {
	padding-left: 4rem;
}

ul.normal {
	padding-left: 4rem;
	list-style-type: disc;
}

.stopscroll {
	overflow: hidden !important;
}

hr {
	color: #bbb;
	background-color: #bbb;
	border-top: 1px solid #bbb;
}

hr.smallhr {
	max-width: 3rem;
	margin-left:auto;
	margin-right:auto;
}

hr.smallerhr {
	max-width: 1rem;
	margin-left:auto;
	margin-right:auto;
}

.forcetrajan {
	font-family: "RG Trajan Pro", "Trajan Pro", "Times New Roman", Georgia, Serif;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.forceopensans {
	font-family : 'Open Sans', 'Helvetica Neue', 'Helvetica', Arial, Sans-Serif;
	font-weight: 400;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.forceitalianno {
	font-family: 'Italianno', cursive;
	text-transform: capitalize !important;
	font-size: 6rem !important;
}

h1, h3 {
	font-family: "RG Trajan Pro", "Trajan Pro", "Times New Roman", Georgia, Serif;
	color: #9e8557;
	font-size: 3rem;
	letter-spacing: 0.2rem;
	text-transform: uppercase;
}

h2, h4 {
	font-family : 'Open Sans', 'Helvetica Neue', 'Helvetica', Arial, Sans-Serif;
	letter-spacing: 0.2em;
	margin-top: 1rem;
	font-size: 2.4rem;
	color: #737070;
	text-transform: uppercase;
}

h3 {
	color: #737070;
	font-size: 2.4rem;
}

h4 {
	font-size: 1.8rem;
}

body, p, a {
	font-family : 'Open Sans', 'Helvetica Neue', 'Helvetica', Arial, Sans-Serif;
	font-weight: 400;
	letter-spacing: 0.05em;
	font-size: 1.8rem;
	color: #737070;
}

/* remove bootstrap hover states */
textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover,
a:focus,
a:active,
a:hover
 {
	/*outline:0px !important;
    -webkit-appearance:none;
    color: inherit;*/
}

a:hover {
	color: black;
}

.sizeh {
	height: 6rem;
	line-height: 6rem;
}

.sizew {
	width: 6rem;
}

@media only screen and (min-width : 992px) {
	.sizeh {
		height: 7.5rem;
		line-height: 7.5rem;
	}

	.sizew {
		width: 7.5rem;
	}
}

.coverbg {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.readmore {
	border-bottom: 1px solid #737070;
	font-weight: 500;
}

@media only screen and (min-width : 992px) {
	.readmore:hover {
		border-color: black;
	}
}

.transition {
	-webkit-transform: translateZ(0);
	-webkit-transition: all .5s ease-out 0s;
    -khtml-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
}

.moretext {
	vertical-align: text-top;
	display: none;
}

.topbg {
	max-height: 460px;
	position: relative;
	height: 460px;
}

.subbg {
	max-height: 388px;
	height: 388px;
}

@media only screen and (min-width : 992px) {
	.subbg.smallerbreak {
		max-height: 585px;
		height: 585px;
	}
}

/* @media only screen and (min-width : 1200px)  */
/*@media only screen and (min-width : 992px) {*/
@media only screen and (min-width : 1442px) {
	.subbg {
		max-height: 540px;
		height: 540px;
	}

	.topbg {
		max-height: 640px;
		height: 640px;
	}
}

@media only screen and (min-width : 992px) {
	.embed-responsive {
		margin: 0 auto;
		max-width: 720px;
		padding-bottom: 405px !important;
		/*padding-bottom: 40% !important;*/
	}
}

.vjs-poster {
	width: 100%;
}

.button, .button:focus {
	cursor: pointer;
	display: block;
	width: 100%;
	max-width: 300px;
	margin:0 auto;
    border: 1px solid #ddd;
    padding-bottom: 0.7rem;
    padding: 1rem 1.2rem;
    background-color: #9e8557;
    text-transform: uppercase;

    letter-spacing: 0.2em;
	text-align: center;
	font-size: 1.8rem;

	color: #dedede;
}

.button.smaller, .button.smaller:focus {
	max-width: 230px;
}

.button:hover {
	border-color: white;
	color: white;
}

span.plus {
	font-size: 3rem;
	display: none;
}

span.minus {
	font-size: 1.7rem;
	position: relative;
	top: 8px;
}

a.email {
	border: 0;
	border-style: solid;
    border-bottom-width: 1px;
}

a.yellowlink {
	color: #9e8557;
}

a.yellowlink:hover {
	border-bottom: 1px solid #9e8557;
}

a.normallink:hover {
	border-bottom: 1px solid #737070;
}

.smalllogo {
	position: relative;
	height: 100%;
	padding-top: 2px;
		padding-bottom: 5px;
}

@media only screen and (min-width : 992px) {
	.smalllogo {

	}
}

.whitestrip {
	position:absolute; bottom:0;width:100%;
}

.whitestrip > div {
	background-color: rgba(255, 255, 255, 0.85);
}

.handwrite {
	font-weight: 400;
  	font-family: 'Arizonia', Helvetica, sans-serif;
  	font-size:  2.8rem;
}

.handwrite.smaller {
	font-size: 2.4rem;
}

.handwrite.larger {
	font-size: 3.4rem;
}

.handwrite.largest {
	font-size: 3.8rem;
}

.overlay {
	height:100%;
	width:100%;
	position:relative;
	background-color:rgba(0,0,0,0.2);
}

/* ==========================================================================
   Drop down Toggle
   ========================================================================== */

.dropdown:hover > .dropdown-menu {
	display: block;
}

.dropdown-menu {
	font-size: 1.5rem;
	border: 0;
	padding: 0;
	margin: 0;
	background: none;
}

.dropdown-menu > ul {
	margin: 0;
	padding: 0;
	background-color: #fff;
    margin-top: 12px;
}

.dropdown-menu > ul > li > ul {
	background-color: #f9f7f3;
}

.dropdown-menu > ul > li > ul > li > ul {
	background-color: white;
}

.dropdown-menu ul {
	padding-top: 10px;
	padding-bottom: 5px;
}

.dropdown-menu ul > li {
	padding-bottom: 5px;
}

.dropdown-menu ul > li ul {
	display: none;
}
.dropdown-menu ul > li.second > a {
    font-size: 1.5rem;
    padding-left: 35px;
}

.dropdown-menu ul > li.third > a {
    font-size: 1.5rem;
    padding-left: 50px;
}

.mobilemenu .dropdown-menu ul > li.second > a {
    padding-left: 22px;
}

.mobilemenu .dropdown-menu ul > li.third > a {
    padding-left: 40px;
}

.dropdown-menu ul > li > a {
    padding: 0 2rem;
    overflow: hidden;
	line-height: 4.5rem;
	height: 4.5rem;
	display: block;
	color: #9e8557;
	font-family: "RG Trajan Pro", "Trajan Pro", "Times New Roman", Georgia, Serif;
	text-decoration: none;
	letter-spacing: 0.2rem;
	font-size: 1.6rem;
}

.mobilemenu .dropdown-menu ul > li > a {
    padding: 0;
 }

.subpagemenu .dropdown-menu ul > li > a:hover, 
.subpagemenu .dropdown-menu ul > li > a:focus {
	background-image: none;
	background-color: #e6e1d0;
}

.mobilemenu li {
	position: relative;
}

.mobilemenu a {
	position: relative;
	z-index: 200;
}

.mobilemenu .hoverbar {
	position:absolute;
	width:100%;
	height:45px;
	top: 0px;
	left:0px;
	z-index:100;
}

.mobilemenu li.hovered > div, .mobilemenu li.selected > div {
	background-image: none;
	background-color: #e6e1d0;
}

.dropdown-toggle {
	color: #737070;
	border:none;
}

/* ==========================================================================
   Side Menu
   ========================================================================== */

.mobilemenu {
	display: none;

	max-height: 80vh;
	overflow-y: scroll;
	z-index: 9999;
	-webkit-transform: translateZ(0);
	-webkit-transition: all .5s ease-out 0s;
    -khtml-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
}

.mobilemenu .dropdown-menu {
	display:block;width:100%;position:relative;top:0px;left:0px;
}

.mobilemenu .dropdown-menu a {
	margin:0 auto;
	width:320px;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    -webkit-transform: translateZ(0);
	-webkit-transition: all .5s ease-out 0s;
    -khtml-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
    text-transform: uppercase;
}

.sidenavbackground {
	opacity: .5;
	overflow: hidden;
	background-color: #000;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 1000;
	display: none;
}

.sidenav.opened {
	width: 100%;
}

@media only screen and (min-width : 320px) {
	.sidenav.opened {
		width: 320px;
	}
}

.sidenav .topbar {
	position: absolute;
	top:0px;
	width:100%;
	padding:0 3rem;
	background-color: #9e8557;
}

.sidenav .closebtn {
	color: white;
	position: absolute;
    top: 15px;
    right: 25px;
    font-size: 28px !important;
    text-decoration: none;
    margin-left: 50px;
}

.sidenav .closebtn .circle {
	background-color: white;
	width:26px;
	height:26px;
	margin:0;
}

.sidenav .closebtn .times {
	position:relative;
	top:-20px;
	left:1px;
	color:#9e8557;
}

@media only screen and (min-width : 992px) {
	.sidenav .closebtn {
		top: 25px;
	}

	.sidenav .closebtn .times {
		top: -26px;
	}
}

.sidenav .sidenavmenu {
	overflow-y:auto;
	overflow-x:hidden;
	margin-top: 6rem;
}

@media only screen and (min-width : 992px) {
	.sidenav .sidenavmenu {
		margin-top: 7.5rem;
	}
}

.sidenav .sidenavmenu a {
	font-family: "RG Trajan Pro", "Trajan Pro", "Times New Roman", Georgia, Serif;
    color: white;
    padding: 0 2rem;
	display: block;
	overflow: hidden;
}

.sidenav .first a {
    height: 4.5rem;
    font-size: 1.7rem;
    line-height: 4.5rem;
    color: #9e8557;
    background-color: #e6e1d0;
    margin: 18px 0px;
}

.sidenav .second li {
	padding: 5px 0px;
}

.sidenav .second li:first-child {
	padding-top: 0;
}

.sidenav .second li:last-child {
	padding-bottom: 0;
}

.sidenav .second a {
	margin: 0px;
	height: 4.5rem;
	line-height: 4.5rem;
	font-size: 1.6rem;
	color: #9e8557;
	background-color: white;
}

.sidenavmenu .second a:hover {
	background-color: #e6e1d0;
}

.sidenav .togglemenu, .menubar .togglemenu {
	-webkit-transform: translateZ(0);
	-webkit-transition: all .5s ease-out 0s;
    -khtml-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
}

.sidenav .togglemenu:after, .menubar .togglemenu:after {
	display: inline-block;
	background: 0 0, url(../img/arrow-right.svg) 0 50% no-repeat;
	background-size: 6px;
	float:right;
	content: "";
	height: 100%;
	fill: white;
	width: 1rem;
	-webkit-transform: translateZ(0);
	-webkit-transition: all .5s ease-out 0s;
    -khtml-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
}

.sidenav .togglemenu.selected:after, .menubar .togglemenu.selected:after {
	transform: rotateZ(90deg);
}

/* ==========================================================================
   Top Menu
   ========================================================================== */

.menubar {
	position: fixed;
	width: 100%;
	z-index: 2000;
    background-color: rgba(35,37,48, 0.5); /*#232530; navy blue navyblue*/
}

.menubar .menubtn {
	position: absolute;
	top:0;
	right:3rem;
}

.menubar .ourresidencelink {
	position: absolute;
	top:0;
	left: 3rem;
}

.menubar .fixedwhite a {
	color: white;
}

.menubar.scrolled .fixedwhite a {
	color: black;
}

.menubar .pagetitle {
	color:white;
	font-size:2.8rem;
	top:0.5rem;
	position: relative;
    left: -65px;
    margin: 0;
    line-height: 7.5rem;
}

.menubar.scrolled .pagetitle { 
	color: black;
}

.menubar .subpagemenu > ul > li > a:hover {
	color: white;
}

.menubar.scrolled .subpagemenu > ul > li > a:hover {
	color: black;
}

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

	.menubar .menubtn {
		right: 7.5rem;
	}

	.menubar .ourresidencelink {
		left: 7.5rem;
	}
}

.menubar.scrolled {
	background-color: #F8F8F8 !important;
	-webkit-box-shadow: 0px 1px 7px 2px rgba(61,57,61,0.75);
	-moz-box-shadow: 0px 1px 7px 2px rgba(61,57,61,0.75);
	box-shadow: 0px 1px 7px 2px rgba(61,57,61,0.75);
}

.subpagemenu {
	border-bottom: none;
	border-bottom: 1px solid #fff;
}

.menubar a {
	font-family: "RG Trajan Pro", "Trajan Pro", "Times New Roman", Georgia, Serif;
	color: #bbb;
	text-decoration: none;
	letter-spacing: 0.2rem;
}

.menubar.scrolled .subpagemenu {
	border-bottom: 1px solid #333;
}

.subpagemenu > ul > li {
	position: relative;
	display: inline;
    padding: 0 1.3rem;
}

.subpagemenu > ul > li > a {
	font-size: 1.6rem;
	-webkit-transform: translateZ(0);
	-webkit-transition: all .5s ease-out 0s;
    -khtml-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
}

.subpagemenu > ul > li > a.active {
	color: white;
}

.menubar.scrolled .subpagemenu > ul > li > a.active {
	color: black;
}

.subpagemenu > ul > li > a.active:before {
	content: "";
    display: block;
    position: absolute;
    width: 2px;
    bottom: -13px;
    height: 10px;
    left: 50%;
    background: #fff;
}

.menubar.scrolled .subpagemenu > ul > li > a.active:before {
	background: #333;
}

/* ==========================================================================
   Home page
   ========================================================================== */

.homebg td:not(.middle) {
	background-color: rgba(63, 59, 45, 0.5);
}

.homescrolldown {
	text-align:center;
	position:absolute; 
	bottom:0;
	width:100%;
	background-color: rgba(255,255,255,0);
}

.homescrolldown i {
	cursor: pointer;
	color: white;
	padding-bottom: 1.5rem;
	padding-top: 0.7rem;
}

.homescrolldown i:hover {
	color: black;
}

/* ==========================================================================
   Residential Care
   ========================================================================== */

.imgparent {
  background-position: center;
  background-repeat: no-repeat;
  /*overflow: hidden;*/ /* TODO is this important? Removed for facility top bg */
  margin: 0 auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* img doesn't work well with carousel.. */
/*.carousel .imgparent img {
	display:none !important;
}*/

/* Set the image to fill its parent and make transparent */
.imgparent > img {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
  /* IE 5-7 */
  filter: alpha(opacity=0) !important;
  /* modern browsers */
  opacity: 0 !important;
}

.rc #myCarousel .item.imgparent {
	max-height: 430px;
}

/* ALL OF THIS USED IN BATEMAN TOO */
.visitbungalowsbox {
	background-color:white;
	padding: 30px;
}

.facilitybox {
	background-color:white;
	padding:10px;
	width:95%;
	margin:0 auto;
	position:relative;
	top:-30px;
}

.facilityboxsingle {
	top: 50%;
	left: 50%;
	width: 100%;
	position: absolute;
	transform: translate(-50%, -50%);
}

h2.seo {
    font-family: "RG Trajan Pro", "Trajan Pro", "Times New Roman", Georgia, Serif;
    color: #9e8557;
    font-size: 3rem;
    letter-spacing: 0.2rem;
    text-transform: uppercase;
}

h3.seo {
	font-family : 'Open Sans', 'Helvetica Neue', 'Helvetica', Arial, Sans-Serif;
	letter-spacing: 0.2em;
	margin-top: 1rem;
	font-size: 2.4rem;
	color: #737070;
	text-transform: uppercase;
}

 .facilitybox h3.seo {
	font-size:28px;
	font-weight: 400;
	margin:0;
	letter-spacing:0.05rem;
	text-align:center;
 }

 .facilitybox h2,
 .visitbungalowsbox h2,
 .facilityboxsingle h2,
 h2.newh2 {
	font-size:28px;
	font-weight: 400;
	margin:0;
	letter-spacing:0.05rem;
	text-align:center;
}

 .facilitybox h3,
 .facilityboxsingle h3,
 .visitbungalowsbox h3,
 h3.newh3 {
	font-size:21px;
	margin-top:10px;
	margin-bottom:15px;
	text-align:center;
}

p.pricerange {
    font-size: 21px;
    margin-top: 10px;
    margin-bottom: 15px;
    text-align: center;
    color: #737070;
    font-family: "RG Trajan Pro", "Trajan Pro", "Times New Roman", Georgia, Serif;
    letter-spacing: 0.2rem;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.1;
	-webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

h1.newh1 {
	color: #737070;
	margin:0;
	text-align: center;
	letter-spacing:0;
}

.smaller-gutter > [class*='col-'] {
    padding-right: 7px;
    padding-left: 7px;
}

.smaller-gutter {
	max-width: 1200px;
	margin:0 auto;
}

.visitbungalowscol, .visitbungalowscol .carousel {
	min-height: 250px;
}

@media only screen and (min-width : 768px) {
	.visitbungalowsrow:not(.larger) {
		display: flex;
		height: 390px;
	}

	.visitbungalowsrow:not(.larger) .visitbungalowscol:first-child .carousel {
		height: 390px;
	}

	.visitbungalowscol:not(.larger) {
		align-items: stretch;
	}
}

@media only screen and (min-width : 992px) {
	.visitbungalowsrow.larger {
		display: flex;
		height: 430px;
	}

	.visitbungalowsrow.larger .visitbungalowscol:first-child .carousel {
		height: 430px;
	}

	.visitbungalowscol.larger {
		align-items: stretch;
	}
}

/* ^^ ALL OF THIS USED IN BATEMAN TOO */

/* ==========================================================================
   Bateman - Facility pages
   ========================================================================== */

.raddap {
	font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Arial, Sans-Serif;
	letter-spacing: 0.2em;
	margin-top: 1rem;
	color: #737070;
	text-transform: uppercase;

	font-size: 28px;
	font-weight: 400;
	margin: 0;
	letter-spacing: 0.05rem;
	text-align: center;

	line-height: 1.1;
}

.raddaprange {
	font-weight: 500;
	line-height: 1.1;
	font-family: "RG Trajan Pro", "Trajan Pro", "Times New Roman", Georgia, Serif;
	color: #9e8557;
	font-size: 3rem;
	letter-spacing: 0.2rem;
	text-transform: uppercase;
	color: #737070;
	margin: 0;
	text-align: center;
	letter-spacing: 0;
}

.pleaseinquire {
	font-weight: 500;
	line-height: 1.1;
	font-family: "RG Trajan Pro", "Trajan Pro", "Times New Roman", Georgia, Serif;
	color: #9e8557;
	font-size: 3rem;
	letter-spacing: 0.2rem;
	text-transform: uppercase;
	color: #737070;
	font-size: 2.4rem;
	font-size: 21px;
	margin-top: 10px;
	margin-bottom: 15px;
	text-align: center;
}

.batemangenuine .carousel .item.imgparent {
	min-height: 250px;
}

.circle {
  margin: 0 auto 10px;
  background-color: #9e8557;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  text-align: center;
  position: relative;
}

.circle span {
	font-family: "RG Trajan Pro", "Trajan Pro", "Times New Roman", Georgia, Serif;
	color: white;
	font-size: 3.2rem;
	transform: translate(-50%,-50%);
	position: relative;
    top: 4px;
    left: 1px;
}


/* IE 10+ CSS Styles */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.circle span {
		transform: none;
	}
}

.bateman .img-responsive {
	width:100%;
}

.bateman table {
	margin: 0 auto;
}

.bateman table td.bolder {
	font-weight:bolder;
	padding-bottom: 15px;
}

.bateman table tr.hidden-xs td:first-child {
	text-align: right;
	padding-bottom: 15px;
	padding-right: 15px;
}

.bateman table td:last-child {
	text-align: left;
}

.bateman table tr.visible-xs td {
	text-align: center;
}

.bateman .display-cell h3, .bateman .display-cell h4, .bateman .display-cell p {
	text-align: center;
}

/* these are the images boxes */

.display-table {
	height: 100%;
}
.display-cell:first-child {
	padding:0;
	height: 100%;
}

.display-cell:first-child .imgparent {
	max-height:375px;
	height: 100%;
	background-position:center;
}
/* end */

@media screen and (min-width: 768px) {
	/* these are the images boxes */

	.display-cell:first-child {
		padding-bottom: 15px !important;
	}

	.display-cell.left:first-child {
		padding-left: 0 !important;
		padding-right: 15px !important;
	}

	.display-cell:first-child {
		padding-right: 0 !important;
		padding-left: 15px !important;
	}

	/* end */

	.bateman .display-table {
	    display: table;
	    table-layout: fixed;
	}

	.bateman .display-cell .contentpanel {
		float: right;	
	}

	.bateman .display-cell.left .contentpanel {
		float: left;
	}

	.bateman .display-cell {
	    display: table-cell;
	    vertical-align: middle;
	    float: none;
	}

	.bateman .display-cell h3, 
	.bateman .display-cell h4, 
	.bateman .display-cell p {
		text-align: right;
	}

	.bateman .display-cell.left h3, 
	.bateman .display-cell.left h4, 
	.bateman .display-cell.left p {
		text-align: left;
	}

	.bateman table {
		width: 100%;
		table-layout: fixed;
	}

	.bateman .display-cell.left table td:first-child {
		width: 340px;
	}

	.bateman .display-cell table td:last-child {
		text-align: right;
	}

	.bateman .display-cell:not(.left) table td:last-child {
		width: 120px;
	}

	.bateman .display-cell.left table td:first-child, 
	.bateman .display-cell.left table td:last-child {
		text-align: left;
	}
}

@media screen and (min-width: 1200px) {
	.bateman .display-cell.left table td:first-child {
		width: 420px;
	}
}

/* ==========================================================================
   Contact Us
   ========================================================================== */

.togglecontent {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.togglecontent i {
	line-height: 70px;
	height: 28px;
	vertical-align: middle;
}

.togglecontent + div h4 {
	/*margin-top:0;
	margin-bottom:0;*/
}

/* ==========================================================================
   Vacancy
   ========================================================================== */

.vacancycontact {
	color:#9e8557;
}

/* ==========================================================================
   The RG Experience
   ========================================================================== */

.testimonial {
	color:#9e8557;
	font-size: 1.7rem;
	display: block;
}

/* ==========================================================================
   YOU ARE INVITED
   ========================================================================== */

.downloadform {
	/*background-color: #F9F7ED;*/
	background-color:white;
	text-align: center;
}

.downloadform h1 {
	color:#737070;
	margin:0;
}

.downloadform h4, .downloadform p {
	margin: 0;
}

.downloadform a, .downloadform .dflabel {
	display:table;
	height:100%;
	width:100%;
	vertical-align:middle;
}

/*.downloadform a:hover {
	
}*/

.downloadform a:hover h4, .downloadform a:hover p {
	color: black;
}

.downloadform a > div, .downloadform .dflabel > div {
	display: table-cell;
	vertical-align:middle;
}

.dflabel {
	height: 120px !important;
	padding: 25px;
}

.dfbutton {
	height: 90px;
	padding: 0;
}

/* ==========================================================================
   Join Us
   ========================================================================== */

.joinusrow .carousel .item {
	margin:0 auto;
}

.joinusrow .readmorecarousel {
	text-align:center;
}

.joinusrow {
	max-width: 530px;
	margin:0 auto;
	background-color:#fff;
}

.joinusrow h2 {
	margin: 0;
}

.joinusrow p, .joinusrow  h2 {
	text-align: center;
}

.joinusrow .textcol {
	padding: 2.5rem 1.5rem;
}

@media only screen and (min-width : 992px) {
	.joinusrow .readmorecarousel {
		margin: 0 auto;
	    left: 50%;
	    bottom: 0px;
	    position: absolute;
	    transform: translateX(-50%);
	}

	.joinusrow .carousel .item {
		height: 250px;
	}

	.joinusrow.flex {
		display: flex;
	}

	.joinusrow {
		max-width: none;
	}

	/*.joinusrow .textcol:not(.firstcol) a.readmore {
		left: 0;
		transform: none;
	}*/

	/*.joinusrow .textcol:not(.firstcol) p, .joinusrow .textcol:not(.firstcol) h2 {
		text-align: left;
	}*/

	.joinusrow .textcol {
		padding: 3.5rem 2rem;
	}

	.joinusrow .textcol.lastcol {
		padding-top: 0;
		padding-bottom: 0;
	}
}

/* ==========================================================================
   Helpful Info
   ========================================================================== */

.footerbutton.contentbutton {
	color: #737070;
	border: 0.1rem solid #737070;
}

@media only screen and (min-width : 992px) {
	.footerbutton.contentbutton:hover, .footerbutton.contentbutton:focus {
		border-color: black;
		color: black;
	}
}

/* ==========================================================================
   Quality Living
   ========================================================================== */

.diningpage .carousel .diningimgitem.item.imgparent {
	min-height: 300px;
	max-height: 375px;
}

.contentpanel {
	max-width:540px;
	margin:0 auto;
}

.ourmenusscrolldown {
	cursor: pointer;
}

.ourmenusscrolldown:hover {
	color: black;
}

@media only screen and (min-width : 992px) {
	.diningpage .diningimgcarousel {
		height: 920px !important;
	}

	.diningpage .carousel .diningimgitem.item.imgparent {
		max-height: none;
	}
	.rowflex {
		display: flex;
		height: 920px;
	}

	.colflex {
		align-items: stretch;
	}
}

/* ==========================================================================
   Rooms
   ========================================================================== */

.bottomtextcol .carousel .item {
	margin:0 auto;
}

.bottomtextcol {
	min-height: 0px !important;
}

.bottomtextcol .carousel {
	min-height: 0px !important;
}

.bottomtextcol .bottomtextcolcontainer {
	padding: 15px 25px;
	height: 100%;
}

.bottomtextcol .bottomtextcolcontainer p {
	margin:0;
}

.bottomtextcol .readmorecarousel {
	text-align: center;
}

.floorplan .floorplanimg {
	background-color: #e6e1d0;
	background-position: center;
	/*background-size:contain;*/
}

.floorplan .visitbungalowscol.floorplanrad {
	min-height: 430px;
}

.floorplan .visitbungalowscol {
	min-height: 250px;
}

@media only screen and (min-width : 768px) {
	.floorplan .visitbungalowscol {
		min-height: 430px;
	}
}

.colflexroom {
	text-align: center;
	padding: 4rem;
}

.roombox {
	padding: 20px 5px;
	background: rgba(230, 225, 208, 0.85);
}

.roombox .circle {
	width: 60px;
	height: 60px;
	-webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.roombox .circle span {
	font-size: 3.8rem;
	top: 8px;
}

a.roomboxlink:hover .roombox {
	background: rgba(230, 225, 208, 0.5);
}

a.roomboxlink:hover h1 {
	color: #444;
}

@media only screen and (min-width : 992px) {
	.bottomtextcol .bottomtextcolcontainer {
		width:100%;
		top:50%;
		position:absolute;
		left:50%;
		transform:translate(-50%,-50%);
	}

	.bottomtextcol .carousel .item {
		height: 370px;
	}

	.bottomtextcol .readmorecarousel {
		margin: 0 auto;
	    left: 50%;
	    width: 100%;
	    bottom: 0px;
	    position: absolute;
	    transform: translateX(-50%);
	}

	.rowflexroom {
		display: flex;
		min-height: 450px;
	}

	.colflexroom {
		align-items: stretch;
		text-align: left;
		position:relative;
	}

	.child {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
}

/* ==========================================================================
   Gallery
   ========================================================================== */

.grid-item { 
	width: 100%;
}

@media only screen and (min-width : 480px) {
	.grid-item { 
		width: 50%;
	}
}

@media only screen and (min-width : 992px) {
	.grid-item { 
		width: 33.3333333%;
	}
}

.galleryscaleitem {
  position: relative;
  
  margin: 2%;
  overflow: hidden;
}

.galleryscaleitem img {
  max-width: 100%;

  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.galleryscaleitem i {
	-moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index:101;
	color: #ccc;
	width: 30px;
	height: 18px;
	transform: translate(-50%,-50%);
}

.galleryscaleitem:hover i {
	opacity: 1;
}

.galleryscaleitem .galleryopacity {
	background-color: rgb(63, 59, 45);
	position:absolute;
	color:black;
	z-index:100;
	width: 100%;
	height:100%;
	opacity: 0;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.galleryscaleitem:hover .galleryopacity {
	opacity: 0.5;
}

.galleryscaleitem:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  z-index:99;
}

/* ==========================================================================
   Footer
   ========================================================================== */

#HomeWorldClass h1 {
	    color: #737070;
    letter-spacing: 0.2em;
    margin: 0;
    font-size: 2.4rem;
        font-family: "RG Trajan Pro", "Trajan Pro", "Times New Roman", Georgia, Serif;
}

.worldclass, .facility {
	background-color: #e6e1d0;
	padding: 4.5rem 0;
}

.worldclass p, .worldclass h4 {
	padding-bottom: 5px;
}

.facility p, .facility a {
	color: #737070;
}

@media only screen and (min-width : 992px) {
	/* to make buttons align vertically */
	.facility .row {
		display: flex;
	    align-items: center;
	}
}

.facility h3 {
	font-family: "RG Trajan Pro", "Trajan Pro", "Times New Roman", Georgia, Serif;
	letter-spacing: 0.2em;
	color: #737070;
	text-transform: uppercase;
	font-size: 2.4rem;
}

.facility h4 {
	font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Arial, Sans-Serif;
	color: #737070;
	letter-spacing: 0.2em;
	font-size: 1.8rem;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 0;
}

.facility h4, .facility h3, .facility p {
	text-align: center;
}

@media only screen and (min-width : 768px) {
	.facility h4, .facility h3, .facility p {
		text-align: left;
	}
}

@media only screen and (min-width : 992px) {
	.facility a:hover, .facility a.focus {
		border-color: black;
		color: black;
	}
}

.worldclass h2 {
	color: #737070;
	letter-spacing: 0.2em;
	margin: 0;
	font-size: 2.4rem;
}

.worldclass p, .worldclass a {
	color: #737070;
	border-color: #737070;
}

.worldclass a.email {
	font-size: 1.6rem;
}

.worldclass a:hover {
	color: black;
	border-color: black;
}

.worldclass p:last-child {
	margin: 0;
}

.footer {
	padding: 6rem 0;
	background-color: #9e8557;
}

.footer .section {
	padding-top: 3rem;
	padding-bottom: 1rem;
}

.footer .subheading {
	font-family: "RG Trajan Pro", "Trajan Pro", "Times New Roman", Georgia, Serif;
	color: white;
	letter-spacing: 0.2em;
	font-size: 2.4rem;
	text-transform: uppercase;
}

.footer h4 {
	font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Arial, Sans-Serif;
	color: white;
	letter-spacing: 0.2em;
	font-size: 1.8rem;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 0;
	line-height: 25px;
}

.footer p, .footer a  {
	color: white;
	border-color:white;
}

.footer p {
	margin-bottom: 20px;
}

.footer .tablet a {
	font-family: "RG Trajan Pro", "Trajan Pro", "Times New Roman", Georgia, Serif;
	color: white;
	display: block;
	letter-spacing: 0.2em;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 18px;
	border-bottom: 1px solid white;
	margin-left: 10px;
	margin-right:10px;
}

.footer .tablet div:not(:first-child) a {
	padding-top: 22px;
}

@media only screen and (min-width : 768px) {
	.footer .tablet a {
		padding: 0;
		border: 0;
		text-align: center;
	}

	.footer .tablet div:not(:first-child) a {
		padding: 0;
	}
}

.separator {
	float: right;
	color: white;
	position: absolute;
	right: -5px;
	top: 0px;
}

.footer a:hover {
	color: #ccc;
	border-color: #ccc;
}

/************************************
/* SPECIAL
/************************************/

@media only screen and (min-width : 992px) {
	.mobilemenu {
		display: none !important;
	}
}

.subpagemenu > ul li.hideonmobile {
	display: none;
}

.subpagemenu > ul li.visibleonmobile {
	display: inline;
}

.contactusdropdown {
	left: 0px;
	position: relative;
}

/* HIDE RETIREMENT BUNGALOWS MENU ON DESKTOP */
@media only screen and (min-width : 1085px) {
	.subpagemenu > ul li.hideonmobile {
		display: inline;
	}

	.subpagemenu > ul li.visibleonmobile {
		display: none;
	}

	.contactusdropdown {
		left: -110px;
	}
}

@media only screen and (min-width : 1245px) {
	.contactusdropdown {
		left: -50px;
	}
}

@media only screen and (min-width : 1349px) {
	.contactusdropdown {
		left: 0px;
	}
}

/* ==========================================================================
   RETIREMENT BUNGALOWS
   ========================================================================== */

.residentialcareright {
	background-color:white;
	padding:0;
}

.residentialcareright .first {
	height:350px;
}

@media only screen and (min-width : 992px) {
	.residentialcareright .first {
		height:420px;
	}
}

.availability-box {
	display:inline-block;
	width:330px;
	background-color:#f9f7f3;
	text-align:left;
	padding:20px;
	margin: 0 15px;
}

.availability-box.siteplan {
	display: block !important;
	position: absolute;
	top: 0;
	right: 0;
	padding: 40px;
	width: 400px;
}

.availability-box.siteplan h3, .availability-box.siteplan p {
}

.availability-box.siteplan .button {
}

.siteplan .closebtn {
	position: absolute;
    top: 15px;
    right: 25px;
    font-size: 28px !important;
    text-decoration: none;
    margin-left: 50px;
}

.siteplan .closebtn .circle {
	width:26px;
	height:26px;
	margin:0;
}

.siteplan .closebtn .times {
	position:relative;
	top:-20px;
	left:1px;
}

.siteplan .closebtn .times {
	top:-10px;
}

.availabilitybutton {
	max-width:300px;
}

.availability-box .button {

	padding: 2rem 1.2rem;
}

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

	.availabilitybutton {
		margin: 0;
	}
}

/************************************
/* MEDIA QUERIES
/************************************/

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

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}