@media screen and (min-width: 990px) {	body {		height: 100%;		margin: 0 0 0 0;		padding: 0 0 0 0; font-stretch: condensed;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		background-image: linear-gradient(#ffffff,#786e62);	}	#page-container {		position: relative;		height: 100%;		width: 100%;		max-width: 990px;		padding: 0;		margin-right: auto;		margin-left: auto;		top: 0;	} #header {		position: relative;		display: inline-block;		padding: 20px 0 20px 0;		width: 100%;		height: 480px;		background: #ffffff;		float: left;		overflow: hidden;		box-sizing: border-box;		-moz-box-sizing: border-box;		-webkit-box-sizing: border-box;	}		#inside_header {		position: relative;		display: inline-block;		padding: 20px 0 20px 0;		width: 100%;		height: 260px;		background: #ffffff;		float: left;		overflow: hidden;		box-sizing: border-box;		-moz-box-sizing: border-box;		-webkit-box-sizing: border-box;		}		#social-links-section {		position: absolute;		top: 10px;		right: 20px;		z-index: 20;	}			#services-section {		position: relative;		display: inline-block;		padding: 20px;		width: 100%;		background: #786e62;		color: #ffffff;		float: left;		box-sizing: border-box;		-moz-box-sizing: border-box;		-webkit-box-sizing: border-box;			} #welcome-banner {		position: relative;		display: inline-block;		float: left;		width: 100%;		text-align: left;		background: #789c48;		padding: 10px 5% 30px 5%;		box-sizing: border-box; -moz-box-sizing: border-box;		color: #ffffff;		}	.largeFont {		position: relative;		top: 10px;		text-transform: uppercase;		font-size: 2.0em;		color: #ffffff;		margin: 0;	}	.largeScript {		position: relative;		top: 20px;			font: 400 130px/0.8 'Great Vibes', Helvetica, sans-serif;		color: #ffffff;		text-shadow: 4px 4px 3px rgba(0,0,0,0.1);		font-size: 2.6em;		font-weight: normal;		}	@-webkit-keyframes fadi {		0%   { opacity: 0; }		100% { opacity: 1; }	}	@-moz-keyframes fadi {		0%   { opacity: 0; }		100% { opacity: 1; }	}		.spacer {		position: relative;		display: inline-block;		width: 200px;	} .service-col {		position: relative;		display: inline-block;		padding: 1%;		width: 45%;		float: left;		text-align: left;	}			#mobileQRpanel {		position: absolute;		display: inline-block;		top: -200px;		right: 0;		z-index: 100;		padding: 0;	}	#mobileQRpanel img {		float: left;		margin: 0;		padding: 0;	}	#mobileQRpanel a {		position: absolute;		display: inline-block;		bottom: 0;		left: 30px;		font-size: 1.1rem;		text-transform: uppercase;		text-decoration: none;		background: rgba(255,255,255,0.1);		padding: 2%;		text-align: center;		width: 96%;		color: #ffffff;			-webkit-transition: all 0.5s ease;		-moz-transition: all 0.5s ease;		-o-transition: all 0.5s ease;		transition: all 0.5s ease;		}	.shiftDown {		transform-origin: right bottom;		-moz-transform-origin: right bottom;		-webkit-transform-origin: right bottom;		transform:rotate(270deg) translateX(0);		-moz-transform:rotate(270deg) translateX(0);		-webkit-transform:rotate(270deg) translateX(0);		-moz-transform:rotate(270deg);		-o-transform:rotate(270deg);		}	.shiftUp {		transform-origin: right bottom;		-moz-transform-origin: right bottom;			-webkit-transform-origin: right bottom;		transform: rotate(270deg) translateX(100%);		-moz-transform:rotate(270deg) translateX(100%);				-webkit-transform:rotate(270deg) translateX(100%);		-moz-transform:rotate(270deg);		-o-transform:rotate(270deg);	}	#mobileQRpanel a:hover {		background: #999999;		} #overlay {		display: none;		position: absolute; 		z-index: 400; 		width:100%; 		height: 100%; 		background: rgba(0,0,0,0.5);	}	a#closeRequestForm:link, a#closeRequestForm:visited, a#closeRequestForm:active, a#closeRequestForm:hover {		position: absolute;		right: -15px;		top: -15px;		width: 30px;		height: 30px;		border-radius: 50%;		-webkit-border-radius: 50%;		-moz-border-radius: 50%;		font-size: 1.5em;		color: #ffffff;		background: #789c48;		text-align: center;		text-decoration: none;		-webkit-transition: all 0.2s ease;  		-moz-transition: all 0.2s ease;  		-o-transition: all 0.2s ease;  		-ms-transition: all 0.2s ease;  		transition: all 0.2s ease; 			}	a#closeRequestForm:hover {		color: #ffffff;		background: #789c48;		width: 45px;		height: 40px;		font-size: 1.8em;		right: -20px;		top: -20px;			padding-top: 5px;		box-shadow: 0 0 10px #333333;	} a.requestBtn:link, a.requestBtn:active, a.requestBtn:visited, a.requestBtn:hover {		position: absolute;		top: 70px;		right:20px;		display: inline-block;		padding: 20px;		margin: 0;		color: #ffffff;		background: #789c48;		text-decoration: none;		font-size: 1.2em;		z-index: 20;		border-radius: 0.5em;		-webkit-border-radius: 0.5em;		-mobile-border-radius: 0.5em; -o-transition:color .2s ease-out, background 0.5s ease-in;		-ms-transition:color .2s ease-out, background 0.5s ease-in;		-moz-transition:color .2s ease-out, background 0.5s ease-in;		-webkit-transition:color .2s ease-out, background 0.5s ease-in; transition:color .2s ease-out, background 0.5s ease-in;	}	a.requestBtn:hover {		color: #ffffff;		background: #786e62;	}		#doctor-call-out {		position: absolute;		top: 170px;		left: 150px;		text-decoration: none;		color: #789c48;		font-size: 1.5rem;		z-index: 2;	}	a.large-phone:link, a.large-phone:active, a.large-phone:visited, a.large-phone:hover  {		position: absolute;		top: 200px;		left: 150px;		text-decoration: none;		color: #786e62;		font-size: 1.5rem;	}	a.large-phone:hover  {		color: #789c48;	}		a.large-email:link, a.large-email:active, a.large-email:visited, a.large-email:hover  {		position: absolute;		top: 225px;		left: 150px;		text-decoration: none;		color: #786e62;		font-size: 1.2rem;			}		a.large-email:hover  {		color: #789c48;	}	#homepage-blurb {		position: absolute;		top: 245px;		left: 150px;		text-decoration: none;		color: #786c62;		font-size: 1.0rem;			width: 35%;	}	#homepage-blurb h1 {		margin: 20px 0 0 0;		padding: 0;		line-height: 25px;	}	img.homepage{		position: absolute;		display: inline-block;		right: -20px;		top: 0;		z-index: 0;	} a.logo img {		position: absolute;		display: inline-block;		top: 10px;		left: 10px;		z-index: 2;		-webkit-transition: all .2s;	}	a.logo img:hover {	}	h1#logo-title {		position: absolute;		left: -9999px;	}	.small-logo {		display: none;	}	.small-logo img {		position: relative;		height: 35px;		margin-right: 5px;		margin-bottom: 2px;	}	.small-contact {		display: none;	}	.small-contact img {		margin-bottom: 10px;		position: relative;		height: 20px;		margin-left: 5px;	}		#contact-icon {		position: relative;		display: inline-block;	}	#contact-icon:hover > #show-address-box {		display: inline-block;	}	#show-address-box {		display: none;		position: absolute;		bottom: -80px;		left: -100px;		width: 170px;		height: 60px;		font-size: 0.9em;		color: #ffffff;		background: rgba(0,0,0,0.9);		border: 2px solid #789c48;		box-shadow: 0 0 10px #999999;		padding: 10px;		border-radius: 0 0 0.8em 0.8em;		moz-border-radius: 0 0 0.8em 0.8em;		webkit-border-radius: 0 0 0.8em 0.8em;	} #bannerContainer {		position: relative;		display: inline-block;		width: 100%;		float: left;		background: #ffffff;		padding: 0;	}	#banner {		position: relative;		width: 100%;		overflow: hidden;		background: #ffffff;	}	#banner img {		position: relative;		display: inline-block;		float: left;	} ul.rotatingBanner {		position: relative;		display: inline-block;		float: left;		height: 398px;		width: 100%;		margin: 0;		padding: 0;	}	ul.rotatingBanner li {		position: absolute;		display: inline-block;		width: 100%;		list-style: none;			margin: 0;		padding: 0;		background: #fff;	}	ul.rotatingBanner img {		display: none;		width: 100%;	}	li.show {		z-index: 1;	} .banner-call-out {		position: absolute;		display: inline-block;		font: 400 130px/0.8 'Great Vibes', Helvetica, sans-serif;		color: #333333;		text-shadow: 4px 4px 3px rgba(0,0,0,0.1);		font-size: 2.6em;		font-weight: normal;   color: #333333; padding: 10px;		width: 280px;		z-index: 30;		}	#banner-call-out-1 {		left: 30px;		bottom: 60px;	}	#banner-call-out-2 {		display: none;		right: 10px;		top: 20px;	}	#banner-call-out-3 {		display: none;			left: 20px;		top: 20px;	}	#banner-call-out-4 {		display: none;			left: 30px;		top: 20px;	} #content {		position: relative;		display: inline-block;		width: 100%;		float: left;		background: rgba(255,255,255,1.0); box-sizing: border-box; -moz-box-sizing: border-box;	}	#content-inside {		position: relative;		display: inline-block;		text-align: justify;		padding: 5% 5% 5% 5%;		width: 100%;		font-size: 1.0em;		box-sizing: border-box; -moz-box-sizing: border-box;		-webkit-animation: fadi 2s 1;	}		.insetPhoto {		position: relative;		display: inline;		float: right;		margin: 15px 0 10px 10px;		width: 33.33333%;		box-sizing: border-box;		-moz-box-sizing: border-box;	}		.homePara {		padding-left: 40%;	} a.panel h1 {		color: #ffffff;		font-size: 1.5rem;		text-align: center;	}	a.panel img {		position: relative;		bottom: 0;		right: 0;	}	a.panel:link, a.panel:active, a.panel:visited {		position: relative;		display: inline-block;		float: left;		box-sizing: border-box;		-moz-box-sizing: border-box;		width: 33.33333333333333333333%;		padding: 10px 10px 10px 10px;		text-align: center;		margin-bottom: 10px;		color: #ffffff;		text-decoration: none;		-webkit-transition: all 0.5s ease-in-out;		-moz-transition: all 0.5s ease-in-out;		-o-transition: all 0.5s ease-in-out;		transition: all 0.5s ease-in-out;			}	a.panel:hover {		background: #789c48;		color: #ffffff;	} a.serviceBox h1 {		color: #ffffff;	}	a.serviceBox img {		position: absolute;		bottom: 0;		right: 0;	}	a.serviceBox:link, a.serviceBox:active, a.serviceBox:visited {		position: relative;		display: inline-block;		float: left;		box-sizing: border-box;		-moz-box-sizing: border-box;		width: 49%;		padding: 10px 50px 10px 10px;		text-align: left;		margin-bottom: 10px;		color: #ffffff;		text-decoration: none;		-webkit-transition: all 0.5s ease-in-out;		-moz-transition: all 0.5s ease-in-out;		-o-transition: all 0.5s ease-in-out;		transition: all 0.5s ease-in-out;			}	a.serviceBox:hover {		background: #786e62;		color: #ffffff;	}	.sbox1 {		background: #789c48;	}	.sbox2 {		background: #79c4c7;	}		.sbox3 {		background: #c63f85;	}		.sbox4 {		background: #646968;	}	.sboxMarginRight {		margin-right: 2%;	}		h1.sectionH1 {		color: #646968;		font-size: 3.0rem;		text-align: center;		margin: 30px 0 30px 0;		border-top: 1px solid #cccccc;	} #call-now, #map-it {		display: none;	} #footer-container {		position: relative;		display: inline-block;		width: 100%;		max-width: 990px;		background: #ffffff; 		color: #786e62;		font-size: 0.95em;		float: left;		border-top: 1px solid #789c48;		box-sizing: border-box; -moz-box-sizing: border-box;	}	#footer-center {		position: relative;		margin-left: auto;		margin-right: auto;		width: 100%;		max-width: 990px;		padding: 2%;		box-sizing: border-box; -moz-box-sizing: border-box;	}	#footer-container a {		text-decoration: none;		}			div.footer-col {		position: relative;		display: inline-block;		padding: 20px;		float: left;		width: 33.333333%;		box-sizing: border-box;		-moz-box-sizing: border-box;	}	.alignCenter {		text-align: center;	}		#designedByContainer {		position: relative;		display: inline-block;		width: 100%;		padding: 30px;		background: #789c48;		color: #ffffff;		text-align: center;		box-sizing: border-box;		-moz-box-sizing: border-box;		float: left;		text-align: center;		text-transform: uppercase;	} #phone-nav-dynamic {		display: none;	} h1 {		font-size: 1.7em;		margin: 5px 0 5px 0;			}	h2 {		font-size: 1.3em;		margin: 15px 0 5px 0;		line-height: 90%;	}	h3 {		font-size: 1.1em;		margin: 20px 0 5px 0;		font-weight: bold;	}			.blue {		color: #789c48;		line-height: 40px;	}	.green {		color: #789c48;		line-height: 40px;		} #menu { text-transform: uppercase;	}	a.menu:link, a.menu:visited, a.menu:active, a.menu:hover {		font-family: Arial Narrow,Arial,sans-serif;		position: relative;		display: inline-block;		padding:  10px 10px 6px 10px;		height: 24px;		text-align: center;		margin: 0;		color: #ffffff;		font-weight: normal;			text-decoration: none;		font-size: 1.1em; -webkit-transition: all 0.4s ease;  		-moz-transition: all 0.4s ease;  		-o-transition: all 0.4s ease;  		-ms-transition: all 0.4s ease;  		transition: all 0.4s ease; transition:color .2s ease-out, background 0.5s ease-in;			}	a.menu:hover {		color: #789c48;		background: #ffffff;	}		a.selected:link, a.selected:active, a.selected:visited, a.selected:hover {		font-family: Arial Narrow,Arial,sans-serif;		position: relative;		display: inline-block;		padding:  10px 10px 6px 10px;		height: 24px;		margin-right: 0;		color: #789c48; 		font-weight: normal;			text-decoration: none;		font-size: 1.1em;		background: #ffffff;	}		a.selected:hover {		background: #ffffff; 		color: #789c48; 	}	#menubar { 		position: relative;		display: inline-block;		margin: 0;		padding: 0;		height:  40px;	}	#menubar li { 		float: left;		list-style: none;		margin: 0 0 0 0;		padding: 0;			}	#menubar li ul { 		margin: 0 0 0 0;		padding: 0;		position: absolute;		display: none;		z-index: 30;	}	#menubar li ul li { 		float: none;		}	#menubar li:hover ul {		display: block;	}	a.menu-drop:link, a.menu-drop:visited, a.menu-drop:active, a.menu-drop:hover {		font-family: Arial Narrow,Arial,sans-serif;		position: relative;		display: inline-block;		width: 230px;		color: #ffffff;		padding:  5px;		font-weight: normal;			text-decoration: none;		text-align: left;		font-size: 1.1em;		background: #789c48; 		border-bottom: 1px solid #ffffff; -o-transition:color .2s ease-out, background 0.5s ease-in;		-ms-transition:color .2s ease-out, background 0.5s ease-in;		-moz-transition:color .2s ease-out, background 0.5s ease-in;		-webkit-transition:color .2s ease-out, background 0.5s ease-in; transition:color .2s ease-out, background 0.5s ease-in;			}	a.menu-drop:hover {		background: #ececec; 		color: #789c48; 		border-bottom: 1px solid #789c48; 			}		.menu-regular {		position: relative;		display: inline-block;		width: 100%;		height: 40px;		text-align: center;		padding: 0;		margin: 0;		background: #789c48;		float: left;	}	.menu-fixed {		position: fixed;		top: 0;		left: 0;		display: inline-block;		width: 100%; background: rgba(0,0,0,0.5);		box-shadow: 0 0 10px #999999;		moz-box-shadow: 0 0 10px #999999;		webkit-box-shadow: 0 0 10px #999999;		height: 40px;		z-index: 100;		text-align: center;	}	.divider {		position: relative;		display: inline-block;		padding-top: 9px;		color: #789c48;	} #contactFrm {		position: absolute;		right: 0;		left: 0;		margin-left: auto;		margin-right: auto;		top: 3%;		display: inline-block;		width: 300px;		padding: 10px;		z-index: 1000;		background: #ffffff;		border-radius: 0.5em;		-webkit-border-radius: 0.5em;		-moz-border-radius: 0.5em;		border: 1px solid #cccccc;		box-shadow: 0 0 10px #333333;	}	#contact-lcol {		position: relative;		float: left;		width: 100%;	}	#contact-rcol {		position: relative;		float: right;		width: 50%;	}	#contactFrm h3 {		padding: 0;		margin: 0;		color: #789c48;	}	input.contact-form {		position: relative;		width: 95%;		border: none;		padding: 2%;		margin: 1% 0 1% 0;		background: #fff;		margin-bottom: 4%;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		color: #333333;		outline: none;		font-size: 1.1em;		border: 1px solid #789c48; 		border-radius: 0.2em;		-webkit-border-radius: 0.2em;		-moz-border-radius: 0.2em;			}	input.contact-form:hover {		background: #ececec;		border: 1px solid #808080;	}		textarea.contact-form  {		position: relative;		width: 95%;		height: 45px;		border: none;		padding: 2%;		margin-top: 0;		background: #fff;			font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		font-size: 1.1em;		color: #333333;		border: 1px solid #789c48; 		border-radius: 0.2em;		-webkit-border-radius: 0.2em;		-moz-border-radius: 0.2em;				outline: none;	}	textarea.contact-form:hover {		background: #ececec;		border: 1px solid #808080;	}			.contact-form-button {		position: relative;		display: inline-block;		float: right;		margin-right: 0;		margin-top: 2%;		cursor: pointer;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		color: #fff;		padding: 1% 5% 1% 5%;		background: #789c48; 		border-radius: 0.2em;		-webkit-border-radius: 0.2em;		-moz-border-radius: 0.2em;				outline: none;		border: none;		font-size: 1.1em;		text-align: center;	}		.contact-form-button:hover {		color: #ffffff; 		background: #808080; 	}	#contact-left-column {		background:#eee; border:1px solid #ccc; padding:5px 10px; float: left; margin-right: 10px; width: 35%; display: inline-block;	}	#contact-right-column {		background:#eee; border:1px solid #ccc; padding:5px 10px; float: right; margin-right: 10px; width: 55%; display: inline-block;	} #request-appointment {		position: relative;		display: inline-block;		border-radius: .3em;		-webkit-border-radius: .3em;		-moz-border-radius: .3em;		width: 100%;		padding: 0;	}	table.request-form-table {		width: 100%;	}	table.request-form-table td {		padding: 1%;	}	.request-input {		margin: 3px 0 3px 0;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		font-size: 1.1em;		width: 96%;		border-radius: .3em;		-webkit-border-radius: .3em;		-moz-border-radius: .3em;		border: 1px solid #789c48;		padding: 2%;		outline: none;	}		.request-input:hover {		background: #ececec;		border: 1px solid #808080;	}			.request-form-button {		position: relative;		display: inline-block;		margin-right: 0;		margin-top: 2%;		cursor: pointer;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		color: #fff;		padding: 1% 5% 1% 5%;		background: #789c48; 		border-radius: 0.2em;		-webkit-border-radius: 0.2em;		-moz-border-radius: 0.2em;				outline: none;		border: none;		font-size: 1.1em;		text-align: center;	}	.request-form-button:hover {		color: #ffffff; 		background: #808080; 	}		#ra-form {		position: relative;		display: inline-block;		width: 100%;	}	.request-lcol {		position: relative;		display: inline-block;		width: 45%;		float: left;	}	.request-rcol {		position: relative;		display: inline-block;		width: 45%;		float: right;	}		img.smile-gallery {		width: 200px;	}}@media screen and (min-width: 601px) and (max-width: 989px) {	body {		height: 100%;		margin: 0 0 0 0;		padding: 0 0 0 0; font-stretch: condensed;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;*/		color: #333333; background-image: url(//brantheritagedental.ca/wp-content/themes/site/images/default-background.jpg);		background-attachment: fixed;	}	#page-container {		position: relative;		height: 100%;		width: 100%;		max-width: 990px;		padding: 0;		margin-right: auto;		margin-left: auto;		top: 0;	} #header {		position: relative;		display: inline-block;		padding: 20px 0 20px 0;		width: 100%;		height: 480px;		background: #ffffff;		float: left;		overflow: hidden;		box-sizing: border-box;		-moz-box-sizing: border-box;		-webkit-box-sizing: border-box;	}		#inside_header {		position: relative;		display: inline-block;		padding: 20px 0 20px 0;		width: 100%;		height: 260px;		background: #ffffff;		float: left;		overflow: hidden;		box-sizing: border-box;		-moz-box-sizing: border-box;		-webkit-box-sizing: border-box;		}		#services-section {		position: relative;		display: inline-block;		padding: 20px;		width: 100%;		background: #786e62;		color: #ffffff;		float: left;		box-sizing: border-box;		-moz-box-sizing: border-box;		-webkit-box-sizing: border-box;			} #welcome-banner {		position: relative;		display: inline-block;		float: left;		width: 100%;		text-align: left;		background: #789c48;		padding: 10px 5% 30px 5%;		box-sizing: border-box; -moz-box-sizing: border-box;		color: #ffffff;		}	.largeFont {		position: relative;		top: 10px;		text-transform: uppercase;		font-size: 2.0em;		color: #ffffff;		margin: 0;	}	.largeScript {		position: relative;		top: 20px;			font: 400 130px/0.8 'Great Vibes', Helvetica, sans-serif;		color: #ffffff;		text-shadow: 4px 4px 3px rgba(0,0,0,0.1);		font-size: 2.6em;		font-weight: normal;		}	@-webkit-keyframes fadi {		0%   { opacity: 0; }		100% { opacity: 1; }	}	@-moz-keyframes fadi {		0%   { opacity: 0; }		100% { opacity: 1; }	}		.spacer {		position: relative;		display: inline-block;		width: 5%;	} .service-col {		position: relative;		display: inline-block;		padding: 1%;		width: 45%;		float: left;		text-align: left;	}			#mobileQRpanel {			display: none;	}				#social-links-section {		position: absolute;		top: 10px;		right: 20px;		z-index: 20;	} #overlay {		display: none;		position: absolute; 		z-index: 400; 		width:100%; 		height: 100%; 		background: rgba(0,0,0,0.5);	}	a#closeRequestForm:link, a#closeRequestForm:visited, a#closeRequestForm:active, a#closeRequestForm:hover {		position: absolute;		right: -15px;		top: -15px;		width: 30px;		height: 30px;		border-radius: 50%;		-webkit-border-radius: 50%;		-moz-border-radius: 50%;		font-size: 1.5em;		color: #ffffff;		background: #789c48;		text-align: center;		text-decoration: none;		-webkit-transition: all 0.2s ease;  		-moz-transition: all 0.2s ease;  		-o-transition: all 0.2s ease;  		-ms-transition: all 0.2s ease;  		transition: all 0.2s ease; 			}	a#closeRequestForm:hover {		color: #ffffff;		background: #789c48;		width: 45px;		height: 40px;		font-size: 1.8em;		right: -20px;		top: -20px;			padding-top: 5px;		box-shadow: 0 0 10px #333333;	} a.requestBtn:link, a.requestBtn:active, a.requestBtn:visited, a.requestBtn:hover {		position: absolute;		top: 70px;		right:20px;		display: inline-block;		padding: 20px;		margin: 0;		color: #ffffff;		background: #789c48;		text-decoration: none;		font-size: 1.2em;		z-index: 20;		border-radius: 0.5em;		-webkit-border-radius: 0.5em;		-mobile-border-radius: 0.5em; -o-transition:color .2s ease-out, background 0.5s ease-in;		-ms-transition:color .2s ease-out, background 0.5s ease-in;		-moz-transition:color .2s ease-out, background 0.5s ease-in;		-webkit-transition:color .2s ease-out, background 0.5s ease-in; transition:color .2s ease-out, background 0.5s ease-in;	}	a.requestBtn:hover {		color: #ffffff;		background: #786e62;	}		#doctor-call-out {		position: absolute;		top: 120px;		left: 2%;		text-decoration: none;		color: #789c48;		font-size: 1.5rem;		z-index: 2;	}		a.large-phone:link, a.large-phone:active, a.large-phone:visited, a.large-phone:hover  {		position: absolute;		top: 145px;		left: 2%;		text-decoration: none;		color: #786e62;		padding: 2px;		font-size: 1.3em;		z-index: 2;	}	a.large-phone:hover  {		color: #789c48;				border-radius: 0.2em;		-moz-border-radius: 0.2em;		-webkit-border-radius: 0.2em;	}		a.large-email:link, a.large-email:active, a.large-email:visited, a.large-email:hover  {		position: absolute;		top: 170px;		left: 2%;		text-decoration: none;		color: #786e62;		padding: 2px;		font-size: 1.0em;		z-index: 2;			}		a.large-email:hover  {		color: #789c48;				border-radius: 0.2em;		-moz-border-radius: 0.2em;		-webkit-border-radius: 0.2em;	}	#homepage-blurb {		position: absolute;		top: 245px;		left: 2%;		text-decoration: none;		color: #786c62;		font-size: 1.0rem;			width: 35%;	}	#homepage-blurb h1 {		margin: 20px 0 0 0;		padding: 0;		line-height: 25px;	}	img.homepage{		position: absolute;		display: inline-block;		right: -20px;		top: 0;		z-index: 0;	} a.logo img {		position: absolute;		display: inline-block;		top: 2%;		left: 2%;		max-width: 263px;		z-index: 2;		-webkit-transition: all .2s;	}	a.logo img:hover {	}	h1#logo-title {		position: absolute;		left: -9999px;	}	.small-logo {		display: none;	}	.small-logo img {		position: relative;		height: 35px;		margin-right: 5px;	}	.small-contact {		display: none;	}	.small-contact img {		margin-bottom: 10px;		position: relative;		height: 20px;		margin-left: 5px;	}		#contact-icon {		position: relative;		display: inline-block;	}	#contact-icon:hover > #show-address-box {		display: inline-block;	}	#show-address-box {		display: none;		position: absolute;		bottom: -80px;		left: -100px;		width: 170px;		height: 60px;		font-size: 0.9em;		color: #ffffff;		background: rgba(0,0,0,0.9);		border: 2px solid #789c48;		box-shadow: 0 0 10px #999999;		padding: 10px;		border-radius: 0 0 0.8em 0.8em;		moz-border-radius: 0 0 0.8em 0.8em;		webkit-border-radius: 0 0 0.8em 0.8em;	} #banner {		position: relative;		width: 100%;		overflow: hidden;		background: #ffffff;		float: left;	}	#banner img {		position: relative;		display: inline-block;		float: left;	} ul.rotatingBanner {		position: relative;		display: inline-block;		float: left;		height: 398px;		width: 100%;		margin: 0;		padding: 0;	}	ul.rotatingBanner li {		position: absolute;		display: inline-block;		width: 100%;		list-style: none;			margin: 0;		padding: 0;		background: #fff;	}	ul.rotatingBanner img {		width: 100%;	}	li.show {		z-index: 1;	} .banner-call-out {		position: absolute;		display: inline-block;		font: 400 130px/0.8 'Great Vibes', Helvetica, sans-serif;		color: #333333;		text-shadow: 4px 4px 3px rgba(0,0,0,0.1);		font-size: 2.2em;		font-weight: normal;  color: #000000; padding: 10px;		width: 250px;		z-index: 30;		}	#banner-call-out-1 {		left: 30px;		bottom: 60px;	}	#banner-call-out-2 {		display: none;			right: 20px;		top: 20px;	}	#banner-call-out-3 {		display: none;			left: 20px;		top: 20px;	}	#banner-call-out-4 {		display: none;			left: 30px;		top: 20px;	} #content {		position: relative;		display: inline-block;		width: 100%;		background: rgba(255,255,255,1.0);	}	#content-inside {		position: relative;		display: inline-block;		text-align: justify;		width: 100%;		padding: 0 2% 2% 2%;		font-size: 1.0em;		box-sizing: border-box; -moz-box-sizing: border-box;		-webkit-animation: fadi 2s 1;			}		.insetPhoto {		position: relative;		display: inline;		float: right;		margin: 15px 0 10px 10px;		width: 33.33333%;		box-sizing: border-box;		-moz-box-sizing: border-box;	}			.homePara {		padding-left: 0;	} a.panel h1 {		color: #ffffff;		font-size: 1.5rem;		text-align: center;	}	a.panel img {		position: relative;		bottom: 0;		right: 0;	}	a.panel:link, a.panel:active, a.panel:visited {		position: relative;		display: inline-block;		float: left;		box-sizing: border-box;		-moz-box-sizing: border-box;		width: 50%;		padding: 10px 10px 10px 10px;		text-align: center;		margin-bottom: 10px;		color: #ffffff;		text-decoration: none;		-webkit-transition: all 0.5s ease-in-out;		-moz-transition: all 0.5s ease-in-out;		-o-transition: all 0.5s ease-in-out;		transition: all 0.5s ease-in-out;			}	a.panel:hover {		background: #789c48;		color: #ffffff;	} a.serviceBox h1 {		color: #ffffff;	}	a.serviceBox img {		position: absolute;		bottom: 0;		right: 0;	}	a.serviceBox:link, a.serviceBox:active, a.serviceBox:visited {		position: relative;		display: inline-block;		float: left;		box-sizing: border-box;		-moz-box-sizing: border-box;		width: 49%;		padding: 10px 50px 10px 10px;		text-align: left;		margin-bottom: 10px;		color: #ffffff;		text-decoration: none;		-webkit-transition: all 0.5s ease-in-out;		-moz-transition: all 0.5s ease-in-out;		-o-transition: all 0.5s ease-in-out;		transition: all 0.5s ease-in-out;			}	a.serviceBox:hover {		background: #786e62;		color: #ffffff;	}	.sbox1 {		background: #789c48;	}	.sbox2 {		background: #79c4c7;	}		.sbox3 {		background: #c63f85;	}		.sbox4 {		background: #646968;	}	.sboxMarginRight {		margin-right: 2%;	}		h1.sectionH1 {		color: #646968;		font-size: 3.0rem;		text-align: center;		border-top: 1px solid #cccccc;			} #call-now, #map-it {		display: none;	} #footer-container {		position: relative;		display: inline-block;		width: 100%;		max-width: 990px;		background: #ffffff; 		color: #786e62;		font-size: 0.95em;		float: left;		border-top: 1px solid #789c48;				box-sizing: border-box; -moz-box-sizing: border-box;	}	#footer-center {		position: relative;		margin-left: auto;		margin-right: auto;		width: 100%;		max-width: 990px;		padding: 2%;		box-sizing: border-box; -moz-box-sizing: border-box;	}	#footer-container a {		text-decoration: none;		}			div.footer-col {		position: relative;		display: inline-block;		padding: 20px;		float: left;		width: 33.333333%;		box-sizing: border-box;		-moz-box-sizing: border-box;	}	.alignCenter {		text-align: center;	}		#designedByContainer {		position: relative;		display: inline-block;		width: 100%;		padding: 30px;		background: #789c48;		color: #ffffff;		text-align: center;		box-sizing: border-box;		-moz-box-sizing: border-box;		float: left;		text-align: center;		text-transform: uppercase;	} .social-media-tab {			display: none;	} h1 {		font-size: 1.7em;		margin: 5px 0 5px 0;			}	h2 {		font-size: 1.3em;		margin: 15px 0 5px 0;		line-height: 90%;	}	h3 {		font-size: 1.1em;		margin: 20px 0 5px 0;		font-weight: bold;	}			.blue {		color: #789c48;		line-height: 40px;	}	.green {		color: #789c48;		line-height: 40px;		} #phone-nav-dynamic {		display: none;	} #menu { text-transform: uppercase;	}	a.menu:link, a.menu:visited, a.menu:active, a.menu:hover {		font-family: Arial Narrow,Arial,sans-serif;		position: relative;		display: inline-block;		padding:  10px 10px 6px 10px;		height: 24px;		text-align: center;		margin: 0;		color: #ffffff;		font-weight: normal;			text-decoration: none;		font-size: 1.1em; -webkit-transition: all 0.4s ease;  		-moz-transition: all 0.4s ease;  		-o-transition: all 0.4s ease;  		-ms-transition: all 0.4s ease;  		transition: all 0.4s ease; transition:color .2s ease-out, background 0.5s ease-in;			}	a.menu:hover {		color: #789c48;		background: #ffffff;	}		a.selected:link, a.selected:active, a.selected:visited, a.selected:hover {		font-family: Arial Narrow,Arial,sans-serif;		position: relative;		display: inline-block;		padding:  10px 10px 6px 10px;		height: 24px;		margin-right: 0;		color: #789c48; 		font-weight: normal;			text-decoration: none;		font-size: 1.1em;		background: #ffffff;	}		a.selected:hover {		background: #ffffff; 		color: #789c48; 	}	#menubar { 		position: relative;		display: inline-block;		margin: 0;		padding: 0;		height:  40px;	}	#menubar li { 		float: left;		list-style: none;		margin: 0 0 0 0;		padding: 0;			}	#menubar li ul { 		margin: 0 0 0 0;		padding: 0;		position: absolute;		display: none;		z-index: 30;	}	#menubar li ul li { 		float: none;		}	#menubar li:hover ul {		display: block;	}	a.menu-drop:link, a.menu-drop:visited, a.menu-drop:active, a.menu-drop:hover {		font-family: Arial Narrow,Arial,sans-serif;		position: relative;		display: inline-block;		width: 230px;		color: #ffffff;		padding:  5px;		font-weight: normal;			text-decoration: none;		text-align: left;		font-size: 1.1em;		background: #789c48; 		border-bottom: 1px solid #ffffff; -o-transition:color .2s ease-out, background 0.5s ease-in;		-ms-transition:color .2s ease-out, background 0.5s ease-in;		-moz-transition:color .2s ease-out, background 0.5s ease-in;		-webkit-transition:color .2s ease-out, background 0.5s ease-in; transition:color .2s ease-out, background 0.5s ease-in;			}	a.menu-drop:hover {		background: #ececec; 		color: #789c48; 		border-bottom: 1px solid #789c48; 			}		.menu-regular {		position: relative;		display: inline-block;		width: 100%;		height: 40px;		text-align: center;		padding: 0;		margin: 0;		background: #789c48;		float: left;	}	.menu-fixed {		position: fixed;		top: 0;		left: 0;		display: inline-block;		width: 100%; background: rgba(0,0,0,0.5);		box-shadow: 0 0 10px #999999;		moz-box-shadow: 0 0 10px #999999;		webkit-box-shadow: 0 0 10px #999999;		height: 40px;		z-index: 100;		text-align: center;	}	.divider {		position: relative;		display: inline-block;		padding-top: 9px;		color: #789c48;	} #contactFrm {		position: absolute;		right: 0;		left: 0;		margin-left: auto;		margin-right: auto;		top: 3%;		display: inline-block;		width: 300px;		padding: 10px;		z-index: 1000;		background: #ffffff;		border-radius: 0.5em;		-webkit-border-radius: 0.5em;		-moz-border-radius: 0.5em;		border: 1px solid #cccccc;		box-shadow: 0 0 10px #333333;	}	#contact-lcol {		position: relative;		float: left;		width: 100%;	}	#contact-rcol {		position: relative;		float: right;		width: 50%;	}	#contactFrm h3 {		padding: 0;		margin: 0;		color: #789c48;	}	input.contact-form {		position: relative;		width: 95%;		border: none;		padding: 2%;		margin: 1% 0 1% 0;		background: #fff;		margin-bottom: 4%;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		color: #333333;		outline: none;		font-size: 1.1em;		border: 1px solid #789c48; 		border-radius: 0.2em;		-webkit-border-radius: 0.2em;		-moz-border-radius: 0.2em;			}	input.contact-form:hover {		background: #ececec;		border: 1px solid #808080;	}		textarea.contact-form  {		position: relative;		width: 95%;		height: 45px;		border: none;		padding: 2%;		margin-top: 0;		background: #fff;			font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		font-size: 1.1em;		color: #333333;		border: 1px solid #789c48; 		border-radius: 0.2em;		-webkit-border-radius: 0.2em;		-moz-border-radius: 0.2em;				outline: none;	}	textarea.contact-form:hover {		background: #ececec;		border: 1px solid #808080;	}			.contact-form-button {		position: relative;		display: inline-block;		float: right;		margin-right: 0;		margin-top: 2%;		cursor: pointer;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		color: #fff;		padding: 1% 5% 1% 5%;		background: #789c48; 		border-radius: 0.2em;		-webkit-border-radius: 0.2em;		-moz-border-radius: 0.2em;				outline: none;		border: none;		font-size: 1.1em;		text-align: center;	}		.contact-form-button:hover {		color: #ffffff; 		background: #808080; 	}	#contact-left-column {		background:#eee; border:1px solid #ccc; padding:5px 10px; float: left; margin-right: 10px; width: 35%; display: inline-block;	}	#contact-right-column {		background:#eee; border:1px solid #ccc; padding:5px 10px; float: right; margin-right: 10px; width: 55%; display: inline-block;	} #request-appointment {		position: relative;		display: inline-block;		border-radius: .3em;		-webkit-border-radius: .3em;		-moz-border-radius: .3em;		width: 100%;		padding: 0;	}	table.request-form-table {		width: 100%;	}	table.request-form-table td {		padding: 1%;	}	.request-input {		margin: 3px 0 3px 0;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		font-size: 1.1em;		width: 96%;		border-radius: .3em;		-webkit-border-radius: .3em;		-moz-border-radius: .3em;		border: 1px solid #789c48;		padding: 2%;		outline: none;	}		.request-input:hover {		background: #ececec;		border: 1px solid #808080;	}			.request-form-button {		position: relative;		display: inline-block;		margin-right: 0;		margin-top: 2%;		cursor: pointer;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		color: #fff;		padding: 1% 5% 1% 5%;		background: #789c48; 		border-radius: 0.2em;		-webkit-border-radius: 0.2em;		-moz-border-radius: 0.2em;				outline: none;		border: none;		font-size: 1.1em;		text-align: center;	}	.request-form-button:hover {		color: #ffffff; 		background: #808080; 	}		#ra-form {		position: relative;		display: inline-block;		width: 100%;	}	.request-lcol {		position: relative;		display: inline-block;		width: 45%;		float: left;	}	.request-rcol {		position: relative;		display: inline-block;		width: 45%;		float: right;	}		img.smile-gallery {		width: 50%;		max-width: 200px;		padding: 10px;		box-sizing: border-box;		-moz-box-sizing: border-box;		float: left;	}}@media screen and (max-width: 600px) {	body {		margin: 0 0 0 0;		padding: 0 0 0 0;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		color: #333333;		height: 100%;		background: #ffffff;			}			#page-container {		position: relative;		width: 100%;		padding: 0;		margin-right: auto;		margin-left: auto;		top: 0;	} #welcome-banner {		display: none;	}			#mobileQRpanel {			display: none;	} #header {		position: relative;		display: inline-block;		padding: 5px 0 5px 0;		width: 100%; text-align: center;		background: #ffffff;		float: left;		overflow: hidden;		box-sizing: border-box;		-moz-box-sizing: border-box;		-webkit-box-sizing: border-box;	}		#inside_header {		position: relative;		display: inline-block;		padding: 5px 0 5px 0;		width: 100%;		background: #ffffff;		float: left;		text-align: center;		overflow: hidden;		box-sizing: border-box;		-moz-box-sizing: border-box;		-webkit-box-sizing: border-box;		}			#services-section {		position: relative;		display: inline-block;		padding: 20px;		width: 100%;		background: #786e62;		color: #ffffff;		float: left;		box-sizing: border-box;		-moz-box-sizing: border-box;		-webkit-box-sizing: border-box;			}			#social-links-section {		position: absolute;		top: 2px;		right: 2%;		z-index: 20;	}				#overlay {		display: none;		position: fixed; 		z-index: 400; 		width:100%; 		height: 100%; 		background: rgba(0,0,0,0.5);	}		a#closeRequestForm:link, a#closeRequestForm:visited, a#closeRequestForm:active, a#closeRequestForm:hover {		position: absolute;		right: 0;		top: 0;		width: 30px;		height: 30px;		border-radius: 50%;		-webkit-border-radius: 50%;		-moz-border-radius: 50%;		font-size: 1.5em;		color: #ffffff;		background: #789c48;		text-align: center;		text-decoration: none;	}	a#closeRequestForm:hover {		color: #ffffff;		background: #789c48;	} a.requestBtn:link, a.requestBtn:active, a.requestBtn:visited, a.requestBtn:hover {		display: none; }	a.requestBtn:hover {		color: #ffffff;		background: #789c48;	} h1 {		font-size: 1.2rem;		margin: 2% 0 2% 0;		text-align: left;	}		h2 {		font-size: 1.1rem;		margin: 3% 0 2% 0;		text-align: left;			}	h3 {		font-size: 0.9rem;		margin: 2% 0 2% 0;		font-weight: bold;		text-align: left;			}	.blue {		color: #789c48;		line-height: 40px;	}	.green {		color: #789c48;		line-height: 40px;		} #doctor-call-out {		display: none;	}	.large-phone {		display: none;	}	.large-email {		display: none;	}		#call-out {		display: none;	}	#homepage-blurb {		position: relative;		text-decoration: none;		color: #786c62;		font-size: 1.0rem;			width: 100%;		padding: 2%;		box-sizing: border-box;		-moz-box-sizing: border-box;		-webkit-box-sizing: border-box;		text-align: left;	}	#homepage-blurb h1 {		margin: 20px 0 0 0;		padding: 0;		line-height: 25px;	}	img.homepage{ display: none;	} #menu {		display: none;	} a.logo img {		position: relative;		margin-left: auto;		margin-right: auto;		width: 100%;		max-width: 263px;	}	h1#logo-title {		position: absolute;		left: -9999px;	} #slider1 {		display: none;	} #content {		position: relative;		display: inline-block;		width: 96%;		padding: 2%;		background: rgba(255,255,255,0.5);	}	#content-inside {		text-align: justify;		width: 100%;	}	#call-now, map-it {		position: relative;		display: inline-block;		width: 100%;	}	.insetPhoto {		position: relative;		display: inline;		float: right;		margin: 1% 0 1% 0;		width: 100%;		box-sizing: border-box;		-moz-box-sizing: border-box;	}			.homePara {		padding-left: 0;	} a.panel h1 {		color: #ffffff;		font-size: 1.5rem;		text-align: center;	}	a.panel img {		position: relative;		bottom: 0;		right: 0;	}	a.panel:link, a.panel:active, a.panel:visited {		position: relative;		display: inline-block;		float: left;		box-sizing: border-box;		-moz-box-sizing: border-box;		width: 100%;		padding: 10px 10px 10px 10px;		text-align: center;		margin-bottom: 10px;		color: #ffffff;		text-decoration: none;		-webkit-transition: all 0.5s ease-in-out;		-moz-transition: all 0.5s ease-in-out;		-o-transition: all 0.5s ease-in-out;		transition: all 0.5s ease-in-out;			}	a.panel:hover {		background: #789c48;		color: #ffffff;	} a.serviceBox h1 {		color: #ffffff;	}	a.serviceBox img {		position: absolute;		bottom: 0;		right: 0;	}	a.serviceBox:link, a.serviceBox:active, a.serviceBox:visited {		position: relative;		display: inline-block;		float: left;		box-sizing: border-box;		-moz-box-sizing: border-box;		width: 49%;		padding: 10px 50px 10px 10px;		text-align: left;		margin-bottom: 10px;		color: #ffffff;		text-decoration: none;		-webkit-transition: all 0.5s ease-in-out;		-moz-transition: all 0.5s ease-in-out;		-o-transition: all 0.5s ease-in-out;		transition: all 0.5s ease-in-out;			}	a.serviceBox:hover {		background: #786e62;		color: #ffffff;	}	.sbox1 {		background: #789c48;	}	.sbox2 {		background: #79c4c7;	}		.sbox3 {		background: #c63f85;	}		.sbox4 {		background: #646968;	}	.sboxMarginRight {		margin-right: 2%;	}			h1.sectionH1 {		color: #646968;		font-size: 3.0rem;		text-align: center;		border-top: 1px solid #cccccc;			} #footer-container {		position: relative;		display: inline-block;		width: 100%;		max-width: 990px;		background: #ffffff; 		color: #786e62;		font-size: 0.95em;		float: left;		border-top: 1px solid #789c48;				box-sizing: border-box; -moz-box-sizing: border-box;	}	#footer-center {		position: relative;		margin-left: auto;		margin-right: auto;		width: 100%;		max-width: 990px;		padding: 2%;		box-sizing: border-box; -moz-box-sizing: border-box;	}	#footer-container a {		text-decoration: none;		}			div.footer-col {		position: relative;		display: inline-block;		padding: 20px;		float: left;		width: 100%;		box-sizing: border-box;		-moz-box-sizing: border-box;	}	.alignCenter {		text-align: center;	}		#designedByContainer {		position: relative;		display: inline-block;		width: 100%;		padding: 30px;		background: #789c48;		color: #ffffff;		text-align: center;		box-sizing: border-box;		-moz-box-sizing: border-box;		float: left;		text-align: center;		text-transform: uppercase;	} #banner {		position: relative;		width: 96%;		overflow: hidden;		margin-left: auto;		margin-right: auto;	}	#banner img {		position: relative;		display: inline-block;		float: left;	} .banner-call-out {		position: absolute;		display: inline-block;		float: left;		bottom: 0;		font: 400 130px/0.8 'Great Vibes', Helvetica, sans-serif;		color: #333333;		text-shadow: 4px 4px 3px rgba(0,0,0,0.1);		font-size: 1.4em;		font-weight: normal;				background: rgba(255,255,255,0.3); color: #333333;		text-align: center; width: 100%;		padding: 1%;		z-index: 30;	} ul.rotatingBanner {		position: relative;		display: inline-block;		width: 100%;		margin: 0;		padding: 0;		float: left;	}	ul.rotatingBanner li {		position: absolute;		display: inline-block;		width: 100%;		list-style: none;			margin: 0;		padding: 0;		background: #fff;	}	ul.rotatingBanner img {		width: 100%;	}	li.show {		z-index: 1;	} .social-media-tab {			display: none;	}		#social-links-section { } .phone-nav-icon {		float: left; 		width: 20px; 		padding: 1%; 		background: #fff; 		margin-top: 3px;		border-radius: 0.2em;		-webkit-border-radius: 0.2em;		-moz-border-radius: 0.2em;			}	#phone-nav-dynamic {		position: relative;		width: 100%;		margin: 0;		padding: 0 0 1% 0;		text-align: left;			}		#phone-nav-overlay {		position: relative;		width: 100%;		display: none;		z-index: 999;	}		a.phone-nav-selected:link, a.phone-nav-selected:visited, a.phone-nav-selected:active, a.phone-nav-selected:hover {				position: relative;		display: inline-block;		width: 96%;		padding: 2%;		border-bottom: 1px solid #ececec;				color: #fff;		text-decoration: none;		font-size: 1.2em;		background: #789c48;	}		a.phone-nav-selected:hover {		color: #fff;		border-bottom: 1px solid #fff;		background: #789c48; 	}		a.phone-nav-links:link, a.phone-nav-links:visited, a.phone-nav-links:active, a.phone-nav-links:hover {		width: 96%;		padding: 2%;		border-bottom: 1px solid #ececec;		display: inline-block;		color: #333333;		background: #fafafa;		text-decoration: none;		font-size: 1.2em;	}		a.phone-nav-links:hover {		color: #ffffff;		border-bottom: 1px solid #ffffff;		background: #789c48; 	}	a#dynamic-phone-menu:link, a#dynamic-phone-menu:active, a#dynamic-phone-menu:visited, a#dynamic-phone-menu:hover {		display: inline-block;		width: 96%;		padding: 2%;		background: #789c48; 		text-decoration: none;		font-size: 1.4em;			font-weight: bold;		color: #fff;	}	a#dynamic-phone-menu:hover {		color: #fff;		background: #808080; 	}	.faded {		opacity: 0.2;	} #contactFrm {		position: relative;		display: inline-block;		margin-top: 2%;		width: 96%;		padding: 2%;		border-radius: 0.5em;		-webkit-border-radius: 0.5em;		-moz-border-radius: 0.5em;		background: rgba(255,255,255,1.0);	}	#contact-lcol {		position: relative;		float: left;		width: 100%;	}	#contact-rcol {		position: relative;		float: left;		width: 100%;	}	#contactFrm h3 {		padding: 0;		margin: 0;		color: #789c48;	}	input.contact-form {		position: relative;		width: 95%;		border: none;		padding: 2%;		margin: 1% 0 1% 0;		background: #fff;		margin-bottom: 4%;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		color: #333333;		outline: none;		font-size: 1.1em;		border: 1px solid #789c48; 		border-radius: 0.2em;		-webkit-border-radius: 0.2em;		-moz-border-radius: 0.2em;			}	input.contact-form:hover {		background: #ececec;		border: 1px solid #808080;	}		textarea.contact-form  {		position: relative;		width: 95%;		height: 45px;		border: none;		padding: 2%;		margin-top: 0;		background: #fff;			font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		font-size: 1.1em;		color: #333333;		border: 1px solid #789c48; 		border-radius: 0.2em;		-webkit-border-radius: 0.2em;		-moz-border-radius: 0.2em;				outline: none;	}	textarea.contact-form:hover {		background: #ececec;		border: 1px solid #808080;	}		.contact-form-button {		position: relative;		display: inline-block;		float: right;		margin-right: 0;		margin-top: 2%;		cursor: pointer;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		color: #fff;		padding: 1% 5% 1% 5%;		background: #789c48; 		border-radius: 0.2em;		-webkit-border-radius: 0.2em;		-moz-border-radius: 0.2em;				outline: none;		border: none;		font-size: 1.1em;		text-align: center;	}	.contact-form-button:hover {		color: #ffffff; 		background: #808080; 	}				#contact-left-column {		background:#eee; border:1px solid #ccc; padding:2%; float: left; width: 96%; display: inline-block;	}	#contact-right-column {		background:#eee; border:1px solid #ccc; padding:2%; float: left; width: 96%; display: inline-block; margin-top: 2%;	} #request-appointment {		position: relative;		display: inline-block;		border-radius: .3em;		-webkit-border-radius: .3em;		-moz-border-radius: .3em;		width: 96%;		padding: 2%;	}	.request-input {		margin: 3px 0 3px 0;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		font-size: 1.1em;		width: 96%;		border-radius: .3em;		-webkit-border-radius: .3em;		-moz-border-radius: .3em;		border: 1px solid #789c48;		padding: 2%;		outline: none;	}		.request-input:hover {		background: #ececec;		border: 1px solid #808080;	}			.request-form-button {		position: relative;		display: inline-block;		margin-right: 0;		margin-top: 2%;		cursor: pointer;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		color: #fff;		padding: 1% 5% 1% 5%;		background: #789c48; 		border-radius: 0.2em;		-webkit-border-radius: 0.2em;		-moz-border-radius: 0.2em;				outline: none;		border: none;		font-size: 1.1em;		text-align: center;	}	.request-form-button:hover {		color: #ffffff; 		background: #808080; 	}		img.smile-gallery {		width: 48%;	}}.bigger {	font-size: 3.0rem;} .association-logos {	position: relative;	display: inline-block;	float: left;	border: 1px solid #cccccc;	margin-right: 1%;	-webkit-transition: all 0.5s ease-in-out;	-moz-transition: all 0.5s ease-in-out;	-o-transition: all 0.5s ease-in-out;	transition: all 0.5s ease-in-out;	}.association-logos:hover { }.img-title {    position: absolute;    top: 0;    margin: 0;    height: 100%;    width: 100%;    text-align: center; display: none; background-color: rgba(0,0,0,0.6); }.img-title h5 {	position: absolute;	color: #fff;	top: 0%;	width: 100%;	text-align: center;	font-size: 0.7rem;}.logo-gallery {	position: relative;	display: inline-block;} #sendMapToPhone {	position: relative;	display: inline-block;	width: 100%;	padding: 1% 0 1% 0;}input.send-to-phone-form, select.send-to-phone-form {	position: relative;	width: 100%;	border: none;	padding: 2%;	margin: 1% 0 0 0;	background: #fff;	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;	color: #333333;	outline: none;	font-size: 1.1rem;	border: 1px solid #789c48; 	border-radius: 0.2em;	-webkit-border-radius: 0.2em;	-moz-border-radius: 0.2em;		box-sizing: border-box; -moz-box-sizing: border-box;	}input.send-to-phone-form:hover, select.send-to-phone-form:hover {	background: #ececec;	border: 1px solid #789c48;}	.send-to-phone-form-button {	position: relative;	display: inline-block;	margin: 1% 0 0 0;	cursor: pointer;	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;	color: #fff;	padding: 1% 5% 1% 5%;	background: #789c48; 	border-radius: 0.2em;	-webkit-border-radius: 0.2em;	-moz-border-radius: 0.2em;			outline: none;	border: none;	font-size: 1.1rem;	text-align: center;	width: 100%;}	.send-to-phone-form-button:hover {	color: #ffffff; 	background: #789c48; }#message-send-to-phone {	position: relative;	display: none;	padding: 2%;	width: 100%;	box-sizing: border-box; -moz-box-sizing: border-box;	border: 1px solid #789c48; 	border-radius: 0.2em;	-webkit-border-radius: 0.2em;	-moz-border-radius: 0.2em;	background: #ffffff;} b {    color: #789c48; } h3, h4 {	font-family: "Arial Narrow", Arial, sans-serif;	text-transform: uppercase;	font-weight: normal;	color: #789c48;}h2 { font-size: 1.8rem;	font-weight: normal;	text-transform: uppercase;	text-align: left;}h1 {	text-transform: uppercase;	font-weight: normal;	color: #789c48;} a:link, a:active, a:visited, a:hover {	color: #789c48;	text-decoration: underline;	outline: none;}a:hover {	color: #786e62; 	text-decoration: underline;	outline: none;} a.download:link, a.download:active, a.download:visited, a.download:hover {	position: relative;	display: inline-block;	padding: 8px 5px 5px 5px;	margin: 5px 0 5px 0;	color: #ffffff;	background: #789c48;	text-decoration: none;	font-size: 1.2em;	-webkit-transition: all 0.4s ease;  	-moz-transition: all 0.4s ease;  	-o-transition: all 0.4s ease;  	-ms-transition: all 0.4s ease;  	transition: all 0.4s ease;	}a.download:hover {	color: #ffffff;	background: #789c48;}img.download-icon {	position: relative;	float: left; 	margin: 2px 5px 0 0;} a.callnow:link, a.callnow:active, a.callnow:visited, a.callnow:hover {	position: relative;	display: inline-block;	padding: 2% 2% 2% 2%;	width: 96%;	margin: 1% 0 1% 0;	color: #ffffff;	background: #789c48;	text-decoration: none;	font-size: 1.2em;	text-align: center;}a.callnow:hover {	color: #ffffff;	background: #786e62;} a.button:link, a.button:active, a.button:visited, a.button:hover {	position: relative;	display: inline-block;	padding: 2% 2% 2% 2%;	margin: 1% 0 1% 2%;	color: #ffffff;	background: #789c48;	text-decoration: none;	font-size: 1.2em; -o-transition:color .2s ease-out, background 0.5s ease-in;	-ms-transition:color .2s ease-out, background 0.5s ease-in;	-moz-transition:color .2s ease-out, background 0.5s ease-in;	-webkit-transition:color .2s ease-out, background 0.5s ease-in; transition:color .2s ease-out, background 0.5s ease-in;		float: right;	border-radius: 0.5em;	-webkit-border-radius: 0.5em;	-moz-border-radius: 0.5em;}a.button:hover {	color: #ffffff;	background: #789c48;} #designedByContainer a:link, #designedByContainer a:visited, #designedByContainer a:active {	color: #ffffff;}#designedByContainer a:hover {	color: #333333;}.footer-col h2 {	color: #789c48;}div.footer-col a:link, div.footer-col a:active, div.footer-col a:visited, div.footer-col a:hover {	color: #786e62;}div.footer-col a:hover {	color: #789c48;}div.footer-col-last a:link, div.footer-col-last a:active, div.footer-col-last a:visited, div.footer-col-last a:hover {	color: #786e62;}div.footer-col-last a:hover {	color: #789c48;} a.document-button:link, a.document-button:visited, a.document-button:active {	position: relative;	display: inline-block;	padding: 20px;	background: #9B8C7E;	color: #494747;	font-size: 1.1em;	margin-bottom: 2%;	width: 70%;	text-decoration: none;	-webkit-transition: all 0.4s ease;  	-moz-transition: all 0.4s ease;  	-o-transition: all 0.4s ease;  	-ms-transition: all 0.4s ease;  	transition: all 0.4s ease;	}a.document-button:hover {	background: #789c48;	color: #fff;} #social-media-sharing{	position: fixed;	top: 65px;	left: 0;	background: rgba(255,255,255,0.3);	display: none;	padding: 1%;	z-index: 20;}.sharrre .button{	position: relative;	text-align: center;	width: 65px;	border: 1px solid #cccccc;	padding: 2%;	margin: 2%;	}.social-media-tab {    position: fixed;	width: 30px;    top: 5px;    left: -5px;    text-decoration: none;    color: #000000;    background: rgba(255,255,255,0.3);    font-size: 12px;    padding: 1em;	z-index: 20;}.social-media-tab:hover {	left: 0px;	background: rgba(135,135,135,0.5);}.social-media-tab img {	width: 25px;} .social-media-link-container {	position: relative;	display: inline-block;	width: 30px;	height: 35px;	text-align: center;	padding: 1px;	overflow: hidden;	border: 1px solid #ececec; }.social-media-link {	position: relative;	float: left;	width: 20px;	height: 35px;	padding: 10px 5px 5px 5px;	text-align: center;}.social-media-link img {	width: 100%;}	.social-media-link-active {	position: relative;	float: left;	width: 20px;	height: 35px;	padding: 10px 5px 5px 5px;	text-align: center;}.social-media-link-active img {	width: 100%;}	#facebook-link { }#facebook-link-active {	background: #3B5998; }#youtube-link { }#youtube-link-active {	background: #bb0000; }#google-plus-link { }#google-plus-link-active {	background: #dd4b39; }#twitter-link { }#twitter-link-active {	background: #4099FF; } .ui-effects-wrapper {	display:inline;} .clear {	clear:both} .bios {	display: inline-block;	padding: 5px 2% 5px 2%;	width: 96%;	margin-left: 0;	background: #ececec;	border-radius: 0.5em;	webkit-border-radius: 0.5em;	moz-border-radius: 0.5em;	font-size: 1.0em;	float: left;}.bios b {	display: block;	font-size: 1.5rem;} img.profile {	position: relative;	display: inline-block;	float: left;	margin: 1% 2% 1% 0;	border-radius: 0.3em;	-webkit-border-radius: 0.3em;	-moz-border-radius: 0.3em;	width: 120px;} div.google-map {	position: relative;	display: inline-block;	margin-top: 2%;	padding: 2%;	border: 1px solid #999999;	margin-left: 0px;	margin-bottom: 2%;	border-radius: .5em .5em .5em .5em;	-webkit-border-radius: .5em .5em .5em .5em;	-moz-border-radius: .5em .5em .5em .5em;		width: 96%;} .faqs-show-answer {	cursor: pointer;}.faqs-show-answer:hover h3{	color: #999999;}.faqs-answer {	display: none;} blockquote {	display: inline-block;	padding: 5px 10px 10px 10px;	margin-left: 0;	background: #ececec;	border: 1px solid #cccccc;	font-size: 1.1em;}.bqstart {	position: relative;	display: inline-block;	height: 20px;	padding-bottom: 0;    font-size: 120%;	color: #789c48;}.bqend {	position: relative; 	display: inline-block;	height: 20px;    font-size: 120%;	color: #789c48;} ol {	margin-top: 1%;	padding: 2%;	background: #ececec;}ol li {	list-style-type: decimal;	margin-left: 20px;	margin-bottom: 2%;	margin-top: 3%;} ul.norm {	margin-top: 1%;	padding: 2%;	background: #ececec;}ul.norm li {	list-style-type: circle;	margin-left: 20px;	margin-top: 5px;} .rounded {	border-radius: .5em .5em .5em .5em;	-webkit-border-radius: .5em .5em .5em .5em;	-moz-border-radius: .5em .5em .5em .5em;	}.rounded-left {	border-radius: .5em 0 0 .5em;	-webkit-border-radius: .5em 0 0 .5em;	-moz-border-radius: .5em 0 0 .5em;	} .back-to-top {    position: fixed;    bottom: 2em;    right: -5px;	width: 30px;    text-decoration: none;    color: #000000;    background: rgba(235, 235, 235, 0.80);    font-size: 12px;    padding: 1em;    display: none;	z-index: 20;}.back-to-top:hover {    	right: 0px;    background: rgba(135, 135, 135, 0.50);} #message_post_request {	display: none;	position: relative;	padding: 10px;	background: rgba(255,255,255,0.5); 	color: #333333;	margin-bottom: 10px;	border-radius: .3em;	-webkit-border-radius: .3em;	-moz-border-radius: .3em;		list-style: none;}#message_post {	position: relative;	display: inline-block;	padding: 10px 0 10px 0;	display: none;	text-align: center;	background: rgba(255,255,255,0.5);	color: #333333;	z-index: 20;	font-size: 1.1em;}.error {	color: #990000;}.success {	color: #576B12;}img.loading-icon { } input[type=checkbox].checkBox:hover {	cursor: pointer;}input[type=checkbox].checkBox:before { 	content:""; 	position: relative;	display: inline-block; 	float: left;	margin: -2px 0 0 0;	width: 17px; 	height: 17px; 	background: url(//brantheritagedental.ca/wp-content/themes/site/images/checkbox-images/checkbox.jpg);	background-repeat: no-repeat;	background-size: 100%;}input[type=checkbox].checkBox:checked:before { 	background: url(//brantheritagedental.ca/wp-content/themes/site/images/checkbox-images/checkbox-checked.jpg);	background-repeat: no-repeat;	background-size: 100%;	}@media screen and (min-width: 990px) {	body {		height: 100%;		margin: 0 0 0 0;		padding: 0 0 0 0; font-stretch: condensed;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		background-image: linear-gradient(#ffffff,#786e62);	}	#page-container {		position: relative;		height: 100%;		width: 100%;		max-width: 990px;		padding: 0;		margin-right: auto;		margin-left: auto;		top: 0;	} #header {		position: relative;		display: inline-block;		padding: 20px 0 20px 0;		width: 100%;		height: 480px;		background: #ffffff;		float: left;		overflow: hidden;		box-sizing: border-box;		-moz-box-sizing: border-box;		-webkit-box-sizing: border-box;	}		#inside_header {		position: relative;		display: inline-block;		padding: 20px 0 20px 0;		width: 100%;		height: 260px;		background: #ffffff;		float: left;		overflow: hidden;		box-sizing: border-box;		-moz-box-sizing: border-box;		-webkit-box-sizing: border-box;		}		#social-links-section {		position: absolute;		top: 10px;		right: 20px;		z-index: 20;	}			#services-section {		position: relative;		display: inline-block;		padding: 20px;		width: 100%;		background: #786e62;		color: #ffffff;		float: left;		box-sizing: border-box;		-moz-box-sizing: border-box;		-webkit-box-sizing: border-box;			} #welcome-banner {		position: relative;		display: inline-block;		float: left;		width: 100%;		text-align: left;		background: #789c48;		padding: 10px 5% 30px 5%;		box-sizing: border-box; -moz-box-sizing: border-box;		color: #ffffff;		}	.largeFont {		position: relative;		top: 10px;		text-transform: uppercase;		font-size: 2.0em;		color: #ffffff;		margin: 0;	}	.largeScript {		position: relative;		top: 20px;			font: 400 130px/0.8 'Great Vibes', Helvetica, sans-serif;		color: #ffffff;		text-shadow: 4px 4px 3px rgba(0,0,0,0.1);		font-size: 2.6em;		font-weight: normal;		}	@-webkit-keyframes fadi {		0%   { opacity: 0; }		100% { opacity: 1; }	}	@-moz-keyframes fadi {		0%   { opacity: 0; }		100% { opacity: 1; }	}		.spacer {		position: relative;		display: inline-block;		width: 200px;	} .service-col {		position: relative;		display: inline-block;		padding: 1%;		width: 45%;		float: left;		text-align: left;	}			#mobileQRpanel {		position: absolute;		display: inline-block;		top: -200px;		right: 0;		z-index: 100;		padding: 0;	}	#mobileQRpanel img {		float: left;		margin: 0;		padding: 0;	}	#mobileQRpanel a {		position: absolute;		display: inline-block;		bottom: 0;		left: 30px;		font-size: 1.1rem;		text-transform: uppercase;		text-decoration: none;		background: rgba(255,255,255,0.1);		padding: 2%;		text-align: center;		width: 96%;		color: #ffffff;			-webkit-transition: all 0.5s ease;		-moz-transition: all 0.5s ease;		-o-transition: all 0.5s ease;		transition: all 0.5s ease;		}	.shiftDown {		transform-origin: right bottom;		-moz-transform-origin: right bottom;		-webkit-transform-origin: right bottom;		transform:rotate(270deg) translateX(0);		-moz-transform:rotate(270deg) translateX(0);		-webkit-transform:rotate(270deg) translateX(0);		-moz-transform:rotate(270deg);		-o-transform:rotate(270deg);		}	.shiftUp {		transform-origin: right bottom;		-moz-transform-origin: right bottom;			-webkit-transform-origin: right bottom;		transform: rotate(270deg) translateX(100%);		-moz-transform:rotate(270deg) translateX(100%);				-webkit-transform:rotate(270deg) translateX(100%);		-moz-transform:rotate(270deg);		-o-transform:rotate(270deg);	}	#mobileQRpanel a:hover {		background: #999999;		} #overlay {		display: none;		position: absolute; 		z-index: 400; 		width:100%; 		height: 100%; 		background: rgba(0,0,0,0.5);	}	a#closeRequestForm:link, a#closeRequestForm:visited, a#closeRequestForm:active, a#closeRequestForm:hover {		position: absolute;		right: -15px;		top: -15px;		width: 30px;		height: 30px;		border-radius: 50%;		-webkit-border-radius: 50%;		-moz-border-radius: 50%;		font-size: 1.5em;		color: #ffffff;		background: #789c48;		text-align: center;		text-decoration: none;		-webkit-transition: all 0.2s ease;  		-moz-transition: all 0.2s ease;  		-o-transition: all 0.2s ease;  		-ms-transition: all 0.2s ease;  		transition: all 0.2s ease; 			}	a#closeRequestForm:hover {		color: #ffffff;		background: #789c48;		width: 45px;		height: 40px;		font-size: 1.8em;		right: -20px;		top: -20px;			padding-top: 5px;		box-shadow: 0 0 10px #333333;	} a.requestBtn:link, a.requestBtn:active, a.requestBtn:visited, a.requestBtn:hover {		position: absolute;		top: 70px;		right:20px;		display: inline-block;		padding: 20px;		margin: 0;		color: #ffffff;		background: #789c48;		text-decoration: none;		font-size: 1.2em;		z-index: 20;		border-radius: 0.5em;		-webkit-border-radius: 0.5em;		-mobile-border-radius: 0.5em; -o-transition:color .2s ease-out, background 0.5s ease-in;		-ms-transition:color .2s ease-out, background 0.5s ease-in;		-moz-transition:color .2s ease-out, background 0.5s ease-in;		-webkit-transition:color .2s ease-out, background 0.5s ease-in; transition:color .2s ease-out, background 0.5s ease-in;	}	a.requestBtn:hover {		color: #ffffff;		background: #786e62;	}		#doctor-call-out {		position: absolute;		top: 170px;		left: 150px;		text-decoration: none;		color: #789c48;		font-size: 1.5rem;		z-index: 2;	}	a.large-phone:link, a.large-phone:active, a.large-phone:visited, a.large-phone:hover  {		position: absolute;		top: 200px;		left: 150px;		text-decoration: none;		color: #786e62;		font-size: 1.5rem;	}	a.large-phone:hover  {		color: #789c48;	}		a.large-email:link, a.large-email:active, a.large-email:visited, a.large-email:hover  {		position: absolute;		top: 225px;		left: 150px;		text-decoration: none;		color: #786e62;		font-size: 1.2rem;			}		a.large-email:hover  {		color: #789c48;	}	#homepage-blurb {		position: absolute;		top: 245px;		left: 150px;		text-decoration: none;		color: #786c62;		font-size: 1.0rem;			width: 35%;	}	#homepage-blurb h1 {		margin: 20px 0 0 0;		padding: 0;		line-height: 25px;	}	img.homepage{		position: absolute;		display: inline-block;		right: -20px;		top: 0;		z-index: 0;	} a.logo img {		position: absolute;		display: inline-block;		top: 10px;		left: 10px;		z-index: 2;		-webkit-transition: all .2s;	}	a.logo img:hover {	}	h1#logo-title {		position: absolute;		left: -9999px;	}	.small-logo {		display: none;	}	.small-logo img {		position: relative;		height: 35px;		margin-right: 5px;		margin-bottom: 2px;	}	.small-contact {		display: none;	}	.small-contact img {		margin-bottom: 10px;		position: relative;		height: 20px;		margin-left: 5px;	}		#contact-icon {		position: relative;		display: inline-block;	}	#contact-icon:hover > #show-address-box {		display: inline-block;	}	#show-address-box {		display: none;		position: absolute;		bottom: -80px;		left: -100px;		width: 170px;		height: 60px;		font-size: 0.9em;		color: #ffffff;		background: rgba(0,0,0,0.9);		border: 2px solid #789c48;		box-shadow: 0 0 10px #999999;		padding: 10px;		border-radius: 0 0 0.8em 0.8em;		moz-border-radius: 0 0 0.8em 0.8em;		webkit-border-radius: 0 0 0.8em 0.8em;	} #bannerContainer {		position: relative;		display: inline-block;		width: 100%;		float: left;		background: #ffffff;		padding: 0;	}	#banner {		position: relative;		width: 100%;		overflow: hidden;		background: #ffffff;	}	#banner img {		position: relative;		display: inline-block;		float: left;	} ul.rotatingBanner {		position: relative;		display: inline-block;		float: left;		height: 398px;		width: 100%;		margin: 0;		padding: 0;	}	ul.rotatingBanner li {		position: absolute;		display: inline-block;		width: 100%;		list-style: none;			margin: 0;		padding: 0;		background: #fff;	}	ul.rotatingBanner img {		display: none;		width: 100%;	}	li.show {		z-index: 1;	} .banner-call-out {		position: absolute;		display: inline-block;		font: 400 130px/0.8 'Great Vibes', Helvetica, sans-serif;		color: #333333;		text-shadow: 4px 4px 3px rgba(0,0,0,0.1);		font-size: 2.6em;		font-weight: normal;   color: #333333; padding: 10px;		width: 280px;		z-index: 30;		}	#banner-call-out-1 {		left: 30px;		bottom: 60px;	}	#banner-call-out-2 {		display: none;		right: 10px;		top: 20px;	}	#banner-call-out-3 {		display: none;			left: 20px;		top: 20px;	}	#banner-call-out-4 {		display: none;			left: 30px;		top: 20px;	} #content {		position: relative;		display: inline-block;		width: 100%;		float: left;		background: rgba(255,255,255,1.0); box-sizing: border-box; -moz-box-sizing: border-box;	}	#content-inside {		position: relative;		display: inline-block;		text-align: justify;		padding: 5% 5% 5% 5%;		width: 100%;		font-size: 1.0em;		box-sizing: border-box; -moz-box-sizing: border-box;		-webkit-animation: fadi 2s 1;	}		.insetPhoto {		position: relative;		display: inline;		float: right;		margin: 15px 0 10px 10px;		width: 33.33333%;		box-sizing: border-box;		-moz-box-sizing: border-box;	}		.homePara {		padding-left: 40%;	} a.panel h1 {		color: #ffffff;		font-size: 1.5rem;		text-align: center;	}	a.panel img {		position: relative;		bottom: 0;		right: 0;	}	a.panel:link, a.panel:active, a.panel:visited {		position: relative;		display: inline-block;		float: left;		box-sizing: border-box;		-moz-box-sizing: border-box;		width: 33.33333333333333333333%;		padding: 10px 10px 10px 10px;		text-align: center;		margin-bottom: 10px;		color: #ffffff;		text-decoration: none;		-webkit-transition: all 0.5s ease-in-out;		-moz-transition: all 0.5s ease-in-out;		-o-transition: all 0.5s ease-in-out;		transition: all 0.5s ease-in-out;			}	a.panel:hover {		background: #789c48;		color: #ffffff;	} a.serviceBox h1 {		color: #ffffff;	}	a.serviceBox img {		position: absolute;		bottom: 0;		right: 0;	}	a.serviceBox:link, a.serviceBox:active, a.serviceBox:visited {		position: relative;		display: inline-block;		float: left;		box-sizing: border-box;		-moz-box-sizing: border-box;		width: 49%;		padding: 10px 50px 10px 10px;		text-align: left;		margin-bottom: 10px;		color: #ffffff;		text-decoration: none;		-webkit-transition: all 0.5s ease-in-out;		-moz-transition: all 0.5s ease-in-out;		-o-transition: all 0.5s ease-in-out;		transition: all 0.5s ease-in-out;			}	a.serviceBox:hover {		background: #786e62;		color: #ffffff;	}	.sbox1 {		background: #789c48;	}	.sbox2 {		background: #79c4c7;	}		.sbox3 {		background: #c63f85;	}		.sbox4 {		background: #646968;	}	.sboxMarginRight {		margin-right: 2%;	}		h1.sectionH1 {		color: #646968;		font-size: 3.0rem;		text-align: center;		margin: 30px 0 30px 0;		border-top: 1px solid #cccccc;	} #call-now, #map-it {		display: none;	} #footer-container {		position: relative;		display: inline-block;		width: 100%;		max-width: 990px;		background: #ffffff; 		color: #786e62;		font-size: 0.95em;		float: left;		border-top: 1px solid #789c48;		box-sizing: border-box; -moz-box-sizing: border-box;	}	#footer-center {		position: relative;		margin-left: auto;		margin-right: auto;		width: 100%;		max-width: 990px;		padding: 2%;		box-sizing: border-box; -moz-box-sizing: border-box;	}	#footer-container a {		text-decoration: none;		}			div.footer-col {		position: relative;		display: inline-block;		padding: 20px;		float: left;		width: 33.333333%;		box-sizing: border-box;		-moz-box-sizing: border-box;	}	.alignCenter {		text-align: center;	}		#designedByContainer {		position: relative;		display: inline-block;		width: 100%;		padding: 30px;		background: #789c48;		color: #ffffff;		text-align: center;		box-sizing: border-box;		-moz-box-sizing: border-box;		float: left;		text-align: center;		text-transform: uppercase;	} #phone-nav-dynamic {		display: none;	} h1 {		font-size: 1.7em;		margin: 5px 0 5px 0;			}	h2 {		font-size: 1.3em;		margin: 15px 0 5px 0;		line-height: 90%;	}	h3 {		font-size: 1.1em;		margin: 20px 0 5px 0;		font-weight: bold;	}			.blue {		color: #789c48;		line-height: 40px;	}	.green {		color: #789c48;		line-height: 40px;		} #menu { text-transform: uppercase;	}	a.menu:link, a.menu:visited, a.menu:active, a.menu:hover {		font-family: Arial Narrow,Arial,sans-serif;		position: relative;		display: inline-block;		padding:  10px 10px 6px 10px;		height: 24px;		text-align: center;		margin: 0;		color: #ffffff;		font-weight: normal;			text-decoration: none;		font-size: 1.1em; -webkit-transition: all 0.4s ease;  		-moz-transition: all 0.4s ease;  		-o-transition: all 0.4s ease;  		-ms-transition: all 0.4s ease;  		transition: all 0.4s ease; transition:color .2s ease-out, background 0.5s ease-in;			}	a.menu:hover {		color: #789c48;		background: #ffffff;	}		a.selected:link, a.selected:active, a.selected:visited, a.selected:hover {		font-family: Arial Narrow,Arial,sans-serif;		position: relative;		display: inline-block;		padding:  10px 10px 6px 10px;		height: 24px;		margin-right: 0;		color: #789c48; 		font-weight: normal;			text-decoration: none;		font-size: 1.1em;		background: #ffffff;	}		a.selected:hover {		background: #ffffff; 		color: #789c48; 	}	#menubar { 		position: relative;		display: inline-block;		margin: 0;		padding: 0;		height:  40px;	}	#menubar li { 		float: left;		list-style: none;		margin: 0 0 0 0;		padding: 0;			}	#menubar li ul { 		margin: 0 0 0 0;		padding: 0;		position: absolute;		display: none;		z-index: 30;	}	#menubar li ul li { 		float: none;		}	#menubar li:hover ul {		display: block;	}	a.menu-drop:link, a.menu-drop:visited, a.menu-drop:active, a.menu-drop:hover {		font-family: Arial Narrow,Arial,sans-serif;		position: relative;		display: inline-block;		width: 230px;		color: #ffffff;		padding:  5px;		font-weight: normal;			text-decoration: none;		text-align: left;		font-size: 1.1em;		background: #789c48; 		border-bottom: 1px solid #ffffff; -o-transition:color .2s ease-out, background 0.5s ease-in;		-ms-transition:color .2s ease-out, background 0.5s ease-in;		-moz-transition:color .2s ease-out, background 0.5s ease-in;		-webkit-transition:color .2s ease-out, background 0.5s ease-in; transition:color .2s ease-out, background 0.5s ease-in;			}	a.menu-drop:hover {		background: #ececec; 		color: #789c48; 		border-bottom: 1px solid #789c48; 			}		.menu-regular {		position: relative;		display: inline-block;		width: 100%;		height: 40px;		text-align: center;		padding: 0;		margin: 0;		background: #789c48;		float: left;	}	.menu-fixed {		position: fixed;		top: 0;		left: 0;		display: inline-block;		width: 100%; background: rgba(0,0,0,0.5);		box-shadow: 0 0 10px #999999;		moz-box-shadow: 0 0 10px #999999;		webkit-box-shadow: 0 0 10px #999999;		height: 40px;		z-index: 100;		text-align: center;	}	.divider {		position: relative;		display: inline-block;		padding-top: 9px;		color: #789c48;	} #contactFrm {		position: absolute;		right: 0;		left: 0;		margin-left: auto;		margin-right: auto;		top: 3%;		display: inline-block;		width: 300px;		padding: 10px;		z-index: 1000;		background: #ffffff;		border-radius: 0.5em;		-webkit-border-radius: 0.5em;		-moz-border-radius: 0.5em;		border: 1px solid #cccccc;		box-shadow: 0 0 10px #333333;	}	#contact-lcol {		position: relative;		float: left;		width: 100%;	}	#contact-rcol {		position: relative;		float: right;		width: 50%;	}	#contactFrm h3 {		padding: 0;		margin: 0;		color: #789c48;	}	input.contact-form {		position: relative;		width: 95%;		border: none;		padding: 2%;		margin: 1% 0 1% 0;		background: #fff;		margin-bottom: 4%;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		color: #333333;		outline: none;		font-size: 1.1em;		border: 1px solid #789c48; 		border-radius: 0.2em;		-webkit-border-radius: 0.2em;		-moz-border-radius: 0.2em;			}	input.contact-form:hover {		background: #ececec;		border: 1px solid #808080;	}		textarea.contact-form  {		position: relative;		width: 95%;		height: 45px;		border: none;		padding: 2%;		margin-top: 0;		background: #fff;			font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		font-size: 1.1em;		color: #333333;		border: 1px solid #789c48; 		border-radius: 0.2em;		-webkit-border-radius: 0.2em;		-moz-border-radius: 0.2em;				outline: none;	}	textarea.contact-form:hover {		background: #ececec;		border: 1px solid #808080;	}			.contact-form-button {		position: relative;		display: inline-block;		float: right;		margin-right: 0;		margin-top: 2%;		cursor: pointer;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		color: #fff;		padding: 1% 5% 1% 5%;		background: #789c48; 		border-radius: 0.2em;		-webkit-border-radius: 0.2em;		-moz-border-radius: 0.2em;				outline: none;		border: none;		font-size: 1.1em;		text-align: center;	}		.contact-form-button:hover {		color: #ffffff; 		background: #808080; 	}	#contact-left-column {		background:#eee; border:1px solid #ccc; padding:5px 10px; float: left; margin-right: 10px; width: 35%; display: inline-block;	}	#contact-right-column {		background:#eee; border:1px solid #ccc; padding:5px 10px; float: right; margin-right: 10px; width: 55%; display: inline-block;	} #request-appointment {		position: relative;		display: inline-block;		border-radius: .3em;		-webkit-border-radius: .3em;		-moz-border-radius: .3em;		width: 100%;		padding: 0;	}	table.request-form-table {		width: 100%;	}	table.request-form-table td {		padding: 1%;	}	.request-input {		margin: 3px 0 3px 0;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		font-size: 1.1em;		width: 96%;		border-radius: .3em;		-webkit-border-radius: .3em;		-moz-border-radius: .3em;		border: 1px solid #789c48;		padding: 2%;		outline: none;	}		.request-input:hover {		background: #ececec;		border: 1px solid #808080;	}			.request-form-button {		position: relative;		display: inline-block;		margin-right: 0;		margin-top: 2%;		cursor: pointer;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		color: #fff;		padding: 1% 5% 1% 5%;		background: #789c48; 		border-radius: 0.2em;		-webkit-border-radius: 0.2em;		-moz-border-radius: 0.2em;				outline: none;		border: none;		font-size: 1.1em;		text-align: center;	}	.request-form-button:hover {		color: #ffffff; 		background: #808080; 	}		#ra-form {		position: relative;		display: inline-block;		width: 100%;	}	.request-lcol {		position: relative;		display: inline-block;		width: 45%;		float: left;	}	.request-rcol {		position: relative;		display: inline-block;		width: 45%;		float: right;	}		img.smile-gallery {		width: 200px;	}}@media screen and (min-width: 601px) and (max-width: 989px) {	body {		height: 100%;		margin: 0 0 0 0;		padding: 0 0 0 0; font-stretch: condensed;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;*/		color: #333333; background-image: url(//brantheritagedental.ca/wp-content/themes/site/images/default-background.jpg);		background-attachment: fixed;	}	#page-container {		position: relative;		height: 100%;		width: 100%;		max-width: 990px;		padding: 0;		margin-right: auto;		margin-left: auto;		top: 0;	} #header {		position: relative;		display: inline-block;		padding: 20px 0 20px 0;		width: 100%;		height: 480px;		background: #ffffff;		float: left;		overflow: hidden;		box-sizing: border-box;		-moz-box-sizing: border-box;		-webkit-box-sizing: border-box;	}		#inside_header {		position: relative;		display: inline-block;		padding: 20px 0 20px 0;		width: 100%;		height: 260px;		background: #ffffff;		float: left;		overflow: hidden;		box-sizing: border-box;		-moz-box-sizing: border-box;		-webkit-box-sizing: border-box;		}		#services-section {		position: relative;		display: inline-block;		padding: 20px;		width: 100%;		background: #786e62;		color: #ffffff;		float: left;		box-sizing: border-box;		-moz-box-sizing: border-box;		-webkit-box-sizing: border-box;			} #welcome-banner {		position: relative;		display: inline-block;		float: left;		width: 100%;		text-align: left;		background: #789c48;		padding: 10px 5% 30px 5%;		box-sizing: border-box; -moz-box-sizing: border-box;		color: #ffffff;		}	.largeFont {		position: relative;		top: 10px;		text-transform: uppercase;		font-size: 2.0em;		color: #ffffff;		margin: 0;	}	.largeScript {		position: relative;		top: 20px;			font: 400 130px/0.8 'Great Vibes', Helvetica, sans-serif;		color: #ffffff;		text-shadow: 4px 4px 3px rgba(0,0,0,0.1);		font-size: 2.6em;		font-weight: normal;		}	@-webkit-keyframes fadi {		0%   { opacity: 0; }		100% { opacity: 1; }	}	@-moz-keyframes fadi {		0%   { opacity: 0; }		100% { opacity: 1; }	}		.spacer {		position: relative;		display: inline-block;		width: 5%;	} .service-col {		position: relative;		display: inline-block;		padding: 1%;		width: 45%;		float: left;		text-align: left;	}			#mobileQRpanel {			display: none;	}				#social-links-section {		position: absolute;		top: 10px;		right: 20px;		z-index: 20;	} #overlay {		display: none;		position: absolute; 		z-index: 400; 		width:100%; 		height: 100%; 		background: rgba(0,0,0,0.5);	}	a#closeRequestForm:link, a#closeRequestForm:visited, a#closeRequestForm:active, a#closeRequestForm:hover {		position: absolute;		right: -15px;		top: -15px;		width: 30px;		height: 30px;		border-radius: 50%;		-webkit-border-radius: 50%;		-moz-border-radius: 50%;		font-size: 1.5em;		color: #ffffff;		background: #789c48;		text-align: center;		text-decoration: none;		-webkit-transition: all 0.2s ease;  		-moz-transition: all 0.2s ease;  		-o-transition: all 0.2s ease;  		-ms-transition: all 0.2s ease;  		transition: all 0.2s ease; 			}	a#closeRequestForm:hover {		color: #ffffff;		background: #789c48;		width: 45px;		height: 40px;		font-size: 1.8em;		right: -20px;		top: -20px;			padding-top: 5px;		box-shadow: 0 0 10px #333333;	} a.requestBtn:link, a.requestBtn:active, a.requestBtn:visited, a.requestBtn:hover {		position: absolute;		top: 70px;		right:20px;		display: inline-block;		padding: 20px;		margin: 0;		color: #ffffff;		background: #789c48;		text-decoration: none;		font-size: 1.2em;		z-index: 20;		border-radius: 0.5em;		-webkit-border-radius: 0.5em;		-mobile-border-radius: 0.5em; -o-transition:color .2s ease-out, background 0.5s ease-in;		-ms-transition:color .2s ease-out, background 0.5s ease-in;		-moz-transition:color .2s ease-out, background 0.5s ease-in;		-webkit-transition:color .2s ease-out, background 0.5s ease-in; transition:color .2s ease-out, background 0.5s ease-in;	}	a.requestBtn:hover {		color: #ffffff;		background: #786e62;	}		#doctor-call-out {		position: absolute;		top: 120px;		left: 2%;		text-decoration: none;		color: #789c48;		font-size: 1.5rem;		z-index: 2;	}		a.large-phone:link, a.large-phone:active, a.large-phone:visited, a.large-phone:hover  {		position: absolute;		top: 145px;		left: 2%;		text-decoration: none;		color: #786e62;		padding: 2px;		font-size: 1.3em;		z-index: 2;	}	a.large-phone:hover  {		color: #789c48;				border-radius: 0.2em;		-moz-border-radius: 0.2em;		-webkit-border-radius: 0.2em;	}		a.large-email:link, a.large-email:active, a.large-email:visited, a.large-email:hover  {		position: absolute;		top: 170px;		left: 2%;		text-decoration: none;		color: #786e62;		padding: 2px;		font-size: 1.0em;		z-index: 2;			}		a.large-email:hover  {		color: #789c48;				border-radius: 0.2em;		-moz-border-radius: 0.2em;		-webkit-border-radius: 0.2em;	}	#homepage-blurb {		position: absolute;		top: 245px;		left: 2%;		text-decoration: none;		color: #786c62;		font-size: 1.0rem;			width: 35%;	}	#homepage-blurb h1 {		margin: 20px 0 0 0;		padding: 0;		line-height: 25px;	}	img.homepage{		position: absolute;		display: inline-block;		right: -20px;		top: 0;		z-index: 0;	} a.logo img {		position: absolute;		display: inline-block;		top: 2%;		left: 2%;		max-width: 263px;		z-index: 2;		-webkit-transition: all .2s;	}	a.logo img:hover {	}	h1#logo-title {		position: absolute;		left: -9999px;	}	.small-logo {		display: none;	}	.small-logo img {		position: relative;		height: 35px;		margin-right: 5px;	}	.small-contact {		display: none;	}	.small-contact img {		margin-bottom: 10px;		position: relative;		height: 20px;		margin-left: 5px;	}		#contact-icon {		position: relative;		display: inline-block;	}	#contact-icon:hover > #show-address-box {		display: inline-block;	}	#show-address-box {		display: none;		position: absolute;		bottom: -80px;		left: -100px;		width: 170px;		height: 60px;		font-size: 0.9em;		color: #ffffff;		background: rgba(0,0,0,0.9);		border: 2px solid #789c48;		box-shadow: 0 0 10px #999999;		padding: 10px;		border-radius: 0 0 0.8em 0.8em;		moz-border-radius: 0 0 0.8em 0.8em;		webkit-border-radius: 0 0 0.8em 0.8em;	} #banner {		position: relative;		width: 100%;		overflow: hidden;		background: #ffffff;		float: left;	}	#banner img {		position: relative;		display: inline-block;		float: left;	} ul.rotatingBanner {		position: relative;		display: inline-block;		float: left;		height: 398px;		width: 100%;		margin: 0;		padding: 0;	}	ul.rotatingBanner li {		position: absolute;		display: inline-block;		width: 100%;		list-style: none;			margin: 0;		padding: 0;		background: #fff;	}	ul.rotatingBanner img {		width: 100%;	}	li.show {		z-index: 1;	} .banner-call-out {		position: absolute;		display: inline-block;		font: 400 130px/0.8 'Great Vibes', Helvetica, sans-serif;		color: #333333;		text-shadow: 4px 4px 3px rgba(0,0,0,0.1);		font-size: 2.2em;		font-weight: normal;  color: #000000; padding: 10px;		width: 250px;		z-index: 30;		}	#banner-call-out-1 {		left: 30px;		bottom: 60px;	}	#banner-call-out-2 {		display: none;			right: 20px;		top: 20px;	}	#banner-call-out-3 {		display: none;			left: 20px;		top: 20px;	}	#banner-call-out-4 {		display: none;			left: 30px;		top: 20px;	} #content {		position: relative;		display: inline-block;		width: 100%;		background: rgba(255,255,255,1.0);	}	#content-inside {		position: relative;		display: inline-block;		text-align: justify;		width: 100%;		padding: 0 2% 2% 2%;		font-size: 1.0em;		box-sizing: border-box; -moz-box-sizing: border-box;		-webkit-animation: fadi 2s 1;			}		.insetPhoto {		position: relative;		display: inline;		float: right;		margin: 15px 0 10px 10px;		width: 33.33333%;		box-sizing: border-box;		-moz-box-sizing: border-box;	}			.homePara {		padding-left: 0;	} a.panel h1 {		color: #ffffff;		font-size: 1.5rem;		text-align: center;	}	a.panel img {		position: relative;		bottom: 0;		right: 0;	}	a.panel:link, a.panel:active, a.panel:visited {		position: relative;		display: inline-block;		float: left;		box-sizing: border-box;		-moz-box-sizing: border-box;		width: 50%;		padding: 10px 10px 10px 10px;		text-align: center;		margin-bottom: 10px;		color: #ffffff;		text-decoration: none;		-webkit-transition: all 0.5s ease-in-out;		-moz-transition: all 0.5s ease-in-out;		-o-transition: all 0.5s ease-in-out;		transition: all 0.5s ease-in-out;			}	a.panel:hover {		background: #789c48;		color: #ffffff;	} a.serviceBox h1 {		color: #ffffff;	}	a.serviceBox img {		position: absolute;		bottom: 0;		right: 0;	}	a.serviceBox:link, a.serviceBox:active, a.serviceBox:visited {		position: relative;		display: inline-block;		float: left;		box-sizing: border-box;		-moz-box-sizing: border-box;		width: 49%;		padding: 10px 50px 10px 10px;		text-align: left;		margin-bottom: 10px;		color: #ffffff;		text-decoration: none;		-webkit-transition: all 0.5s ease-in-out;		-moz-transition: all 0.5s ease-in-out;		-o-transition: all 0.5s ease-in-out;		transition: all 0.5s ease-in-out;			}	a.serviceBox:hover {		background: #786e62;		color: #ffffff;	}	.sbox1 {		background: #789c48;	}	.sbox2 {		background: #79c4c7;	}		.sbox3 {		background: #c63f85;	}		.sbox4 {		background: #646968;	}	.sboxMarginRight {		margin-right: 2%;	}		h1.sectionH1 {		color: #646968;		font-size: 3.0rem;		text-align: center;		border-top: 1px solid #cccccc;			} #call-now, #map-it {		display: none;	} #footer-container {		position: relative;		display: inline-block;		width: 100%;		max-width: 990px;		background: #ffffff; 		color: #786e62;		font-size: 0.95em;		float: left;		border-top: 1px solid #789c48;				box-sizing: border-box; -moz-box-sizing: border-box;	}	#footer-center {		position: relative;		margin-left: auto;		margin-right: auto;		width: 100%;		max-width: 990px;		padding: 2%;		box-sizing: border-box; -moz-box-sizing: border-box;	}	#footer-container a {		text-decoration: none;		}			div.footer-col {		position: relative;		display: inline-block;		padding: 20px;		float: left;		width: 33.333333%;		box-sizing: border-box;		-moz-box-sizing: border-box;	}	.alignCenter {		text-align: center;	}		#designedByContainer {		position: relative;		display: inline-block;		width: 100%;		padding: 30px;		background: #789c48;		color: #ffffff;		text-align: center;		box-sizing: border-box;		-moz-box-sizing: border-box;		float: left;		text-align: center;		text-transform: uppercase;	} .social-media-tab {			display: none;	} h1 {		font-size: 1.7em;		margin: 5px 0 5px 0;			}	h2 {		font-size: 1.3em;		margin: 15px 0 5px 0;		line-height: 90%;	}	h3 {		font-size: 1.1em;		margin: 20px 0 5px 0;		font-weight: bold;	}			.blue {		color: #789c48;		line-height: 40px;	}	.green {		color: #789c48;		line-height: 40px;		} #phone-nav-dynamic {		display: none;	} #menu { text-transform: uppercase;	}	a.menu:link, a.menu:visited, a.menu:active, a.menu:hover {		font-family: Arial Narrow,Arial,sans-serif;		position: relative;		display: inline-block;		padding:  10px 10px 6px 10px;		height: 24px;		text-align: center;		margin: 0;		color: #ffffff;		font-weight: normal;			text-decoration: none;		font-size: 1.1em; -webkit-transition: all 0.4s ease;  		-moz-transition: all 0.4s ease;  		-o-transition: all 0.4s ease;  		-ms-transition: all 0.4s ease;  		transition: all 0.4s ease; transition:color .2s ease-out, background 0.5s ease-in;			}	a.menu:hover {		color: #789c48;		background: #ffffff;	}		a.selected:link, a.selected:active, a.selected:visited, a.selected:hover {		font-family: Arial Narrow,Arial,sans-serif;		position: relative;		display: inline-block;		padding:  10px 10px 6px 10px;		height: 24px;		margin-right: 0;		color: #789c48; 		font-weight: normal;			text-decoration: none;		font-size: 1.1em;		background: #ffffff;	}		a.selected:hover {		background: #ffffff; 		color: #789c48; 	}	#menubar { 		position: relative;		display: inline-block;		margin: 0;		padding: 0;		height:  40px;	}	#menubar li { 		float: left;		list-style: none;		margin: 0 0 0 0;		padding: 0;			}	#menubar li ul { 		margin: 0 0 0 0;		padding: 0;		position: absolute;		display: none;		z-index: 30;	}	#menubar li ul li { 		float: none;		}	#menubar li:hover ul {		display: block;	}	a.menu-drop:link, a.menu-drop:visited, a.menu-drop:active, a.menu-drop:hover {		font-family: Arial Narrow,Arial,sans-serif;		position: relative;		display: inline-block;		width: 230px;		color: #ffffff;		padding:  5px;		font-weight: normal;			text-decoration: none;		text-align: left;		font-size: 1.1em;		background: #789c48; 		border-bottom: 1px solid #ffffff; -o-transition:color .2s ease-out, background 0.5s ease-in;		-ms-transition:color .2s ease-out, background 0.5s ease-in;		-moz-transition:color .2s ease-out, background 0.5s ease-in;		-webkit-transition:color .2s ease-out, background 0.5s ease-in; transition:color .2s ease-out, background 0.5s ease-in;			}	a.menu-drop:hover {		background: #ececec; 		color: #789c48; 		border-bottom: 1px solid #789c48; 			}		.menu-regular {		position: relative;		display: inline-block;		width: 100%;		height: 40px;		text-align: center;		padding: 0;		margin: 0;		background: #789c48;		float: left;	}	.menu-fixed {		position: fixed;		top: 0;		left: 0;		display: inline-block;		width: 100%; background: rgba(0,0,0,0.5);		box-shadow: 0 0 10px #999999;		moz-box-shadow: 0 0 10px #999999;		webkit-box-shadow: 0 0 10px #999999;		height: 40px;		z-index: 100;		text-align: center;	}	.divider {		position: relative;		display: inline-block;		padding-top: 9px;		color: #789c48;	} #contactFrm {		position: absolute;		right: 0;		left: 0;		margin-left: auto;		margin-right: auto;		top: 3%;		display: inline-block;		width: 300px;		padding: 10px;		z-index: 1000;		background: #ffffff;		border-radius: 0.5em;		-webkit-border-radius: 0.5em;		-moz-border-radius: 0.5em;		border: 1px solid #cccccc;		box-shadow: 0 0 10px #333333;	}	#contact-lcol {		position: relative;		float: left;		width: 100%;	}	#contact-rcol {		position: relative;		float: right;		width: 50%;	}	#contactFrm h3 {		padding: 0;		margin: 0;		color: #789c48;	}	input.contact-form {		position: relative;		width: 95%;		border: none;		padding: 2%;		margin: 1% 0 1% 0;		background: #fff;		margin-bottom: 4%;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		color: #333333;		outline: none;		font-size: 1.1em;		border: 1px solid #789c48; 		border-radius: 0.2em;		-webkit-border-radius: 0.2em;		-moz-border-radius: 0.2em;			}	input.contact-form:hover {		background: #ececec;		border: 1px solid #808080;	}		textarea.contact-form  {		position: relative;		width: 95%;		height: 45px;		border: none;		padding: 2%;		margin-top: 0;		background: #fff;			font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		font-size: 1.1em;		color: #333333;		border: 1px solid #789c48; 		border-radius: 0.2em;		-webkit-border-radius: 0.2em;		-moz-border-radius: 0.2em;				outline: none;	}	textarea.contact-form:hover {		background: #ececec;		border: 1px solid #808080;	}			.contact-form-button {		position: relative;		display: inline-block;		float: right;		margin-right: 0;		margin-top: 2%;		cursor: pointer;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		color: #fff;		padding: 1% 5% 1% 5%;		background: #789c48; 		border-radius: 0.2em;		-webkit-border-radius: 0.2em;		-moz-border-radius: 0.2em;				outline: none;		border: none;		font-size: 1.1em;		text-align: center;	}		.contact-form-button:hover {		color: #ffffff; 		background: #808080; 	}	#contact-left-column {		background:#eee; border:1px solid #ccc; padding:5px 10px; float: left; margin-right: 10px; width: 35%; display: inline-block;	}	#contact-right-column {		background:#eee; border:1px solid #ccc; padding:5px 10px; float: right; margin-right: 10px; width: 55%; display: inline-block;	} #request-appointment {		position: relative;		display: inline-block;		border-radius: .3em;		-webkit-border-radius: .3em;		-moz-border-radius: .3em;		width: 100%;		padding: 0;	}	table.request-form-table {		width: 100%;	}	table.request-form-table td {		padding: 1%;	}	.request-input {		margin: 3px 0 3px 0;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		font-size: 1.1em;		width: 96%;		border-radius: .3em;		-webkit-border-radius: .3em;		-moz-border-radius: .3em;		border: 1px solid #789c48;		padding: 2%;		outline: none;	}		.request-input:hover {		background: #ececec;		border: 1px solid #808080;	}			.request-form-button {		position: relative;		display: inline-block;		margin-right: 0;		margin-top: 2%;		cursor: pointer;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		color: #fff;		padding: 1% 5% 1% 5%;		background: #789c48; 		border-radius: 0.2em;		-webkit-border-radius: 0.2em;		-moz-border-radius: 0.2em;				outline: none;		border: none;		font-size: 1.1em;		text-align: center;	}	.request-form-button:hover {		color: #ffffff; 		background: #808080; 	}		#ra-form {		position: relative;		display: inline-block;		width: 100%;	}	.request-lcol {		position: relative;		display: inline-block;		width: 45%;		float: left;	}	.request-rcol {		position: relative;		display: inline-block;		width: 45%;		float: right;	}		img.smile-gallery {		width: 50%;		max-width: 200px;		padding: 10px;		box-sizing: border-box;		-moz-box-sizing: border-box;		float: left;	}}@media screen and (max-width: 600px) {	body {		margin: 0 0 0 0;		padding: 0 0 0 0;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		color: #333333;		height: 100%;		background: #ffffff;			}			#page-container {		position: relative;		width: 100%;		padding: 0;		margin-right: auto;		margin-left: auto;		top: 0;	} #welcome-banner {		display: none;	}			#mobileQRpanel {			display: none;	} #header {		position: relative;		display: inline-block;		padding: 5px 0 5px 0;		width: 100%; text-align: center;		background: #ffffff;		float: left;		overflow: hidden;		box-sizing: border-box;		-moz-box-sizing: border-box;		-webkit-box-sizing: border-box;	}		#inside_header {		position: relative;		display: inline-block;		padding: 5px 0 5px 0;		width: 100%;		background: #ffffff;		float: left;		text-align: center;		overflow: hidden;		box-sizing: border-box;		-moz-box-sizing: border-box;		-webkit-box-sizing: border-box;		}			#services-section {		position: relative;		display: inline-block;		padding: 20px;		width: 100%;		background: #786e62;		color: #ffffff;		float: left;		box-sizing: border-box;		-moz-box-sizing: border-box;		-webkit-box-sizing: border-box;			}			#social-links-section {		position: absolute;		top: 2px;		right: 2%;		z-index: 20;	}				#overlay {		display: none;		position: fixed; 		z-index: 400; 		width:100%; 		height: 100%; 		background: rgba(0,0,0,0.5);	}		a#closeRequestForm:link, a#closeRequestForm:visited, a#closeRequestForm:active, a#closeRequestForm:hover {		position: absolute;		right: 0;		top: 0;		width: 30px;		height: 30px;		border-radius: 50%;		-webkit-border-radius: 50%;		-moz-border-radius: 50%;		font-size: 1.5em;		color: #ffffff;		background: #789c48;		text-align: center;		text-decoration: none;	}	a#closeRequestForm:hover {		color: #ffffff;		background: #789c48;	} a.requestBtn:link, a.requestBtn:active, a.requestBtn:visited, a.requestBtn:hover {		display: none; }	a.requestBtn:hover {		color: #ffffff;		background: #789c48;	} h1 {		font-size: 1.2rem;		margin: 2% 0 2% 0;		text-align: left;	}		h2 {		font-size: 1.1rem;		margin: 3% 0 2% 0;		text-align: left;			}	h3 {		font-size: 0.9rem;		margin: 2% 0 2% 0;		font-weight: bold;		text-align: left;			}	.blue {		color: #789c48;		line-height: 40px;	}	.green {		color: #789c48;		line-height: 40px;		} #doctor-call-out {		display: none;	}	.large-phone {		display: none;	}	.large-email {		display: none;	}		#call-out {		display: none;	}	#homepage-blurb {		position: relative;		text-decoration: none;		color: #786c62;		font-size: 1.0rem;			width: 100%;		padding: 2%;		box-sizing: border-box;		-moz-box-sizing: border-box;		-webkit-box-sizing: border-box;		text-align: left;	}	#homepage-blurb h1 {		margin: 20px 0 0 0;		padding: 0;		line-height: 25px;	}	img.homepage{ display: none;	} #menu {		display: none;	} a.logo img {		position: relative;		margin-left: auto;		margin-right: auto;		width: 100%;		max-width: 263px;	}	h1#logo-title {		position: absolute;		left: -9999px;	} #slider1 {		display: none;	} #content {		position: relative;		display: inline-block;		width: 96%;		padding: 2%;		background: rgba(255,255,255,0.5);	}	#content-inside {		text-align: justify;		width: 100%;	}	#call-now, map-it {		position: relative;		display: inline-block;		width: 100%;	}	.insetPhoto {		position: relative;		display: inline;		float: right;		margin: 1% 0 1% 0;		width: 100%;		box-sizing: border-box;		-moz-box-sizing: border-box;	}			.homePara {		padding-left: 0;	} a.panel h1 {		color: #ffffff;		font-size: 1.5rem;		text-align: center;	}	a.panel img {		position: relative;		bottom: 0;		right: 0;	}	a.panel:link, a.panel:active, a.panel:visited {		position: relative;		display: inline-block;		float: left;		box-sizing: border-box;		-moz-box-sizing: border-box;		width: 100%;		padding: 10px 10px 10px 10px;		text-align: center;		margin-bottom: 10px;		color: #ffffff;		text-decoration: none;		-webkit-transition: all 0.5s ease-in-out;		-moz-transition: all 0.5s ease-in-out;		-o-transition: all 0.5s ease-in-out;		transition: all 0.5s ease-in-out;			}	a.panel:hover {		background: #789c48;		color: #ffffff;	} a.serviceBox h1 {		color: #ffffff;	}	a.serviceBox img {		position: absolute;		bottom: 0;		right: 0;	}	a.serviceBox:link, a.serviceBox:active, a.serviceBox:visited {		position: relative;		display: inline-block;		float: left;		box-sizing: border-box;		-moz-box-sizing: border-box;		width: 49%;		padding: 10px 50px 10px 10px;		text-align: left;		margin-bottom: 10px;		color: #ffffff;		text-decoration: none;		-webkit-transition: all 0.5s ease-in-out;		-moz-transition: all 0.5s ease-in-out;		-o-transition: all 0.5s ease-in-out;		transition: all 0.5s ease-in-out;			}	a.serviceBox:hover {		background: #786e62;		color: #ffffff;	}	.sbox1 {		background: #789c48;	}	.sbox2 {		background: #79c4c7;	}		.sbox3 {		background: #c63f85;	}		.sbox4 {		background: #646968;	}	.sboxMarginRight {		margin-right: 2%;	}			h1.sectionH1 {		color: #646968;		font-size: 3.0rem;		text-align: center;		border-top: 1px solid #cccccc;			} #footer-container {		position: relative;		display: inline-block;		width: 100%;		max-width: 990px;		background: #ffffff; 		color: #786e62;		font-size: 0.95em;		float: left;		border-top: 1px solid #789c48;				box-sizing: border-box; -moz-box-sizing: border-box;	}	#footer-center {		position: relative;		margin-left: auto;		margin-right: auto;		width: 100%;		max-width: 990px;		padding: 2%;		box-sizing: border-box; -moz-box-sizing: border-box;	}	#footer-container a {		text-decoration: none;		}			div.footer-col {		position: relative;		display: inline-block;		padding: 20px;		float: left;		width: 100%;		box-sizing: border-box;		-moz-box-sizing: border-box;	}	.alignCenter {		text-align: center;	}		#designedByContainer {		position: relative;		display: inline-block;		width: 100%;		padding: 30px;		background: #789c48;		color: #ffffff;		text-align: center;		box-sizing: border-box;		-moz-box-sizing: border-box;		float: left;		text-align: center;		text-transform: uppercase;	} #banner {		position: relative;		width: 96%;		overflow: hidden;		margin-left: auto;		margin-right: auto;	}	#banner img {		position: relative;		display: inline-block;		float: left;	} .banner-call-out {		position: absolute;		display: inline-block;		float: left;		bottom: 0;		font: 400 130px/0.8 'Great Vibes', Helvetica, sans-serif;		color: #333333;		text-shadow: 4px 4px 3px rgba(0,0,0,0.1);		font-size: 1.4em;		font-weight: normal;				background: rgba(255,255,255,0.3); color: #333333;		text-align: center; width: 100%;		padding: 1%;		z-index: 30;	} ul.rotatingBanner {		position: relative;		display: inline-block;		width: 100%;		margin: 0;		padding: 0;		float: left;	}	ul.rotatingBanner li {		position: absolute;		display: inline-block;		width: 100%;		list-style: none;			margin: 0;		padding: 0;		background: #fff;	}	ul.rotatingBanner img {		width: 100%;	}	li.show {		z-index: 1;	} .social-media-tab {			display: none;	}		#social-links-section { } .phone-nav-icon {		float: left; 		width: 20px; 		padding: 1%; 		background: #fff; 		margin-top: 3px;		border-radius: 0.2em;		-webkit-border-radius: 0.2em;		-moz-border-radius: 0.2em;			}	#phone-nav-dynamic {		position: relative;		width: 100%;		margin: 0;		padding: 0 0 1% 0;		text-align: left;			}		#phone-nav-overlay {		position: relative;		width: 100%;		display: none;		z-index: 999;	}		a.phone-nav-selected:link, a.phone-nav-selected:visited, a.phone-nav-selected:active, a.phone-nav-selected:hover {				position: relative;		display: inline-block;		width: 96%;		padding: 2%;		border-bottom: 1px solid #ececec;				color: #fff;		text-decoration: none;		font-size: 1.2em;		background: #789c48;	}		a.phone-nav-selected:hover {		color: #fff;		border-bottom: 1px solid #fff;		background: #789c48; 	}		a.phone-nav-links:link, a.phone-nav-links:visited, a.phone-nav-links:active, a.phone-nav-links:hover {		width: 96%;		padding: 2%;		border-bottom: 1px solid #ececec;		display: inline-block;		color: #333333;		background: #fafafa;		text-decoration: none;		font-size: 1.2em;	}		a.phone-nav-links:hover {		color: #ffffff;		border-bottom: 1px solid #ffffff;		background: #789c48; 	}	a#dynamic-phone-menu:link, a#dynamic-phone-menu:active, a#dynamic-phone-menu:visited, a#dynamic-phone-menu:hover {		display: inline-block;		width: 96%;		padding: 2%;		background: #789c48; 		text-decoration: none;		font-size: 1.4em;			font-weight: bold;		color: #fff;	}	a#dynamic-phone-menu:hover {		color: #fff;		background: #808080; 	}	.faded {		opacity: 0.2;	} #contactFrm {		position: relative;		display: inline-block;		margin-top: 2%;		width: 96%;		padding: 2%;		border-radius: 0.5em;		-webkit-border-radius: 0.5em;		-moz-border-radius: 0.5em;		background: rgba(255,255,255,1.0);	}	#contact-lcol {		position: relative;		float: left;		width: 100%;	}	#contact-rcol {		position: relative;		float: left;		width: 100%;	}	#contactFrm h3 {		padding: 0;		margin: 0;		color: #789c48;	}	input.contact-form {		position: relative;		width: 95%;		border: none;		padding: 2%;		margin: 1% 0 1% 0;		background: #fff;		margin-bottom: 4%;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		color: #333333;		outline: none;		font-size: 1.1em;		border: 1px solid #789c48; 		border-radius: 0.2em;		-webkit-border-radius: 0.2em;		-moz-border-radius: 0.2em;			}	input.contact-form:hover {		background: #ececec;		border: 1px solid #808080;	}		textarea.contact-form  {		position: relative;		width: 95%;		height: 45px;		border: none;		padding: 2%;		margin-top: 0;		background: #fff;			font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		font-size: 1.1em;		color: #333333;		border: 1px solid #789c48; 		border-radius: 0.2em;		-webkit-border-radius: 0.2em;		-moz-border-radius: 0.2em;				outline: none;	}	textarea.contact-form:hover {		background: #ececec;		border: 1px solid #808080;	}		.contact-form-button {		position: relative;		display: inline-block;		float: right;		margin-right: 0;		margin-top: 2%;		cursor: pointer;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		color: #fff;		padding: 1% 5% 1% 5%;		background: #789c48; 		border-radius: 0.2em;		-webkit-border-radius: 0.2em;		-moz-border-radius: 0.2em;				outline: none;		border: none;		font-size: 1.1em;		text-align: center;	}	.contact-form-button:hover {		color: #ffffff; 		background: #808080; 	}				#contact-left-column {		background:#eee; border:1px solid #ccc; padding:2%; float: left; width: 96%; display: inline-block;	}	#contact-right-column {		background:#eee; border:1px solid #ccc; padding:2%; float: left; width: 96%; display: inline-block; margin-top: 2%;	} #request-appointment {		position: relative;		display: inline-block;		border-radius: .3em;		-webkit-border-radius: .3em;		-moz-border-radius: .3em;		width: 96%;		padding: 2%;	}	.request-input {		margin: 3px 0 3px 0;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		font-size: 1.1em;		width: 96%;		border-radius: .3em;		-webkit-border-radius: .3em;		-moz-border-radius: .3em;		border: 1px solid #789c48;		padding: 2%;		outline: none;	}		.request-input:hover {		background: #ececec;		border: 1px solid #808080;	}			.request-form-button {		position: relative;		display: inline-block;		margin-right: 0;		margin-top: 2%;		cursor: pointer;		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;		color: #fff;		padding: 1% 5% 1% 5%;		background: #789c48; 		border-radius: 0.2em;		-webkit-border-radius: 0.2em;		-moz-border-radius: 0.2em;				outline: none;		border: none;		font-size: 1.1em;		text-align: center;	}	.request-form-button:hover {		color: #ffffff; 		background: #808080; 	}		img.smile-gallery {		width: 48%;	}}.bigger {	font-size: 3.0rem;} .association-logos {	position: relative;	display: inline-block;	float: left;	border: 1px solid #cccccc;	margin-right: 1%;	-webkit-transition: all 0.5s ease-in-out;	-moz-transition: all 0.5s ease-in-out;	-o-transition: all 0.5s ease-in-out;	transition: all 0.5s ease-in-out;	}.association-logos:hover { }.img-title {    position: absolute;    top: 0;    margin: 0;    height: 100%;    width: 100%;    text-align: center; display: none; background-color: rgba(0,0,0,0.6); }.img-title h5 {	position: absolute;	color: #fff;	top: 0%;	width: 100%;	text-align: center;	font-size: 0.7rem;}.logo-gallery {	position: relative;	display: inline-block;} #sendMapToPhone {	position: relative;	display: inline-block;	width: 100%;	padding: 1% 0 1% 0;}input.send-to-phone-form, select.send-to-phone-form {	position: relative;	width: 100%;	border: none;	padding: 2%;	margin: 1% 0 0 0;	background: #fff;	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;	color: #333333;	outline: none;	font-size: 1.1rem;	border: 1px solid #789c48; 	border-radius: 0.2em;	-webkit-border-radius: 0.2em;	-moz-border-radius: 0.2em;		box-sizing: border-box; -moz-box-sizing: border-box;	}input.send-to-phone-form:hover, select.send-to-phone-form:hover {	background: #ececec;	border: 1px solid #789c48;}	.send-to-phone-form-button {	position: relative;	display: inline-block;	margin: 1% 0 0 0;	cursor: pointer;	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;	color: #fff;	padding: 1% 5% 1% 5%;	background: #789c48; 	border-radius: 0.2em;	-webkit-border-radius: 0.2em;	-moz-border-radius: 0.2em;			outline: none;	border: none;	font-size: 1.1rem;	text-align: center;	width: 100%;}	.send-to-phone-form-button:hover {	color: #ffffff; 	background: #789c48; }#message-send-to-phone {	position: relative;	display: none;	padding: 2%;	width: 100%;	box-sizing: border-box; -moz-box-sizing: border-box;	border: 1px solid #789c48; 	border-radius: 0.2em;	-webkit-border-radius: 0.2em;	-moz-border-radius: 0.2em;	background: #ffffff;} b {    color: #789c48; } h3, h4 {	font-family: "Arial Narrow", Arial, sans-serif;	text-transform: uppercase;	font-weight: normal;	color: #789c48;}h2 { font-size: 1.8rem;	font-weight: normal;	text-transform: uppercase;	text-align: left;}h1 {	text-transform: uppercase;	font-weight: normal;	color: #789c48;} a:link, a:active, a:visited, a:hover {	color: #789c48;	text-decoration: underline;	outline: none;}a:hover {	color: #786e62; 	text-decoration: underline;	outline: none;} a.download:link, a.download:active, a.download:visited, a.download:hover {	position: relative;	display: inline-block;	padding: 8px 5px 5px 5px;	margin: 5px 0 5px 0;	color: #ffffff;	background: #789c48;	text-decoration: none;	font-size: 1.2em;	-webkit-transition: all 0.4s ease;  	-moz-transition: all 0.4s ease;  	-o-transition: all 0.4s ease;  	-ms-transition: all 0.4s ease;  	transition: all 0.4s ease;	}a.download:hover {	color: #ffffff;	background: #789c48;}img.download-icon {	position: relative;	float: left; 	margin: 2px 5px 0 0;} a.callnow:link, a.callnow:active, a.callnow:visited, a.callnow:hover {	position: relative;	display: inline-block;	padding: 2% 2% 2% 2%;	width: 96%;	margin: 1% 0 1% 0;	color: #ffffff;	background: #789c48;	text-decoration: none;	font-size: 1.2em;	text-align: center;}a.callnow:hover {	color: #ffffff;	background: #786e62;} a.button:link, a.button:active, a.button:visited, a.button:hover {	position: relative;	display: inline-block;	padding: 2% 2% 2% 2%;	margin: 1% 0 1% 2%;	color: #ffffff;	background: #789c48;	text-decoration: none;	font-size: 1.2em; -o-transition:color .2s ease-out, background 0.5s ease-in;	-ms-transition:color .2s ease-out, background 0.5s ease-in;	-moz-transition:color .2s ease-out, background 0.5s ease-in;	-webkit-transition:color .2s ease-out, background 0.5s ease-in; transition:color .2s ease-out, background 0.5s ease-in;		float: right;	border-radius: 0.5em;	-webkit-border-radius: 0.5em;	-moz-border-radius: 0.5em;}a.button:hover {	color: #ffffff;	background: #789c48;} #designedByContainer a:link, #designedByContainer a:visited, #designedByContainer a:active {	color: #ffffff;}#designedByContainer a:hover {	color: #333333;}.footer-col h2 {	color: #789c48;}div.footer-col a:link, div.footer-col a:active, div.footer-col a:visited, div.footer-col a:hover {	color: #786e62;}div.footer-col a:hover {	color: #789c48;}div.footer-col-last a:link, div.footer-col-last a:active, div.footer-col-last a:visited, div.footer-col-last a:hover {	color: #786e62;}div.footer-col-last a:hover {	color: #789c48;} a.document-button:link, a.document-button:visited, a.document-button:active {	position: relative;	display: inline-block;	padding: 20px;	background: #9B8C7E;	color: #494747;	font-size: 1.1em;	margin-bottom: 2%;	width: 70%;	text-decoration: none;	-webkit-transition: all 0.4s ease;  	-moz-transition: all 0.4s ease;  	-o-transition: all 0.4s ease;  	-ms-transition: all 0.4s ease;  	transition: all 0.4s ease;	}a.document-button:hover {	background: #789c48;	color: #fff;} #social-media-sharing{	position: fixed;	top: 65px;	left: 0;	background: rgba(255,255,255,0.3);	display: none;	padding: 1%;	z-index: 20;}.sharrre .button{	position: relative;	text-align: center;	width: 65px;	border: 1px solid #cccccc;	padding: 2%;	margin: 2%;	}.social-media-tab {    position: fixed;	width: 30px;    top: 5px;    left: -5px;    text-decoration: none;    color: #000000;    background: rgba(255,255,255,0.3);    font-size: 12px;    padding: 1em;	z-index: 20;}.social-media-tab:hover {	left: 0px;	background: rgba(135,135,135,0.5);}.social-media-tab img {	width: 25px;} .social-media-link-container {	position: relative;	display: inline-block;	width: 30px;	height: 35px;	text-align: center;	padding: 1px;	overflow: hidden;	border: 1px solid #ececec; }.social-media-link {	position: relative;	float: left;	width: 20px;	height: 35px;	padding: 10px 5px 5px 5px;	text-align: center;}.social-media-link img {	width: 100%;}	.social-media-link-active {	position: relative;	float: left;	width: 20px;	height: 35px;	padding: 10px 5px 5px 5px;	text-align: center;}.social-media-link-active img {	width: 100%;}	#facebook-link { }#facebook-link-active {	background: #3B5998; }#youtube-link { }#youtube-link-active {	background: #bb0000; }#google-plus-link { }#google-plus-link-active {	background: #dd4b39; }#twitter-link { }#twitter-link-active {	background: #4099FF; } .ui-effects-wrapper {	display:inline;} .clear {	clear:both} .bios {	display: inline-block;	padding: 5px 2% 5px 2%;	width: 96%;	margin-left: 0;	background: #ececec;	border-radius: 0.5em;	webkit-border-radius: 0.5em;	moz-border-radius: 0.5em;	font-size: 1.0em;	float: left;}.bios b {	display: block;	font-size: 1.5rem;} img.profile {	position: relative;	display: inline-block;	float: left;	margin: 1% 2% 1% 0;	border-radius: 0.3em;	-webkit-border-radius: 0.3em;	-moz-border-radius: 0.3em;	width: 120px;} div.google-map {	position: relative;	display: inline-block;	margin-top: 2%;	padding: 2%;	border: 1px solid #999999;	margin-left: 0px;	margin-bottom: 2%;	border-radius: .5em .5em .5em .5em;	-webkit-border-radius: .5em .5em .5em .5em;	-moz-border-radius: .5em .5em .5em .5em;		width: 96%;} .faqs-show-answer {	cursor: pointer;}.faqs-show-answer:hover h3{	color: #999999;}.faqs-answer {	display: none;} blockquote {	display: inline-block;	padding: 5px 10px 10px 10px;	margin-left: 0;	background: #ececec;	border: 1px solid #cccccc;	font-size: 1.1em;}.bqstart {	position: relative;	display: inline-block;	height: 20px;	padding-bottom: 0;    font-size: 120%;	color: #789c48;}.bqend {	position: relative; 	display: inline-block;	height: 20px;    font-size: 120%;	color: #789c48;} ol {	margin-top: 1%;	padding: 2%;	background: #ececec;}ol li {	list-style-type: decimal;	margin-left: 20px;	margin-bottom: 2%;	margin-top: 3%;} ul.norm {	margin-top: 1%;	padding: 2%;	background: #ececec;}ul.norm li {	list-style-type: circle;	margin-left: 20px;	margin-top: 5px;} .rounded {	border-radius: .5em .5em .5em .5em;	-webkit-border-radius: .5em .5em .5em .5em;	-moz-border-radius: .5em .5em .5em .5em;	}.rounded-left {	border-radius: .5em 0 0 .5em;	-webkit-border-radius: .5em 0 0 .5em;	-moz-border-radius: .5em 0 0 .5em;	} .back-to-top {    position: fixed;    bottom: 2em;    right: -5px;	width: 30px;    text-decoration: none;    color: #000000;    background: rgba(235, 235, 235, 0.80);    font-size: 12px;    padding: 1em;    display: none;	z-index: 20;}.back-to-top:hover {    	right: 0px;    background: rgba(135, 135, 135, 0.50);} #message_post_request {	display: none;	position: relative;	padding: 10px;	background: rgba(255,255,255,0.5); 	color: #333333;	margin-bottom: 10px;	border-radius: .3em;	-webkit-border-radius: .3em;	-moz-border-radius: .3em;		list-style: none;}#message_post {	position: relative;	display: inline-block;	padding: 10px 0 10px 0;	display: none;	text-align: center;	background: rgba(255,255,255,0.5);	color: #333333;	z-index: 20;	font-size: 1.1em;}.error {	color: #990000;}.success {	color: #576B12;}img.loading-icon { } input[type=checkbox].checkBox:hover {	cursor: pointer;}input[type=checkbox].checkBox:before { 	content:""; 	position: relative;	display: inline-block; 	float: left;	margin: -2px 0 0 0;	width: 17px; 	height: 17px; 	background: url(//brantheritagedental.ca/wp-content/themes/site/images/checkbox-images/checkbox.jpg);	background-repeat: no-repeat;	background-size: 100%;}input[type=checkbox].checkBox:checked:before { 	background: url(//brantheritagedental.ca/wp-content/themes/site/images/checkbox-images/checkbox-checked.jpg);	background-repeat: no-repeat;	background-size: 100%;	}