/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

body {background-color:#fff;}

body,p,h1,h2,h3,h4,h5,h6 {color:#666;}

p,h1,h2,h3,h4,h5,h6 {
	margin-bottom: 3rem;
    line-height: 1.3em;
}
h1, h2, h3 {font-family:'Raleway', sans-serif;}
.page-about-us h1, .page-about-us h2, .page-about-us h3, .page-about-us h4 {}

h4:first-of-type {margin-top:2rem;}

p { 
	margin: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5em;
}

p img {max-width:100%;}
p.fp {font-size:11px;}
.subcontent p.fp {font-size:11px; margin:10px 0;}

#two-thirds img.scale-with-grid {width:60% !important; height:auto; margin-bottom: 1em;}

h1 {font-weight:700;}

#two-thirds h1 {font-size:35px; line-height:1em;}
#two-thirds h2 { font-weight:700;}

[class^="page-meet-"] #two-thirds h1  {
	 margin-bottom: 0.2em; font-weight:700;
}

[class^="page-meet-"] #two-thirds h2  {
	font-weight:400;;
}

.content .fold ul li, .container .content ul li, .container .contentCopy ul li  {list-style:none;}
.content .fold ul li::before, .container .content ul li::before, .container .contentCopy ul li::before {
	content: "•";
    color: #666;
    display: inline-block;
    width: 1.2em;
    margin-left: -1.2em;
}

.content .fold ul li ul li, .container .content ul li ul li, .container .contentCopy ul li ul li  {list-style:none;}
.content .fold ul li ul li::before, .container .content ul li ul li::before, .container .contentCopy ul li ul li::before {
	content: "◦";
    color: #666;
    display: inline-block;
    width: 1.2em;
    margin-left: -1.2em;
}

.content .fold ul li::before, .content .fold ul li ul li::before {
	
	color: #1EAEDB;
	
}

.content .fold ol, .container .content ol, .container .contentCopy ol { counter-reset: section; }
.content .fold ol li, .container .content ol li, .container .contentCopy ol li {list-style:none;}
.content .fold ol li::before, .container .content ol li::before, .container .contentCopy ol li::before {
	counter-increment: section;
    content: counter(section) ".";
    color: #666;
    display: inline-block;
    width: 1em;
    margin-left: -1.5em;
    margin-right: 0.5em;
    font-size: 0.9em;
    font-weight: 700;
}

.content .fold ol li ol li::before, .container .content ol li ol li::before, .container .contentCopy ol li ol li::before {

    content: counter(section,lower-roman) ".";

}

.content .fold ol li::before {color: #1EAEDB;}

.content li p {display:inline-block;}

h2 {font-size:30px; line-height:35px;}
h3 {font-size:25px; line-height:30px; font-weight: 700;}

.contentCopy p {margin-bottom: 1.5em;}

.text-left {text-align:left;}
.text-right {text-align:right;}

sup {vertical-align:super; font-size:80%;}
sub {vertical-align:sub; font-size:80%;}

#burger {display:none;}

.head-icon {
    height: 70px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-bottom: 20px;
}

footer {margin-top:40px; padding-bottom:20px; font-size: 12px; text-align: center;}
header, .header {background:#fff; width:100%; color:#333;}
footer, .footer {background:#333; width:100%; color:#fff;}
footer p, footer h3 {color:#fff; font-size:11px; text-align:right;}
header .container, .header .container {}

footer .container {align-items:center;}

strong, b {color:#666;}

form {margin:0;}

header a, .header a, footer a, .footer a,
header a:link, .header a:link, footer a:link, .footer a:link,
header a:visited, .header a:visited, footer a:visited, .footer a:visited 
 {color:#333; text-decoration:none;}
 
body {font-family: 'Lato', sans-serif;}

.banner {height:400px; background-color:#666; background-position:right; background-size:cover; margin-top:-40px; /* border-bottom:3px solid #666; */}

h3.current a {color:#1EAEDB;}

.print {display:none;}
.error {color:#ff9900;}
.clear {clear:both;}


.container.singlecol { justify-content: center; }

#logo { float:left; display:block; width:170px; }
#logo a {padding:0; margin:0;}
#logo a img {margin:14px 10px 5px;}

header {	
	-moz-box-shadow: 0px 0px 5px 2px #666;
	-webkit-box-shadow: 0px 0px 5px 2px #666;
	box-shadow: 0px 0px 5px 2px #666;
	position: relative;
	z-index:10;
}


/* #header {border-bottom:3px solid #333;} */

header nav {float:right;}
header ul {margin-bottom: 0;}
header nav > ul > li {display:block; float:left; font-size:18px; margin-bottom: 0px; padding:0 20px; position:relative;}

header nav > ul > li.menuLogin {}
header nav > ul > li > a, header nav > ul > li > span {display:block; text-align:center; padding:0; min-width:75px; line-height:93px; text-transform:uppercase; font-size:14px; font-weight:400;} 
header nav > ul > li > span {cursor:default;} 
header nav > ul li.current > a, header nav > ul li.current > span {color:#3BA43C;} 
header nav > ul > li:hover, header nav li.current {background:#eee;}

header nav .l2 {
	display:none;
	position: absolute;
    top: 68px;
	z-index: 10;
}

header nav > ul > li:hover .l2 {
	
	display: block;

}

header nav > ul > li.plans {
	
	background-image: url(siteimages/arrow-down.png);
    background-size: 0.8em;
    background-repeat: no-repeat;
    background-position: calc(100% - 11px) center;
    padding-right: 36px;
	
}

header nav .l2 {
	border:1px solid #999;
	-moz-box-shadow: 3px 3px 5px 2px #999;
    -webkit-box-shadow: 3px 3px 5px 2px #999;
    box-shadow: 3px 3px 5px 2px #999;
}

header nav .l2 a {
	
	display: block;
    width: 200px;
    padding: 20px;
	background-color:#fff;
	border-bottom:1px solid #ccc;
	text-align: left;
	font-size:16px;
	
}

header nav .l2 li {
	margin:0;
}

header nav .l2 li a:hover {
	
	background-color:#eee;
	
}

header nav .l2 li:last-of-type a {
	
	border-bottom:none;
	
}

.submenu {margin-left:20px;}
.subcontent {margin:20px;}
.subcontent p {font-size:15px;}
.subcontent ul, .subcontent ol  {
	font-size:15px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 300;
}

#mainContent {margin-top:40px;}



ul.menu li {list-style:none;}

.scroll {border-top:1px solid #999; border-bottom:1px solid #999; height:100px;}

.container.quicklink a {padding:40px; text-align:center; display:block;}
.container.quicklink a img {width:80%; height:auto;}

input[name=submit],input[name=next] {background-color:#FF9900; text-shadow:none; color:#fff;}
input[name=cancel],input[name=print] {background-color:#FF6600; text-shadow:none; color:#fff;}
input[name=finish],input[name=save] {background-color:#339900; text-shadow:none; color:#fff;}

input[name=submit]:hover,input[name=next]:hover {background-color:#FF6600; color:#fff;}
input[name=cancel]:hover,input[name=print]:hover {background-color:#DA5700;}
input[name=finish]:hover,input[name=save]:hover {background-color:#2D7D04;}

li.not-available a {color:#999;}

input[disabled] {background:#ddd; color:#999;}
.green {color:#17A22A;}

.admin {display:block; background:#333; border-width: 0 1px 1px 1px; border-style: solid; border-color:#fff; }
.admin li {display:inline; font-size:14px; line-height:20px; margin-bottom: 0px; }
.admin li, .admin ul {display:inline;}
.admin li a {display:inline; text-align:left; padding:1px 10px;  } 
.admin li a:hover { text-decoration:underline; } 

div.border {
    background: #eee;
    padding: 20px;
    margin-bottom: 40px;
    border: 1px dashed #999;
}

#mainTop {padding:4px 0 4px;}
#mainTop ul {margin:0; padding:0;}

ul.socialIcons, ul.breadCrumb {margin:0; padding:0; }
ul.breadCrumb {margin:0; padding:0; overflow:hidden; white-space:nowrap;}
.socialIcons li {display:block; float:left; margin:0; padding:0; margin-right:8px; }
.socialIcons li a {display:block; width:40px; height:40px; overflow:hidden; -webkit-border-radius: 4px; border-radius: 4px; background-color:#666; background-image:url(siteimages/Flat-Social-Icons-40x40.png); background-repeat:no-repeat;}

.socialIcons li a span {display:none;}

#facebook {margin-bottom:10px;}
#twitter {margin-bottom:10px;}

.socialIcons li a.facebook { background-position:center top;}
.socialIcons li a.twitter {background-position:center -80px;}
.socialIcons li a.facebook:hover {background-color:#37589a;}
.socialIcons li a.twitter:hover {background-color:#39a9e0;}

/*breadcrumb */
.breadCrumb li {display:inline; margin:0; padding:0; line-height:38px; font-weight: bold; }
.breadCrumb li:after {content:" > ";}
.breadCrumb li.user:after {content:'';}
.breadCrumb li:last-child:after {content:'';}
.breadCrumb a {text-decoration:none;}

.searchBar { display:block; background-color:#666; height:40px; width:100%; -webkit-border-radius: 4px; border-radius: 4px; margin:0; padding:0 ;}
.searchBar form {margin:0; padding:0;}
.searchBar input[type="text"] {display:block; width: calc(100% - 48px);  padding:4px 32px 4px 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size:14px; border:6px solid #666 !important; margin:0; }
.searchBar input[type="submit"] { border:none; display:block; padding:2px; margin:0; height:22px; width:22px; background:orange; float:right; margin:8px; margin-top:-31px; -webkit-border-radius: 11px; border-radius: 11px; text-shadow:none; background-image:url(siteimages/arrow.png); }

#mainBanner {width:100%; text-align:center;}
#mainBanner img {margin:0 auto;}

.banner .button, .quicklink .button {
	margin-left: 40px;
    text-shadow: none;
    border-radius: 5px;
    background:none;
	background-color:#3b4f90;
    line-height: 0;
    color: #fff;
	font-size:18px;
	border:1px solid #3b4f90;
	padding:20px;
}

.quicklink a.button {
	color:#fff;
	height:auto;
	padding:10px;
	font-size:16px;
	line-height:18px;
	text-transform:none;
	margin:10px 20px;
	background-color:#3b4f90;
	border:1px solid #3b4f90;
	white-space:normal;
	padding-left: 41px;
}

.quicklink a.button:hover {
	background-color:#2D3C6E;
}

.quicklink {border-radius: 10px; text-align:center;}

.quicklink a {
	text-align:center;
	display:block;
}

.quicklink a img {
	width:50%; height:auto;
}

.quicklink h3 {
	font-weight:400;
	text-transform:uppercase;
	margin:0 30px;
	margin-top:20px;
}

.six.columns .quicklink {
	
	margin:40px 20px;
}

.six.columns .quicklink p {
	
	    min-height: 120px;
	
}

.quicklink p {
	margin:10px;
	padding:10px 20px;
	font-size:16px;
}


.treatment-table li.download {background-image:url('siteimages/pdf-file.png'); background-size:auto 70%; background-position:10px 50%; background-repeat:no-repeat; background-color:#999 !important; color:#fff;}
.treatment-table li.download h4 {padding-left:50px; color:#fff;}
.treatment-table li.download h5 a {color:#fff;}

a.button.document {font-size:14px; background-image:url('siteimages/pdf-file.png'); background-color:#666; border-color:#666; background-size:auto 22px; background-repeat:no-repeat; background-position:10px 50%; /*padding:30px 30px 30px 70px; */ text-transform:none;}
a.button.icon-survey, h3.icon-survey {font-size:14px; background-image:url('siteimages/icon-ads-survey.png'); background-color:#ff6600; border-color:#ff6600; background-size:auto 22px; background-repeat:no-repeat; background-position:10px 50%; /*padding:30px 30px 30px 70px;*/ text-transform:none;}
a.button.icon-plan, span.button.icon-plan {font-size:14px; background-image:url('siteimages/icon-plan-white.png'); background-color:#3BA43C; border-color:#3BA43C; background-size:auto 22px; background-repeat:no-repeat; background-position:10px 50%; /* padding:30px 30px 30px 60px; */}
a.button.icon-obe, span.button.icon-obe {font-size:14px; background-image:url('siteimages/icon-obe-white.png'); background-color:#84a2d4; border-color:#84a2d4; background-size:auto 22px; background-repeat:no-repeat; background-position:10px 50%; /* padding:30px 30px 30px 60px; */}
a.button.icon-case {font-size:14px; background-image:url('siteimages/icon-case-white.png'); background-size:auto 22px; background-repeat:no-repeat; background-position:10px 50%; /* padding:30px 30px 30px 60px; */}
a.button.icon-www {font-size:14px; background-color:#1EAEDB; border-color:#1EAEDB; background-image:url('siteimages/world-wide-web.png'); background-size:auto 22px; background-repeat:no-repeat; background-position:10px 50%; /* padding:30px 30px 30px 60px; */}
a.button.icon-survey:hover {background-color:#FF8E42; border-color:#FF8E42;}
a.button.icon-plan:hover {background-color:#2E812F; border-color:#2E812F;}
a.button.icon-obe:hover {background-color:#5F7FB5; border-color:#5F7FB5;}
a.button.icon-case:hover {background-color:#2D3C6E; border-color:#2D3C6E;}
a.button.document:hover {background-color:#333; border-color:#333;}
a.button.icon-www:hover {background-color:#1682A3; border-color:#1682A3;}

.contentHeader a.button.icon-obe { padding:30px 30px 30px 60px; min-width: 280px;}
.contentHeader a.button.icon-plan { padding:30px 30px 30px 60px; min-width: 280px;}

div.icon-close {background-image:url('siteimages/icon-ads-cancel.png'); background-size:contain; width:25px; height:25px; position:absolute; right:30px; top:30px;}


#mainContent ul { display:block; }

#mainContent .contentCopy ul,#mainContent .content ul, #mainContent .contentCopy ol,#mainContent .content ol { margin-left: 2em; }
#mainContent .contentCopy ul,#mainContent .content ul {  list-style: disc outside ; }
#mainContent .contentCopy ol,#mainContent .content ol {  list-style: decimal outside ; }

ol > li::marker {
  font-weight: 700;
}

.captionBlock { text-align:left; background:rgba(102,102,102,0.80); color:#fff; padding:24px; width:252px; height:202px;}
.captionBlock h2 { font-size:36px; line-height: 36px;}

.home .contentHeader {max-width:1300px; margin:40px auto; padding:0 20px; text-transform:uppercase;}
.home .contentHeader h1 {margin-left:40px; font-weight:700; color: #fff; margin-bottom:0; font-size:52px; max-width: 80%;
    line-height:1em;}
.home .contentHeader h2 {margin-left:40px; font-weight:600; color:#fff; max-width:600px; font-size:40px; margin-bottom: 0.5em; line-height:1em;}
.home .contentHeader h3 {margin-left:40px; font-weight:300; color:#fff; max-width:600px; font-size:25px; margin-bottom: 40px; line-height:30px; margin-top:0.5em;}

div.fold {padding:0 20px; margin-bottom:20px;}

h3.fold {background-color:#1EAEDB; color:#fff; padding-left:20px; font-size:20px; padding:10px; cursor:pointer;}
h3.fold:hover {background-color:#2998BB;}
h3 span.arrow {width:20px; display:inline-block; height:13px; margin-right:15px;}

h3.survey {color:#fff; font-size:20px; padding:10px 10px 10px 48px; cursor:pointer; background-color:#ff6600;}
h3.survey:hover {background-color:#D95700;}

.content h4 {color:#1EAEDB;
	margin-top: 1.5em;
    margin-bottom: 0.5em;
}

.content h5 {margin-top:0.8em; margin-bottom:0.3em; font-weight:700; font-size:18px;}
.content ul li, .content ol li, .contentCopy ul li, .contentCopy ol li {
	font-size: 18px;
    font-weight: 400;
    line-height: 1.5em;}
.content p {/*font-size:16px;*/}

.one-third h3 {
	font-size: 25px;
    color: #1EAEDB;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.page-obe-plan .one-third h3 {
color:#84a2d4;
}

a.button {text-align:left;}

#breadcrumb {min-height:20px; background-color:white;}
#breadcrumb ul {padding:10px;}
#breadcrumb ul li {display:inline-block; list-style:none;}

#linkmenu {background-color:#ddd; min-height:20px;}
#linkmenu ul {    display: flex;
    justify-content: space-between;
    width: 100%;
    min-height: 40px;
    align-items: center;
	margin: 0;
    padding: 0;
}
#linkmenu ul li {    display: block;
    text-decoration: none;
    margin: 0;
    font-style: normal;}

.home .container .six.columns .quicklink {
	display: grid;
	/*
    display:flex;
	height: 100%;
    flex-wrap: wrap;
	*/
}

.home .container .six.columns {
	display:flex;
}

.home .container .six.columns a.button {
	text-align:center;
	    width: 100%;
}

.home .container .six.columns .quicklink > :nth-child(1) {
	width:100%;
}

.home .container .six.columns .quicklink > :nth-child(2) {
    width: 100%;
    position: relative;
    margin: 0;
    display: flex;
    align-items: flex-end;
}

.submenu h3 {margin-bottom:0;}
.submenu a  {text-decoration:none;}
.submenu .menu a  {color:#666; line-height:40px; display:block; margin-top:10px;}
.submenu .menu a:hover  {color:#999;}
.submenu .menu .content {z-index:1; position:relative; padding-left:20px; margin-top:10px;}
.submenu li {
	position:relative;
	margin-bottom:0;
 	background-position:center; background-size:cover; height:40px;
 }
.submenu .bg {position:absolute; background:#000; opacity:0.4; width:100%; height:100%; top:0; z-index:0;}
.submenu li:hover .bg {opacity:0.2;}
.submenu li.current .bg {opacity:0.2;}
.adminmenu {background:none;}
.adminmenu li {height:20px;}
.adminmenu .menu a {color:#666; line-height:auto; }

/*typekit*/
nav li a {
  font-weight:400;
}



.em {font-weight:lighter; font-style:italic;}
.em.date {display:block; font-size:18px;}

/* panels */
.panel {margin-bottom:20px; margin-top:20px;}
.panel h2 {margin-bottom:0;}
.panel h2 span { display:block; color:#fff; padding:16px; margin-bottom:0; font-size:22px;}
.panel h2 a {display:block; text-decoration:none; background-color:#999; text-align:center;}
.panel h2 a:hover {background-image:url(siteimages/1px-000-40.png);}
.panel article {padding:18px 20px 0px;}
.panel article:last-child {border-width:3px 0px;}

.page-about-us .panel {
    margin-top: 100px;
}

.panel article.one-third.column {display:block; float:left; margin-left:0; margin-right:8px; margin-top:10px; padding:0; border:1px solid #666;}
.panel article.one-third.column p.image {text-align:center;}
.panel article.one-third.column:nth-child(odd){
    clear:both;
}
.panel article.one-third.column.selected {background:#ddd;}
.panel.blockProducts article.one-third.column:first-child {margin-top:0;}
.panel.blockProducts article.one-third.column:nth-child(2) {margin-top:0;}

.one-third .panel input[type=text] {width:290px;}
.one-third .panel select {width:290px;}
.one-third div.product, .two-thirds div.product {border-top:1px dashed #666; padding-top:10px;}

.panel article a {display:block; text-align:center;}

.panel article.one-third.column span {margin-right:5px;}
.panel article.one-third.column input[type=text] {width:2em; display:inline;}
.panel article.one-third.column.left {float:left;}
.panel article.one-third.column.right {float:right;}
.panel article.one-third.column div {margin:10px;}
.panel article.one-third.column div img {max-width:280px;}
.panel article.one-third.column div.head {margin:0; background:#666; height:60px;}
.panel article.one-third.column div.head h5 {margin:0 10px 10px 10px; color:#fff; padding-top:10px;}

.blockTwitter.panel h2 span{background-color:#0084b4;}
.blockTwitter.panel h2 a {height:auto; padding-bottom:0;}

.blockFacebook.panel h2 span{background-color:#3b5999;}
.blockFacebook.panel h2 a {height:auto; padding-bottom:0;}

.one-third .blockTags.panel h2 {}
.blockTags.panel h2 span{background-color:#666;}
.blockTags.panel article, .panel .article3 {border-color:#C10B00;}
.blockTags.panel ul {margin-top:10px;}
.blockTags.panel ul li {line-height:16px;}
.blockTags.panel ul.tags li {margin-bottom:2px;}
.blockTags.panel ul li a {text-decoration:none;}

.two-thirds .blockRecollections.panel h2 {background-image:url(siteimages/search-long.jpg);}
.one-third .blockRecollections.panel h2 {background-image:url(siteimages/events.jpg);}
.blockRecollections.panel h2 span{background-color:#C10B00;}
.blockRecollections.panel article, .panel .article3 {border-color:#C10B00;}

.blockAbout.panel h2 span{background-color:#3366FF;}
.blockAbout.panel article, .panel .article2 {border-color:#3366FF;}

.two-thirds .blockEvents.panel h2 {background-image:url(siteimages/events-long.jpg);}
.one-third .blockEvents.panel h2 {background-image:url(siteimages/events.jpg);}
.blockEvents.panel h2 span{background-color:#FF6600;}
.blockEvents.panel article, .panel .article3 {border-color:#FF6600;}

.two-thirds .blockResources.panel h2 {background-image:url(siteimages/resources-long.jpg);}
.one-third .blockResources.panel h2 {background-image:url(siteimages/resources.jpg);}
.blockResources.panel h2 span{background-color:#339900;}
.blockResources.panel article, .panel .article4 {border-color:#339900;}

.two-thirds .blockNews.panel h2 {background-image:url(siteimages/news-long.jpg);}
.one-third .blockNews.panel h2 {background-image:url(siteimages/news.jpg);}
.blockNews.panel h2 span{background-color:#FF00CC;}
.blockNews.panel article, .panel .article5 {border-color:#FF00CC;}

.blockShop.panel h2 span{background-color:#FFCC33;}
.blockShop.panel article, .panel .article11 {border-color:#FFCC33;}

.blockContact.panel h2 span{background-color:#333;}
.blockContact.panel article {border-color:#333;}

.blockSearch.panel h2 span{background-color:#ff9900;}
.two-thirds .blockSearch.panel h2 {background-image:url(siteimages/search-long.jpg);}


span.date {font-weight:normal !important; font-style:italic !important; display:block;}

.break {height:40px; clear:both; width:100%;}
.break.line {height:0; border-top:solid 1px #ccc; margin: 40px 0;}

/* footer */
footer .container {padding-top:36px;}
footer h3 { font-size:21px;}
footer .menu li {margin-bottom: 0;}
footer a:link, footer a:visited {text-decoration:underline; color:#fff;}
footer a:hover, footer a:active {color:#FF00CC;}
footer .aboutus a:link, footer a:visited {text-decoration:none;}
footer .container .columns p {
	word-break:normal;
	-moz-hyphens:none;
	-webkit-hyphens: none;
   -ms-hyphens: none;
   hyphens: none;
}

.twitter-timeline {}
.twitter_embed {margin-top:10px;}

.tip {cursor:pointer; color:#1EAEDB;}
.tipsy-inner {font-size: 16px;}

.table ul li.body {background:#ccc; margin:0; padding:5px; border-top:1px solid #ff6600;}
.table ul li.event {background:#FFC88F; padding:10px; font-size:13px; line-height:14px;}
.table ul li.event:nth-child(even) {background:#FFD9B2;}
.table ul li.event:hover {background:#FFB364;}
.table ul li.event.selected {background:#A87845; color:#fff;}
.table ul li.event.selected strong {color:#fff;}

.article-image {width:200px; max-height:150px; overflow:hidden; margin:5px 0 5px 0;}
.article-image img {max-width:200px;}

.article-text {width:350px; margin:5px 0 5px 10px;}

h5 a {text-decoration:none;}

p.left {margin-right:20px;}
p.payment_method {font-size:11px;}

ul.events li em, ul.events li strong {font-size:11px; line-height:11px}
ul.events li h4 {font-size:12px;}

.arrow {height:20px; width:100%; background:url('siteimages/arrow.png') no-repeat; background-size:contain; background-position:50%;}
.arrow h3 {width: calc(100% - 20px);}
.arrow span {display:none;}
.event:hover .arrow-down, .map:hover .arrow-down {border-top: 8px solid #FF6600;}
.event:hover .arrow-right, .map:hover .arrow-right {border-left: 8px solid #FF6600;}

.event-details li.e1 {font-weight:bold; font-size:12px; line-height:12px; background:#FFD9B2;padding:5px;margin-bottom:0;}
.event-details li.e1 ul {margin-bottom:0;}
.event-details li.e2 {font-weight:normal; font-size:12px; line-height:12px;}

.arrow-up {
	background-image:url('siteimages/arrow-up.png');
}

.arrow-right {
	background-image:url('siteimages/arrow-right.png');
}

.logos {text-align:center; background-color:#fff; padding:20px 0;}
.logos img {max-width:300px; max-height:170px; width:15%; height:auto; display:inline-bock; margin-right:20px; vertical-align:middle;}
.logos img:last-child {margin-right:0;}

/* STAGES! */


.stage, .stage-overview {margin-bottom:10px;}
.stage .title, .stage-overview .title {text-align:center; background-color:#999; color:#fff; padding:40px 40px; cursor:pointer; opacity:0.7; border:2px solid #666; -webkit-border-radius: 10px; border-radius: 10px;}
.stage-overview .title {background-color:#ff6600; cursor:default; border:2px solid #ff6600;}
.stage .title:hover {opacity:1;}
.stage.selected .title {border:2px solid #666; opacity:1;}
.stage .title strong, .stage-overview .title strong {color:#fff;}
.stage h3, .stage h4, .stage-overview h3, .stage-overview h4, .stage-overview h5 {text-transform:uppercase; color:#fff;}
.stage-overview h4 {font-weight:300;}
.stage-overview h5 {font-weight:300;}
.stage-overview h4 em, .stage-overview h5 em {font-weight:400;}
.stage-overview h4 span, .stage-overview h5 span {text-transform:none;}
.stage h3, .stage-overview h3 {font-size:28px;}
.stage h3 sup, .stage-overview h3 sup, .stage-overview h4 sup {font-size:50%;}
.stage h4, .stage-overview h4, .stage-overview h5 {font-size:14px; letter-spacing:normal;}
.stage .details {display:none; margin:0 20px;}
.stage .description {background-color:#eee; padding:20px; color: #333;}
.stage .description p {font-size:16px; color: #333;}
.stage .description ul {margin:0; margin-top:20px; margin-bottom:20px;}
.stage .treatments {margin-top:10px; margin-bottom:20px; padding-left:4px;}
.stage .treatments ul {margin:0 !important; padding:0 !important; vertical-align: middle;}
.stage .treatments .treatment {display:block; float:left; width:88px; height:88px; padding:5px; color:#fff; font-size:16px; text-align:center; cursor:pointer; opacity:0.7; border:1px solid #ddd; -webkit-border-radius: 10px; border-radius: 10px; margin-bottom:1px;}
.stage .treatments .treatment:hover {opacity:1 !important;}
.stage .treatments .treatment.selected {opacity:1 !important; border:1px solid #666;}
.stage .treatments .treatment .name {margin-top:5px; font-size:12px; font-weight: normal; letter-spacing:0.5px; line-height:15px;
/*word-break:break-all; hyphens:auto;
-webkit-hyphens: auto;
-ms-word-break: break-all; -moz-hyphens: auto;*/
}
.stage .treatments .treatment .name span {font-size:11px; font-weight:normal;}
.stage .treatments .treatment .arrow {height:10px; margin-top:10px;}

.stage .treatment-table {display:none;}
.stage .treatment-table .columns {display:none;}
.stage .treatment-table ul {margin-left:20px; margin-right:20px;}
.stage .treatment-table li {list-style:none; padding:10px; background-color:#eee; border:1px solid #ddd;}
.stage .treatment-table h4 {color:#666; font-weight:bold; display:inline-block; width:30%; margin:0; padding: 1px 0 0 0; 
    vertical-align: middle;}
.stage .treatment-table h5 {color:#666; font-size:16px; font-weight:normal; display:inline-block; width:60%; margin:0; padding: 0 0 3px 0; 
    vertical-align: middle;}
.stage .treatment-table h5 p {font-size:100%;}
.stage .image, .stage-overview .image {height:30px; width:100%; background-position:center; background-repeat:no-repeat; background-size:contain; margin-bottom:1rem;}

.stage .title {background-color:#3BA43C;}

/*
.stage:nth-child(2) .title {background-color:#96A0B9;}
.stage:nth-child(3) .title {background-color:#7682A1;}
.stage:nth-child(4) .title {background-color:#5B6B93;}
.stage:nth-child(5) .title {background-color:#4C5877;}
*/

#two-thirds .smcx-embed>.smcx-iframe-container, #two-thirds .smcx-embed, #two-thirds .survey-page { width:100%; max-width:100%;}
.page-survey #two-thirds .content {height:600px;}

#surveymonkey {width:100%; height:100%; position:fixed; z-index:2; top:0; left:0; display:none;}
#surveymonkey > div {width:80%; max-width:700px; height:600px; margin:0 auto; margin-top:100px; border:1px solid #ccc;}
#surveymonkey .close {width:100%; height:100%; top:0; left:0; border:none; padding:0; margin:0; position:fixed; z-index:4; background-color:rgba(128,128,128,0.70);}
#surveymonkey iframe {width:100%; height:580px; border:none; padding:0; margin:0; position:relative; z-index:5;}





/* #Page Styles
================================================== */

/* #Media Queries
================================================== */
	
	@media only screen and (min-width:500px) {
		
		.quicklink a img {width:25%;}
		.home .container {padding:20px;}
		h4 {font-size: 20px; line-height:1.3em;}
		#two-thirds {padding:0;}
	
	}

	@media only screen and (min-width:800px) {
		
		h4 {
			font-size: 22px;
		}
		
		#mainContent.home .contentCopy {
			margin-top: 30px;
		}
		
		
		
		.quicklink a img {height: 240px; width: auto;}
		.home .container {padding:0 100px;}
		#two-thirds {padding:0;}
		
		.two-thirds.column .contentCopy {
		-webkit-columns: 2 150px;
		-moz-columns: 2 150px;
		columns: 2 150px;
		
		-webkit-column-gap: 20px;
		-moz-column-gap: 20px;
		column-gap: 20px;
		
		margin-bottom: 18px;  }
		footer .right {text-align:right;}
		
	}

	
	@media only screen and (min-width:1000px) {
		
		.home .container {padding:0 120px;}
		#two-thirds {padding:0;}
		
		h4 {
			font-size: 22px;
		}
		
		#mainContent.home .contentCopy {
			margin: 40px;
		}
		
		.contentHeader a.button.icon-plan, .contentHeader a.button.icon-obe {
			
			background-size: auto 34px;
			background-position: 15px 50%;
			text-align: left;
			padding-left: 58px;
			
		}
		
		
	}

	@media only screen and (min-width: 1300px) {
		
		#two-thirds {padding:0;}

		.banner {height:500px;}
		.home .contentHeader {
			margin: 70px auto;
		}
		
		header li a:hover, #logo a:hover {  }
		
		#mainContent.home .contentCopy {

			margin:60px;

		}
		
		h4 {
			font-size: 25px;
		}
		
		

	}

	@media only screen and (max-width: 1300px) {
		
		.home .contentHeader h1 {
			font-size: 50px;
		}
		
	}
	
	@media only screen and (max-width: 1200px) {
		.quicklink a.button {
			font-size:12px;
			line-height:14px;
			padding: 10px 10px 10px 42px;
		}
		header nav li a {min-width:60px; font-size:12px;} 
		#two-thirds h1 {font-size:30px;}
		#two-thirds h2 {font-size:26px;}
		#mainContent .contentCopy {
			margin:0;
		}
		
		.home .contentHeader h1 {
			margin-left: 40px;
			font-size: 45px;
			line-height: 1em;
		}
		
		.home .contentHeader h2 {
			font-size: 35px;
		}
		
	}

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

		.home .contentHeader h1 {
			font-size: 38px;
			line-height: 1em;
			max-width: 90%;
		}
		
		.home .contentHeader h2 {
			font-size: 30px;
		}
		
		.home .contentHeader h3 {
			max-width: 60%;
			font-size: 25px;
			line-height: 1.2em;
		}
		
	}
	
	@media only screen and (max-width: 999px) {
		
		header nav > ul > li.plans {
			background-size: 0.6em;
			background-position: calc(100% - 10px) center;
			padding-right: 30px;
		}
		
		#logo {
			width: 140px;
		}
		
		header nav > ul > li {
			font-size: 16px;
			padding: 0 15px;
		}
		
		header nav > ul > li > a, header nav > ul > li > span {
			min-width: 70px;
			line-height: 84px;
			font-size: 12px;
		}
		
		#mainContent .contentCopy {
			margin:0;
		}
		
		.content ul li, .content ol li {
			font-size: 16px;
		}
		
		.home .contentHeader h1 {
			font-size: 38px;
			line-height: 1em;
			max-width: 90%;
		}
		
		.home .contentHeader h2 {
			font-size: 30px;
		}
		
		.home .contentHeader h3 {
			max-width: 70%;
			font-size: 25px;
			line-height: 1.2em;
		}
		
		.home .contentHeader h1 {
			font-size:30px;
			margin-bottom:0;
			line-height: 30px;
			margin-left: 30px;
		}
		.home .contentHeader h2 {
			font-size: 26px;
			line-height: 1em;
			max-width: 80%;
			margin-left: 30px;
		}
		
		.home .contentHeader h3 {
			max-width: 65%;
			font-size: 20px;
			line-height: 1.2em;
			font-weight: 400;
			margin-left: 30px;
		}
		
		.contentHeader a.button.icon-obe, .contentHeader a.button.icon-plan {
    		padding: 18px 10px 10px 40px;
    		font-size: 13px;
			margin-left:30px;
		}
		
	}
		
	@media only screen and (max-width: 799px) {
		
		p {font-size:16px;}
		#two-thirds h1 {font-size:26px;}
		#two-thirds h2 {font-size:22px; line-height: 30px;}
		
		#surveymonkey > div {width:100%; height:600px; margin:0 auto; margin-top:80px;}
		
		#mainContent .contentCopy {
			margin:0;
		}
		
		.banner {background-position:left;}
		
		.text-right {text-align:center;}
		.text-left {text-align:center;}
		
		.home .contentHeader h1 {
			margin-left: 30px;
			max-width: 90%;
		}
		
		.home .contentHeader h2 {
			font-size:30px;
			margin-left: 30px;
		}
		
		.home .contentHeader h3 {
			max-width: 65%;
			font-size: 22px;
			line-height: 1.2em;
			font-weight: 400;
			margin-left: 30px;
		}
		
		.six.columns .quicklink p {
			min-height:1px;
		}
		
		.stage .treatment-table h4 {
			display: block;
			width: auto;
		}
		
		.panel article.one-third.column div img {max-width:216px;}
		.one-third .panel input[type=text] {width:226px;}
		.one-third .panel select {width:226px;}
		
		.subcontent {
			margin: 20px;
		}
		
		.contentHeader a.button.icon-obe, .contentHeader a.button.icon-plan {
    		padding: 18px 10px 10px 40px;
    		font-size: 13px;
			margin-left:30px;
		}
		
	}

	@media only screen and (max-width: 767px) {
		
		.page-about-us .panel {
			margin-top: 20px;
		}
		
		.searchBar {margin-top:4px;}
		.article-image {display:none}
		.article-text {width:auto; margin:5px 0 5px 10px;}
		.home .contentHeader h1 {font-size:30px; margin-bottom:0; line-height: 30px;}
		.home .contentHeader h2 {
			font-size: 26px;
			line-height: 1em;
			max-width: 80%;
			margin-left: 30px;
		}
		
		.home .contentHeader h3 {
			max-width: 65%;
			font-size: 20px;
			line-height: 1.2em;
			font-weight: 400;
			margin-left: 30px;
		}
		
		#logo {width:100px;}
		
		header nav > ul > li > a, header nav > ul > li > span {
			min-width: 40px;
			line-height: 64px;
			font-size: 11px;
		}
		
		header nav > ul > li {
			padding: 0 10px;
		}
		
		#mainContent .container {flex-wrap:wrap;}
		
		.quicklink a.button {
			margin: 10px 0;
		}
		
		.subcontent {
			margin: 20px 0;
		}
		
		.subcontent p.fp {
			max-width: 60%;
		}
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 599px) {
		
		header nav > ul > li.plans {
			background-size: 0.6em;
			background-position: calc(100% - 10px) 1.6em;
			padding-right: 0px;
		}
		
		header nav .l2 a {
			font-size: 11px;
		}
		
		header nav .l2 li:first-child {
			border-bottom: 1px solid #eee;
		}
		
		#two-thirds img.scale-with-grid {width:100% !important; height:auto;}
		
	  	.home .contentHeader {
    		margin: 70px auto;
		}
		
		.home .contentHeader h1 {
    		max-width:90%;
			font-size: 26px;
		}
		
		.home .contentHeader h2 {
			font-size: 22px;
		}
		
		.home .contentHeader h3 {
			font-size: 18px;
		}
		
		#burger {
			display: flex;
			height: 50px;
			top: 0;
			right: 0;
			background-color: #eee;
			width: 50px;
			position: absolute;
			padding: 10px;
			flex-wrap: wrap;
			align-content: space-around;
		}
		
		#burger > div {height:3px; background-color:#666; width:100%;}
		
		#mainContent {
			margin-top: 70px;
		}
		
		#logo {float:none; padding:10px 10px; height: 50px;}
		#logo a {width:100px; border-bottom: none;}
		#logo a img {
			margin: 0 5px;
			height:30px;
			width:auto;
		}
		
		header .container, .header .container {
			padding: 0;
		}
		
		header {
			position: fixed;
			top: 0;
			margin: 0;
			padding: 0;
			height: 50px;
		}
		
		header nav {
			display: none;
			float: none;
			background-color: #eee;
		}
		
		header nav.active {
			
			display:block;
			
		}
		
		header nav ul.l2 {
			display:none;
			position: relative;
			margin: 0;
			padding: 0;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			border: none;
			top: 0;
			background-color:#eee;
		}
		
		header nav ul.l2 a {
			width: 100%;
			border: none;
			text-align: center;
		}
		
		header nav li.current a, header nav li a, header nav li a:hover {
			padding-left: 10px;
			border:none;
		}
		
		header nav .menu li {display:block; border:none; padding:0; margin:0; float:none;  line-height:32px}
		header nav .menu li {border-bottom:1px solid #fff;}
		header nav .menu li:last-child {border-bottom:none;}
		header nav .menu li a {border-bottom:none;}
		header nav .menu li.current ul {background-color:#eee;}
		header nav .menu li.current li:last-child {border-bottom:none;}
		header nav .menu li.current li:first-child {border-top:1px solid #fff; margin-bottom:1px;}
		
	}

	@media only screen and (max-width: 540px) {
		
	  	.home .contentHeader {
    		margin: 60px auto;
		}
		
		.home .contentHeader h1 {
    		margin-left:0;
			max-width:100%;
		}
		
		.home .contentHeader h2 {
			margin-left:0;
			max-width:100%;
		}
		
		.home .contentHeader h3 {
			margin-left:0;
			margin-bottom: 30px;
			max-width: 100%;
		}
		
		.contentHeader a.button.icon-obe, .contentHeader a.button.icon-plan {
			margin-left:0;
			width: 100%;
			min-width: 0;
		}
		
		.six.columns .quicklink {
			margin: 40px 0;
		}
		
		.quicklink h3 {
			margin: 0;
			text-align: left;
			font-size: 22px;
		}
		
		.six.columns .quicklink p {
			margin: 0;
			text-align: left;
			padding: 0;
		}
		
		.quicklink a.button {
			margin: 15px 0;
		}

 	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.panel article.one-third.column div img {max-width:400px;}
		.page-about-us .panel {
			margin-top: 20px;
		}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 499px) {
		
		h4 {font-size: 18px; line-height:1.4em;}
		

		
	}

	/* larger (devices and browser) */
	@media only screen and (min-width: 1280px) {
		#logo {}
		header nav li {font-size:21px;}
header li.menuLogin {margin-right:-170px;}
header li.menuLogin a {min-width:150px;}
footer .container {}
		footer .container .columns {
			margin-left: 0px;
		}
		}



/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/