/* GENERAL ELEMENTS */ /*font-family: 'Bebas Neue', cursive;*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight:300 }
body {font-family: "Roboto", "sans-serif";font-size: 17px;background-color: #fff;color: #222;margin: 0;padding-bottom: 0;position: relative;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body, html {height: auto;}
p {line-height: 1.8;}
strong {font-weight:500}
.RoundLeft{border-radius: 100px 0 0 0;}
.RoundRight{border-radius:0 100px 0 0}
.PadNormal {padding:70px 0}
.PadNormalBox {padding:70px 0}
.FlexRight {display: flex;justify-content: flex-end;}
.TextWhite {color:#fff;}
.LinkColorWhite:link,
.LinkColorWhite:visited {color:#fff;}
.LinkColorWhite:hover {}
.LinkColorBlue:link,
.LinkColorBlue:visited {color:#437978;}
.LinkColorWhite:hover {}
.GreyStrip {background-image: url(../img/grey-strip.png); background-repeat: repeat-x;}
/* ---------------------------------------------------------------------------------------------------------------------------------------*/

/*--HEADINGS--*/
.MainHeading { font-size:30px;  margin: 0;}
.HeadingCenter {text-align: center;}
.HeadingWidth {width:68%; margin: 0 auto;}
.MainHeadingSlogan {font-size:22px;display: block;font-family: 'Source Serif Pro', serif;font-style: italic}
.MainHeadingSloganBig {letter-spacing: 2px;font-size:22px;display: block;font-family: 'Source Serif Pro', serif; font-style: italic}
/*--HEADINGS--*/

/*--INTRO--*/
.Intro {margin:0 auto; width:min(95%,1300px);}
.IntroContainer {display: flex;justify-content: center;flex-wrap: wrap;margin:0 auto}
.IntroContainerLeft {flex:1 1 60%;padding:0 80px 0 0; }
.IntroContainerOne {flex:1 1 60%; }
.IntroContainerLeft p { }
.IntroContainerRight {flex:1 1 40%;padding:0;}
.IntroContainerRight div:not(.GlenhavenMap) {flex:0 1 45%;padding:10px; height:140px;margin-bottom: 7%; display: flex;justify-content: center; border-radius:1px;}
/*--INTRO--*/

/*--TOP BG--*/
.topBG { margin:0 auto;width:100%;position: relative}
.topBG div.MainBox-container { display:flex;justify-content: center;flex-wrap: wrap;}
.topBG div.MainBox {flex:1 1 33%;}
.topBG div.MainBox img {max-width: 100%; display: block;margin:0 auto;}
.topBG div.MainBox img.CornerBL {border-radius:0 0 100px 0}
.topBGStrip {position:absolute;background-color: rgba(242,242,242,0.5);height:80px; width: 100%; bottom:0}
/*--TOP BG--*/

/*--PRICE PLUG--*/
.PricePlug {position: absolute; top:32%; right:19%; text-align: right; color: #394b59; text-shadow: 2px 2px 8px aliceblue; opacity: 0.9}
.PricePlugA {display:block; font-size:33px; letter-spacing: 3px;}
.PricePlugB {font-weight:400; font-size:25px; font-style: italic}
.PricePlugC{font-size:65px;font-weight:700}
/*--PRICE PLUG--*/

/*--SLOGAN--*/
.slogan {position: absolute; top:0; width:800px;right:0;background-color: rgba(242,242,242,0.8);padding:15px 10px; border-radius:0 0 0 200px;font-family: 'Source Serif Pro', serif; font-weight:400;font-style: italic}
.slogan h1 {margin:0; text-transform: none; font-size:40px;}
.SloganCenter {text-align: center; }
.SloganRight {text-align:right;} 
.slogan span.slogan-b {display: block;font-size: 18px;font-family: "Roboto", "sans-serif";font-style: normal;letter-spacing: 3px;text-transform: uppercase;}
/*--SLOGAN--*/

/*--CEBACWAS STRIP--*/
.cebacwas {background-color: rgba(242,242,242,0.7);text-align: right;overflow: hidden;height: 50px;line-height: 50px;padding: 0 20px;width: 100%;margin: 0 auto;font-size: 13px;text-transform: uppercase;letter-spacing: 3px;}
/*--CEBACWAS STRIP--*/

/* NAVIGATION */
.nav-bar {position: -webkit-sticky;position: sticky;top: 0px;left: 0;width: 100%;height: 95px;z-index: 998;background-color: #566b7a;}
.nav-bar-inner {width: 98%;margin: 0 auto;position: relative;}
.nav-bar-inner ul {list-style-type: none; margin: 0;height: 95px;font-size: 15px;float: right;overflow: hidden;width: auto;}
.nav-bar-inner ul li {float: left;margin: 0 0 0 20px;text-align: center;line-height: 95px;height: 95px;padding:0 5px;}
.nav-bar-inner ul li:last-of-type a:link, .nav-bar-inner ul li:last-of-type a:visited {padding:7px; border-radius:2px;background-color: #247270;font-family: "Roboto", "sans-serif";font-weight:300; border:1px solid rgba(255,255,255,0.2)}
.nav-bar-inner ul li:last-of-type a:hover {background-color:#2f6d6b }
.nav-bar-inner ul li a:link, ul.top-nav li a:visited {text-decoration: none;color: #fff; text-transform: uppercase;font-weight:500}
.nav-bar-inner ul li a:hover { border-bottom:5px solid #4b8f8e} 
#show-hamburger {text-transform: uppercase;color: #fff;display: none;background-image: url(../img/hamburger.png);width: 30px;height: 30px;margin-top: 10px;}
.logo {position: absolute;top: 5px;left: 0;width: 99px;height: 85px;z-index: 999;}
/* NAVIGATION */

/*--CARE UNITS--*/
.BgColorWhite {background-color: #fff;}
.BgColorTrans {background-color: rgba(255,255,255,0.35);}
.BgColorGrey {background-color: #f5f5f5;}
.BgColorBlue {background-color: #394b59;}
.BgColorGreen {background-color:rgba(67,121,120,0.3)}
.CareUnitsLine1 {border-bottom:5px solid rgba(67,121,120,0.4); padding-bottom:4px}
.CareUnitsLine2 {border-bottom:5px solid rgba(255,255,255,0.5); padding-bottom:4px}
.CareUnitsColorBlue {background-color: #394b59; color:#fff;}
.CareUnitsColorGrey {background-color: #f5f5f5;}
.CareUnitsLeft {justify-content: flex-start;}
.CareUnitsRight {justify-content: flex-end;}
.CareUnits {display: flex;  width: min(100%,1427px);margin:0 auto;padding:40px 0;position: relative}
.CareUnitsStrip {height:100%;width:100px;position: absolute;}
.CareUnitsStripC1 {left:0;top:0; background-color:rgba(245,245,245,0.8);}
.CareUnitsStripC2 {right:0;top:0; background-color:rgba(57,75,89,0.5);}
.CareUnitsBox {flex:0 1 65%;padding:30px 45px 57px;position: relative;}
.GeneralListFlex {display: flex;justify-content: flex-start;flex-wrap:wrap; margin:0 auto 20px}
.GeneralListFlexItem {flex:1 1 33%}
.GeneralList {list-style-type: none;padding-left:20px;}
.GeneralList li {text-transform: uppercase; font-size:13px; padding:12px 0 5px 20px;text-align: left; letter-spacing: 2px}
.ArrowWhite li {background: url(../img/home/arrow-white.png) no-repeat left 12px}
.ArrowAlt li {background: url(../img/home/arrow-alt.png) no-repeat left 12px}
.CareUnitsBoxColorWhite {background-color: rgba(245,245,245,0.93)}
.CareUnitsBoxColorBlue {background-color: rgba(57,75,89,0.93)}
.CareUnitsBoxCornerBL {border-radius:2px 2px 2px 100px}
.CareUnitsBoxCornerBR {border-radius:2px 2px 100px 2px}
.CareUnitsBoxDroste {background:url(../img/home/ken-droste.jpg) no-repeat top left}
.CareUnitsBoxMember {background:url(../img/pricing/member.jpg) no-repeat top left}
.CareUnitsBoxAS {background:url(../img/centres/assisted-living.jpg) no-repeat top left}
.CareUnitsBoxGrace {background:url(../img/home/grace-unit.jpg) no-repeat top right}
.CareUnitsBoxActivities {background:url(../img/centres/activities.jpg) no-repeat top right}
.CareUnitsBoxFrailCare {background:url(../img/frail/frail-care.jpg) no-repeat top right}
.CareUnitsBoxAlzCare {background:url(../img/alzheimer/alzheimer-care.jpg) no-repeat top right}
.CareUnitsButton:link,
.CareUnitsButton:visited {padding:12px; display: block; background-color: rgba(67,121,120,1);color:#fff; text-decoration: none;width:200px; text-align: center; font-size:20px; text-transform: uppercase; border-radius:2px;}
.CareUnitsButton:hover {background-color: rgba(67,121,120,0.8);}
.CareUnitsButtonLeft {bottom:4px; left:70px;position: absolute;}
.CareUnitsButtonRight{bottom:4px; right:70px;position: absolute;}
.CareUnitsButtonCenter {margin:0 auto;}
/*--CARE UNITS--*/

/*--RETIREMENT CENTRE--*/
.RetireCentre {background-color: #fff;}
.RetireCentreBG {/*background-image: url(../img/home/bg-retirement.jpg); background-repeat: no-repeat; background-position: top center*/}
.RetireCentreContainer {display: flex;justify-content: center;flex-wrap: wrap;margin:30px auto;width:min(98%,1336px)}
.RetireCentreLeft, .RetireCentreRight {padding:20px; flex:1 1 50%;display:flex;flex-direction:column; }
.RetireCentreLeft img, .RetireCentreRight img {max-width:100%; display: block;border-radius:2px;}
.RetireCentreInfo { padding:20px 30px 50px;margin: -13% auto 0;width:88%;flex-basis: 100%;position: relative}
.RetireCentreInfoC1 {background-color:rgba(245,245,245,0.93); border-radius:2px 2px 2px 80px}
.RetireCentreInfoC2 {background-color: rgba(57,75,89,0.93);color:#fff;border-radius:2px 80px 2px 2px}
.RetireCentreInfo h2 {margin:0}

/*--RETIREMENT CENTRE--*/

/*--PLUG--*/
.PlugWrapper {background-color: #f5f5f5;position: relative;}
.PlugContainer {display: flex; margin: 0 auto;width:min(100%,1390px);position: relative;padding-bottom:30px}
.PlugContainerLeft {flex:1 1 45%; }
.PlugContainerRight {flex: 1 1 55%;padding:50px 30px 0}
.PlugContainerLeft img {display: block;max-width: 100%; border-radius:0 0 200px 0}
.PlugSlogan {display: flex; flex-direction: column;text-align:right;}
.PlugSlogan span.PlugBig {font-size:52px; font-weight:400;font-family: 'Source Serif Pro', serif;color: #394b59;font-style:italic}
.PlugSlogan p {font-size:16px;display: block;padding:0 0 30px 120px; margin:0;}
.PlugSlogan p.Quote {font-family: 'Source Serif Pro', serif; font-style:italic; font-size:18px; line-height:1.5}
.PlugSlogan p.Quote span {display: block; font-weight:400}
.PlugAction:link, 
.PlugAction:visited
 {display:block;padding:12px;background-color: rgba(106,36,34,0.9);color:#fff; width:200px;margin-left:auto;text-align: center;text-decoration: none;border-radius:2px;font-weight:400;font-size:20px; text-transform: uppercase}
.PlugAction:hover {background-color: rgba(106,36,34,1);}
/*--PLUG--*/

/* FOOTER */
.Footer {width:100%; overflow:hidden; background-color:#394b59;}
.FooterInner {width:min(98%,1321px); overflow:hidden; margin:50px auto; display: flex; flex-wrap: wrap; justify-content: center; color:#fff; font-size:14px;}
.FooterBlock {flex: 1 1 31%; font-weight:100;padding:0 30px 0}
.FooterLogo {flex:1 1 6%}
.FooterLogo img {display: block;max-width:100%;opacity: 0.7;margin:0 auto 30px;}
.FooterBlock span {display: block; font-size:13px;border-bottom: 5px solid rgba(255,255,255,0.4);padding-bottom: 4px;text-transform: uppercase;letter-spacing: 3px;margin-bottom: 7px}
.FooterBlock p {line-height: normal;margin:0 0 30px}
.FooterBlock h4 {margin:0 0 20px;font-size:17px; text-transform: uppercase}
.FooterInner div.FooterBlock ul {list-style-type: none; padding:0;margin:0; width:100%}
.FooterInner div.FooterBlock ul li {border-bottom:1px solid rgba(242,242,242,0.3); height:30px; line-height:30px;padding-left:5px;text-transform: uppercase; }
.FooterInner div.FooterBlock ul li a:link, 
.FooterInner div.FooterBlock ul li a:visited, 
.FooterInner div.FooterBlock ul li a:hover {text-decoration: none; color:#fff;}
.FooterBottom {background-color:#eeefef}
.Copyright { text-align: center; font-size: 12px; overflow: hidden;  font-weight:300;display: flex; flex-wrap: wrap; justify-content: center;width:min(98%,1321px); margin:0 auto }
.Copyright div {flex:1 1 50%;padding:20px 0;}
.Copyright div a:link,
.Copyright div a:visited,
.Copyright div a:hover {color: rgba(106,36,34,1);}
.CopyrightLeft {text-align: left}
.CopyrightRight {text-align: right}
/* FOOTER */

/*--SUB CENTRES--*/
.CentresContainer {width:min(95%,1500px);display: flex;flex-wrap: wrap;justify-content: center;margin:0 auto;}
.CentresBoxLeft h3, .CentresBoxRight h3 {font-size:24px;margin-bottom: 7px;margin-top:35px;font-weight:400}
.CentresBoxLeft p {margin-top:0}
.CentresBoxLeft p:first-of-type {margin-top: 13px}
.CentresBoxLeft {flex: 1 1 60%;padding:0 30px; }
div.ParPlug {font-family: 'Source Serif Pro', serif; font-style:italic;display: block;font-size:29px; margin:30px auto; width:80% }
.CentresBoxRight { flex: 1 1 40%;padding:60px 30px 0;}
.CentresHero {margin:0 auto;padding: 4px;}
.CentresHero img {display: block;max-width:100%;border-radius:1px;}
.CentresPriceContainer {display: flex;justify-content: center;flex-wrap: wrap}
.CentresPriceContainerB {flex:1 1 100%;padding:10px;display: flex;}
.CentresPrice {text-align:center; border-radius:2px; padding:10px 10px 30px; margin: 0 auto;display: flex; flex:1 1 auto}
.CentresPrice div { padding: 20px;background-color: rgba(255,255,255,0.1);display: flex;flex-direction: column;flex: 1 1 auto;}
.CentresPriceWhite {background-color: rgba(255,255,255,0.1)}
.CentresPriceBlue {background-color: rgba(57,75,89,0.2);}
.PriceHead {display: block; font-size:22px; font-weight:300;text-transform: uppercase}
.PriceLarge {font-size:50px; font-weight:600; line-height:35px; letter-spacing: -2px; }
.PriceLargeColorB {color:#272727}
.PriceSmall {font-size:13px; text-transform: lowercase;font-style: italic;padding:3px 5px;display: block}
.PriceAction {display: flex;justify-content: center;padding:10px 0 0}
/*--SUB CENTRES--*/

/*--FAQ--*/
.FaqContain {margin:50px auto 0; width:min(95%,1000px)}
.FaqContainBg {background: url(../img/centres/bg-faq.png) no-repeat center 0 }
.faq {width: 100%;margin-top: 10px;margin-bottom: 20px;overflow: hidden;clear: both;}
.faq span {margin-bottom: 10px;cursor: pointer;text-align: left;width: 100%;display: block;clear: both;overflow: hidden;border-radius: 3px;line-height: normal;font-size: 25px;font-family: 'Source Serif Pro', 'serif' , Roboto, sans-serif;font-style: italic}
span.expand {float: left;width: 19px !important;margin: 5px 10px 0 0 !important;padding: 0 !important;height:19px;background-image: url(../img/faq.png);background-repeat: no-repeat;background-position: 0 0}
.content_w-b {width: 100%;overflow: hidden;max-height: 0;-webkit-transition: max-height .5s;-moz-transition: max-height .5s;-o-transition: max-height .5s;transition: max-height .5s;}
.content-b {padding: 0 0 15px 29px;width: 100%;overflow: hidden;}
.content-b p {margin-top:0}
.content-b h4 {margin:0;font-weight:400}
/*--FAQ--*/

/*--GALLERY--*/
.GalleryContainer div span {position: absolute;top: 7px;right: 7px;background: rgba(57,75,89,0.93) url(../img/enlarge-photo.png) no-repeat center center;width: 24px;height: 24px;border-radius: 50%;cursor: pointer;}
.GalleryContainer {display: flex;flex-wrap: wrap;justify-content: center;}
.GalleryContainer div {flex: 1 1 33%;padding:15px;position: relative}
.GalleryContainer div img {display: block;max-width: 100%;border-radius:1px;}
body:after { content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png); display: none }
body.lb-disable-scrolling { overflow: hidden }
.lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: #fff; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: .8; display: none }
.lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; }
.lightbox .lb-image { display: block; height: auto; max-width: inherit; border-radius: 3px }
.lightbox a img { border: none; max-width: 100% }
.lb-outerContainer { position: relative; background-color: #fff; *zoom:1;
width: 250px; height: 250px; margin: 0 auto; border-radius: 3px; padding: 10px; box-sizing: content-box !important; }
.lb-outerContainer:after { content: ""; display: table; clear: both }
.lb-container { padding: 0 }
.lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0 }
.lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../images/loading.gif) no-repeat }
.lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10 }
.lb-container>.nav { left: 0 }
.lb-nav a { outline: none; background-image: url(/img/fallback.gif) }
.lb-prev, .lb-next { height: 100%; cursor: pointer; display: block }
.lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(../images/prev.png) left 48% no-repeat; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 1; -webkit-transition: opacity .6s; -moz-transition: opacity .6s; -o-transition: opacity .6s; transition: opacity .6s }
.lb-nav a.lb-prev:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 }
.lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(../images/next.png) right 48% no-repeat; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 1; -webkit-transition: opacity .6s; -moz-transition: opacity .6s; -o-transition: opacity .6s; transition: opacity .6s }
.lb-nav a.lb-next:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 }
.lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom:1;
background-color: #394b59; text-align: center; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px }
.lb-dataContainer:after { content: ""; display: table; clear: both }
.lb-data { padding: 0 4px; color: #fff }
.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em }
.lb-data .lb-caption { font-size: 16px; line-height: 1em }
.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #fff }
.lb-data .lb-close { margin-right: 5px; display: block; float: right; width: 30px; height: 30px; background: url(../images/close.png) top right no-repeat; text-align: right; outline: none; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s }
.lb-data .lb-close:hover { cursor: pointer; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1 }
/*--GALLERY--*/

/*--APPLICATION--*/
.SlantPar {margin:0 auto; font-style:italic; }
.ApplyContain {width:min(98%,1000px); margin:0 auto;}
div.card-split-contain {display:flex; flex-wrap: wrap;justify-content: center;padding-bottom:40px;border-bottom: 1px solid rgba(255,255,255,0.2); margin-bottom:50px;}
div.card-split, 
div.card-no-split {padding:10px 20px}
div.card-split {flex:0 1 50%}
div.card-no-split {flex:0 1 100%;position: relative}
div.cebacwas-select, 
div.cebacwas-submit {flex:0 1 100%;text-align: center; text-transform: uppercase;}
div.cebacwas-select, 
div.card-no-split {padding-bottom:40px;border-bottom: 1px solid rgba(255,255,255,0.2); margin-bottom:50px;}
div.cebacwas-select {position: relative;}
img.card-arrow {position: absolute; margin:0 auto; left:0; right:0; display:block; bottom:-19px;}
h2.form-heading {flex:0 1 100%; text-align: center;  margin:10px 0 20px; color:rgba(255,255,255,0.9); font-size:36px}
form {margin:0;width:100%;}
input, select, textarea {font-family: 'Quicksand', sans-serif;background-color: rgba(255,255,255,0.8);}
textarea, input.card-layout {padding: 10px; border: none;}
input:focus {outline: none;}
textarea {max-width: 500px;height: 190px;width: 65%;display: block;margin:10px auto 20px;border-radius: 6px;}
::placeholder {color: #222;opacity: 1;font-family: "Roboto", "sans-serif"; font-size: 17px;letter-spacing: 2px}
:-ms-input-placeholder {color: #222;font-family: "Roboto", "sans-serif";font-size: 17px;letter-spacing: 2px}
::-ms-input-placeholder {color: #222;font-family: "Roboto", "sans-serif";font-size: 17px;letter-spacing: 2px}
:-moz-input-placeholder {color: #222;font-family: "Roboto", "sans-serif";font-size: 17px;letter-spacing: 2px}
::-moz-input-placeholder {color: #222;font-family: "Roboto", "sans-serif";font-size: 17px;letter-spacing: 2px}
::-webkit-input-placeholder {color: #222;font-family: "Roboto", "sans-serif";}
input:focus, textarea:focus {outline: none;background-color: rgba(255,255,255,1)}
input.card-layout {color: #000;height: 50px;line-height: 50px;border-radius:3px; }
input.card-input {width:100%;}
input.card-input-email {width:100%}
input.submit-button {margin: 10px auto;width: 290px;display: block;border-radius: 2px;border: 0;color: #fff;cursor: pointer;
height: 50px;text-align: center;background-color: #437978;font-family: "Roboto", "sans-serif";font-size:20px; text-transform: uppercase;font-weight:500}

.inputGroup {position: relative;display: inline-block;width: 220px;border-radius: 2px;overflow: hidden;margin-right: 10px;margin-left:10px; background-color: rgba(255,255,255,0.8);margin-bottom:10px}
.inputGroup input {width: 32px;height: 32px;order: 1;z-index: 2;position: absolute;right: 30px;top: 50%;transform: translateY(-50%);cursor: pointer;visibility: hidden;}
.inputGroup label {padding: 6px 10px;width: 100%;display: block;height:50px;line-height:37px;text-align:left;color: #222;cursor: pointer;position: relative;z-index: 1;transition: color 200ms ease-in;overflow: hidden; }
.inputGroup label::before {width: 10px;height: 10px;border-radius: 50%;content: '';background-color: #437978;position: absolute;left: 50%;top: 50%;border: none;opacity: 0;z-index: -1;}
.inputGroup label::after {width: 32px;height: 32px;content: '';
background:#fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMzInIGhlaWdodD0nMzInIHZpZXdCb3g9JzAgMCAzMiAzMicgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNNS40MTQgMTFMNCAxMi40MTRsNS40MTQgNS40MTRMMjAuODI4IDYuNDE0IDE5LjQxNCA1bC0xMCAxMHonIGZpbGw9JyNmZmYnIGZpbGwtcnVsZT0nbm9uemVybycvPjwvc3ZnPiA=) no-repeat 2px 3px;border-radius: 50%;z-index: 2;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);cursor: pointer;transition: all 200ms ease-in;}
.inputGroup input:checked ~ label { color: #fff;}
.inputGroup input:checked ~ label:before { transform: translate(-50%, -50%) scale3d(56, 56, 1); opacity: 1 }
.inputGroup input:checked ~ label:after { background-color: #1c3231; border-color: #1c3231 }
/*--APPLICATION--*/

/*--OFFICE STAFF--*/
.OfficeStaff { width: min(98%,1200px); display:flex; flex-wrap: wrap;justify-content: space-around;margin:20px auto 0;}
.OfficeStaff div.StaffBox {flex:0 1 28.5%;padding:20px; color:#fff;background-color: rgba(255,255,255,0.1);margin-bottom:20px;}
.OfficeStaff div.StaffBox div {position: relative}
.OfficeStaff div.StaffBox div div.StaffStrip {position: absolute;bottom:0; height:30px;background-color: rgba(255,255,255,0.3);width: 100%}
.OfficeStaff div.StaffBox div img {display: block;max-width:100%}
.OfficeStaff div h3 {margin:0; text-align: center;padding: 10px 0 0}
.OfficeStaff div h3 span {display: block;font-family: 'Source Serif Pro', serif;font-style: italic; text-align: center; color: rgba(255,255,255,0.8);padding: 0; margin-top: auto}
.OfficeComm { width: min(98%,1550px); display:flex; flex-wrap: wrap;justify-content: space-around;margin:20px auto 0;}
.OfficeComm div.CommBox {flex:0 1 18.5%;padding:20px; background-color: rgba(255,255,255,0.8);}
.OfficeComm div.CommBox div {position: relative}
.OfficeComm div.CommBox div div.CommStrip {position: absolute;bottom:0; height:25px;background-color: rgba(255,255,255,0.3);width: 100%}
.OfficeComm div.CommBox div img {display: block;max-width:100%}
.OfficeComm div h3 {margin:0; text-align: center;padding: 10px 0 0}
.OfficeComm div h3 span {display: block;font-family: 'Source Serif Pro', serif;
font-style: italic; text-align: center; padding: 0 0 10px; margin-top: auto}
/*--OFFICE STAFF--*/

/*--CONTACT PAGE--*/
.ContactWrapper {display: flex; flex-wrap: wrap;justify-content: center;}
.ContactHalf {flex:1 1 50%; padding:30px;display: flex;}
.ContactHalf div img {display:block; border-radius: 2px;}
.ContactHalf h3 {margin:0;font-size:17px; padding-left:10px}
.ContactHalf h3 span {font-family: 'Source Serif Pro', serif;display:block; font-style:italic}
.ContactNumber {font-size:30px; text-align: center;margin:20px auto;}
.GlenhavenMap {padding:10px 10px 50px;background-color: #f5f5f5; margin:0 auto 30px;}
.GlenhavenMap iframe {width: 100%;height: 220px;border: 0;border-radius: 2px;margin: 0 auto;display: block;}
.ContactAddress {letter-spacing: 2px}
.ContactAddress span {font-weight:400}
/*--CONTACT PAGE--*/

/*--OFFICE STAFF--*/

/*--PRICING--*/
.PriceContainer {display: flex;flex-wrap: wrap;justify-content: space-between;width: 70%;margin: 40px auto 0;}
.PriceBox {flex: 0 45%;text-align: center;margin-bottom: 2%;background-color: #e8e8e8;padding:20px;color: #fff;border-radius: 3px;cursor: pointer;}
.PriceBox:hover {background-color: #d8d8d8;}
.PriceBox img {display: block; max-width: 100%; margin:0 auto 10px;}
.PriceBox a:link, .PriceBox a:visited, .PriceBox a:hover {text-decoration: none; color:#222; letter-spacing: 2px;}
/*--PRICING--*/
/* ---------------------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (min-width:320px) and (max-width:1023px) {
.nav-bar {height:57px}
.nav-bar-inner {width: 100%;max-width: 100%;position: relative;height:57px;}
.nav-bar-inner ul {height: auto;padding: 0;list-style-type: none;width: 100%;margin: 0;position: absolute;top: 57px;float: none;display: none;}
.nav-bar-inner ul li {height: 60px;line-height: 60px;border-bottom: 1px solid #728898;background-color: #566b7a;width: 100%;margin: 0;float: none;border-right: none;}
.nav-bar-inner ul li:hover {}
.nav-bar-inner ul li a:link,
.nav-bar-inner ul li a:visited,
.nav-bar-inner ul li a:hover {border-bottom:none;display:block;height: 60px;line-height: 60px;}
#show-hamburger {display: block;margin: 0;position:absolute;right:10px; top:13px;}
.logo {top: 5px;left: 5px;width: 195px;height: 45px;}
.nav-bar-inner ul li:last-of-type a:link, .nav-bar-inner ul li:last-of-type a:visited {padding:0; border-radius:0;background-color: transparent ;border:none;}
.nav-bar-inner ul li:last-of-type a:hover {background-color:none }
.footer-inner {width: 100%;}
.copyright {width: 100%; text-align: center;}
.footer-inner div.quart h2.office {text-align: center; font-size:14px;}
.footer-inner div.quart {flex: 1 1 48%;}
.FooterLogo {flex: 1 1 100%;}
.FooterBlock {flex: 1 1 100%;padding: 0 30px 30px;}
.FooterLogo {display: flex; justify-content: center;align-items: center}
.FooterLogo img {margin: 0 5px 15px;}
}

@media only screen and (min-width:320px) and (max-width:767px) {
.topBG div.MainBox {flex: 1 1 33%;}
.PricePlug {position: static; text-align: center;}
.PricePlugA {font-size:4.2vw; letter-spacing: 1px;}
.PricePlugB { font-size:3.9vw;padding:0 5px; font-weight:300;  }
.PricePlugC{font-size:7.2vw;letter-spacing: -1px}
  
.IntroContainerLeft {flex: 1 1 100%;padding:0;}
.MainHeading {font-size: 27px;}
.CareUnitsBox {flex: 1 1 100%;padding: 30px 10px 57px;}
.GeneralList {padding-left: 0;}
.CareUnitsButtonRight,.CareUnitsButtonLeft {right: 0;left:0;margin:0 auto;position: absolute;}
.RetireCentreLeft, .RetireCentreRight {padding: 0;flex: 1 1 100%;}
.RetireCentreLeft {margin-bottom:50px;}
.RetireCentreContainer {width: min(98%, 600px)}
.RetireCentreInfo h2 {font-size:27px;}
.RetireCentreInfo {padding: 10px 10px 50px;width: 90%;}
.PlugContainerLeft {flex: 1 1 100%;}
.PlugContainerRight {flex: 1 1 100%;padding: 20px 20px 0;}
.PlugSlogan span.PlugBig {font-size: 37px;}
.PlugContainer {flex-direction: column}
.PlugSlogan p {padding: 0 0 30px 0;}
.PlugAction:link, .PlugAction:visited {margin-left: auto; margin-right:auto;}
.CareUnits {padding: 300px 0 0; background-size: contain}
.topBGStrip {height: 20px;}
.slogan {position:static;width: 100%;padding:5px 5px 10px;border-radius: 0;}
.slogan h1 {font-size: 30px;}
.slogan span.slogan-b {font-size: 15px;}
.SloganRight {text-align: center;}
div.ParPlug {font-size: 25px;}
.faq span {font-size: 20px;} 
.PriceHead {font-size: 18px;}
.PriceLarge {font-size: 30px;}
.CentresBoxLeft,.CentresBoxRight {flex: 1 1 100%;padding: 0;}
.GalleryContainer div {flex: 1 1 50%;}.PriceContainer {width: 95%;flex-direction: column}
.ContactHalf {flex: 1 1 100%;}
div.card-split {flex: 0 1 100%;}
.inputGroup {display: block;width: 220px;margin:0 auto 20px;}
.CentresHero img {margin:0 auto;}
.GalleryContainer {width:min(98%,500px); margin: 0 auto}
textarea {width: 90%;}
.OfficeStaff div.StaffBox {flex: 1 1 100%;}
.OfficeStaff div.StaffBox div img {margin:0 auto}
.OfficeStaff {width: min(98%,295px);}
.OfficeComm div.CommBox {flex: 1 1 100%;}
.OfficeComm div.CommBox div img {margin:0 auto;}
.OfficeComm {width: min(98%,295px);}
.PadNormalBox {padding: 0 0 50px;overflow: hidden}
.FaqContainBg {background-size: contain}
.cebacwas {padding: 0 3px;font-size: 12px;letter-spacing: normal}
.PadNormal {padding: 40px 0;}
}

@media only screen and (min-width:768px) and (max-width:1023px) {

.PricePlug { top:40%; right:2%;   text-shadow: 2px 2px 5px aliceblue,-2px -2px 5px aliceblue; }
.PricePlugA { font-size:22px; letter-spacing: 2px;}
.PricePlugB { font-size:17px; }
.PricePlugC{font-size:37px;}
  
.RetireCentreLeft, .RetireCentreRight {padding: 3px;}
.RetireCentreInfo {padding: 20px 30px 50px;width: 100%;}
.PlugSlogan span.PlugBig {font-size: 40px;}.PlugSlogan p {padding: 0 0 30px 0;}
.CareUnitsBox {padding: 20px 20px 57px;}
.PadNormalBox {padding: 110px 0 70px;}
.CareUnitsButtonLeft {left: 25px;}
.CareUnitsButtonRight {right: 25px;}
.faq span {font-size: 20px;}
.PlugContainerRight {padding: 10px 30px 0;}
.CentresBoxLeft,.CentresBoxRight {flex: 1 1 100%;}
.CentresHero {width:min(98%,768px)}
.GalleryContainer {margin:0 auto;width:min(98%,668px)}
.CentresHero img {margin:0 auto;}
.IntroContainerLeft {flex: 1 1 100%;padding: 0;}
.IntroContainerRight {flex: 1 1 100%;}
.topBGStrip {height: 40px;}
.slogan {padding: 5px 10px 10px;width: 600px;}
.slogan span.slogan-b {font-size: 14px;}
.slogan h1 {font-size: 30px;}
.PriceContainer {width: 85%;}
.OfficeComm div.CommBox {padding:10px;flex: 0 1 24%;}
.OfficeComm div h3 span,.OfficeStaff div h3 span {font-size:16px}
.OfficeComm div h3,.OfficeStaff div h3 {font-size:17px}
}

@media only screen and (min-width:1024px) and (max-width:1120px) {
.PricePlug { top:40%; right:10%;   text-shadow: 2px 2px 5px aliceblue,-2px -2px 5px aliceblue; }
.PricePlugA { font-size:27px; letter-spacing: 2px;}
.PricePlugB { font-size:19px; }
.PricePlugC{font-size:44px;}
.nav-bar-inner ul {font-size: 14px;}
.nav-bar-inner ul li {margin: 0 0 0 15px;}
p {line-height: 1.5;}
.PlugSlogan p {padding: 0 0 30px 20px;}
.PlugSlogan span.PlugBig {font-size: 45px;}
.faq span {font-size: 22px;}
.PriceLarge {font-size: 30px;}
}
/* ---------------------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------------*/