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

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700');

* {margin:0; padding:0;}
body {margin:0; padding:0; font-family: 'Roboto Slab', serif;}

header {background:url(../images/bg-header.jpg) center center; background-size:cover; width:90%; height:auto; float:left; margin:0; padding:130px 5% 30px; text-align:center; color:#FFF;}
#logo {width:100%; height:auto; float:left; margin:0; padding:0 0 90px; font-size:18px;}
#logo h1 {font-size:64px; font-weight:400; margin:20px 0 30px;}
nav {width:100%; height:auto; float:left; margin:0; padding:15px 0 0; border-top:1px solid #33c3fd; font-size:16px; text-transform:uppercase;}
nav ul {float:none; list-style:none;}
nav li {display:inline-block;}
nav li+li {margin-left:75px;}
nav a {color:#4fcdff; text-decoration:none;}
nav a:hover {color:#feb800;}
nav.sticky {background:url(../images/bg-header.jpg) center center; background-size:cover; position:fixed; top:0; left:0; padding:15px 0;}

#subHead {width:90%; height:auto; float:left; margin:0; padding:115px 5%; text-align:center; font-size:21px; color:#444444;
background: rgba(249,249,249,1);
background: -moz-linear-gradient(left, rgba(249,249,249,1) 0%, rgba(216,216,216,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(249,249,249,1)), color-stop(100%, rgba(216,216,216,1)));
background: -webkit-linear-gradient(left, rgba(249,249,249,1) 0%, rgba(216,216,216,1) 100%);
background: -o-linear-gradient(left, rgba(249,249,249,1) 0%, rgba(216,216,216,1) 100%);
background: -ms-linear-gradient(left, rgba(249,249,249,1) 0%, rgba(216,216,216,1) 100%);
background: linear-gradient(to right, rgba(249,249,249,1) 0%, rgba(216,216,216,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d8d8d8', GradientType=1 );}
#subHead strong {color:#444444; font-weight:400;}

#feature {width:100%; height:auto; float:left; margin:0; display:flex;}
#map {background:url(../images/bg-map.jpg) right center; background-size:cover; width:40%; height:auto; float:left; margin:0; padding:65px 5%; color:#4c4c4c; font-size:21px;}
#map h1 {color:#176ab0; font-size:34px; font-weight:400; margin:0 0 15px;}
#therapist {background:url(../images/bg-therapist.jpg) center center; background-size:cover; width:40%; height:auto; float:left; margin:0; padding:45px 5%; font-size:14px;}
#therapist h1 {font-size:38px; font-weight:400; margin:0 0 15px;}
#banner {background:#262626; width:90%; height:auto; float:left; margin:0; padding:30px 5%; text-align:center; color:#4fcdff; font-size:32px; font-style:italic;}

#teaserWrap {background:url(../images/bg-teaserWrap.jpg) center center; background-size:cover; width:90%; height:auto; float:left; margin:0; padding:60px 5%;}
#tease01 {background:url(../images/bg-tease01.jpg) top left; background-size:cover; width:92%; height:auto; float:left; margin:0 2%; padding:15px 2%; color:#262626; font-size:16px;}
#tease01 h1 {background:url(../images/bg-tease01h1.jpg) center center repeat-x; color:#176ab0; font-size:34px; font-weight:400; margin:0 0 25px; text-align:center;}
#tease01 h1 span {background:#FFF; padding:0 30px;}
#tease01 table {width:80%; margin:0 10%;}
#tease01 td {vertical-align:top;}
#tease01 td:nth-child(1) {width:60%;}
#tease01 strong {color:#176ab0; font-weight:400;}
#tease01 p {margin:0 0 15px;}
#tease01out {background:#FFF; width:96%; height:auto; float:left; margin:0; padding:15px 2%;}
#tease01in {width:90%; height:auto; float:left; margin:0; padding:35px 5%; border:2px solid #176ab0; border-radius:5px;}
#tease02 {background:#176ab0; width:96%; height:auto; float:left; margin:0; padding:15px 2%; color:#444444; font-size:28px;}
#tease02in {background:#FFF; width:90%; height:auto; float:left; margin:0; padding:30px 5%; border-radius:5px;}
#tease02 td:nth-child(2) {text-align:right;}
#tease02 h1 {color:#176ab0; font-size:34px; line-height:34px; font-weight:400; margin:0;}

#contact {width:80%; height:auto; float:left; margin:0; padding:60px 10%; color:#FFF;
background: rgba(255,136,0,1);
background: -moz-linear-gradient(left, rgba(255,136,0,1) 0%, rgba(255,174,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,136,0,1)), color-stop(100%, rgba(255,174,0,1)));
background: -webkit-linear-gradient(left, rgba(255,136,0,1) 0%, rgba(255,174,0,1) 100%);
background: -o-linear-gradient(left, rgba(255,136,0,1) 0%, rgba(255,174,0,1) 100%);
background: -ms-linear-gradient(left, rgba(255,136,0,1) 0%, rgba(255,174,0,1) 100%);
background: linear-gradient(to right, rgba(255,136,0,1) 0%, rgba(255,174,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8800', endColorstr='#ffae00', GradientType=1 );}
#contact h1 {font-size:36px; font-weight:400; margin:0 0 20px; text-align:center;}
#contact h2 {font-size:21px; font-weight:400; margin:0 0 35px; text-align:center;}
#contact h2 span {margin:0 20px;}
#contact a {color:#FFF; text-decoration:none;}
#contact a:hover {text-decoration:underline;}
#contact p {margin:0 0 15px;}
#contact td {vertical-align:top;}
#contact td:nth-child(3) {width:300px;}
#contact input, #contact textarea {font-family: 'Roboto Slab', serif; font-size:21px; border:none; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-appearance: none;}
#contact input.input {width:90%; height:21px; padding:11px 2%;}
#contact textarea {width:90%; height:137px; padding:11px 2%;}
#contact input.btn {background:#403e3e; width:100%; height:71px; color:#ffaf00; font-size:18px; margin:10px 0 0;}

footer {background:#313131; width:90%; height:auto; float:left; margin:0; padding:40px 5%; color:#cccccc; text-align:center; font-size:14px; text-transform:uppercase;}
footer a {color:#cccccc; text-decoration:none;}
footer a:hover {text-decoration:underline;}

#mapframe {width:100%; height:auto; float:left; margin:0; display:none;}
#mapframe iframe {width:100% !important; height:300px !important;}

@media screen and (min-width:800px) and (max-width:1240px) {
	header {padding:30px 5%;}
	#logo {padding:0 0 30px; font-size:16px;}
	#logo h1 {font-size:40px; margin:20px 0;}
	#subHead {padding:40px 5%;}
	#feature {display:block;}
	#map {width:90%;}
	#therapist {width:90%;}
	#banner {font-size:26px;}
	#teaserWrap {width:100%; padding:0;}
	#tease01 {width:96%; margin:0; padding:15px 2%;}
	#tease01 table {width:100%; margin:0;}
	#contact {width:90%; padding:40px 5%;}
	#contact td {width:100% !important; float:left !important; display:block !important;}
	#contact input.btn {width:94%;}
}
@media screen and (min-width:660px) and (max-width:799px) {
	header {padding:30px 5%;}
	#logo {padding:0; font-size:16px;}
	#logo h1 {font-size:40px; margin:20px 0;}
	nav {display:none;}
	#subHead {padding:40px 5%;}
	#feature {display:block;}
	#map {width:90%;}
	#therapist {width:90%;}
	#banner {font-size:26px;}
	#banner span {display:inline-block;}
	#banner span.mobnone {display:none;}
	#teaserWrap {width:100%; padding:0;}
	#tease01 {width:96%; margin:0; padding:15px 2%;}
	#tease01 table {width:100%; margin:0;}
	#contact {width:90%; padding:40px 5%;}
	#contact h1 {font-size:30px;}
	#contact td {width:100% !important; float:left !important; display:block !important;}
	#contact span {display:inline-block;}
	#contact input.btn {width:94%;}
}
@media screen and (max-width:659px) {
	header {padding:30px 5%;}
	#logo {padding:0; font-size:15px;}
	#logo h1 {font-size:32px; margin:20px 0;}
	nav {display:none;}
	#subHead {padding:40px 5%; font-size:18px;}
	#feature {display:block;}
	#map {background:#dfdfdf; width:90%; padding:30px 5%; font-size:16px;}
	#map h1 {font-size:28px;}
	#mapframe {display:block;}
	#therapist {width:90%; padding:30px 5%;}
	#therapist h1 {font-size:28px;}
	#banner {font-size:22px;}
	#banner span {display:inline-block;}
	#banner span.mobnone {display:none;}
	#teaserWrap {width:100%; padding:0;}
	#tease01 {width:100%; margin:0; padding:0;}
	#tease01out {width:100%; padding:0;}
	#tease01in {border:0px; padding:30px 5%;}
	#tease01 table {width:100%; margin:0;}
	#tease01 td {width:100% !important; display:block !important; float:left !important;}
	#tease01 h1 {background:none; font-size:24px;}
	#tease01 h1 span {padding:0;}
	#tease02 {width:100%; padding:15px 0; font-size:18px;}
	#tease02 td {width:100% !important; display:block !important; float:left !important;}
	#tease02 h1 {font-size:30px;}
	#tease02 img {max-width:100%; height:auto; margin:15px 0 0;}
	#contact {width:90%; padding:40px 5%;}
	#contact h1 {font-size:24px;}
	#contact h2 {font-size:14px;}
	#contact h2 span {display:block; margin:0;}
	#contact td {width:100% !important; float:left !important; display:block !important;}
	#contact span {display:inline-block;}
	#contact input.btn {width:94%;}
	.g-recaptcha {transform:scale(0.90);transform-origin:0;-webkit-transform:scale(0.90);transform:scale(0.90);-webkit-transform-origin:0 0;transform-origin:0 0;}
	footer a {display:block;}
}