@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'calibribold';
    src: url('fonts/calibrib-webfont.eot');
    src: url('fonts/calibrib-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/calibrib-webfont.woff') format('woff'),
         url('fonts/calibrib-webfont.ttf') format('truetype'),
         url('fonts/calibrib-webfont.svg#calibribold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'calibriregular';
    src: url('fonts/calibri-webfont.eot');
    src: url('fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/calibri-webfont.woff') format('woff'),
         url('fonts/calibri-webfont.ttf') format('truetype'),
         url('fonts/calibri-webfont.svg#calibriregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothic';
    src: url('fonts/gothic.eot');
    src: url('fonts/gothic.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothic.woff') format('woff'),
         url('fonts/gothic.ttf') format('truetype'),
         url('fonts/gothic.svg#gothic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nu-century-gothic Bold';
    src: url('fonts/nu_century_gothic.eot');
    src: url('fonts/nu_century_gothic.eot?#iefix') format('embedded-opentype'),
         url('fonts/nu_century_gothic.woff') format('woff'),
         url('fonts/nu_century_gothic.ttf') format('truetype'),
         url('fonts/nu_century_gothic.svg#nu-century-gothic-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body, h2, h3, h4, h5, h6, p, input, textarea, select, form {
	font-family: "calibriregular", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #464646;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

h1, h2, .telephone, .address, .testimonials .testimonials-link a {
	font-family: "gothic", Arial, Helvetica, sans-serif;
}

.question-mark{
	font-family: Arial, Helvetica, sans-serif;
}

/*Main Menu*/
.panel ul li a, .menu-close-button, ul#tree li a {
	font-family: "calibribold", Arial, Helvetica, sans-serif!important;
	font-weight: normal !important;
}

.clear-float {
	clear: both !important;
}

h1, .smile-gallery .gallery-ba-text {
	color: #538796;
}

h2, .smile-gallery .gallery-link a {
	color: #73a683;
	line-height: 1.4;
}

.holder:after, .main-menu ul:after, .address:after, .socialmedia:after, .bucket-menu ul:after, .get-social ul:after, .content-wrapper:after, .search-area form:after, .contact-form form:after, .contact-hours-sub:after, .appoinment-form form:after, .smile-gallery .gallery-ba-text:after, .gallery-wrapper:after, .gallery-wrapper .gallery-ba-text:after, .header-menu-mobile:after, .footer .footer-menu ul:after  {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

a, ul#tree li a{
	color: #4695ae;
	text-decoration: none;
}

	a:hover {
		color: #09a9db;
	}

img {
	border: 0px;
}

h1 {
	line-height: 1;
	font-size: 25px;
	font-weight: normal;
	padding: 0px;
	margin: 0px 0px 15px 10px;
}

h2 {
	font-size: 20px;
	margin: 9px 0px 8px 0px;
}

h3 {
	font-size: 19px;
	margin: 12px 0px 10px 0px;
}

h4 {
	font-size: 17px;
	margin: 14px 0px 10px 0px;
}

.holder{
	width: 100%;
	margin: 0px auto;
	position: relative;	
}

.hide-from-mobile{
	display: none;	
}

/* Header Styels - Start */

.header {
	position: relative;
	width: 100%;	
}

/*Top Icon Menu*/
.header-top-icons {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
	background: url(../images/mobile/top-menu-bg.jpg) repeat-x left top;
}

    .header-menu-mobile {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
	
        .header-menu-mobile li {
            height: 52px;
            width: 19%;
            float: left;
            display: block;
            text-align: center;
        }
		
            .header-menu-mobile li a {
                height: 52px;
                width: 100%;
                display: block;
                text-indent: -9999px;
            }
			
                .header-menu-mobile li.menu {
                    border-right: 1px solid #FFFFFF;
                    background: url(../images/mobile/menu_icon.png) no-repeat center center;
                }
				
                    .header-menu-mobile li.call {
                        border-left: 1px solid #042F62;
                        border-right: 1px solid #FFFFFF;
                        background: url(../images/mobile/call_icon.png) no-repeat center center;
                    }
					
                        .header-menu-mobile li.appointment {
                            border-left: 1px solid #042F62;
                            border-right: 1px solid #FFFFFF;
                            background: url(../images/mobile/appointment_icon.png) no-repeat center center;
                        }
						
                            .header-menu-mobile li.contact {
                                border-left: 1px solid #042F62;
                                border-right: 1px solid #FFFFFF;
                                background: url(../images/mobile/contact_icon.png) no-repeat center center;
                            }
							
                                .header-menu-mobile li.directions {
                                    border-left: 1px solid #042F62;
                                    background: url(../images/mobile/map_icon.png) no-repeat center center;
                                }

	.logo-mobile {
		width: 100%;
		height: auto;
		margin: 10px 0px 10px 0px;
	}
	
		.logo img{
			width: 460px;
			height: 80px;
		}
	
.banner-mobile{
	width: 100%;
	height: auto;
	margin: 0px 0px 10px 0px;
}

.search-area {
	width: 248px;
	height: 60px;
	margin: 0px 0px 0px -12px;
	position: relative;
}

	.search-area .search{
		text-align: left;		
		width: 248px;
		height: 26px;
		padding: 7px 7px 6px 12px;
		margin: 0px;
		background: url(../images/bg-images.png) no-repeat left top!important;
	}
	
		.search-area .search-text{
			color: #b1b96c;
			font-size: 14px;
			background: none;
			border: 0px;
			width: 200px;
		}
		
			.search-area .go-button{
				text-indent: -9999px;
				width: 24px;
				height: 24px;
				position: absolute;
				right: 8px;
				top: 5px;
				border: 0px;
				cursor: pointer;
				margin: 0px;
				background: url(../images/search-go-button.png) no-repeat left top;
			}
			
.get-social ul, .footer .footer-menu ul{
	list-style-type: none;
}

	.get-social ul{
		margin: 0px 0px 0px 40px;
		padding: 28px 0px 10px 0px;
	}

		.get-social ul li{
			width: 30px;
			height: 30px;
			margin: 0px 8px 0px 0px;
			float: left;
		}

.content-wrapper{
	width: 100%;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	background: #ffffff;
}

	.right-content .para{
		line-height: 1.6;
		padding: 4px 10px 12px 10px;
	}
	
		.right-content .para .large-text{
			font-size: 18px;
			margin: 0px 0px 22px 0px;
		}

.smile-gallery{
	margin: 10px 0px 0px 0px;
	text-align: center;
}

	.smile-gallery h2{
		font-size: 20px;
		padding: 26px 0px 0px 19px;	
	}
		
		.smile-gallery .gallery-ba-text{
			margin: 9px 0px 6px 0px;		
			text-align: center;
		}
			
			.smile-gallery .gallery-text{
				display: block;
				float: left;
				width: 50%;
			}
			
				.smile-gallery .after{
					margin: 0px;
				}
					
					/*Gallary */
					.smile-gallery .gallery_background{
						max-width:500px;
						height: 200px;
						padding: 7px 0px 0px 8px;
						margin: 0px auto;
					}
					
						.smile-gallery .stepcarousel{
							position: relative;
							border: 0;
							/* overflow: scroll; */
							width: 460px;
							height: 200px;
						}
					
							/* .smile-gallery .stepcarousel .belt{
								position: absolute;
								left: 0;
								top: 0;
							} */
					
								.smile-gallery .stepcarousel .panel{
									float: left;
									overflow: hidden;
									padding-top: 0px;
									width: 460px;
									height: 200px;
									margin-right: 0px;							
									padding: 0px 6px 0px 0px;
									text-align: center;
									/* color: #0ba2aa;
									font-weight: bold; */
								}
								
									.smile-gallery .stepcarousel .last{
										margin-right: 1px;
									}
					
										.smile-gallery .galleryThumb {
											width:100% !important;
											height:auto !important;
											border: 0;
										}

.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page {
	position: relative !important;
}

.welcome-video {
	float: left;
	margin: 6px 10px 8px 0px;
	border: 1px solid #7eb596;
}

	.welcome-video img{
		display: block;
	}
	
ul.patient-forms {
	list-style-type: none;
}

	ul.patient-forms li{
		padding: 0px 0px 0px 28px!important;
		background: url(../images/pdf-icon.png) no-repeat left 3px!important;
	}
	
.google-map {
	margin: 40px 0px;
	width: 420px;
	height: 650px!important;
}

/* Sub Page Styels - Start */

.app-form {
	margin: 0px 10px 20px 10px;
}

.review-form{
	margin: 20px 0px 0px 0px;
}

.testimonial-content {
	margin: 25px 0px 35px;
	padding: 0px 0px 10px;
}

	.testimonial-content  {
		border-bottom: 1px dashed #a7a0a0;
	}
	
.contact-hours-sub{
	margin: 20px 0px 30px 0px;
	width: 360px;
	line-height: 1.6;
}

	.contact-hours-sub .contact-date{
		float: left;
		width: 105px;
	}
	
		.contact-hours-sub .contact-time{
			float: right;
			width: 250px;
		}
		
.staff-images{
	float: left;
	margin: 7px 10px 8px 0px;
	border: 1px solid #7eb596;
}
	
/* Sub Page Styels - End */

/* Footer Styels - Start */

.footer-wrapper {
	width: 100%;
	margin: 0px auto;
}

	.footer-wrapper .footer {
		margin: 0px auto;
		position: relative;
		text-align: center;
		font-size: 14px;
	}
		
		.footer .copyright, .footer .powered, .footer .powered a{						
			color: #568899;
		}
			
			.footer .copyright, .footer .powered{
				line-height: 1.2;
			}
			
				.footer .copyright{
					padding: 3px 0px 7px 0px;
				}

					.footer .powered a{
						text-decoration: underline;
					}
					
						.footer .powered a:hover{
							color: #074a60;
						}
					
							.footer .powered{
								padding: 0px 0px 20px 0px;
							}

/* Footer Styels - End */			

.ui-page-active {
	overflow: hidden!important; /* -------- To remove the unwanted scroll bar from Opera Mobile Emulator --------- */
}	


/* Footer Styels - End */			
/************************************************************************************
	FANCYBOX
*************************************************************************************/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}
.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}
.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.fancybox-opened {
	z-index: 8030;
}
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
	position: relative;
}
.fancybox-inner {
	overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}
.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}
.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../fancybox/fancybox_sprite.png');
}
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}
#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../fancybox/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}
.fancybox-prev {
	left: 0;
}
.fancybox-next {
	right: 0;
}
.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}
.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}
.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}
.fancybox-nav:hover span {
	visibility: visible;
}
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}
/* Overlay helper */

.fancybox-lock {
	overflow: hidden !important;
	width: auto;
}
.fancybox-lock body {
	overflow: hidden !important;
}
.fancybox-lock-test {
	overflow-y: hidden !important;
}
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../fancybox/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}
.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}
/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}
.fancybox-opened .fancybox-title {
	visibility: visible;
}
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}
.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}
.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}
.fancybox-title-inside-wrap {
	padding-top: 10px;
}
.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (min--moz-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../fancybox/fancybox_sprite@2x.png');
	background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
	background-image: url('../fancybox/fancybox_loading@2x.gif');
	background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}