/* Fonts
font-family: 'GraphikLight';
font-family: 'GraphikRegular';
font-family: 'GraphikMedium';
font-family: 'GraphikBold';

font-family: 'TradeGothicLTStd';
font-family: 'TradeGothicLTStdBdCn20';
*/

html, body {
	overflow-x: hidden;
}

body {
	font-family: 'GraphikRegular';
	color: #2a2d2f;
	font-size: 16px;
}

.relation-bold {
	font-family: 'Relation-Bold';
}

h1, h2, h3, h4, h5, h6 {padding: 0px; margin: 0px; text-transform: uppercase;}

h1 {font-size: 2.5em;}
h2 {font-size: 2.25em;}
h3 {font-size: 2.0em;}
h4 {font-size: 1.75em;}
h5 {font-size: 1.5em;}
h6 {font-size: 1.25em;}

.font-bold {
	font-weight: bold;
}

.inline-block {display: inline-block;}
.fullWidth {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

a {
	color: #9b8e74;
	opacity: 1;
	-webkit-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	transition: opacity .4s ease;
}
a:hover {
	opacity: .5;
	text-decoration: none; 
	color: #9b8e74;
}

a:focus {
	opacity: 1;
	text-decoration: none; 
	color: #9b8e74;
}

p {margin: 0px 0px 20px 0px; padding: 0px; line-height: 1.75em;}

ul {margin: 0px 0px 20px 0px; padding: 0px 0px 0px 40px;}
li {margin-bottom: 10px;}

hr {
	background: #c2b59b;
	width: 100%;
	height: 1px;
	border: none;
	padding: 0px;
	margin: 60px 0px;
	clear: both;
}

.floatLeft {float: left;}
.floatRight {float: right;}
.noWrap {white-space: nowrap;}

img.aligncenter {
	display: block;
	margin: 0px auto 20px;
}

img.alignleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

img.alignright {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

small {color: inherit !important;}

.relative {position: relative;}

.font-1 {font-family: 'GraphikRegular';}
.font-2 {font-family: 'TradeGothicLTStdBdCn20';}
.font-3 {font-family: 'KlavikaRegularPlain';}

.noPadding {padding: 0px;}

.fadeIn {
	opacity: 0;
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
.fadeIn.show {
	opacity: 1;		
}

#pageTop {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 1px;
	width: 1px;
	z-index: -1;
}

#pageLoader {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: #fff;
	z-index: 99999;
	display: block;
	
	opacity: 1;
	visibility: visible;
	
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.loaded #pageLoader {
	opacity: 0;
	visibility: hidden;
}

.clr-midnight {color: #2a2d2f;}
.clr-dk-midnight {color: #242628;}
.clr-cream {color: #e9e5de;}
.clr-gold {color: #c2b59b;}
.clr-dr-gold {color: #9b8e74;}
.clr-white {color: #fff;}
.clr-gray {color: #e9edf2;}
.clr-lt-gray {color: #f5f7fb;}
.clr-blue {color: #055494;}

.bg-midnight {background-color: #2a2d2f;}
.bg-dk-midnight {background-color: #242628;}
.bg-cream {background-color: #e9e5de;}
.bg-gold {background-color: #c2b59b;}
.bg-dk-gold {background-color: #9b8e74;}
.bg-white {background-color: #fff;}
.bg-gray {background: #e9edf2;}
.bg-lt-gray {background-color: #f5f7fb;}
.bgr-blue {background-color: #055494;}

.bg-cover {
	background: url(images/bg.jpg) no-repeat center center; 
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.bg-scroll {
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bg-fltr {position: relative;}
.bg-fltr > * {z-index: 2; position: relative}
.bg-fltr:after {
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
}
.bg-fltr.bg-fltr-gold:after {background: rgba(194,181,155,.85);}

.btn {
	border: 1px solid;
	height: 50px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 15px 27px 15px 33px;
	text-transform: uppercase;
	text-align: center;
	font-family: 'GraphikMedium';
	margin-right: 10px;
	margin-bottom: 10px;
}

input.btn {
	padding: 15px 30px 15px 30px;
	width: auto;
}
.btn:hover {opacity: 1;}

.btn i {
	visibility: hidden;
	opacity: 0;
	display: inline-block;
	
	-webkit-transform: translateX(-5px);
	-moz-transform: translateX(-5px);
	transform: translateX(-5px);
	
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}

.btn:hover i {
	visibility: visible;
	opacity: 1;
	
	-webkit-transform: translateX(7px);
	-moz-transform: translateX(7px);
	transform: translateX(7px);
}

.btn.active, .btn:active {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.btn.bg-gold {border-color: #c2b59b; color: #fff;}

.btn.clr-gold {border-color: #c2b59b;}
	.btn.clr-gold:hover {color: #c2b59b;}

.btn.clr-midnight {border-color: #2a2d2f;}
	.btn.clr-midnight:hover {color: #2a2d2f;}

.btn.clr-white {border-color: #fff;}
	.btn.clr-white:hover {color: #fff;}

.noDisplay {display: none;}

.section {
	padding-top: 60px;
	padding-bottom: 60px;
}

.section-title {position: relative; padding-bottom: 15px; margin-bottom: 30px;}

.section-title:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 5px;
	width: 100px;
	background: #c2b59b;
}

.text-center.section-title:after {
	left: 50%;
	margin-left: -50px;
}

.underscore {
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.underscore:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100px;
	height: 5px;
}
.underscore-gold:after {
	background: #c2b59b;
}

.section-title-2 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.section-title-2 h4 {font-size: 30px; line-height: 38px;}

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

.tblCol {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}

#topBar {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 9999;
}

.admin-bar #topBar {top: 32px;}

#topBar .headerContact {
	font-size: 14px;
	color: #fff;
	padding-top: 20px;
	
	-webkit-ransition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}

.scrolling #topBar .headerContact {
	font-size: 12px;
	padding-top: 0px;
}

#topBar .headerContact i {
	float: left;
	display: inline-block;
	font-size: 60px;
	line-height: 60px;
	margin-right: 10px;
	
	-webkit-ransition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}

	.scrolling #topBar .headerContact i {
		font-size: 40px;
		line-height: 40px;
	}

#topBar #phone.headerContact i {
	font-size: 65px;
	line-height: 65px;
}

	.scrolling #topBar #phone.headerContact i {
		font-size: 45px;
		line-height: 45px;	
	}

#topBar .headerContact .content {
	float: left;
}

#topBar #phone .content {
	padding-top: 13px;
}

	.scrolling #topBar #phone .content {
		padding-top: 5px;
	}

#mobilePhoneRow {
	font-size: 12px;
	padding: 5px;
	line-height: 12px;
	display: none;
}

#header {
	width: 100%;
	height: auto;
	position: relative;
	top: 0px;
	left: 0px;
	overflow: hidden;
}

.home #header {
	height: 600px;
}


#logoBar {
	width: 100%;
	padding: 15px 0px;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}

.scrolling #logoBar {padding: 10px 0px;}

#header-dk-grad {
	position: absolute;
	z-index: 1;
	left: 0px;
	bottom: 0px;
	right: 0px;
	height: 50%;
	opacity: .5;
	
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
	.home #header-dk-grad {display: none;}

#headerBGimg {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

#headerBGimg {
	background: url(images/bg.jpg) no-repeat center center; 
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
	background-position: center top;
}

.interior #headerBGimg {
	display: none;
}

#interiorHeaderBGimg {
	width: 100%;
}

.home #interiorHeaderBGimg {
	display: none;
}

#scrollDown {
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -17px;
	z-index: 9;
	font-size: 40px;
	color: #fff;
	cursor: pointer;
	opacity: .8;
	-webkit-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	transition: opacity .4s ease;
}
#scrollDown:hover {
	opacity: 1;
}

#logo {
	width: 200px;
	height: 105px;
	margin: 0px auto;
	display: block;
	z-index: 9999;
	background-image: url(../imgs/DevotedDentistry-logo.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}

.scrolling #logo {
	width: 100px;
	height: 53px;
}

#nav-icon {
	display: none;
}

#mainNav {
	width: 100%;
	padding: 0px;
	background: #e9e5de;
}

#mainNav ul {
	padding: 0px;
	margin: 0px;
}
#mainNav li {
	position: relative;
	display: inline-block;
	font-size: 16px;
	font-family: 'GraphikMedium';
	text-transform: uppercase;
	margin: 0px;
}

#mainNav li a {
	display: block;
	padding: 10px 20px;
	color: #2a2d2f;
	opacity: 1;
	
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}

	.scrolling #mainNav li a {
		font-size: 14px;
		padding: 5px 20px;
	}

#mainNav li a:hover {
	color: #c2b59b;
}

#mainNav li:first-child a {padding-left: 0px;}

.scrolling #mainNav li a {}

#mainNav li a:hover, #mainNav li a:focus {
	text-decoration: none;
}

#mainNav li a:after {	
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

.scrolling #mainNav li a:after {display: none;}

#mainNav li a:hover::after {
	opacity: 1;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	transform-origin: center;
	
	-webkit-transform: scaleX(1);	
	-moz-transform: scaleX(1);	
	transform: scaleX(1);	
}

#mainNav li.current a {
	opacity: 1;
}

#mainNav li.current a:after {
	opacity: 1;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	transform-origin: center;
	
	-webkit-transform: scaleX(1);	
	-moz-transform: scaleX(1);	
	transform: scaleX(1);	
}

#mainNav:after {
	content: '';
	display: block;
	clear: both;
}

#mainNav .sub-menu {
	position: absolute;
	top: 100%;
	left: 0px;
	background: #2a2d2f;
	color: #fff;
	padding: 15px;
	opacity: 0;
	visibility: hidden;
	
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	transform: translateY(20px);	
	
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;	
}
	#mainNav ul li:hover .sub-menu {
		opacity: 1;
		visibility: visible;
		
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}

#mainNav .sub-menu li {
	padding: 0px;
	margin: 5px 0px;
	white-space: nowrap;
}

#mainNav .sub-menu li a {
	color: #fff;
	padding: 5px 0px;
}

#mainNav .sub-menu li a:hover {
	color: #c2b59b;
}

.interior #tagLine {
	display: none;
}
#tagLine {
	position: relative;
	z-index: 3;
	text-shadow: 0px 0px 30px #222;
}

.tagLineHeader {
	font-size: 4em;
	line-height: 1em;	
}

.tagLineContent {
	font-size: 20px;
	line-height: 24px;
}

#page-heading {
	padding: 0px 0px 20px;
	color: #333;
}

	.home #page-heading {display: none;}

#page-heading h1 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-family: 'GraphikMedium';
	font-size: 45px;
}

#page-heading h2 {
	font-family: 'GraphikLight';
	font-size: 2em;
	padding: 0px;
	margin: 0px;
}

.half-section, .third-section, .fourth-section {position: relative;}
.section-bg {
    bottom: 0;
    position: absolute;
    top: 0;
	z-index: 0;
}
.left {left: 0px;}
.right {right: 0px;}
.half-section .section-bg {width: 50%;}
.third-section .section-bg {width: 37%;}
.fourth-section .section-bg {width: 25%;}

.service {
	text-align: center;
	display: inline-block;
	color: #2a2d2f;
}
	.service:hover {color: #2a2d2f; opacity: 1;}
.service .icon {
	display: block;
	margin: 0px auto;
	padding: 10px;
	border: 1px solid #b0aeae;
	width: 175px;
	height: 175px;
	background: none;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}
	.service:hover .icon{
		background: #c2b69b;
		text-decoration: none;
	}
	.service .icon img {
		width: 100%;

		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
.serviceTitle {
	display: inline-block;
	font-size: 24px;
	line-height: 28px;
	padding: 20px 0px 20px 0px;
	margin: 0px 0px 20px;
	border-bottom: 1px solid #c2b69b;
	text-transform: uppercase;
	
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}

.serviceDesc {
	margin-bottom: 20px;
}

.circleBtn {
	display: inline-block;
	background: #c2b59b;
	text-align: center;
	width: 30px;
	height: 30px;
	color: #fff;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-transition: background .25s ease;
	-moz-transition: background .25s ease;
	transition: background .25s ease;
}
	.circleBtn:hover {background: #b1a180;}
	.service:hover .circleBtn {background: #b1a180;}

.circleBtn:after {
	content: '\f125';
	font-family:"Ionicons";
	font-size: 14px;
	line-height: 30px;
	margin-left: 2px;
}

.testimonial {
	font-size: 30px;
	line-height: 48px;
	position: relative;
	z-index: 2;
	padding: 220px 60px 100px;
	font-family: 'Relation';
}

.testimonial:before {
	content: '';
	display: block;
	background-image: url(../imgs/quote-marks.png);
	width: 84px;
	height: 65px;
	position: absolute;
	top: 95px;
	left: 50%;
	margin-left: -42px;
	z-index: 4;
}

.quoteBy {
	font-family: 'GraphikMedium'; 
	margin-top: 40px;
	font-size: 20px;
	line-height: 24px;
}

.quoteBy span {
	font-family: 'GraphikRegular';
	font-size: 16px;
}

.testimonial .pic {
	width: 175px;
	/* height: 150px; 
	overflow: hidden; */
	margin: 20px auto;
	background: rgba(255,255,255, .75);
	padding: 7px;
	/*
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	*/
}
.testimonial .pic img {
	width: 100%;
	/*
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	*/
}

.articleContainer {
	padding: 40px 0px;
	border-bottom: 1px solid #ddd;
}
.articleContainer:last-child {border: none;}

.articleContainer h2 {
	font-size: 32px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
.articleDate {
	font-size: 16px;
	margin: 0px 0px 10px 0px;
}

.articleContent {}

.google-maps {
    position: relative;
    padding-bottom: 25%; /*This is the aspect ratio*/
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.teamMember {
	width: 100%;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #c2b59b;
}
	.teamMember:last-child {
		border-bottom: 1px solid #c2b59b;
	}

.teamMember h6 {
	font-size: 18px;
	padding: 7px 0px 15px;
}

.teamMemberPic {
	width: 100%;
	overflow: hidden;
	max-width: 250px;
	margin-bottom: 20px;
}

.teamMemberPic img {
	width: 100%;
}

.teamMemberBio p:last-child {
	margin-bottom: 0px;
}

.assocLogo {
	width: 124px;
	height: auto;
	display: inline-block;
	padding: 10px;
}
	.assocLogo img {width: 100%;}

#siblingLinks ul {margin: 0px; padding: 0px;}
#siblingLinks ul li {
	list-style: none;
	display: inline-block;
	padding: 0px 0px 0px 5px;
	font-size: 18px;
}
	#siblingLinks ul li a {
		padding-right: 5px; 
		display: inline-block;
		
		-webkit-transition: color .25s ease;
		-moz-transition: color .25s ease;
		transition: color .25s ease;
	}
	#siblingLinks ul li a:hover {opacity: 1; text-decoration: underline;}
	#siblingLinks ul li:first-child {padding-left: 0px;}
	#siblingLinks ul li:after {
		content: '|';
		display: inline-block;
	}
	#siblingLinks ul li:last-child:after {display: none;}

#footer {}

#footer h6 {margin-bottom: 20px; text-transform: none;}

#footer a:hover {opacity: 1;}

#footerLogo {width: 115px; margin-bottom: 20px;}

#footerHours .row {
	padding-top: 10px;
	padding-bottom: 10px;
}

#footerContact i {
	font-size: 40px;
	margin-right: 10px;
}

#footer.section {padding-bottom: 40px;}

#footer .phone {}

#socialIcons {padding: 60px 0px 0px 0px; margin: 0px;}

#socialIcons li {
	display: inline-block;
	padding: 0px;
	margin: 0px 5px;
	width: 45px;
	height: 45px;
	opacity: .8;
	
	-webkit-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	transition: opacity .4s ease;
}
#socialIcons li:hover {opacity: 1;}
#socialIcons li a, #socialIcons li a img {
	width: 100%;
	height: 100%;
}
#socialIcons li a:hover {
	opacity: 1;
}

#copyright {
	padding: 20px 0px;
	font-weight: bold;
	font-size: 14px;
}

input, textarea {
	width: 100%;
	padding: 10px 15px;
	font-weight: normal;
}

.deardoctorwrapper{
	position:relative;
	padding-bottom:56%;
	padding-top:20px;
	height:0;
	border: 1px solid #ccc;
	margin-bottom: 60px;
}
.deardoctorwrapper iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;	
}

.anchorDest {
	padding-bottom: 60px;
}