@charset "utf-8";

@import 'partials/common.scss';
@import 'partials/mixin.scss';

@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.3.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

body{
    font-size: 14px;
    color: $(color-3);
	font-family: $(font-1);
	padding: 0px;
	margin: 0px;
	background: #ffffff;
}

/* Common styles */

h3, h4{
	color: $(color-7);
}

h1 {
	margin: 42px 0px 26px -3px;
}

h2 {
	margin: 30px 0px 25px 0px;
}

h3 {
	margin: 28px 0px 27px 0px;
}

h4 {
	margin: 30px 0px 10px 0px;
}

.main-menu ul, .footer .footer-menu ul, .get-social ul, .bucket-menu ul{
	list-style-type: none;
}

.main-menu {
  position: relative;
}

header{
	position: relative;
}

header.isStuck {
  z-index: 500;
}

header {
    z-index: 999;
	width: 100%;
	z-index: 10000;
}

.header-sub-block{
    height: 50px;
    width: 100%;
    z-index: 100;
	margin: 16px 0px 0px 0px;
	border-bottom: 1px solid #ffffff;
	background: url(../images/main-menu-bg.png) left top repeat-x;
}

.top-main-menu{
    position: relative;
	z-index: 200;
	height: 50px;
}


nav.main-menu {
	position: relative;
	z-index: 2000;

		ul {
			margin: 0px 0px 0px 0px;
			padding: 0px;
			text-align: left;
			li {
				float: left;
				position: relative;
				margin: 0px 4.31% 0px 0px;
				&#topmenu-last {
					margin: 0px;
				}
				ul {
					display: none;
					width: 389px;
					position: absolute;
					top: 49px;
					left: -21px;
					padding: 0px;
					margin-top: 0px;
					z-index: 10000;
					background: $(color-6);
						li {
							display: block;
							float: none;
							padding: 0px;
							margin: 0px;
							a {
								display: block;
								width: 100%;
								color: $(color-4);
								text-align: left;
								letter-spacing: 0.5px;
								padding: 12px 0px 14px 24px;
								text-transform: none;
								background: url(../images/menu-arrow.png) right 16px no-repeat;
								@include trans();
							}
							a.active, a:hover{
								color: $(color-5);
								background: url(../images/menu-arrow.png) right -16px no-repeat #0a6d50;
							}
								ul.menu-subsection {
									width: 343px;
									top: 2px;
									left: 389px;
									z-index: 20000!important;
									background: #0a6d50s!important;
									a {
										background-image: none!important;
									}
									a.active, a:hover {
										color: $(color-4)!important;
										background: #ffae00!important;
									}
								}
						}
							li.last a{
								padding: 12px 0px 17px 24px;
							}
								li.active ul li a{
									color: $(color-3);
								}


				}
				&:hover > ul {
					display: block;
					@include fadeinup();
				}
				&.active {
					a{
						color: $(color-5);
					}
				}
				&.active {
					ul{
						li{
							a{
								color: $(color-4);
							}
						}
					}
				}
				a {
					font-size: 16px;
					color: $(color-4);
					display: block;
					line-height: 1;
					letter-spacing: -0.5px;
					text-transform: uppercase;
					padding: 16px 15px 17px 0px;
					transition: all 0.3s ease 0s;
					&:hover{
						color: $(color-5);

					}
				}
			}

		}

}

/* Dropdown menu styles - Main Menu */
.main-menu  li ul li.active a, .main-menu  li.active ul li a.active, .main-menu  li ul li a:hover, .main-menu  li.active ul li a:hover{
	color: $(color-5);
}

/* Layout - Bootstrap custom styels or modify/edit predefine styels */

.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, .footer .footer-menu ul:after, .footer-wrapper .footer:after, .contact-info:after, .address-area:after, .header-top:after, .header-mobile:after, .top-menu:after, .doc-bio:after, .gallery-nav-wrapper:after, .header-contact:after, .socialmedia-wrapper:after, .address-wrapper:after, .floated-items:after{
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

img {
	border: 0px;
}

.no-paddings{
    padding-left: 0;
    padding-right: 0;
}

.reset-col-paddings{
    padding-left: 0;
    padding-right: 0;
}

.container{
   width: 100%;
   max-width: 1200px;
   margin-left: auto;
   margin-right: auto;
}

body, body.modal {
    padding-right: 0 !important;
}

.scrollup {
	bottom: 20px;
	display: block;
	height: 40px;
	position: fixed;
	right: 20px;
	width: 40px;
	font-size: 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	background: #555555;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	text-align: center;
	line-height: 40px;
}

label {
	font-weight: normal;
	margin-bottom: 0;
}

.header-mobile-block {
	display: none;
}

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

.logo{
	margin: 17px 0px 0px 0px;
}

.contact-top-info{
	line-height: 1.32;
	display: block;
	padding: 33px 0px 0px 0px;
		.contact-top-text{
			color: $(color-8);
			text-align: right;
			display: block;
		}
			.contact-top-left {
				float: left;
				width: 34%;
			}
				.contact-top-right {
					float: right;
					width: 65%;
				}
					.telephone a, .address{
						color: $(color-7);
					}
						.telephone a:hover{
							color: $(color-5);
						}
							.address a .fa-map-marker, .email a:hover{
								color: $(color-7);
							}
								.address a:hover .fa-map-marker{
									color: $(color-5);
								}
									.address{
										line-height: 1.2;
									}
										.email a{
											color: $(color-2);
											display: block;
											padding: 2px 0px 5px 0px;
										}
											.tline{
												display: inline-block;
												margin: 0px 4px 0px 3px;
											}
}

.search-box{
	width: 15px;
	height: 16px;
	margin: 2px 0px 0px 0px;
	position: relative;
	top: -59px;
	right: -1px;
	float: right;
}

.search_wrapper{
	width: 15px;
	height: 16px;
	position: absolute;
	top: 21px;
	z-index: 10000;
	cursor: pointer;
	right: 1px;
	color: $(color-4);
}

	.search_wrapper i.fa-search{
		font-size: 16px;
		width: 15px;
		height: 16px;
		-webkit-text-stroke: 0px;
	}

		.search_form {
			display: none;
			height: 34px;
			width: 210px;
			position: absolute;
			top: 60px;
			right: 1px;
			background: $(color-6);
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			border: 2px solid #024e38;
			z-index: 300;
		}

			.search_form input[type="text"] {
				height: 30px;
				/*margin-top: 2px;*/
				width: 175px;
				margin-left: 5px;
				border: none;
				background: none;
				color: #ffffff;
			}

				.search_form input[type="submit"] {
					display: block;
					top: 5px;
					right: 5px;
					width: 19px;
					height: 19px;
					position: absolute;
					border: none;
					background: url(../images/search-go-button.png) center center no-repeat;
				}

					.search_wrapper .fa-times {
						transform: rotate(0deg);
						transition: transform 0.5s ease 0s;
					}

						.search_wrapper:hover .fa-times {
							transform: rotate(360deg);
						}

.socialmedia .gplusbtn, .socialmedia .fblikebtn, .socialmedia .df-review{
	float: left;
}

	.socialmedia {
		margin: 71px 0px 0px 2%;
		text-align: left;
			.gplusbtn{
				width: 57px;
				margin: -1px 0px 0px 0px;
			}
				.fb-like{
					border: none;
					overflow: hidden;
					width: 78px;
					height: 32px;
				}
					.fblikebtn{
						margin: -1px 0px 0px 0px;
					}
						.df-review{
							margin: -5px 0px 0px 0px;
						}
			}
			
.banner-wrapper{
	width: 100%;
	top: 0px;
	position: relative;
	z-index: 1;
	background: #82c2b2;
	overflow: hidden;
	padding: 24px 0px 28px 0px;
}

#carousel-home {
	width: 100%;
	height: 325px;
		.carousel-indicators{
			bottom: 4px;
		}
			.banner-text-area{
				top: -138px;
				position: relative;
			}
				.banner-text-area02{
					top: -292px;
					position: relative;
				}
					.slider-image{
						height: 325px;
					}
						.slider-image a{
							display: block;
							width: 100%;
							height: 100%;
						}
							.slider-image-1{
								background: url(../images/slider/header-banner1.jpg) center top no-repeat;
							}
								.slider-image-2{
									background: url(../images/slider/header-banner2.jpg) center top no-repeat;
								}
									.slider-image-3{
										background: url(../images/slider/header-banner3.jpg) center top no-repeat;
									}
										.slider-image-4{
											background: url(../images/slider/header-banner4.jpg) center top no-repeat;
										}
											/* .slider-image-5{
												background: url(../images/slider/header-banner5.jpg) center top no-repeat;
											} */
	}

/* .banner-wrapper{
	width: 100%;
	top: 0px;
	position: relative;
	z-index: 1;
	background: #82c2b2;
	overflow: hidden;
	padding: 24px 0px 28px 0px;
} */

.banner-sub{
	width: 100%;
	background: #82c2b2;
	padding: 24px 0px 27px 0px;
}

.no-paddings{
	padding-left: 0;
	padding-right: 0;
}

.container{
   width: 100%;
   max-width: 1200px;
   margin-left: auto;
   margin-right: auto;
}

.para{
	line-height: 1.7;
	letter-spacing: 0.2px;
	padding: 0px 0px 35px 0px;
}

	.para ol li{
		margin: 0px 0px 15px 0px;
	}

		.para ul, .article-block ul {
			padding: 0px;
			margin: 29px 0px 23px 0px;
		}

			.para ul li, .article-block ul li{
				padding: 0px 0px 1px 17px;
				list-style-type: none;
				background: url(../images/bullet-icon.png) left 8px no-repeat;
			}

				.para.home-para{
					text-align: justify;
					-moz-text-align-last: left;
					text-align-last: left;
				}

					.para.inner-para{
						letter-spacing: 0.3px;
						padding: 0px 8px 0px 0px;
					}

						.article-block{
							letter-spacing: 0.3px;
							line-height: 1.65;
							padding: 17px 0px 0px 0px;
							a{
								color: $(color-7);
								transition: all 0.3s ease 0s;
								&:hover{
									color: $(color-5);
								}
							}
						}

h1.title-block {
	margin: 0px 0px 29px -2px;
}

.right-inner {
	margin: 46px 0px 0px 0px;
}

.link-box-wrapper{
	padding: 29px 0px 21px 0px;
}

	.link-box-block .col-box{
		text-align: center;
		position: relative;
		overflow: hidden;
			h2{
				letter-spacing: -0.1px;
				line-height: 1.45;
				margin: -83px 0px 54px 0px;
				position: relative;
				color: $(color-4);
				text-shadow: 1px 1px 2px #00583f;
			}
			h2.last-title{
				margin: -100px 0px 54px 0px;
			}
				a {
					color: $(color-4);
				}
					figure{
						position: relative;
						overflow: hidden;
						img{
							transition: all .2s ease-in-out;
							-webkit-transition: all 0.5s linear;
							transition: all 0.5s linear;
							-webkit-transform: scale3d(1, 1, 1);
							transform: scale3d(1, 1, 1);
							&:hover{
							  -webkit-transform: scale3d(1.2, 1.2, 1);
								transform: scale3d(1.2, 1.2, 1);
							}
						}
				}

	}

.interview-block{
	background: $(color-7);
	padding: 11px 8px 11px 5px;
	color: $(color-4);
	letter-spacing: 0.4px;
	line-height: 1.5;
	text-align: center;
	text-transform: uppercase;
		.voice-block{
			float: left;
			width: 65%;
			padding: 13px 0px 10px 0px;
		}
		.voice-image{
			float: right;
			width: 35%;
		}
}

.audio-player {
	height: 40px;
	width: 98%;
	background: $(color-5);
	margin: 17px 7px 0px 7px;
		audio {
			height: 40px;
			width: 98%;
		}
}

.meet-doctors{
	margin: 40px 0px 40px 0px;
		h2{
			text-align: center;
			line-height: 1.45;
			letter-spacing: 0px;
			margin: -46px 0px 10px 0px;
			position: relative;
				a{
					color: $(color-7);
					&:hover{
						color: $(color-5);
					}
				}
		}
}

#middle-block-outer {
	background: $(color-7);
	margin: 11px 0px 48px 0px;
}

.review-home {
	padding: 43px 0px 32px 0px;
}

.review-slider{
	color: $(color-4);
	letter-spacing: 0.6px;
	text-align: center;
		h2.review-title{
			color: $(color-4);
			margin: 0px 0px 24px 1px;
		}
			.review-name{
				line-height: 1.4;
				display: block;
				margin: 27px 0px 0px 0px;
			}
				.stars{
					margin: 9px 0px 14px 0px;
				}
					.review-text{
						letter-spacing: 0.4px;
						line-height: 1.35;
						display: block;
						margin: 0px 2px 0px 0px;
					}
						.fa-quote-left{
							font-size: 48px;
						}
							.review-link{
								margin: 0px 0px 20px 0px;
							}
}

.review-link{
	padding: 30px 0px 0px 0px;
}
	.review-link a{
		color: $(color-7);
		display: inline-block;
		padding: 8px 31px 6px 33px;
		background: #f4f0de;
		border-radius: 6px;
	}
		.review-link a:hover{
			color: $(color-5);
		}

/* Review - Subpage Styles */

.review-inner{
	background: $(color-7);
	margin: 40px 0px 1px 0px;
	padding: 33px 0px 28px 1px;
		.review-slider{
			h2.review-title{
				margin: 0px 0px 24px 0px;
			}
				.stars{
					margin: 6px 0px 20px -1px;
				}
					.review-text{
						line-height: 1.5;
						padding: 4px 25px 0px 28px;
					}
						.review-name{
							color: #62bda3;
							letter-spacing: 0px;
							margin: 21px 0px 0px -1px;
						}
							.review-link{
								padding: 21px 0px 0px 0px;
							}
			}

}

.gallery-home {
	padding: 43px 0px 0px 0px;
	text-align: center;
		h2.gallery-title{
			color: $(color-4);
			margin: 0px 0px 38px 1px;
		}
			img {
				margin: 0px 0px 0px 3px;
			}
				.review-link{
					margin: 6px 0px 20px 0px;
				}
}

/* Gallery - Subpage Styles */

.gallery-inner {
	margin: 40px 0px 20px;
	padding: 42px 0px 22px 0px;
	border-top: 1px solid #111111;
	border-bottom: 1px solid #111111;
	text-align: center;
		h2.gallery-title{
			margin: 0px 0px 31px 1px;
		}
			img {
				margin: 0px 0px 0px 3px;
			}
				.gallery-link{
					margin: 0px 0px 20px 0px;
				}
					.gallery-link a{
						background: $(color-7);
						color: $(color-4);
						transition: all 0.3s ease 0s;
						&:hover{
							color: $(color-4);
							background: $(color-5);
						}
					}
}

.gallery-proc {
	margin: 40px 0px 20px;
	padding: 32px 0px 22px 0px;
	border-top: 1px solid #111111;
	border-bottom: 1px solid #111111;
	
		h2.gallery-title{
			text-align: center;
			margin: 0px 0px 31px 1px;
		}
			img {
				margin: 0px 5% 15px 0px;
			}
}

.video-block {
	margin: 27px 0px 20px 0px;
}

	.video-block iframe, .video-block-small iframe{
		width: 100%;
	}
	
.video-block-small {
    float: left;
	width: 38%;
	margin: 20px 40px 20px 0px;
	text-align: center;
}

	.video-block-small .video-title{
		display: block;
		margin: 10px 5px 10px 5px;
		font-size: 12px;
	}

.parallax {
    /* The image used */
    background-image: url(../images/new-patient-bg.jpg);

    /* Full height */
    height: 100%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.new-patients-block{
	margin: 32px 0px 44px 0px;
	/* background: url(../images/new-patient-bg.jpg) center top no-repeat #ffae00; */
}

.patients-block{
	h2{
		margin: 45px 0px 1px 0px;
		text-shadow: 1px 1px 2px #edb03e;
	}
		span{
			display: block;
			line-height: 1.3;
		}
			.patient-title {
				color: $(color-4);
				font-size: 60px;
			}
				.price {
					display: inline-block;
				}
				.patient-info {
					color: $(color-4);
					margin: 1px 0px 34px 0px;
				}
}

/* Patients Block - Subpage Styles */

.patient-block-inner{
	margin: 0px 0px 0px 0px;
	background: #ffae00;
		h2{
			margin: 0px 0px 1px 0px;
			padding: 33px 0px 4px 0px;
			 font-family: $(font-1-b)!important;
		}
			.patient-title {
				font-size: 44px;
				text-shadow: 1px 1px 10px #eb8a00;
			}
				.patient-info {
					font-size: 16px;
					margin: 0px;
					padding: 3px 12px 33px 14px;
				}

}

.additional-info-block{
	h2 {
		line-height: 1.25;
		margin: 0px 0px 15px 0px;
	}
		ul {
			padding: 0px;
			margin: 0px 0px 0px 17px;
		}
			li {
				/* list-style-type: none; */
				letter-spacing: 0.4px;
				line-height: 1.35;
				padding: 0px;
				margin: 0px 0px 4px 0px;
			}
				.quest-info {
					letter-spacing: 0.3px;
					line-height: 1.5;
					margin: 19px 0px 10px 0px;
				}
					a {
						color: $(color-5);
						&:hover{
							color: $(color-7);
						}
					}
						.osl-logo {
							margin: 16px 0px 10px 0px;
						}
							.dr-mike-thumbs{
								margin: 23px 0px 9px 18px;
							}
								.doc-more-info{
									margin: 7px 0px 0px -1px;
									letter-spacing: 0.3px;
								}

}

.download-link {
	margin: 29px 0px 18px 0px;
	text-align: left;
		a{
			padding: 12px 9px 13px 11px;
			background: $(color-7);
			line-height: 1;
			border-radius: 4px;
			display: inline-block;
			text-align: center;
			letter-spacing: 0.4px;
			color: $(color-4);
			transition: all 0.3s ease 0s;
			&:hover{
				color: $(color-4);
				background: $(color-5);
			}
		}
}

.service-offers {
	margin: 13px 0px 29px 0px;
	h2{
		color: $(color-4);
		text-align: center;
		letter-spacing: 0.7px;
		background: $(color-10);
		padding: 12px 0px 10px 0px;
		margin: 0px 0px 10px 0px;
	}
		ul {
			padding: 0px;
			margin: 25px 0px 23px -1px;
			li{
				padding: 0px 0px 4px 25px;
				list-style-type: none;
				letter-spacing: 0.4px;
				background: url(../images/sub-arrow.png) left 4px no-repeat;
				a {
					color: $(color-6);
					&:hover {
						color: $(color-2);
					}
				}
				a.active {
					color: $(color-2);
				}
			}
		}
	}

.footer-sm-icons {
	margin: 13px 5px 5px 11px;
}

.get-social {
	position: relative;
	padding: 0px;
	margin: 0px 0px 17px 0px;
	.sm-icons {
		padding: 0px;
		margin: 0px 0px 0px -3px;
			a {
				display: inline-block;
				height: 27px;
				width: 30px;
				margin: 8px 0.6% 0px 0px;
				&:hover{
					opacity: 0.8;
				}
			}
				a.addthis {
					margin: 8px 0px 0px 0px;
				}
	}
}

.footer-wrapper {
	margin: 40px 0px 0px;
	overflow: hidden;
		.footer-inner-wrap {
			padding: 0px 0px 46px 0px;
			background: #00583f;
		}
}

.footer {
	position: relative;
	color: $(color-9);
	padding: 0px;
		h2 {
			color: $(color-4);
			letter-spacing: 1.3px;
			margin: 47px 0px 5px 29px;
		}
			h2.contact{
				margin: 47px 0px 5px 22px;
			}
				h2.office-hours{
					margin: 47px 0px 5px 15px;
				}
					h2.sm-title{
						margin: 47px 0px 5px 7px;
					}
						.footer-contact {
							margin: 16px 5px 5px 22px;
							line-height: 1.65;
							letter-spacing: 0.4px;
						}
							.fa {
								color: $(color-5);
							}
								.fmail {
									color: $(color-5);
								}
									.fa-phone {
										position: relative;
										left: -3px;
									}
										.fa-envelope {
											margin: 0px 0px 0px 1px;
										}
											.fa-map-marker {
												float: left;
												width: 6%;
												position: relative;
												top: 3px;
												left: 1px;
											}
												.faddress{
													float: right;
													width: 93%;
													line-height: 1.3;
												}
													.faddress-wrap {
														margin: 3px 0px 0px 0px;
													}
														.address-map {
															margin: 17px 0px 10px 1px;
															&:hover{
																opacity: 0.9;
															}
														}
															.footer-hours {
																margin: 16px 5px 5px 15px;
																line-height: 1.5;
																letter-spacing: 0.4px;
																	.table-sub-contact{
																		line-height: 2.15;
																		margin: 5px 0px 3px 0px
																	}
																		.day-text{
																			width: 31.5%;
																			float: left;
																		}
																			.time-text{
																				width: 68.5%;
																				float: right;
																			}
																				.closed{
																					color: $(color-5);
																				}
															}
															.fan-choice-award{
																margin: 22px 30px 10px 8px;
																border-top: 1px solid #ffffff;
																padding: 37px 0px 0px 0px;
															}
	}

		.footer-menu{
			margin: 17px 0px 5px 30px;
			ul{
				margin: 0px;
				padding: 0px;
				text-align: left;
				li {
					padding: 0px;
					margin: 0px 0px 11px 0px;
					line-height: 1.35;
				}
				 a{
					display: block;
					color: $(color-9);
					letter-spacing: 0.4px;
					transition: all 0.3s ease 0s;
				}
			}
		}

					.footer .footer-menu ul li.active a, .footer .footer-menu ul li a:hover, .fcopyright-wrap a:hover{
						color: $(color-5);
					}

						.fcopyright-wrap {
							background: $(color-4);
							.copyright{
								color: $(color-7);
								margin: 27px 0px 31px 0px;
								line-height: 1.1;
								text-align: center;
								letter-spacing: 0.3px;
									a{
										color: $(color-5);
										&:hover {
											color: $(color-7);
										}
									}
							}
						}

.app-home{
	margin: 13px 0px 10px 0px;
	h2.app-title{
		color: $(color-4);
		text-align: center;
		letter-spacing: 0px;
		background: $(color-6);
		padding: 18px 0px 19px 0px;
		margin: 0px 0px 29px 0px;
	}
		.app-form-box-wrap{
			margin: 0px 0px 0px 0px;
		}
}

/* App Subpage Styles */

body.subpage .app-home{
	margin: 13px 0px 11px 0px;
	h2.app-title{
		padding: 10px 0px 11px 0px;
		margin: 0px 0px 22px 0px;
	}
		.appointment-request .submit-btn {
			margin: 49px 0px 30px 0px;
			position: relative;
				button {
				width: 37.3%;
			}
		}
}

.datepicker td.day.disabled {
	color: #d2d2d2!important;
}

.appointment-request .input {
	height: 23px;
	margin-bottom: 14px;
	position: relative;
	width: 100%;
	border-bottom: 1px solid #111111;
}

	.appointment-request .input input, .appointment-request .input.text-area textarea, .appointment-request .input select {
		background: none;
		border: 0px;
		letter-spacing: 0.4px;
		text-transform: uppercase;
	}

		.appointment-request .input input[type="text"],
		.appointment-request .input input[type="email"],
		.appointment-request .input input[type="tel"] {
			border: 0px;
			display: block;
			height: 25px;
			position: relative;
			width: 98.6%;
			padding: 0px 2px 1px 0px;
			margin: 0px;
		}

			.appointment-request .input.text-area {
				height: 30px;
				margin-bottom: 5px;
				position: relative;
				top: -6px;
			}

				.appointment-request .input.text-area textarea {
					display: block;
					height: 60px;
					min-height: 60px;
					max-height: 60px;
					width: 98.8%;
					padding: 10px 2px 1px 0px;
					background: none;
				}

					.appointment-request .input .datepicker {
						display: block;
						-webkit-appearance: none;
						-moz-appearance: none;
						appearance: none;
						cursor: pointer;
						background: none;
						border-radius: 0px;
					}

						.appointment-request .input select {
							display: block;
							height: 25px;
							position: relative;
							width: 100%;
							padding: 1px 2px 1px 0px;
							margin: 0px 0px 0px -4px;
							-webkit-appearance: none;
							-moz-appearance: none;
							appearance: none;
							cursor: pointer;
							border: 0px;
							background: url(../images/drop-down-arrow.png) no-repeat right 10px;
						}

							.appointment-request .input select option{
								background: #ffffff;
							}

								.appointment-request .submit-btn {
									margin: 57px 0px 30px 0px;
									position: relative;
								}

									.appointment-request .submit-btn button {
										color: $(color-4);
										line-height: 33px;
										text-align: center;
										text-transform: uppercase;
										letter-spacing: 0px;
										height: 34px;
										width: 24.7%;
										margin: 0px;
										padding: 0px;
										display: block;
										background: $(color-6);
										border: 0px;
										padding: 1px 0px 6px 0px;
										border-radius: 8px;
										&:hover{
											color: $(color-4);
											background: $(color-5);
											transition: all 0.3s ease 0s;
										}
									}

										.hidden{
											visibility: hidden;
										}

/* Subpage Styles - Start */

.google-map{
	margin: 20px 0px;
}

.bio-images {
	float: left;
	max-width: 100%;
	padding: 3px;
	background: #ffffff;
	border: 1px solid #e0e0e0;
	margin: 4px 30px 10px 0px;
}

.blog-sub-images {
	float: right;
	max-width: 100%;
	padding: 3px;
	background: #ffffff;
	border: 1px solid #e0e0e0;
	margin: 4px 20px 10px 20px;
}

.testimonial-content {
	margin: 25px 0px 35px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dashed #a7a0a0;
		.fa-star {
			color: #ffcd00;
			font-size: 20px;
		}
			h4 {
				margin: 10px 0px 10px 0px;
			}
				.col-sm-1 {
					text-align: center;
				}
				.col-sm-11 {
					padding: 0px 10px 0px 30px;
				}
}

.review-bottom-button {
	background: #01573e;
	color: $(color-4);
	cursor: pointer;
	font-size: 16px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
	text-transform: uppercase;
	width: 95%;
		a {
			color: $(color-4);
			font-size: 16px;
			text-decoration: none;
			text-transform: uppercase;
			&:hover{
				color: $(color-5);
				transition: all 0.3s ease 0s;
			}
		}
}

.reviewform-wrap{
	width: 100%;
	padding: 5px 20px 5px 20px;
		.review-form-heading {
			text-align: center;
			margin: 10px 0px 10px 0px;
		}
}

.table-block-contact{
	border: 0px;
	width: 80%;
	margin: 25px 0px 35px 0px;
}

	.table-block-contact td{
		padding: 3px 2px 3px 2px;
	}

.image-center-block {
	text-align: center;
	margin: 20px 0px 20px 0px;
}

.center-image {
	text-align: center;
}

.navigation-paging ul li{
	display: inline-block;
	padding: 3px 6px 3px 6px;
	background: #01573e;
	border-radius: 3px;
		a:hover{
			color: $(color-4);
		}
}

.treeview li {
	background: url(../images/treeview-default-line.gif) 0 0 no-repeat!important;
}

.image-smile-page {
	float: left;
	margin: 0px 3% 15px 0px;
		img {
			max-width: 100%;
			padding: 3px;
			background: #ffffff;
			border: 1px solid #e0e0e0;
		}
		span {
			display: block;
			margin: 4px 0px 4px 0px;
			text-align: center;
		}
}

.content-slider {
	margin: 20px 0px;
		.heading{
			cursor: pointer;
			font-size: 22px!important;
			padding: 6px 10px 6px 10px;
			margin: 10px 0px 15px 0px;
			background: #dddddd;
			border-radius: 5px;
			text-transform: none;
			position: relative;
			padding-left: 40px;
		}
			.heading:before{
				content: "\f111";
				display: block;
				top: 5px;
				position: absolute;
				left: 15px;
				font-size: 8px;
				font-family: 'FontAwesome';
				margin-top: -4px;
				top: 50%;
			}
				.content{
					padding: 0px 5px 10px;
				}
	
}

.btn-circle.btn-xl.orange {
    background: #ffae00 none repeat scroll 0 0;
}
.btn-circle.btn-xl {
    border-radius: 35px;
    color: #fff;
    font-size: 24px;
    height: 70px;
    line-height: 1.33;
    padding: 10px 16px;
    width: 70px;
}
.btn-circle {
    border-radius: 15px;
    font-size: 12px;
    height: 30px;
    line-height: 1.42857;
    padding: 6px 0;
    text-align: center;
    width: 30px;
}
.btn-default {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
}
.btn {
    -moz-user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
}

.hide-toggle {
    display: none;
}

.para-read-more {
	background: #ffae00;
	color: $(color-4);
	cursor: pointer;
	font-size: 16px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding: 5px 20px 5px 20px;
	text-align: center;
	text-transform: uppercase;
	width: 95%;
	border: 1px solid #ce8d00;
		a {
			color: $(color-4);
			font-size: 16px;
			text-decoration: none;
			text-transform: uppercase;
			&:hover{
				color: $(color-7);
				transition: all 0.3s ease 0s;
			}
		}
}

.social-links {
	margin: 20px 0px 20px 0px;
	img {
		width: 120px;
		height: 33px;
		margin: 0px 10px 15px 0px;
		padding: 2px;
		background: #fff;
		box-shadow: 1px 1px 5px #777;
	}
}

a.patient-links {
	color: #347509;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	border: 1px dashed #3d840d;
	background: #fbffb5;
	display: inline-block;
		&:hover{
			color: #808a12;
		}
}

.carecredit-link{
	display: block;
	text-align: center;
}

.call-to-action{
	width:92%; 
	margin:25px auto;
	position:relative;
	clear:both;
	padding:10px; 
	background: linear-gradient(#387A64, #084F38);
	border-radius:10px;
	box-shadow: -2px -2px 10px #000;	
	text-transform:capitalize;
}
.call-to-action, .call-to-action .call-us{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#FFF;
	text-align:center;
	line-height:36px;
}
.call-to-action a{
	color:#FFF;
	text-decoration:none;
}
.call-to-action a:hover{
	color:#F9AD3F;
	text-decoration:none;
}
.call-to-action span a {
	border-radius:10px;
	padding:0 10px;
	display:inline-block;
	margin:10px auto;
	background: linear-gradient(#F9AD3F, #DE8505);
	box-shadow: 0px 2px 6px #000;
	color:#fff;
	font-size:0.9em;
	text-transform:capitalize;
}
.call-to-action span a:hover{
	background: linear-gradient(#DE8505, #F9AD3F);
	box-shadow: 0px 3px 4px #000;
	text-decoration:none;
	color:#FFF;
}

/* Subpage Styles - End */

@import 'partials/media-queries.scss';

/* Plugin - Preloader custom styels or modify/edit predefine styels */

.preloader{
	margin: 0px auto;
	left: 0px;
	right: 0px;
}

/*pre loader */
.ball-rotate,.ball-rotate>div{position:relative;margin:100px auto 0;width:70px;text-align:center}@-webkit-keyframes scale{0%,80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7}}@keyframes scale{0%,80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7}}.ball-rotate>div,.ball-rotate>div:after,.ball-rotate>div:before{background-color:#01573e;width:15px;height:15px;border-radius:100%;margin:2px}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ball-rotate>div{-webkit-animation-fill-mode:both;animation-fill-mode:both}.ball-rotate>div:first-child{-webkit-animation:rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite;animation:rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite}.ball-rotate>div:after,.ball-rotate>div:before{content:"";position:absolute;opacity:.8}.ball-rotate>div:before{top:0;left:-28px}.ball-rotate>div:after{top:0;left:25px}
.preloader{background-color:#fff;height:100%;width:100%;position:fixed;z-index:999999999;margin-top:0;top:0}#loading-center{width:100%;height:100%;position:relative}#loading-center-absolute{position:absolute;left:50%;top:50%;height:200px;width:200px;margin-top:-100px;margin-left:-100px}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.carousel .item {
	height: 100%;
	width: 100%;
	text-align: center;
}
.carousel .banner-item02text {
	text-align: left;
	margin: 0px 0px 0px 20px;
	h3{
		text-transform: none;
	}
}

/* .carousel .carousel-inner .item .container {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom:0;
	top:0px;
	left: 0;
	right: 0;
} */

/* Caption */
.carousel .item .caption-icon {
	animation-delay: 1s;
	max-width: 200px;
}
.carousel .item h3 {
	animation-delay: 2s;
	font-family:'heeboregular';
	margin-top:0px;
	margin-bottom:30px;
	font-size:21px;
	line-height:30px;
	
}
.carousel .item h1 {
	animation-delay: 2s;
	color: #00583f;
	font-family:'heeboregular';
	font-weight:bold;
	font-size:44px;
	
}
.carousel .item h2 {
	animation-delay: 3s;
	color: #ffae00;
	
	margin-top: 0;
	font-family:'heeboregular';
	font-weight:bold;
	font-size:24px;
}
.carousel .item p .btn-primary {
	animation-delay: 4s;
	background:#00583f;
	border:none;
	font-family:'heeboregular';
}
.carousel .item p .btn-success {
	animation-delay: 4.5s;
	font-family:'heeboregular';
	background:#ffae00;
	border:none;
}

/* Fade-in and Fade-out animation */
.carousel.fade {
	opacity: 1;
}
.carousel.fade .item {
	transition: opacity ease-out 1s;
	left: 0;
	opacity: 0; /* hide all slides */
	top: 0;
	position: absolute;
	width: 100%;
	display: block;
}
.carousel.fade .item:first-child {
	top: auto;
	/* opacity: 1; show first slide */
	position: relative;
}
.carousel.fade .item.active {
	opacity: 1;
}

/* Images centering */
.carousel .item .img-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Controllers background image remove and font size reduce */
.carousel-control.right,
.carousel-control.left {
	background: none !important;
	filter: progid: none !important;
	outline: 0;
	transition: all 0.3s ease 0s;
}
.carousel .carousel-control {
	opacity: 0;
}
.carousel:hover .carousel-control {
	opacity: 1;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
	font-size: 20px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 991px) {
	
	.carousel .carousel-indicators {
		display: none;
	}
	
	.carousel .item .caption-icon {
		max-width: 150px;
	}
	
	.carousel .item h1 {
		font-size: 30px;
		margin-top: 0;
	}
	
	.carousel .item h2 {
		font-size: 24px;
	}
	
	.carousel .item .btn-lg {
		padding: 5px 10px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 3px;
	}
	
}

@media (max-width: 767px) {
	
	.carousel .carousel-inner .item .container {
		display: none;
	}
	
}

.banner-heading{
	z-index: 5;
	white-space: nowrap;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	font-size: 16px!important;
	line-height: 22px;
	color: $(color-4);
	text-align: center!important;
}