@charset "UTF-8";
/* CSS Document */
	
html, body {
margin:0;
padding:0;
min-height:100%;
overflow-x:hidden;
color:#666;
font-family: 'Lato', sans-serif;
max-width:100%;
letter-spacing:.025em;
}

html {
position:relative;
min-height:100%;
}

#footer {
position:fixed;
left:0;
right:0;
bottom:0;
height:45px;
width:100%;
background-color: rgba(32,164,184,1);
}

#footer-content {
width:70%;
margin:0 auto;
padding:5px 0 0 0;
color:#fff;
font-weight:400;
}

#footer-left {
float:left;
width:50%;
font-size:1em;
padding:0;
}

#footer-right {
float:right;
text-align:right;
width:50%;
padding:8px 0 0 0;
font-size:.75em;
}

#footer-content a {
color:#fff;
text-decoration:none;
font-weight:400;
}

#footer-content a:hover {
}

#footer img {
width:20px;
height:20px;
transform:translateY(3px);
-webkit-transform: translateY(3px);
-ms-transform: translateY(3px);
}

#phone, #email, #social {
float:left;
}

#phone, #email {
margin-right:10px;
}

#main {
margin: 0 auto;
width: 100%;
height:100%;
padding: 0;
min-width:100%;
}

#top-container {
width: 70%;
margin: 0 auto;
padding: 10px;
}

#mid-container.home {
width:100%;
height:auto;
overflow:hidden;
margin: 0 auto;
margin-top:120px;
padding:0;
border-top: none;
}

#mid-container {
width:100%;
height:1%;
overflow:hidden;
margin: 0 auto;
padding:20px 0 105px 0;
margin-top:120px;
border-top: 1px solid #e2e2e2;
}

#mid-content {
margin:0 auto;
width:70%;
}

#mid-content svg {
float:left;
height:28px;
fill:#666;
margin-right:10px;
}

#main-text-container {
width:70%;
margin:0 auto;
padding:0;
}

#logo {
margin-top: 22px;
float:left;
width: 300px;
height: 75px;
z-index: 2;
}

#logo img {
height:100%;
}

#main-text-container {
margin:0 auto;
width:70%;
padding:0;
height:500px;
}

#main-text {
margin:0 auto;
float:left;
width:60%;
height:100%;
/*-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d; */
}

#main-text h1 {
float: left;
width: 35%;
min-width:400px;
font-size: 65px;
line-height: 1em;
padding: 15px;
color: #fff;
font-weight: 300;
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
letter-spacing:normal;
}

#fader {
position:relative;
height:100%;
}

#main-img {
background-color:#000;
width:100%;
margin:0 auto;
float:right;
height:500px;
margin-top:-500px;
overflow:hidden;
position:absolute;
z-index:-1;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}

#main-img img {
width:100%;
position: relative;
}

#bottom-half {
width: 70%;
height:1%;
overflow:hidden;
margin: 0 auto;
padding: 30px 0 105px 0;
}

#column-container {
width:100%;
min-width:420px;
}

#column-container h3 {
padding-top:7px;
margin-bottom:3px;
line-height:1.1em;
}

#column-container p {
padding-bottom:15px;
}

#column-container svg {
float:left;
height:34px;
margin:0 12px 0 0;
fill:#666;
}

.twitter-timeline {
width:100% !important;
height:300px !important;
}

#column-container svg.twitter {
height:28px;
margin-top:4px;
}

#column-container svg.clipboard {
height:38px;
margin-top:-3px;
}

#container3 {
    float:left;
    width:100%;
    overflow:visible;
    position:relative;
}
#container2 {
    float:left;
    width:100%;
    position:relative;
    right:30%;
}
#container1 {
    float:left;
    width:100%;
    position:relative;
    right:40%;
}
#col1 {
    float:left;
    width:29%;
    position:relative;
    left:72%;
    overflow:visible;
}
#col2 {
    float:left;
    width:29%;
    position:relative;
    left:76%;
	overflow:visible;
}
#col3 {
    float:left;
    width:29%;
    position:relative;
    left:80%;
    overflow:visible;
}

.timeline-header customisable-border {
display:none !important;
}

#about-top {
float:left;
width:100%;
margin-bottom:20px;
}

#about-image {
float:left;
width:150px;
margin-right:10000px;
margin:0 20px 10px 0;
}

#about-image img {
width:100%;
}

#about-title {
float:left;
width:100%;
}

.button {
background-color: rgba(143,175,62,1);
color: #fff;
width: auto;
margin: 10px 0;
padding: 10px 20px;
font-size: 14px;
letter-spacing: .025em;
text-transform: uppercase;
font-weight: 600;
border: none;
border-radius: 5px;
}

a.button {
text-decoration:none;
}

a.button:hover {
background-color: rgba(32,164,184,1);
color: #fff;
}

#invisible {
display:none !important;
}

#middle-left {
float:left;
width:45%;
padding-right:5%;
}

#middle-right {
float:left;
width:40%;
margin-bottom:30px;
padding:2.5%;
background-color: rgba(32,164,184,0.2);
}

#middle-right.green {
}

.calendar-container {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}

.calendar-container iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}

.homecalendar-container {
position: relative;
padding-bottom: 77%;
width:100%;
height:300px;
height: 0;
overflow:visible;
}

.homecalendar-container iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
overflow:visible;
}

#middle-content img {
margin:0 30px 20px 0;
}

#topinfo {
font-size:20px;
margin-top:95px;
float:right;
}

/* Dropdown Menu */

#nav {
float:right;
width: 60%;
margin: 40px 0 0 0;
text-transform: lowercase;
margin-right:-5%;
}

#nav > a {
    display: none;
}

#nav li {
    position: relative;
}

#nav li a {
    color: #666;
    display: block;
}

#nav span:after {
    width: 0;
    height: 0;
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: relative;
    right: -.313em;
}

/* first level */
#nav > ul {
	padding:0;
	font-size:1.125em;
	margin:0 0 0 25px;
}

#nav > ul > li {
    float: left;
	list-style-type:none;
	padding:0;
}


#nav > ul > li > a {
	color:#666;
    font-size: 1.25em;
	font-weight:400;
	padding:0.5em 1.25em 0.6em 1.25em;
    text-align: center;
	text-decoration:none;
	border-radius:5px;
}

#nav > ul > li:not( :last-child ) > a {
}

#nav > ul > li:not( :last-child ) > a:hover {
}

#nav > ul > li:hover > a,#nav > ul:not( :hover ) > li.active > a {
	background-color: rgba(143,175,62,1);
	color:#fff;
}

/* second level */
#nav li ul {
	background-color: rgba(143,175,62,1);
    display: none;
    position: absolute;
    top: 100%;
	list-style-type:none;
	width:12em;
}

#nav li:hover ul {
    display: block;
    left: 0;
    right: 0;
	padding:0;
}

#nav li:not( :first-child ):hover ul {
}

#nav li ul a {
	font-size:1em;
    padding: .5em 1.5em;
	text-align:left;
	text-decoration:none;
	color:#fff;
	}

#nav li ul li a:hover,#nav li ul:not( :hover ) li.active a {
	color: #fff;
	background-color:rgba(32,164,184,1);
}

h1 {
font-size:1.75em;
line-height:1.5em;
margin:0;
padding:0 0 20px 0;
font-weight:600;
}

h2 {
font-size:1.5em;
line-height:1.5em;
margin:0;
padding:0 0 3px 0;
font-weight:600;
}

h3 {
font-size:1.375em;
line-height:1.375em;
font-weight:600;
margin:0;
padding:0 0 7px 0;
}

h3.about {
margin-top:-3px;
margin-bottom:10px;
}

h4 {
font-size:1.125em;
line-height:1.375em;
font-weight:400;
margin:0;
padding:0 0 3px 0;
}

b {
font-weight:400;
}

p {
font-size:1.125em;
font-weight:300;
color:#444;
margin:0 0 15px 0;
padding:0;
}

ul {
font-size:1.125em;
line-height:1.375em;
font-weight:300;
margin:0 0 0 20px;
padding:0;
list-style-type:square;
}

.insurance li {
margin-top:10px;
}

input[type='submit'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;  
/*added no border rounding*/
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

a {
color: rgba(143,175,62,1);
font-weight:400;
text-decoration:none;
}

a:hover {
color:rgba(32,164,184,1);
}

h3 a {
color:#666;
font-weight:600;
text-decoration:none;
}

h3 a:hover {
color:#222;
}

fieldset {
float:left;
width:90%;
border:none;
padding:0 5% 0 0;
margin:20px 0 0 0;
}

#image-r {
float:right;
width:50%;
padding-right:0;
}

#image-r img {
width:100%;
}

fieldset h4 {
}

form, fieldset, input, label, textarea {
-webkit-appearance:none !important;
font-family: 'Lato', sans-serif !important;
}

label {
font-family: 'Lato', sans-serif !important;
}

form, form p {
font-family: 'Lato', sans-serif !important;
font-size:2em !important;
}

.optionscontainer {
display: none !important;
}

.class123-label {
font-family: 'Lato', sans-serif !important;
font-size: 16px !important;
color: #666 !important;
font-weight:400 !important;
}

textarea, input {
font-size:1em;
margin-bottom:20px;
padding:5px;
}

input {
width:100%;
color:#666;
}

input.form {
color: #666 !important;
font-size: 2em !important;
border: 1px solid #C8C8C8;
padding: 5px;
background: none !important;
margin: 0px;
margin-top: 5px;
font-family: 'Lato', sans-serif;
}

input.clinic {
}

input.date, input.name {
width:50%;
}

input.city {
width:50%;
}

input.state {
width:50px;
}

textarea {
width:100%;
min-height:100px;
color:#666;
}

input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"] {
font-family: 'Lato', sans-serif;
font-size:1em;
color:#666;
}

::-webkit-scrollbar
{
  width: 9px;  /* for vertical scrollbars */
  height: 9px; /* for horizontal scrollbars */
  border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -webkit-border-radius:5px;
}

::-webkit-scrollbar-track
{
  background: #eee;
}

::-webkit-scrollbar-thumb
{
  background: #ccc;
  border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -webkit-border-radius:5px;
}


@media only screen and (max-height:1024px) {
#main-img {
height:350px;
margin-top:-350px;
}

#top-container {
padding:5px;
}

#main-text-container {
height:350px;
}

#main-text {
height:350px;
}

#bottom-half {
padding-top:10px;
}

h3 {
font-size:1.25em;
padding-bottom:3px;
}

}

@media only screen and (max-width:1680px) and (max-height:1080px) {
#main-img {
height:350px;
margin-top:-350px;
}

#top-container {
padding:5px;
}

#main-text-container {
height:350px;
}

#main-text {
height:350px;
}

#bottom-half {
padding-top:20px;
}

h3 {
font-size:1.25em;
padding-bottom:3px;
}

}

@media only screen and (max-width:1580px) {

#nav {
width:70%;
margin-right:-10%;
}

}

@media only screen and (max-width:1380px) {

#top-container, #mid-content, #bottom-half, #footer-content, #main-text-container {
width:85%;
}

#nav {
}

#nav > ul > li > a {
font-size:1.125em;
}

}

@media only screen and (max-width:1024px) {

#nav {
width:70%;
margin-right:-7%;
}

#nav > ul > li > a {
font-size:1em;
}

#top-container, #mid-content, #bottom-half, #footer-content, #main-text-container {
width:90%;
}

#top-container {
padding:5px;
}

#main-text h1 {
font-size:50px;
min-width:300px;
}

#bottom-half {
padding: 20px 0 59px 0;
}

h3 {
font-size:1.125em;
}

p, ul {
font-size:1em;
}

#mid-container.home, #main-text-container, #main-text, #main-img {
height:300px;
}

#main-img {
margin-top:-300px;
}

.twitter-timeline {
height:230px;
}

}

@media only screen and (max-width:920px) {

.twitter-timeline {
height:400px;
}

#nav {
width:35%;
margin-right:7.5%;
margin-top:20px;
}

#nav title {
text-align:center;
}

#nav > ul > li > a {
	color:#666;
	text-decoration:none;
	font-size:1.5em;
	line-height:1.25em;
	}

#nav > a {
color:#666;
position:relative;
top:auto;
text-decoration:none;
}

    #nav > a:before,#nav > a:after {
        position: absolute;
        top: 35%;
        left: 25%;
        right: 25%;
        content: '';
}
    
    #nav > a:after {
        top: 60%;
    }
    
#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {
display: block;
text-align: center;
margin-top: 30px;
margin-bottom:15px;
font-size: 1.75em;
}
    
    /* first level */ 
    #nav > ul {
        width:35%;
		height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: -45%;
		margin:auto;
		text-align:center;
		padding:0;
		color:#fff;
		background-color: rgba(143,175,62,1);
		z-index:1;
	}
    
    #nav:target > ul {
        display: block;
    }
    
    #nav > ul > li {
        width: 100%;
        float: none;
		margin:0 auto;
		padding:0;
		color:#fff;
    }
	
	#nav > ul > li:hover > a,#nav > ul:not( :hover ) > li.active > a {
			background-color:rgba(32,164,184,1);
}
    
    #nav > ul > li > a {
		color:#fff;
		border-radius:0;
    }
    
    #nav > ul > li:not( :last-child ) > a {
    }
    
    /* second level */
    #nav li ul {
        position: static;
		width:100%;
	}
	
	#nav li ul a {
		text-align:center;
		font-size:1.2em;
	}

#middle-left {
width:100%;
padding:0;
min-width:0;
}

#middle-right {
float:left;
width:85%;
padding:25px;
margin-bottom:0;
margin-top:30px;
}
		
#container3 {
    float:left;
    width:100%;
}
#container2 {
    float:left;
    width:100%;
    right:0;
}
#container1 {
    float:left;
    width:100%;
    right:0;
}
#col1 {
    float:left;
    width:100%;
    left:0;
	margin-bottom:40px;
}
#col2 {
    width:100%;
    left:0;
	margin-bottom:40px;
}
#col3 {
    float:left;
    width:100%;
    left:0;
	margin-bottom:40px;
}

#image-r {
display:none;
}

#footer {
height:65px;
}

#footer-content {
float:none;
margin:0 auto;
}

#footer-left {
width:100%;
text-align:center;
}

#footer-right {
float:left;
margin:0 auto;
width:100%;
padding:5px 0 0 0;
text-align:center;
font-size:.75em;
}
}

@media only screen and (max-width:768px) {
#nav {
margin-right:0%;
}

#nav > ul {
right: -58%;
}

}

@media only screen and (max-width:600px) {

body {
max-width:100%;
letter-spacing:normal;
}

#logo {
float:none;
margin:0 auto;
margin-top: 10px;
height:auto;
width:400px;
}

#logo img {
width:100%;
height:auto;
}

#nav {
width:100%;
margin-top:0;
}

#nav > ul {
right:0;
width:60%;
}

#mid-container {
margin-top:69px;
}

#mid-container.home {
margin-top: 69px;
height:300px;
}

#main-text-container {
height:300px;
}

#main-text {
width:100%;
height:300px;
}

#main-text h1 {
width:100%;
min-width:60%;
font-size:3.25em;
padding:30px 0;
top:50%;
}

#main-img {
height:300px;
margin-top:-300px;
}

#main-img img {
opacity:.5;
}

h1 {
padding: 0 0 15px 0;
}

#image-r {
display:none;
}

#footer-left {
font-size: 1.125em;
letter-spacing:normal;
}

#footer-right {
font-size: .75em;
letter-spacing:normal;
}

}

@media only screen and (max-width:480px) {

body {
max-width:480px;
}

#top-container {
padding:5px;
}

#logo {
height:60px;
width:240px;
margin-top:10px;
transform:translateX(-3px);
-webkit-transform: translateX(-3px);
-ms-transform: translateX(-3px);
}

#logo img {
height:100%;
width:100%;
}

#nav {
margin-top:-20px;
}

#nav > ul {
width:80%;
}
	
#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {
margin-bottom:6px;
}
	
#main-text h1 {
font-size:2em;
line-height:1.1em;
}

#mid-container {
margin-top:57px;
}

#mid-container.home {
height:150px;
margin-top:45px;
overflow:visible;
}

#main-text-container, #main-text {
height:150px;
}

#main-img {
margin-top:-150px;
height:150px;
}

#main-img img {
width:100%;
min-width:480px;
}

#column-container {
min-width:0;
}

h1 {
padding: 0 0 15px 0;
}

h3 {
font-size:1.25em;
padding-bottom:3px;
}

#bottom-half {
padding-top:10px;
}

#col1 {
margin-bottom:30px;
}

#footer {
height:30px;
}

#footer-content {
width:97.5%;
padding-top:3px;
}

#footer-left {
font-size: .825em;
}

#footer-right {
display:none;
}

#footer img {
width:15px;
height:15px;
}

}