<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Wrap Long Lines">
</head>
<body>
<pre><html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
title="Wrap Long Lines">
</head>
<body>
<pre>@font-face {
font-family: OpenSans-Bold;
src: url('typography/OpenSans-Bold.eot');
src: url('typography/OpenSans-Bold.eot') format('embedded-opentype'),
url('typography/OpenSans-Bold.woff') format('woff'),
url('typography/OpenSans-Bold.ttf') format('truetype'),
url('typography/OpenSans-Bold#OpenSans-Bold') format('svg');
}
@font-face {
font-family: OpenSans;
src: url('typography/OpenSans.eot');
src: url('typography/OpenSans.eot') format('embedded-opentype'),
url('typography/OpenSans.woff') format('woff'),
url('typography/OpenSans.ttf') format('truetype'),
url('typography/OpenSans#OpenSans') format('svg');
}
html {
transition: all 0.1s linear 0s;
-ms-transition: all 0.1s linear 0s;
-o-transition: all 0.1s linear 0s;
-moz-transition: all 0.1s linear 0s;
-webkit-transition: all 0.1s linear 0s;
background: url(../img/background3.png);
background-position: right top;
background-repeat: no-repeat;
background-size: 30%;
background-origin: initial;
}
html, body, form {
margin: 0;
min-height: 100%;
padding: 0;
width: 100%;
border: 0;
}
body {
color: #161616;
font-family: OpenSans, Verdana, sans-serif;
font-size: 1.1em;
line-height: 1.7em;
}
h1 {
font-size: 1.8em;
text-align: center;
color: #549124;
margin-top: 4%;
font-family: OpenSans-Bold;
font-weight: 200;
}
h2 {
font-family: OpenSans-Bold;
text-align: center;
font-size: 1.6em;
color: #882007;
margin-top: 4%;
margin-bottom: 4%;
font-weight: 200;
}
h3 {
font-size: 1.6em;
color: #69aa35;
font-family: OpenSans-Bold;
font-weight: 200;
}
h4 {
font-size: 1.3em;
font-family: OpenSans-Bold;
color: #882007;
text-shadow: 1px 1px 1px #fff;
}
h5 {
font-size: 1.2em;
font-family: OpenSans-Bold;
margin-bottom: 0;
color: #608c3d;
}
div {
display:block;
}
.container {
margin: 1% 3% 3% 3%;
}
header {
margin-bottom: 5%;
display: flex;
}
header .logo {
display:inline-block;
width:40%;
}
header img {
height: auto;
width: auto;
}
header div {
margin-left: 2%;
margin-top: 10px;
width: 58.5%;
display: inline-block;
right: 0;
min-height: 60px;
top: 0;
text-align: right;
}
.email, .telephone {
text-align: right;
font-size: 0.9em;
display: inline-block;
width: auto;
position: relative !important;
vertical-align:middle;
}
.email {
top: 8%;
background: url(../img/iconEmailSmall.png);
background-position: right center;
background-repeat: no-repeat;
background-size: contain;
background-origin: content-box;
}
.telephone {
top: 15%;
background: url(../img/iconPhoneSmall.png);
background-position: right center;
background-repeat: no-repeat;
background-size: contain;
background-origin: content-box;
}
footer {
margin-top: 5%;
background-color: #eaedf3;
padding: 1px 16px;
line-height: 1em;
margin-top: 10%;
}
footer p {
display: flex;
flex-wrap: wrap;
}
footer .email, footer .telephone {
width: auto;
font-size: 0.8em;
}
footer .email, footer .telephone, footer span {
position: relative !important;
right: 0;
top: 0;
width: auto;
}
footer .email {
margin-right:3%;
}
footer span {
flex: 2;
font-size:0.6em;
font-style:italic;
}
header a, footer .email, footer .telephone {
text-decoration: none !important;
color: #161616;
}
a {
text-decoration: underline;
outline: none;
color: #882007;
transition: all 0.1s linear 0s;
-ms-transition: all 0.1s linear 0s;
-o-transition: all 0.1s linear 0s;
-moz-transition: all 0.1s linear 0s;
-webkit-transition: all 0.1s linear 0s;
}
a:hover, a.selected, a.focus, a h2:hover, a h2:focus {
color: #fa7b13!important;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
}
header a:hover, header a:focus {
color: #fa7b13;
}
nav ul li.selected a:hover, nav ul li.selected a:focus {
color: #608c3d !important;
}
header.boxNav {
background:none;
background-color: #fff;
}
.boxNav {
left: 0;
top: 0;
z-index: 999999;
display: block;
width: 100%;
-webkit-transition: background 0.3s, top 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
transition: background 0.3s, top 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
transition: background 0.3s, top 0.5s cubic-bezier(0.23, 1, 0.32, 1), transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
transition: background 0.3s, top 0.5s cubic-bezier(0.23, 1, 0.32, 1), transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
background-color: #000;
min-height: 10px;
}
nav {
list-style: none;
padding: 0;
margin: 0 0 0 0;
display: block;
width: 100%;
border-top: 2px solid #afdd8b /*#608c3d*/;
font-size:1em;
}
ul {
list-style: none;
}
article ul li::before {
content: "\2022";
color: #fa7b13;
font-weight: bold;
display: inline-block;
width: 0.8em;
margin-left: -1em;
font-size:1.2em;
}
nav ul {
padding: 0;
margin: 0;
display: block;
float: right;
}
nav ul li {
display: inline-block;
margin: 0 0 0 0.8em;
width: auto;
opacity: 1;
border: 1px solid #FFF;
}
li.last {
}
nav ul li::before {
content: "\2022";
color: #882007;
display: inline-block;
width: 0.8em;
margin-left: -0.6em;
font-size: 1.2em;
position: absolute;
margin-top: 10px;
margin-bottom: auto;
}
nav ul li.first::before {
display: none !important;
}
nav ul li a{
}
nav ul li.selected a{
color: #882007!important;
}
nav.pages {
font-size: 1.1em !important;
border: none;
display: inline-block;
margin: auto;
text-align:center;
}
nav.pages a, nav.pages span {
margin-right: 1%;
}
nav.pages a {
background-color: #afdd8b;
border-radius: 50%;
width: 30px;
height: 30px;
padding: 5px;
display: inline-block;
text-decoration: none;
text-align: center;
line-height: normal;
}
nav.pages a.selected {
background-color: #ceced0;
font-weight: bold;
color: #fff !important;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
nav.pages a:hover, nav.pages a:focus {
background-color: #649a39;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.19);
text-shadow: 1px 1px 1px #fff;
color: #161616 !important;
transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
}
nav.pages span {
color: #549124;
}
nav ul li:hover, nav ul li.selected {
border-bottom: 1px solid #549124;
-webkit-transition: opacity 0.2s 0.1s, -webkit-transform 0.2s 0.1s;
transition: opacity 0.2s 0.1s, -webkit-transform 0.2s 0.1s;
transition: opacity 0.2s 0.1s, transform 0.2s 0.1s;
transition: opacity 0.2s 0.1s, transform 0.2s 0.1s, -webkit-transform 0.2s 0.1s;
}
nav ul li:nth-child(2) {
-webkit-transition: opacity 0.2s 0.1s, -webkit-transform 0.2s 0.1s;
transition: opacity 0.2s 0.1s, -webkit-transform 0.2s 0.1s;
transition: opacity 0.2s 0.1s, transform 0.2s 0.1s;
transition: opacity 0.2s 0.1s, transform 0.2s 0.1s, -webkit-transform 0.2s 0.1s;
}
nav ul li a, nav ul li span {
padding: 0.5em 0.1em;
margin: 0;
position: relative;
-webkit-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
display: block;
}
.innerHolder article, .innerHolder aside {
margin: 0 auto;
position: relative;
margin-bottom: 5em;
}
.innerHolder article {
/*width: 70% !important;*/
width: 65% !important;
}
.innerHolder article div {
background-color: #FFF;
/*width: 70% ;*/
padding: 2% 5%;
margin-bottom: 2em;
border-radius: 10px 10px;
margin: 5% auto;
box-shadow: 0 0 0px rgba(0,0,0,0.4),1px 1px 5px rgba(0,0,0,0.4);
}
.innerHolder article div hr{
}
.innerHolder article div img {
max-width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
}
.innerHolder aside {
width: 65% !important;
border-radius: 10px 10px;
margin: 5% auto;
background-color: #fff !important;
box-shadow: 0 0 0px rgba(0,0,0,0.4),1px 1px 5px rgba(0,0,0,0.4);
padding: 0 !important;
}
/*.innerHolder aside.follow {
width: 108% !important;
overflow: hidden;
margin: 0 0 0 -5%;
scroll-behavior: unset;
overflow-x: hidden;
border-radius: 0;
}*/
/*.followBk {
background: none !important;
margin: auto;
width: 65%;
padding: 0 !important;
padding-left: 2% !important;
}*/
hr {
border: 0;
margin-bottom: 4%;
border-bottom: 2px solid #afdd8b;
}
.innerHolder img.full {
width: 100%;
height: auto;
}
aside h6 {
text-align:center;
font-style:italic;
font-size:1em;
font-weight:100;
margin:3em 0 0 0;
text-transform:uppercase;
}
aside.patientForm {
text-align: center;
line-height: 1em;
/*padding: 4% 2%;*/
/* padding:0;*/
}
p.patientForm {
line-height:2em;
}
aside.patientForm hr {
}
aside.patientForm a {
}
aside.patientForm h2 {
}
aside p {
}
aside hr {
}
/*aside.testimonials, aside.follow, aside.title {*/
hr.testimonials {
border: none;
}
aside.title {
background: none;
box-shadow: none;
margin: 0 auto;
margin-top:8%;
padding: 0;
width: 65% !important;
}
aside div {
/*width: 70%;*/
height: 100%;
display: block;
padding: 4%;
border-radius: 10px;
background-color: #eaedf3;
position: relative;
margin: 4% auto;
}
aside div img.top, aside div img.bottom {
width: 48px !important;
max-height: 35px !important;
position: absolute;
}
aside div img.top {
top: -20px;
left: -20px;
}
aside div img.bottom {
bottom: -20px;
right: -20px;
}
aside.testimonials {
box-shadow: none !important;
}
aside.testimonials div p, aside.testimonials div span {
font-size: 0.85em;
line-height: 1.4em;
}
aside.testimonials div p {
font-style: italic;
margin-top: 0;
}
.follow {
text-align:center;
}
.follow img {
width: 3em !important;
margin: auto;
max-height: 3em !important;
display: inline !important;
}
aside.follow div {
background-color: #fff;
}
aside.title div {
width: 100% !important;
margin: auto;
padding: 0;
background: #fff;
}
.hbspt-form {
padding: 0 !important;
margin: 0 !important;
margin-top: 1em !important;
width: 100% !important;
padding: 0 !important;
margin-bottom: 10% !important;
box-shadow: none !important;
}
.hbspt-form div {
padding: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
width: 90% !important;
box-shadow:none!important;
}
div.hs-form-field, div.hs_submit {
padding: 0;
margin: auto !important;
margin: auto;
display: inline-block;
width: 50% !important;
box-shadow: none !important;
}
div.hs_error_rollup {
width: 80% !important;
}
div.hs-error-msgs {
width: 80% !important;
}
.hbspt-form li:before {
content:none!important;
}
div.hs-form-field, .hs_error_rollup {
padding: 0 !important;
}
div.hs_submit {
}
div.actions {
margin: 0 !important;
padding: 0 !important;
width: 100%;
}
.hbspt-form div input {
width: 100%;
padding: 5% !important;
}
.hbspt-form div.input {
margin:0;
width:90%;
}
input .hs-button {
}
.hs_error_rollup, .hs-error-msgs {
width: 100% !important;
display: block !important;
position: absolute !important;
margin: 0 !important;
/*padding: 0 !important;*/
height: 50px !important;
}
.hs-form-field label {
}
.hs-form-field span {
}
a.button {
display: inline-block;
background-color: #608c3d;
color: #afdd8b;
border-radius: 10px;
padding: 3%;
color: #fff !important;
text-decoration: none;
cursor: pointer;
line-height: 1.4em;
transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
}
a.button:hover, a.button:focus {
background-color: #649a39;
box-shadow: 0 6px 10px 0 rgba(0,0,0,0.2), 0 4px 14px 0 rgba(0,0,0,0.19);
text-shadow: 1px 1px 1px #fff;
color: #161616 !important;
transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
}
iframe,video {
min-height: 650px !important;
overflow: hidden;
width: 100% !important;
height: auto !important;
border: none;
}
/*////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 1300px) {
nav {
font-size: 0.98em;
}
iframe, video {
min-height: 400px !important;
}
}
/*////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 1000px) {
body {
font-size: 1em;
}
h1 {
font-size: 1.6em !important;
}
h2 {
font-size: 1.4em !important;
}
h3 {
font-size: 1.4em !important;
}
h4 {
font-size: 1.1em !important;
}
h5 {
font-size: 1em !important;
}
.innerHolder article, .innerHolder aside{
width: 90% !important;
}
/* aside.title {
width: 75% !important;
}*/
/* .innerHolder article div {
width: 80% !important;
}
.innerHolder .followBk {
width: 82% !important;
}*/
nav {
font-size: 0.91em;
}
nav.pages a {
width: 25px;
height: 25px;
}
li .last {
margin-bottom: 1%;
}
iframe, video {
min-height: 380px !important;
}
}
/*////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 550px) {
.innerHolder article, .innerHolder aside {
width: 95% !important;
}
.innerHolder article div {
width: 85% !important;
}
header {
display: block;
}
header .logo {
width: 100% !important;
}
header div {
width: 94% !important;
margin: 2%;
}
.email, .telephone {
font-size: 0.7em !important;
line-height: 1.2em !important;
}
aside.testimonials, aside.follow {
display: inline-block;
}
aside div {
width: 80%;
margin: 10%;
}
footer p {
display: block !important;
}
nav {
font-size: 0.90em;
line-height: 1.2em;
}
iframe, video {
min-height: 200px !important;
}
}</pre>
</body>
</html>
</pre>
</body>
</html>