/* GLOBAL STYLESHEET ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

   Color:	rgb()

/*_____________________________________________________________________________________________ PAGE SETUP */
html {font:5vw/1.5 "Century Gothic", Arial, Helvetica, sans-serif;}
body {
	font-size:0.875em;
	color:#000;
}
.span {
	max-width:80rem;
}
.container-fluid { 
	background: #fff;
}
@media screen and (min-width:48em) {
	html {font-size:100%;}
	body {font-size:1em;}
	.span {width:92vw;}
}
#logo {
    display: block;
    max-width: 15em;
    margin: 24px auto 0px;
}
#logo img {
    width: 100%;
}
@media (min-width: 60em) {
	.container-fluid { 
		max-width: 1000px;
		background: #fff;
		box-shadow: 0px 6px 12px rgba(0,0,0,0.1);
	}
}
.large-text-intro em {
	color: #659BA7;	
	font-weight: bold;
	font-style: normal;
}
#header {
	position: relative;
	z-index: 1;
}
/*-------------------------------------------------------------------------------------------- Row Padding */
#main {
	padding-bottom:2em;
	position: relative;
	z-index: 0;
}
#main .span {
	padding:2em 0;
}
#main .span > [class*='col-'] {
	padding-top: 1em;
	padding-bottom: 1em;
}

/*____________________________________________________________________________________________ COMMON TAGS */
h1 {
	font-size:1.666em;
	font-weight: bold;
	color: #4C575F;
}
h1.light {
    font-weight: normal;
    color: #659ba7;
}
h2.light {
    font-weight: normal;
    color: #659ba7;
	font-size:1.5em;
}
h2 {
	font-size:1.1875em;
	font-weight: bold;
	color: #4C575F;
}
p {
	margin-bottom:1.5em;
}
.teal {
    color: #659ba7;
}
.light {
	font-weight: normal;
}
@media screen and (min-width:48em) {
	h1 {font-size:1.5em;}	
}
/*__________________________________________________________________________________________________ LINKS */
a,
a:hover,
a:active,
a:focus {
    color:rgb(0,96,170);
}
.bullet-link:hover {
	color:rgb(0,96,170);
}
.bullet-link {
	display: inline-block;
	min-height: 1em;
	min-width: 1em;
	padding-left: 2.2em;
	font-size: 1.142em;
    font-weight: bold;
    color: #2b4d73;
}
.bullet-link-white {
	background-image: url(../images/content/layout/link-bullet-white.png);
	background-size: 1.428em 1.428em;
	background-repeat: no-repeat;
	background-position: left center;
}
.bullet-link-green {
	background: url(../images/content/layout/link-bullet-green.png) no-repeat center center;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
}
ul.bullet-link-list {
	padding-left: 0px;
}
.bullet-link-list li {
	list-style: none;
}
ul.bulleted.bullet-small-white  {
	padding-left: 0;
	margin-bottom: 0;
}
ul.bulleted.bullet-small-white li {
    padding-left: 1em;
	list-style: none;
	position: relative;
}
ul.bulleted.bullet-small-white li::before {
    content: '';
    height: 0.307em;
    width: 0.307em;
    background-image: url('../images/content/layout/bullet-small-white.png');
    background-size: contain;
    background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	left: 0;
	top: 0.615em;
}
.box.white {
    background: #fff;
}
.box {
    padding: 1.846em;
}
.box a {
	font-weight: bold;
}
.pdf-download {
	background: url(../images/content/layout/pdf-icon.png) no-repeat left center;
	background-size: 2.5em;
	padding: 1.25em 0 1.25em 3.125em;
	margin-top: 1.5em;
	font-weight: bold;
	display: block;
}
.bullet-circle {
  list-style: none;
  padding-left: 0;
  margin: 0;
	margin-bottom: 1.5em;
}
.bullet-circle li {
  padding-left: 3em; 
  text-indent:0em;
	margin-bottom: 0.5em;
	position: relative;
}

.bullet-circle li::before {
	content: "\f10c";
	font-family: FontAwesome;
	font-size: 0.6em;
	font-style: normal;
	display: inline-block;
	text-decoration: inherit;
	color: #469ba7;
	position: absolute;
	left:2em;
	top: 0.3125em;
}
#pagecontent ul.testimonials {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
	font-style: italic;
	font-size: 1em;
}
ul.testimonials li {
    margin-bottom: 3.0em;
    padding-left: 0;
}
ul.testimonials li > span {
    display: block;
    background: url(../images/content/layout/gradline.jpg) no-repeat top right;
    width: 100%;
    text-align: right;
    font-style: italic;
    padding-top: 0.5em;
}
ul.columns {
    list-style: none;
    padding-left: 0;
}
ul.columns > li {
    float: left;
    width:100%;
    padding-top: 0.5em;
}
@media (min-width: 48em) {
	.pdf-download {
		font-size: 0.812em;
	}
	ul.columns > li + li {
    margin-left: 1.666em;
	}
		ul.columns > li {
		float: left;
		width:13.85em;
		padding-top: 0.5em;
	}
	#pagecontent ul.testimonials p {
		font-size: 1em;
	}
}
#pagecontent ul { 
	list-style: none;
	margin-bottom: 1.5em;
	padding: 0;
}
#pagecontent ul li
{
    margin-bottom: 0.5em;
}
.overlined {
	border-top: 6px solid #659ba7;
}
/*_____________________________________________________________________________________________ ROW STYLES */
.row.reverse {color:#fff;}
.row.reverse a {color:inherit;}

/*________________________________________________________________________________________________ BUTTONS */
.btn {}

/*_____________________________________________________________________________________ LINKS & NAVIGATION */
a {
	font-weight:inherit;
	color:#2b4d73;
}
p > a {
	font-weight: bold;
}
a:hover {
    text-decoration:none;
	color:rgb(0,96,170);
}
a:focus {
    text-decoration:none;
    outline: none;
	color:rgb(16,61,141);
}

nav ul {
	list-style:none;
	padding:0;
}
nav ul li a {
	position:relative;
	display:block;
	padding-left:1.5em;
}
nav ul li a::before {
	position:absolute;
	top:0.05em;
	left:0;
	content:'\f105';
	font-family:'FontAwesome';
	opacity:0.5;
}
nav ul li a:hover::before {
	opacity:1;
}

/*--------------------------------------------------------------------------------------------- Pagination */
nav ul.pagination li a {
	display:block;
	min-width:2.429em;
}
nav ul.pagination li a::before {
	display:none;
}


/*----------------------------------------------------------------------------------------- RESPONSIVE NAV */
/*--------------------------------------------------------- DO NOT EDIT | Add override styles to customise */
#nav .toggle {
	background:#ccc;
	display:block;
	min-width:1em;
	min-height:1em;
	cursor:pointer;
	z-index:1;
}
#nav .toggle span { font-weight: bold; color:#4b575e; padding:0 1em;}
#n-bar { display: inline-block; background-color:#c8dbe0; width: 100%; }
#n-bar .call-us-now { 
	background-color:#fff;
	margin:0.875em 0;
	position: absolute;
	top:0px;
	right:15px;
}
#n-bar .call-us-now .fa {
	background-color:#9fcbd1;
	padding:0px;
	text-align:center;
	color: #fff;
	vertical-align:middle;
	font-size:2em;
	padding:0.3em;
}
#n-bar .call-us-now a { display:inline-block;}
#n-bar .call-us-now span { font-weight: bold; color:#2a90a6; padding: 0 0.8em; }
#n-bar .call-us-now:hover .fa { background-color:#2a90a6;}

#menu {display:none; margin:0 -15px;}
#menu ul {list-style:none; padding:0; margin:0;}
#menu ul li {position:relative; margin:0;}
#menu ul li a {position:relative; display:block; padding:0.2em 15px;}

#menu > ul > li > a {padding:0.75em 4em 0.75em 15px;}
#menu > ul > li > a::before {display:none;}
#menu > ul > li > .drop {display:none; padding:0 15px 1em;}
#menu > ul > li > .drop > div > div {margin-top:0.5em;}
#menu > ul > li > .drop ul {margin:0 0;}

@media (min-width: 48em) {
	#nav .toggle {display:none;}
	
	#menu {display:block !important; margin:0px;}
	#menu > ul > li {float:left;}
	#menu > ul > li > a {padding-top:0; padding-right:15px; padding-bottom:0;}
	#menu > ul > li > .drop {display:block !important; position:absolute; left:0; top:100%; visibility:hidden; z-index:2; padding:0.5em 15px;}
	#menu > ul > li:hover .drop {visibility:visible;}
	#menu > ul > li > .drop > div > div {margin-top:0.5;}
	
	#menu > ul > li.drop-right .drop {right:0; left:auto;}
	#menu > ul > li.mega-menu {position:static;}
	#menu > ul > li.mega-menu .drop {left:0;right:0;}
}

/*-------------------------------------------------------------------------------------- Nav Customisation */
#nav .toggle {
	background:none;
}
#menu {
	border-bottom: 1px dotted #AAAAAA;
}
#menu > ul > li > .drop > div > div {margin-top:0;}
#menu > ul > li > .drop ul {margin:0 0 0.5em;}
.shadow {
	box-shadow:2px 4px 8px rgba(0,0,0,0.35);
}
#nav > .toggle {
	margin: 0.875em 0;
	background-color: #fff;
	display:inline-block;
}
#nav > .toggle > .fa {
	text-align:center;
	color: #fff;
	font-size:2em;
	padding:0.3em;
	color: #000;
	vertical-align: middle;
}
#menu > ul {
	padding-top:2em;
	border-bottom:1px solid #dce9ec;
	margin-bottom:3em;
}
#menu > ul > li > .toggle {
	top:1px;
	position: absolute;
    right: 15px;
    display: block;
    min-width: 1em;
    min-height: 1em;
    cursor: pointer;
    z-index: 1;
	padding: 0.35em 0;
}
#menu > ul > li > .toggle::before {
	content:'\f107';
	display:block;
	width:1em;
	height:1em;
	text-align:center;
	font-family:'FontAwesome';
	font-size:2em;
	line-height:1;
	color: rgb(16,61,141);
	background:#fff;
}
#menu > ul > li > .toggle.is-open::before {
	transform:rotate(180deg);
}
#menu > ul > li > a {
	font-size:0.92em;
	font-weight:bold;
	border-top:1px solid #dce9ec;
}
#menu > ul > li > a span {
	display:block;
	font-size:0.75em;
	color:rgb(102,102,102);
	font-weight:normal;
	text-transform:lowercase;
}
#menu > ul > li > .drop {
    display: none;
    padding: 0 15px 0;
}
#menu .sector {
	display:none;
}
#menu .heading {
	display:block;
	margin-bottom:0.3em;
	font-weight:300;
	cursor:default;
}
#menu > ul ul li a {
	font-weight:normal;
	padding-left:2.5em;
}
#menu > ul ul li a::before {
	position:absolute;
	top:0.15em;
	left:15px;
	content:'\f105';
	font-family:'FontAwesome';
}
@media (min-width: 48em) {
	.page {
		padding: 0 1.5625rem;
	}
	#nav {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7fafa+0,d5e5e7+100 */
		background: #f7fafa; /* Old browsers */
		background: -moz-linear-gradient(left,  #f7fafa 0%, #d5e5e7 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #f7fafa 0%,#d5e5e7 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #f7fafa 0%,#d5e5e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fafa', endColorstr='#d5e5e7',GradientType=1 ); /* IE6-9 */
	}
	#nav .toggle { display: none;}
	#n-bar .call-us-now {
		margin: 0.875em 0;
		position: absolute;
		top: -250px;
		right:15px;
	}
	#menu > ul > li:hover > a::after {
		content: '';
		height: 1px;
		left: 0;
		right: 0;
		position: absolute;
		bottom:-1px;	
	}
	#logo {
		max-width: 16.875em;
		margin: 24px 0 0px;
	}
	#n-bar {
		background-color: #fff;
	}
	#menu > ul {
		border-bottom:0;
		margin-bottom:0;
		padding: 0px;
	}
	#menu > ul > li {
		padding-bottom:0em;
	}
	#menu > ul > li > a {
		min-height:0;
		border-top:0;
		color: #659ba7;
		padding:0.5em 0px;
		text-align: center;
	}
	#menu > ul > li > .toggle {
		display: none;
	}
	#menu a:hover {
		background:#659ba7;
	    color: #FFF;		
	}
	#menu > ul > li .drop {
		background-color:rgba(255, 255, 255, 0.96);
		left:0;
		min-width:16em;
		box-shadow:0 1em 1em rgba(0,0,0,0.5);
	}
	#menu > ul > li.drop-right .drop {
		right:12px;
	}
	#menu > ul > li.mega-menu .drop {
		padding:2.5rem;
		left:-1.5625rem;
		right:-1.5625rem;
		background-position:
			-5% 100%,
			50% 0;
		background-repeat:no-repeat;
		margin-top: 0;
	}
	#menu > ul > li.mega-menu .drop > div > div {
		float:left;
	}
	#menu > ul ul li a {
		font-size: 0.875em;
	}
	#menu > ul > li > .drop {
		padding:0.5em 0;
		margin-top: 1px;
	}
	#menu > ul > li.mega-menu .drop .featured-links {
		width:32.558%;
	}
	#menu > ul > li.mega-menu .drop .featured-links a {
		display:block;
		padding: 0.714em 3em 0.714em 5.178em;
		font-size: 0.875em;
		min-height: 3.762em;
		line-height: 16px;
		margin-bottom: 0.357em;
		vertical-align:middle;
		display: flex;
		align-items: center;
	}
	#menu > ul > li.mega-menu .drop .x-menu {
		margin-left:3.633%;
	}
	#menu > ul > li#gn-services .drop div .featured-links li:hover {
		background-color: rgb(0,96,170);
	}
	#menu > ul > li#gn-services .drop div .featured-links li:hover a { 
		color: #fff;
	}
	#menu > ul > li#gn-services .drop div .featured-links li {
		background: url(../images/content/layout/mega-chev.png) no-repeat 95% center;
	}
	#menu > ul > li#gn-services .drop div .featured-links .creating-kissability {
		background-color: #e5c6f1;
	}
	#menu > ul > li.mega-menu .drop .featured-links .creating-kissability a {
		background: url(../images/content/layout/mega-kiss.png) no-repeat left top; 
	}
	#menu > ul > li#gn-services .drop div .featured-links .new-client-consultation {
		background-color: #659ba7;
	}
	#menu > ul > li.mega-menu .drop .featured-links .new-client-consultation a {	
		background: url(../images/content/layout/mega-new.png) no-repeat left top;
		color: #fff;
	}
	#menu > ul > li#gn-services .drop div .featured-links .light-up-your-smile {	
		background-color:#accbcf;
	}
	#menu > ul > li.mega-menu .drop .featured-links .light-up-your-smile a {	
		background:url(../images/content/layout/mega-smile.png) no-repeat left top;
	}
	#menu > ul > li.mega-menu .drop .x-menu.oral-health {
		width: 21.802%;
	}
	#menu > ul > li.mega-menu .drop .x-menu.cosmetic {
		width: 17.441%;
	}
	#menu > ul > li.mega-menu .drop .x-menu.treatments {
		width: 15.843%;
	}
	#menu > ul > li.mega-menu .drop ul li a::before  {
		position: absolute;
    	top: 0;
    	left: 0;
    	content: '';
	}
	#menu > ul > li.mega-menu .drop ul li a {
		padding-left: 0px;
		font-size: 0.812em;
		color: #000;
	}
	#menu .sector {
		display:block;
		position:absolute;
		bottom:30px;
		left:30px;
		font-size:2em;
		color:#999;
		font-weight:300;
	}
	#menu .heading {
		font-size:1.5em;
		color:#659ba7;
	}
	#menu #gn-home {
		width: 9.011%;
	}
	#menu #gn-about {
		width: 9.156%;
	}
	#menu #gn-services {
		width: 18.895%
	}
	#menu #gn-fees{
		width: 7.412%; 
	}
	#menu #gn-smile {
		width: 15.988%;
	}
	#menu #gn-top {
		width: 20.348%;
	}
	#menu #gn-blog {
		width: 7.412%;
	}
	#menu #gn-contact-us {
		width: 11.773%
	}
	#menu #gn-home	{
		width:calc(((100% - 32.875em) / 8) + 2.668em)
	}
	#menu #gn-about	{
		width:calc(((100% - 32.875em) / 8) + 2.704em)
	}
	#menu #gn-services	{
		width:calc(((100% - 32.875em) / 8) + 6.824em)
	}
	#menu #gn-fees	{
		width:calc(((100% - 32.875em) / 8) + 2.023em)
	}
	#menu #gn-smile	{
		width:calc(((100% - 32.875em) / 8) + 5.610em)
	}
	#menu #gn-top	{
		width:calc(((100% - 32.875em) / 8) + 7.4875em)
	}
	#menu #gn-blog	{
		width:calc(((100% - 32.875em) / 8) + 1.95em)
	}
	#menu #gn-contact-us	{
		width:calc(((100% - 32.875em) / 8) + 3.606em)
	} 
}

@media (min-width: 62em) {
	#nav {
		margin-right:0px;
		width: 100%;
	}
	#nav ul li a:hover {
    	background: #659ba7;
    	color: #FFF;	
	}
	#nav ul li a:hover {
    	background: #659ba7;
    	color: #FFF;	
	}
	#menu > ul > li.mega-menu .drop ul li a:hover {
		background:none;
		color:rgb(0,96,170);
	}
	#menu > ul > li > a {
		font-size: 1em;
		padding:0.5em 0;
	}
	#nav ul {
		padding: 0px;
	}
	#menu > ul > li:hover > a::after {
		left:15px;
		right:15px;
	}
	#menu > ul > li .drop {
		left:0px;
		border-bottom: 1px dotted #AAAAAA;
	}
	#menu > ul > li.mega-menu .drop {
		background-position:
			25% 100%,
			50% 0;
	}
	#menu > ul > li.mega-menu .drop > div {
		width:100%;
	}
	body {
		padding:2.187em;
		background: url(../images/content/layout/pagewrapperbg.jpg), url(../images/content/layout/bodybg.jpg);
		background-position: top center, top center;
		background-repeat: no-repeat,  repeat-x;
	}
}

.p-default #nav #menu ul li#gn-home > a { color:#4c575f;}
.p-default #nav #menu ul li#gn-home > a:hover { color:#fff;}

.ltr #nav #menu ul li#gn-blog > a { color:#4c575f;}
.ltr #nav #menu ul li#gn-blog > a:hover { color:#fff;}

.p-cheltenham-dentist-services-light-up-your-smile #nav #menu ul li#gn-services > a { color:#4c575f;}
.p-cheltenham-dentist-services-light-up-your-smile #nav #menu ul li#gn-services > a:hover { color:#fff;}

.p-cheltenham-dentist-services #nav #menu ul li#gn-services > a { color:#4c575f;}
.p-cheltenham-dentist-services #nav #menu ul li#gn-services > a:hover { color:#fff;}

.p-cheltenham-dentist-services-creating-kissability #nav #menu ul li#gn-services > a { color:#4c575f;}
.p-cheltenham-dentist-services-creating-kissability #nav #menu ul li#gn-services > a:hover { color:#fff;}

.p-cheltenham-dentist-services-dental-hygiene-team #nav #menu ul li#gn-services > a { color:#4c575f;}
.p-cheltenham-dentist-services-dental-hygiene-team #nav #menu ul li#gn-services > a:hover { color:#fff;}

.p-cheltenham-dentist-services-dental-gallery #nav #menu ul li#gn-services > a { color:#4c575f;}
.p-cheltenham-dentist-services-dental-gallery	#nav #menu ul li#gn-services > a:hover { color:#fff;}

.p-cheltenham-dentist-services-healthy-mouth-review #nav #menu ul li#gn-services > a { color:#4c575f;}
.p-cheltenham-dentist-services-healthy-mouth-review #nav #menu ul li#gn-services > a:hover { color:#fff;}

.p-cheltenham-dentist-services-dental-hygiene-support #nav #menu ul li#gn-services > a { color:#4c575f;}
.p-cheltenham-dentist-services-dental-hygiene-support #nav #menu ul li#gn-services > a:hover { color:#fff;}

.p-cheltenham-dentist-services-gum-health-curious #nav #menu ul li#gn-services > a { color:#4c575f;}
.p-cheltenham-dentist-services-gum-health-curious #nav #menu ul li#gn-services > a:hover { color:#fff;}

.p-cheltenham-dentist-services-gum-health-treatments #nav #menu ul li#gn-services > a { color:#4c575f;}
.p-cheltenham-dentist-services-gum-health-treatments #nav #menu ul li#gn-services > a:hover { color:#fff;}

.p-cheltenham-dentist-services-mouth-cancer-screening #nav #menu ul li#gn-services > a { color:#4c575f;}
.p-cheltenham-dentist-services-mouth-cancer-screening #nav #menu ul li#gn-services > a:hover { color:#fff;}

.p-cheltenham-dentist-services-snore-guards #nav #menu ul li#gn-services > a { color:#4c575f;}
.p-cheltenham-dentist-services-snore-guards #nav #menu ul li#gn-services > a:hover { color:#fff;}

.p-cheltenham-dentist-services-sports-mouth-guards #nav #menu ul li#gn-services > a { color:#4c575f;}
.p-cheltenham-dentist-services-sports-mouth-guards #nav #menu ul li#gn-services > a:hover { color:#fff;}

.p-cheltenham-dentist-services-dental-implants #nav #menu ul li#gn-services > a { color:#4c575f;}
.p-cheltenham-dentist-services-dental-implants #nav #menu ul li#gn-services > a:hover { color:#fff;}

.p-cheltenham-dentist-services-dental-fillings #nav #menu ul li#gn-services > a { color:#4c575f;}
.p-cheltenham-dentist-services-dental-fillings #nav #menu ul li#gn-services > a:hover { color:#fff;}

.p-cheltenham-dentist-services-digital-dental-x-rays #nav #menu ul li#gn-services > a { color:#4c575f;}
.p-cheltenham-dentist-services-digital-dental-x-rays #nav #menu ul li#gn-services > a:hover { color:#fff;}

.p-cheltenham-dentist-services-mouth-cancer-screening #nav #menu ul li#gn-services > a { color:#4c575f;}
.p-cheltenham-dentist-services-mouth-cancer-screening #nav #menu ul li#gn-services > a:hover { color:#fff;}

.p-cheltenham-dentist-services-problem-investigation #nav #menu ul li#gn-services > a { color:#4c575f;}
.p-cheltenham-dentist-services-problem-investigation #nav #menu ul li#gn-services > a:hover { color:#fff;}

.p-cheltenham-dentist-services-dental-veneers #nav #menu ul li#gn-services > a { color:#4c575f;}
.p-cheltenham-dentist-services-dental-veneers #nav #menu ul li#gn-services > a:hover { color:#fff;}

.p-cheltenham-dentist-services-dental-crowns #nav #menu ul li#gn-services > a { color:#4c575f;}
.p-cheltenham-dentist-services-dental-crowns #nav #menu ul li#gn-services > a:hover { color:#fff;}

.p-cheltenham-dentist-services-teeth-straightening #nav #menu ul li#gn-services > a { color:#4c575f;}
.p-cheltenham-dentist-services-teeth-straightening #nav #menu ul li#gn-services > a:hover { color:#fff;}

.p-cheltenham-dentist-services-teeth-whitening #nav #menu ul li#gn-services > a { color:#4c575f;}
.p-cheltenham-dentist-services-teeth-whitening #nav #menu ul li#gn-services > a:hover { color:#fff;}

.p-cheltenham-dentist-services-root-treatment #nav #menu ul li#gn-services > a { color:#4c575f;}
.p-cheltenham-dentist-services-root-treatment #nav #menu ul li#gn-services > a:hover { color:#fff;}

.p-cheltenham-dentist-services-dentures #nav #menu ul li#gn-services > a { color:#4c575f;}
.p-cheltenham-dentist-services-dentures #nav #menu ul li#gn-services > a:hover { color:#fff;}

.p-cheltenham-dentist-services-tooth-removal #nav #menu ul li#gn-services > a { color:#4c575f;}
.p-cheltenham-dentist-services-tooth-removal #nav #menu ul li#gn-services > a:hover { color:#fff;}

.p-cheltenham-dentist-services-new-client-consultation #nav #menu ul li#gn-services > a { color:#4c575f;}
.p-cheltenham-dentist-services-new-client-consultation #nav #menu ul li#gn-services > a:hover { color:#fff;}

.p-illume-dentist-cheltenham-testimonials #nav #menu ul li#gn-about > a { color:#4c575f;}
.p-illume-dentist-cheltenham-testimonials #nav #menu ul li#gn-about > a:hover { color:#fff;}

.p-illume-dentist-cheltenham-testimonials-archive #nav #menu ul li#gn-about > a { color:#4c575f;}
.p-illume-dentist-cheltenham-testimonials-archive #nav #menu ul li#gn-about > a:hover { color:#fff;}

.p-news #nav #menu ul li#gn-blog > a { color:#4c575f;}
.p-news	#nav #menu ul li#gn-blog > a:hover { color:#fff;}

.p-recruitment #nav #menu ul li#gn-about > a { color:#4c575f;}
.p-recruitment #nav #menu ul li#gn-about > a:hover { color:#fff;}

.p-terms-of-business #nav #menu ul li#gn-about > a { color:#4c575f;}
.p-terms-of-business #nav #menu ul li#gn-about > a:hover { color:#fff;}

.p-illume-complaints-procedure #nav #menu ul li#gn-about > a { color:#4c575f;}
.p-illume-complaints-procedure #nav #menu ul li#gn-about > a:hover { color:#fff;}

.p-ethical-policy #nav #menu ul li#gn-about > a { color:#4c575f;}
.p-ethical-policy #nav #menu ul li#gn-about > a:hover { color:#fff;}

.p-illume-dentist-cheltenham #nav #menu ul li#gn-about > a { color:#4c575f;}
.p-illume-dentist-cheltenham #nav #menu ul li#gn-about > a:hover { color:#fff;}

.p-illume-dentist-cheltenham-dental-team #nav #menu ul li#gn-smile > a { color:#4c575f;}
.p-illume-dentist-cheltenham-dental-team #nav #menu ul li#gn-smile > a:hover { color:#fff;}

.p-illume-dentist-cheltenham-dentist-innovations #nav #menu ul li#gn-about > a { color:#4c575f;}
.p-illume-dentist-cheltenham-dentist-innovations #nav #menu ul li#gn-about > a:hover { color:#fff;}

.p-illume-dentist-cheltenham-dentist-satisfaction #nav #menu ul li#gn-about > a { color:#4c575f;}
.p-illume-dentist-cheltenham-dentist-satisfaction #nav #menu ul li#gn-about > a:hover { color:#fff;}

.p-terms-of-website-use #nav #menu ul li#gn-about > a { color:#4c575f;}
.p-terms-of-website-use #nav #menu ul li#gn-about > a:hover { color:#fff;}

.p-illume-dentist-cheltenham-dental-emergencies #nav #menu ul li#gn-about > a { color:#4c575f;}
.p-illume-dentist-cheltenham-dental-emergencies #nav #menu ul li#gn-about > a:hover { color:#fff;}

.p-smilecheck #nav #menu ul li#gn-smile > a { color:#4c575f;}
.p-smilecheck #nav #menu ul li#gn-smile > a:hover { color:#fff;}

.p-dentist-fees-illume-dental-membership #nav #menu ul li#gn-fees > a { color:#4c575f;}
.p-dentist-fees-illume-dental-membership #nav #menu ul li#gn-fees > a:hover { color:#fff;}

.p-dentist-fees #nav #menu ul li#gn-fees > a { color:#4c575f;}
.p-dentist-fees #nav #menu ul li#gn-fees > a:hover { color:#fff;}

.p-dentist-fees-illume-promise #nav #menu ul li#gn-fees > a { color:#4c575f;}
.p-dentist-fees-illume-promise #nav #menu ul li#gn-fees > a:hover { color:#fff;}

.p-dentist-fees-dental-health-finance #nav #menu ul li#gn-fees > a { color:#4c575f;}
.p-dentist-fees-dental-health-finance #nav #menu ul li#gn-fees > a:hover { color:#fff;}

.p-illume-dentist-cheltenham-feedback #nav #menu ul li#gn-about > a { color:#4c575f;}
.p-illume-dentist-cheltenham-feedback #nav #menu ul li#gn-about > a:hover { color:#fff;}

.p-dental-health-faq #nav #menu ul li#gn-top > a { color:#4c575f;}
.p-dental-health-faq #nav #menu ul li#gn-top > a:hover { color:#fff;}

.p-contact-illume #nav #menu ul li#gn-contact-us > a { color:#4c575f;}
.p-contact-illume #nav #menu ul li#gn-contact-us > a:hover { color:#fff;}



/*-------------------------------------------------------------------------------------- Banner feature */
/*--------------------------------------------------------- MOBILE */
#bannerfeature-xs {
	background-image:url(../images/content/layout/header-banner-button.png), url(../images/content/layout/header-banner-bckgnd.jpg);
	background-size:1.6em, cover;
	background-repeat: no-repeat, no-repeat;
	background-position:12em center, top right;
	min-height: 4.5em;
	vertical-align: middle;
}
#bannerfeature-xs > a { 
	display:none;
	font-size: 1.125em;
	color: #000;
	padding: 1em 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom right;
	max-height: 4.5em;
}
/*--------------------------------------------------------- TABLET / DESKTOP */

#bannerfeature-md-lg {
	background:url(../images/content/layout/header-banner-bckgnd.jpg) no-repeat top left;
	background-size:cover;
	min-height:7.5em;
	vertical-align: middle;	
}
#bannerfeature-md-lg > a {
	text-align: right;
	float: right;
	display:none;
	font-size: 0.875em;
	color: #000;
	padding-top: 2em;
	background-size: contain;
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 8.571em;
}
#bannerfeature-md-lg > a:hover {
	color: rgb(0,96,170);
}
#bannerfeature-md-lg > a:hover span {
	color: rgb(0,96,170);
}
#bannerfeature-md-lg span {
	font-weight: bold;
	font-size: 0.812;
	color:#2b4d73;
}
#bannerfeature-md-lg .banner-video-link::after {
    position: absolute;
    top: 3em;
    right: 11.5em;
    content: 'Video';
    display: block;
    width: 4.285em;
    text-align: center;
    background: url(../images/content/layout/video-link-small.png) 50% 0 no-repeat;
    padding-top: 2.142em;
    font-size: 0.928em;
    font-weight: bold;
    color: #2B4D73;
}
#bannerfeature-md-lg .banner-video-link:hover::after {
    background-position: 50% -100px;
}
/*--------------------------------------------------------- HEADER ADVERTS */
.advert-1 { background-image:url(../images/content/layout/header-banner-snore-guy.png); padding-right: 12em;} 
.advert-2 { background-image:url(../images/content/layout/header-banner-caroline.png); padding-right: 16em;}
.advert-3 { background-image:url(../images/content/layout/header-banner-alex.png); padding-right: 16em;}
.advert-4 { background-image:url(../images/content/layout/header-banner-star.png); padding-right: 12em;}
#bannerfeature-xs .advert-4  { font-size: 1em; }
@media (min-width: 48em) {
	.advert-4 .fa {
		font-size: 1.218em;
		padding-left: 0.1em;
		color: #659ba7;
	}
	#bannerfeature-md-lg .advert-4 {
		padding-top: 1.3em;
		font-size: 0.875em;
	}
}

/*-------------------------------------------------------------------------------------- FOOTER */
#footer .page > div > div {
	border-top: 4px solid #659BA7;
	padding-top: 2em;
}
#website-date p {
	font-size: 0.687em;
}
@media (min-width: 48em) {
	#footer {
		font-size:0.687em;
	}
	#footer h3 {
		font-weight: bold;
		color: #659BA7;
		font-size: 1.23em;
		margin-top: 0;
		margin-bottom: 1em;
	}
	#footer ul {
		padding: 0;
		margin-bottom: 2em;
		list-style: none;
	}
	#footer a {
		color: #4C575F;
	}
	 #footer a:hover {
		color: #000;
	}
	#website-date { 
		position: absolute;
		bottom: -90px;
	}
	#website-date p {
		font-size: 1em;
	}
}
/*-------------------------------------------------------------------------------------------- INNER PAGES */

#pagecontent { 
	padding-top: 3em;
}
#pagecontent h1 {
	margin-top: 0;
	margin-bottom: 1.5em;
}
#sidebar { 
	padding-top: 3em;
}
#sidebar .arrow-link { 
	margin-bottom: 1em;
}
#sidebar .arrow-link a {
	display:block;
	color: #fff;
	font-size:1.29em; 
	position: relative;
	padding: 0.9em 0.56em;
	min-height: 6em;
}
#sidebar .arrow-link a span {
	display: block;
	font-size:0.73em;
}
#sidebar .x-arrow img {
	position: absolute;
	left:0.56em;
	bottom:0.9em;
	margin-bottom: 0;
}

#sidebar #smile-gallery-link {
	background:url(../images/content/layout/link-arrow-smile-gallery.jpg) no-repeat right bottom #010101;
	background-size: contain;
}
#sidebar #meet-the-team {
	background:url(../images/content/layout/link-arrow-meet-team.jpg) no-repeat right bottom #44555f;
	background-size: contain;
}
#sidebar #testimonals {
	background:url(../images/content/layout/link-arrow-testimonials.jpg) no-repeat 90% 100% #010101;
	background-size: contain;
}
#sidebar #warm-welcome  {
	background: url(../images/content/layout/link-arrow-wifi.png) no-repeat 60% 60% #659ba7;
	background-size: 6.2em 2.61em;
}
#sidebar #warm-welcome #free-wifi {
	margin: 1.9em 0;
	font-size: 0.875em;
}
#sidebar #warm-welcome img {
	left: 25%;
}
#sidebar #warm-welcome #wifii {
	width: 4.22em;
	position: relative;
	margin-right: 0.56em;
}
#sidebar #simon-advert  {
	background: url(../images/content/layout/link-arrow-simon-advert.jpg) no-repeat bottom right #44555f;
	background-size:  7.428em 7.142em;
}
#sidebar #simon-advert span {
	margin-top:1.9em;
	margin-bottom: 6.8em;
}
#sidebar #membership-link {
	background: url(../images/content/layout/link-arrow-member.png) no-repeat right bottom #44555f;
	background-size: 6.25em 6.812em;
}
#sidebar #smile-link {
	background: url(../images/content/layout/link-arrow-smile-check.png) no-repeat right bottom #659ba7;
	background-size:  contain;
}
#sidebar #testimonials-achive {
	background-color: #010101;
}
#sidebar #feedback-link {
	background-color: #659ba7;
}
#sidebar #members-ad ul.navlinks {
	padding: 0;
	margin: 0;
	margin-bottom: 1.428em;
}
#sidebar #members-ad ul.navlinks li {
    display: block;
	list-style: none;
}
#sidebar #members-ad ul.navlinks li a {
	display: block;
	position: relative;
	box-shadow: 2px 4px 8px rgba(0,0,0,0.15);
}
#sidebar #members-ad ul.navlinks a:after {
    position: absolute;
  	bottom:1.428em;
    left:1.428em;
    content: " ";
    background: url(../images/content/layout/link-arrow-white-right.png);
    background-size: 100% 100%;
    width: 3.571em;
    height: 1.275em;
    margin: 0.142em;
    float: left;
}
#sidebar #members-ad ul.navlinks li a p {
	padding: 0.9em 0.9em 3em 0.9em;
	color: #fff;
	font-size: 1.571em;
	margin: 0;
}
#sidebar #members-ad ul.navlinks li a img {
	margin: 0;
	width: 100%;
}
#sidebar #members-ad ul.navlinks li a p strong {
	font-size: 1.857;
}
@media (min-width: 48em) {
	#sidebar #members-ad ul.navlinks li a p {
		font-size: 1em;
		padding: 0.9em 0.9em 3em 0.9em;
	}
	#sidebar #members-ad ul.navlinks a:after {
		bottom:0.9em;
		left:0.8em;
		content: " ";
		width: 3.571em;
		height: 1.275em;
	}
	#sidebar .arrow-link a {
		font-size:1.125em;
		min-height: 7em;
	}
	#sidebar #smile-gallery-link {
		background-size:3.16em 3.88em;
	}
	#sidebar #meet-the-team {
		background-size:50%;
	}
	#sidebar #testimonals {
		background-size:3.16em 4.27em;
	}
	#pagecontent .large-text-intro {
		font-size: 0.875em;
	}
	#sidebar #warm-welcome {
		background-position: 90% 70%;
		background-size: 3em 1.25em;
	}
	#sidebar #warm-welcome img {
		left: 45%;
	}
	#sidebar #membership-link {
		background-size: 5em 5.444em;
	}
	#pagecontent p {
		font-size: 0.812em;
	}
	#pagecontent ul {
		margin-bottom: 1.5em;
	}
	#pagecontent li {
		font-size: 0.812em;
	}
}
@media (min-width: 54.75em) {
	#sidebar #warm-welcome  {
		background-position: 90% 65%;
		background-size: 4.5em 1.875em;
	}	
}
@media (min-width: 58.25em){
	#sidebar .arrow-link a {
		min-height: 6em;
	}
	#sidebar #smile-gallery-link {
		background-size:contain;
	}
	#sidebar #meet-the-team {
		background-size:contain;
	}
	#sidebar #testimonals {
		background-size:contain;
	}
	#sidebar #warm-welcome img {
		left: 35%;
	}
} 
/*-------------------------------------------------------------------------------------------- ACCORDION */
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
}
.panel-default > .panel-heading {
	background-color: rgb(215, 229, 230);
}
.panel-default {
    border-color: rgb(215, 229, 230);
}
.panel-title {
    color: rgb(118, 160, 170);
	font-weight: bold;
}
.panel-title a:focus {
    color: rgb(76, 87, 95);
}
/*-------------------------------------------------------------------------------------------- FORMS */
.form-group label {
	color: #4C575F;
}
@media (min-width: 48em) {
	.form-group label {
		font-size: 0.875em;
	}
	.checkbox h2 {
		font-size: 0.875em;
	}
	.checkbox label, .radio label {
		font-size: 0.875em;
	}
}