/*Custom CSS*/
/*This section is to change colors, fonts, background images, etc. This stylesheet will override style-theme.css*/
body, header, header.dark, nav ul li a {
	font-family: Cabin, sans-serif;
	
}
.row {margin-right:0; margin-left:0;}
header {
	z-index: 99
}
a {
	color: #65b834;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s
}
a:hover {
	color: #245408
}
#top-bar {
	background: #fff;
	border-bottom:2px solid #f3f3f3;
}
#top-bar address {
	color: #fff;
	margin: 0;
	padding: 10px 0
}
#home-services li {
    line-height: 32px;
    font-size: 24px;
    color: #666666;
    list-style-type: disc;
    margin-left: 35px;
}

# home ol {}

/******************/

ol {
  color: #65b834;
  list-style-type: none;
}
ol li {
  position: relative;
  font: bold italic 45px/1.5 Helvetica, Verdana, sans-serif;
  margin-bottom: 10px;
}
li p {
  font: 20px/1.5 Helvetica, sans-serif;
  padding-left: 60px;
  color: #555;
}
ol span {
  position: absolute;
}
/******************/  

#top-bar address a {
	margin-left: 20px;
	color: #fff;
	font-size: 24px
}
address {
	color: #111;
	line-height: 1.2em;
	margin: 7px 0;
	font-size: 21px
}
nav {
	padding: 0;
	float: left;
	margin-top:0;
}
nav ul {margin-top:0; line-height:42px;}
nav ul li a {
	margin: 8px;
	font-size: 16px;
	padding: 12px 0;
	color: #111
}
nav ul li a:hover{
	text-decoration: none;
	color: #65b834
}
nav ul li a#ourlink {
	border: 4px solid #ededed;
	padding: 10px
}
nav ul li ul li a {
	color: #fff;
}
header.dark nav ul li a#ourlink:hover, nav ul li a#ourlink:hover {
	color: #111;
	background: #ededed
}
nav li li ul {
	position: absolute;
	top: 0;
	left: 395px;
	margin: 0
}
nav ul ul a {
	color: #fff;
	padding: 18px 18px 18px 1px;
	text-align: left
}
nav ul li.dropdown ul.sub-menu li.dropright ul.sub-right li {
	width: 300px;
}
/*This controls the width of sub-menus*/
nav ul li ul li {
	text-align: left;
	width: 170px;
}
#logo a img {
	max-width:100%; 
}
#home-2 .left h3 {
	font-size: 60px;
	font-family: 'Paytone One', sans-serif
}
#home-5 .right {
	text-align: left;
	padding: 60px 0 60px 40px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(201, 201, 201, .8)), to(rgba(201, 201, 201, .8))), url(../images/right2-bg.jpg) right bottom no-repeat;
	background: -webkit-linear-gradient(rgba(201, 201, 201, .8), rgba(201, 201, 201, .8)), url(../images/right2-bg.jpg) right bottom no-repeat;
	background: -o-linear-gradient(rgba(201, 201, 201, .8), rgba(201, 201, 201, .8)), url(../images/right2-bg.jpg) right bottom no-repeat;
	background: linear-gradient(rgba(201, 201, 201, .8), rgba(201, 201, 201, .8)), url(../images/right2-bg.jpg) right bottom no-repeat;
	background-attachment: fixed
}
#home-5 .right h3 {
	font-size: 60px;
	color: #65b834;
	font-family: 'Hammersmith One', sans-serif
}
#home-5 .left {
	padding: 60px 100px;
	background: url(../images/geo.jpg) center center no-repeat;
	color: #fff
}
.health-heading {
	color: #65b834;
	font-size: 28px;
	font-weight: bold;
	border-bottom: 3px solid #eee;
	margin-top: 20px;
	padding-bottom: 12px
}
ul.health-list {
	margin-left: 15px
}
ul.health-list li {
	font-size: 20px;
	line-height: 1.2em
}
.center-block {margin:0 auto; display:block;}
.btn {
	display: inline-block;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 20px;
	background: #fff;
	border: 1px solid #65b834;
	color: #65b834 !important;
	margin: 20px 0 10px;
	font-size: 20px;
}
.btn i {
	margin-left: 3px;
}
.content-heading {
    font-weight: bold;
    color: #65b834;
}
.skip {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 1px;
	width: 1px;
	text-align: left;
	overflow: hidden;
}
.skip:active, .skip:focus, .skip:hover {
	left: 0;
	top: 0;
	width: auto;
	height: auto;
	overflow: visible;
}
tr:nth-of-type(2n+1) {background: none}
td {border: none; text-align:center;}
/*Your Custom Styles*/
.logoWrap {display:inline-block; padding:5px 0; margin:20px 0;}
.topIconsWrapper { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end;}
.topBox {padding-top:25px; margin:0 15px; float:right; position:relative;}
.topIconWrap {float:left; padding:12px 10px; display:table-cell; color:#65b834; font-size:30px;}
.topIconText {display:table-cell; text-align:left;}
.topIconText h6 {font-weight:600; margin-bottom:5px; font-size:18px; color:#222; margin-top:10px;}
.topIconText p {color:#000; font-size:14px;}
.topSocial {float:right; margin:5px;}
.topSocialIcons {list-style:none; padding:0; direction:ltr !important; text-align:center; margin:0; display:inline-block;}
.topSocialIcons li {margin-right:8px; display:inline-block; margin-bottom: 10px }
.topSocialIcons li a {
	text-decoration: none; 
	padding-top:7px;
	color:#fff; 
	display:inline-block; 
	height:35px;
	width:35px; 
	text-align:center; 
	border-radius:4px;
	margin-bottom:-10px; 
	background:#65b834;
	-o-transition: 0.3s;
	transition: 0.3s;
	-webkit-transition:0.3s;
}
#fb:before {font-size:20px; font-family: 'FontAwesome'; content:'\f09a';}
#gplus:before {font-size:20px; font-family: 'FontAwesome'; content:'\f0d5';}
#blog:before {font-size:20px; font-family: 'FontAwesome'; content:'\f09e';}
.topSocialIcons li a:hover {-webkit-transform: translateY(-0.5em);-ms-transform: translateY(-0.5em);transform: translateY(-0.5em);}
#fb:hover {background:blue;}
#gplus:hover {background:red;}
#blog:hover {background:yellow;}
.responsive {max-width:100%; height:auto;}

/**************FLIP CARD STUFF*********************/
/**************************************************/

.flipCard {background:#65b834; position:relative; width:33.3333333333333333%; float:left; height:240px; display:inline-block;}
.flexContainer {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.flexContainer div {-webkit-box-flex:1;-ms-flex:1;flex:1;}
#flipIcons {height:240px; border-top:4px solid #fff;}
.flipIcon {text-align:center; margin:50px 0 10px 0;}
.flipIcon img {width:50px;}
.flipText {text-align:center; color:#fff; margin:20px 0 50px 0;}
.flipText h6 {font-size:1.5em;}
.flipText p {}
#flipOne .front,
#flipOne .back {background:#65b834;}
#flipTwo .front,
#flipTwo .back {background:#569c2d;}
#flipThree .front,
#flipThree .back {background:#3f741f;}
.front,
.back {
	width:100%;
	height:100%;
    position: absolute;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    -o-transition: transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms;
    -webkit-transition-timing-function: linear;
            -o-transition-timing-function: linear;
       transition-timing-function: linear;
}
.front {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
}
.back {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);

}
.flipCard:hover .front {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
}
.flipCard:hover .back {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
}
.flipPosition {margin:0 auto; display:block; max-width:250px; margin-top:80px;}

/************END FLIP STUFF****************/
/******************************************/

.greyBGBorder {
	border-bottom:5px solid #65b834;
	border-top:5px solid #65b834;
	background:url('../images/greybg.jpg');
}
.BGBorder {
	border-bottom:5px solid #65b834;
	border-top:5px solid #65b834;
}
#welcomeSection {color:#fff; margin-top:4px; text-align:center; word-wrap:normal;}
#welcomeSection h3 {font-size:4.5em; line-height:1.2em; letter-spacing:3px; text-transform:uppercase; margin:90px 0;}
#welcomeSection p {font-size:1.3em;}
#welcomeCircles {margin:100px 0;}
#welcomeCircles a{text-decoration:none !important;}
#welcomeCircles a:hover {color:#000;}
.welcomeCircles {background:#454544; border:3px solid #65b834; border-radius:50%; height:300px; width:300px; margin:0; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s;}
.welcomeCircles:hover {background:#292D2E;}
.centerCircleInfo {position:relative; text-align:center; top:15%; margin:0 30px;}
.centerCircleInfo h4 {font-size:3em; margin-bottom:30px; color:#fff;}
.centerCircleInfo h6 {color:#65b834; font-size:1.3em; letter-spacing:2px; line-height:1.5em;}
#calendar {padding:80px 40px;
background: none;}
#patientExperience,
#outstandingCare,
#newPatients {padding:80px 40px; background:url('../images/experiencebg.jpg') right center;}
.experienceText {max-width:850px;}
.experienceText h3,
#outstandingCare h3 {font-size:3em; text-transform:uppercase; font-weight:600; line-height:1.2em; color: #65b834}
.experienceText h5,
#outstandingCare h5 {font-size:2.2em; margin:20px 0;}
.experienceText p,
#outstandingCare p {color:#797878; line-height:1.5em; letter-spacing:1.3px;}

#hoverServices {border-bottom:5px solid #65b834; border-top:5px solid #65b834;}
.hoverService {height:350px; position:relative;}
.hoverService h4 {-webkit-transition: all .35s linear;-o-transition: all .35s linear;transition: all .35s linear; text-align:center; color:#fff; position:absolute; top:40%; width:100%; left:0; font-size:1.5em; line-height:1.5em;}
.hoverService:hover h4 {margin-top:-30px;}
.hoverService p {
	display:none; 
	letter-spacing:0.5px; color:#fff; 
	text-align:center; 
	padding:0 10px; 
	font-size:0.8em; 
	line-height:1.5em; position:absolute; 
	width:100%; 
	max-height:50%; 
	left:0; 
bottom:0;
background: rgba(0,0,0,.7);
}
#service1 {background:url('../images/service1.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center;}
#service2 {background:url('../images/service2.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center;}
#service3 {background:url('../images/service3.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center;}
#service4 {background:url('../images/service4.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center;}

#bracesPromo {color:#fff; padding-bottom:75px; border-top:none;}
#bracesPromo h3 {font-size:4.5em; line-height:1.2em; letter-spacing:3px; text-transform:uppercase; margin:90px auto 35px; border-bottom:5px solid #fff; text-align:center; padding-bottom:30px;}
#bracesPromo h4 {font-size:2.2em; line-height:1.2em; letter-spacing:2px;}
#bracesPromo h5 {font-size:1.5em; margin:30px 0; letter-spacing:2px;}
#bracesPromo p {font-size:1.1em;}
#bracesPromo ul,
#doctor ul,
#consultation ul {list-style:disc; list-style-position:inside; margin-left:20px; line-height:2em; font-size:1.1em;}
.blueBtn {background:#65b834; color:#000 !important; border:none; padding:12px 20px;}
.blueBtn:hover {border:none; background:#89d95a;}
.greyBtn {margin-top:50px; background:#2A2A2A; border:none; padding:12px 20px; color:#fff !important;}
.greyBtn:hover {background:#464646; border:none;}
.fa-download,
.fa-caret-right,
.fa-file-text,
.fa-eye,
.fa-user,
.fa-commenting-o {margin-right:10px;}

#doctor {padding:75px 50px;}
#doctor h4 {color:#b1e1ef; font-size:3.5em; letter-spacing:2px; text-transform:uppercase; margin-top:20px;}
#doctor h5 {color:#65b834; font-size:2.5em; margin:30px 0;}
#doctor .drSpace {float:left; padding:20px 50px;}
.blueBorder {border:6px solid #65b834;}
.doctorReviews {margin:40px 0;}

#consultation {border-bottom:5px solid #b1e1ef; border-top:5px solid #b1e1ef; padding:85px 0; background:url('../images/concrete.png');}
#consultation h4 {font-size:3em; font-weight:800; line-height:1.2em; margin-top:20px;}
#consultation ul {font-size:0.9em;}
#consultation .col-md-8 {padding-left:40px;}

#reviewUs,
#reviewUs2 {padding:150px 40px 95px; color:#fff; text-align:center; border-top:none;}
#reviewUs h2,
#reviewUs2 h2 {font-size:4.5em; letter-spacing:3px; margin-bottom:50px;}
#reviewUs p, 
#reviewUs2 p {font-size:1.2em; margin-bottom:30px; font-style:italic;}
#reviewUs .author,
#reviewUs2 .author {font-style:normal; font-size:1.5em; letter-spacing:1.5px; margin-bottom:60px;}

#outstandingCare {background:url('../images/concrete.png');}
#outstandingCare .flexContainer {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; margin-bottom:50px; -ms-flex-wrap:nowrap; flex-wrap:nowrap;}
#outstandingCare h3 {
    color: #65b834;
    letter-spacing: 8px;
    margin-bottom: 30px;
}
#outstandingCare .flexContainer div {-webkit-box-flex:1;-ms-flex:auto;flex:auto;}
.boxServ {position:relative; max-width:350px; margin-bottom:50px; margin:0 7px;}
#outstandingCare .boxServ h5 {z-index:1; font-size: 1.3em; position:absolute; bottom:0; text-align:center; background:#242424; margin:0; padding:10px 0; width:100%; color:#fff;}
#outstandingCare .servOverlay {position:absolute; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.6); overflow:hidden; width:100%; height:0; -webkit-transition: .8s ease; -o-transition: .8s ease; transition: .8s ease; -webkit-box-flex:0 !important; -ms-flex:none !important; flex:none !important;}
#outstandingCare .boxServ:hover .servOverlay {height:100%; max-height:100%; z-index:0;}
.servOverlay a {color:#fff; text-align:center; font-size:1.5em; margin-top:30%; text-decoration:none;}

#reviewUs2 {border-top:5px solid #65b834;}

#newPatients {background:url('../images/newpatientbg.jpg') right center;}

.associationBox {border:1px solid #e5e5e5; padding:40px;}

#contactUs {padding:100px; text-align:center; color:#fff; letter-spacing:2px; border-top:none;}
#contactUs h3 {font-size:2em; margin-bottom:40px;}
#contactUs h4 {font-size:1.5em; margin-bottom:40px;}

footer {color:#636363; text-align:left; font-size:17px;}
footer h4 {margin-bottom:5px; padding-bottom:10px;}
.footerHours {font-size:0.95em;}
.footerP {font-size:0.8em; color:#636363; line-height:1.7em;}
.navigate li a {color:#636363;}
.navigate li:before {font-family:'fontawesome'; content:'\f054'; color:#03a9f4; padding-right:8px; font-size:0.8em;}
.footerInfo i {color:#65b834; padding-right:8px;}
.footerInfo a {color:#636363;}
.footerHours li span {float:right;}
.footerHours li {clear:both;}
.footerHours .fa-clock-o {color:#65b834; padding-right:8px;}

#copyright {background:#f7f7f7; padding:10px 0;}
#home-1 {background:url('../images/greybg.jpg');}
.inner-shorter {padding:60px 16px;}
#home-1 .inner-shorter h1 {text-transform:uppercase; letter-spacing:5px; font-size:3.5em !important;}
.widget {background:none;}
.widget .inside {color:#333; padding:0;}
.widget .inside p {padding:5px 20px;}
.widget .inside .fa {color:#65b834;}
.widget, .widget .inside, .widget.shortcodes .inside {border-radius:0;}
aside h3 {text-align:center; border-bottom:none; padding:10px 0; color:#222; text-transform:uppercase; border-bottom:3px double #65b834;}
.widget .inside center .fa {color:#65b834;}
.appointmentBox {cursor:pointer;}
.topBottomBorder {border-top:5px solid #65b834; border-bottom:5px solid #65b834;}
table {margin-top:10px;}
#content-main-right-sidebar h2 {border-bottom:3px double #65b834;}
.btnEffect {position:relative; background:#fff; display:block;}
/*.btn:hover { background:none; color: whitesmoke !important;}
.btn:before {
  content: "";
  position: absolute;
  background: #65b834 !important; 
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  z-index: -1;
  -webkit-transition: left 0.15s ease-in;
}

.btn:hover:before {
  top: 0;
}*/
footer .topSocialIcons {display:block;}
footer .topSocialIcons li a {padding-top:5px;}
.slicknav_menu {background:#234012 !important;}
.slicknav_btn {text-shadow:none;}
.slicknav_menu .slicknav_menutxt {color:#fff;}
.slicknav_menu .slicknav_icon-bar {background-color:#fff;}
.slicknav_nav a {color:#fff;}
.slicknav_nav a:hover {background:#49AFE3; color:#fff;}
.slicknav_nav {border-top: 2px solid #fff; line-height:1.5em; font-size:1em; text-transform:uppercase;}
.btnEffect {background-image: -webkit-gradient(linear, left top, left bottom, from(#234012), to(#234012));background-image: -webkit-linear-gradient(#234012, #234012);background-image: -o-linear-gradient(#234012, #234012);background-image: linear-gradient(#234012, #234012); background-repeat:no-repeat; -webkit-transition:background-size .5s, color .5s; -o-transition:background-size .5s, color .5s; transition:background-size .5s, color .5s; background-size:0% 0%; background-position:50% 50%;}
.btnEffect:hover {background-size:100% 100%; color:#fff !important; border: 1px solid #234012;}
.mobileBtn {display:none}
@media (max-width:980px) {
	#welcomeSection h3 {padding-top:450px; margin-bottom:20px; color: #65b834}
	#top-bar {display:block;}
	.topIconsWrapper {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; -webkit-box-align:space-between; -ms-flex-align:space-between; align-items:space-between;}
	.topBox {padding-top:15px;}
	.topSocial {float:none;}
	.flipCard {width:100%;}
	body { font-size:14px;}
	#welcomeCircles { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin:20px 0;}
	.welcomeCircles {margin-bottom:15px;}
	#hoverServices .flexContainer {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
	.hoverService {height:275px;}
	.hoverService p {font-size:1em;}
	#doctor .drSpace {padding:0;}
	#outstandingCare .flexContainer {-ms-flex-wrap:wrap;flex-wrap:wrap; margin-bottom:0;}
	.boxServ {margin-bottom:20px;}
	.header-inner .container {margin-bottom:20px;}
	#hoverServices {display: none}
	#patientExperience, #outstandingCare, #newPatients {background: none}
}
@media (max-width:768px) {
	.doctorReviews {text-align:center;}
}
@media (max-width:580px) {
	#bracesPromo h3 {font-size:3.5em; margin-top:40px;}
	#welcomeSection h3 {font-size:3.5em;}
	body {font-size:12px;}
	.welcomeCircles {height:225px; width:225px;}
	.blueBtn {font-size:14px; padding:12px 10px;}
	#doctor {padding:50px 15px;}
	#patientExperience, #outstandingCare, #newPatients {padding:40px 15px;}
	#bracesPromo ul, #doctor ul, #consultation ul {margin-left:0;}
	#consultation {padding:40px 0;}
	#outstandingCare h3 {font-size:2.5em; word-wrap:normal; letter-spacing:3px;}
	#reviewUs, #reviewUs2 {padding:40px 10px;}
	#reviewUs h2, #reviewUs2 h2 {font-size:3em;}
	#reviewUs .author, #reviewUs2 .author {margin-bottom:20px;}
	#contactUs {padding:40px 20px;}
	footer .col-md-3 {margin-bottom:20px;}
	.col-md-3 .topSocialIcons {margin-bottom:20px;}
}
.mobileAddress {display:none; color:#333; font-size:18px;}

nav ul li ul {top: 35px}
.noshow {display: none}

@media (max-width:980px) {
	#welcomeSection h3 {padding-top:450px; margin-bottom:20px;}
	#top-bar {display:block;}
	.topIconsWrapper {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; -webkit-box-align:space-between; -ms-flex-align:space-between; align-items:space-between;}
	.topBox {padding-top:15px;}
	.topSocial {float:none;}
	.flipCard {width:100%;}
	body { font-size:14px;}
	#welcomeCircles { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin:20px 0;}
	.welcomeCircles {margin-bottom:15px;}
	#hoverServices .flexContainer {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
	.hoverService {height:275px;}
	.hoverService p {font-size:1em;}
	#doctor .drSpace {padding:0;}
	#outstandingCare .flexContainer {-ms-flex-wrap:wrap;flex-wrap:wrap; margin-bottom:0;}
	.boxServ {margin-bottom:20px;}
	.header-inner .container {margin-bottom:20px;}
	#hoverServices {display: none}
}
@media (max-width:768px) {
	.doctorReviews {text-align:center;}
	.mobileHide {display:none;}
	.mobileAddress {display:block;}
	#reviewUs h2, #reviewUs2 h2 {font-size:1.5em; letter-spacing:1.5px;}
    .mobileBtn {display:inline-block}
}
@media (max-width:580px) {
	#bracesPromo h3 {font-size:3.5em; margin-top:40px;}
	#welcomeSection h3 {font-size:3.5em;}
	body {font-size:12px;}
	.welcomeCircles {height:225px; width:225px;}
	.blueBtn {font-size:14px; padding:12px 10px;}
	#doctor {padding:50px 15px;}
	#patientExperience, #outstandingCare, #newPatients {padding:40px 15px;}
	#bracesPromo ul, #doctor ul, #consultation ul {margin-left:0;}
	#consultation {padding:40px 0;}
	#outstandingCare h3 {font-size:2.5em; word-wrap:normal; letter-spacing:3px;}
	#reviewUs, #reviewUs2 {padding:40px 10px;}
	#reviewUs h2, #reviewUs2 h2 {font-size:3em;}
	#reviewUs .author, #reviewUs2 .author {margin-bottom:20px;}
	#contactUs {padding:40px 20px;}
	footer .col-md-3 {margin-bottom:20px;}
	.col-md-3 .topSocialIcons {margin-bottom:20px;}
	#reviewUs h2, #reviewUs2 h2 {font-size:1.3em; letter-spacing:1.5px;}
	.homeServices {font-size:16px;}
}
ul.homeservices {
    list-style: disc inside;
    font-size: 24px;
    line-height: 30px;
}

nav ul li ul {top: 35px}
.noshow {display: none}
#button-blue {background-color:#234012 !important;}
#button-blue:hover {color:#234012 !important; background:white !important;}


.formColor:focus{border-color: #65b834 !important;color: #65b834 !important; }
.buttonColor{background: #65b834 !important;}
.buttonColor:hover{background: white !important; color: #65b834 !important;}