/*
*****************************************
 PVII Harmony: CSS Page Grid Framework
 by Project Seven Development
 www.projectseven.com
*****************************************
*/
:root {
  font-size: 17px;
  --grayText: #606060;
  --redText: #D7271F;
}
html {
    font-size: 17px;
}
body {
	font-family: source_sans_proregular, helvetica, arial, sans-serif;
	color: var(--grayText);
	margin: 0;
	padding: 0;
    background-color: #FFFFFF;
}
.p7HMY {
	margin: auto;
    background-color: #FFFFFF;
}

/*
******************************
         COLORS
******************************
*/
.p7HMY.hmy-color-root-gray,
.p7HMY .hmy-content-wrapper.hmy-color-content-gray {
	background-color: rgb(134,134,134);
	color: #000;
}
.p7HMY.hmy-color-root-gray.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-gray.transparent {
	background-color: rgba(134,134,134,0.90);
	color: #000;
}
.p7HMY.hmy-color-root-black,
.p7HMY .hmy-content-wrapper.hmy-color-content-black {
	background-color: rgb(21,21,21);
	color: #FFF;
}
.p7HMY.hmy-color-root-black.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-black.transparent {
	background-color: rgba(21,21,21,0.90);
	color: #FFF;
}
.p7HMY.hmy-color-root-white,
.p7HMY .hmy-content-wrapper.hmy-color-content-white {
	background-color: rgb(255,255,255);
	color: #000;
}
.p7HMY.hmy-color-root-white.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-white.transparent {
	background-color: rgba(255,255,255,0.90);
	color: #000;
}
.p7HMY.hmy-color-root-green,
.p7HMY .hmy-content-wrapper.hmy-color-content-green {
	background-color: rgb(126,188,89);
	color: #FFF;
}
.p7HMY.hmy-color-root-green.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-green.transparent {
	background-color: rgba(126,188,89,0.90);
	color: #FFF;
}
.p7HMY.hmy-color-root-mint,
.p7HMY .hmy-content-wrapper.hmy-color-content-mint {
	background-color: rgb(76,182,159);
	color: #000;
}
.p7HMY.hmy-color-root-mint.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-mint.transparent {
	background-color: rgba(76,182,159,0.90);
	color: #000;
}
.p7HMY.hmy-color-root-blue,
.p7HMY .hmy-content-wrapper.hmy-color-content-blue {
	background-color: rgb(69,114,150);
	color: #FFF;
}
.p7HMY.hmy-color-root-blue.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-blue.transparent {
	background-color: rgba(69,114,150,0.90);
	color: #FFF;
}
.p7HMY.hmy-color-root-red,
.p7HMY .hmy-content-wrapper.hmy-color-content-red {
	background-color: rgb(251,11,11);
	color: #000;
}
.p7HMY.hmy-color-root-red.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-red.transparent {
	background-color: rgba(251,11,11,0.90);
	color: #000;
}

.p7HMY.hmy-color-root-skyblue,
.p7HMY .hmy-content-wrapper.hmy-color-content-skyblue {
	background-color: rgb(140,188,208);
	color: #000;
}
.p7HMY.hmy-color-root-skyblue.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-skyblue.transparent {
	background-color: rgba(140,188,208,0.90);
	color: #000;
}

.p7HMY.hmy-color-root-silver,
.p7HMY .hmy-content-wrapper.hmy-color-content-silver {
	background-color: rgb(230,219,201);
	color: #000;
}
.p7HMY.hmy-color-root-silver.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-silver.transparent {
	background-color: rgba(230,219,201,0.90);
	color: #000;
}

.p7HMY.hmy-color-root-purple,
.p7HMY .hmy-content-wrapper.hmy-color-content-purple {
	background-color: rgb(17,28,48);
	color: #FFF;
}
.p7HMY.hmy-color-root-purple.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-purple.transparent {
	background-color: rgba(17,28,48,0.90);
	color: #FFF;
}

.p7HMY.hmy-color-root-lavender,
.p7HMY .hmy-content-wrapper.hmy-color-content-lavender {
	background-color: rgb(154,77,85);
	color: #fff;
}
.p7HMY.hmy-color-root-lavender.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-lavender.transparent {
	background-color: rgba(154,77,85,0.90);
	color: #fff;
}

.p7HMY.hmy-color-root-beige,
.p7HMY .hmy-content-wrapper.hmy-color-content-beige {
	background-color: rgb(231,213,175);
	color: #000;
}
.p7HMY.hmy-color-root-beige.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-beige.transparent {
	background-color: rgba(231,213,175,0.90);
	color: #000;
}

.p7HMY.hmy-color-root-wine,
.p7HMY .hmy-content-wrapper.hmy-color-content-wine {
	background-color: rgb(167,27,27);
	color: #FFF;
}
.p7HMY.hmy-color-root-wine.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-wine.transparent {
	background-color: rgba(167,27,27,0.90);
	color: #FFF;
}

.p7HMY.hmy-color-root-forest,
.p7HMY .hmy-content-wrapper.hmy-color-content-forest {
	background-color: rgb(107,138,85);
	color: #FFF;
}
.p7HMY.hmy-color-root-forest.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-forest.transparent {
	background-color: rgba(107,138,85,0.90);
	color: #FFF;
}

.p7HMY.hmy-color-root-mist,
.p7HMY .hmy-content-wrapper.hmy-color-content-mist {
	background-color: rgb(218,239,217);
	color: #000;
}
.p7HMY.hmy-color-root-mist.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-mist.transparent {
	background-color: rgba(218,239,217,0.90);
	color: #000;
}

.p7HMY.hmy-color-root-rust,
.p7HMY .hmy-content-wrapper.hmy-color-content-rust {
	background-color: rgb(193,67,46);
	color: #FFF;
}
.p7HMY.hmy-color-root-rust.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-rust.transparent {
	background-color: rgba(193,67,46,0.90);
	color: #FFF;
}

.p7HMY.hmy-color-root-silverblue,
.p7HMY .hmy-content-wrapper.hmy-color-content-silverblue {
	background-color: rgb(75,103,119);
	color: #FFF;
}
.p7HMY.hmy-color-root-silverblue.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-silverblue.transparent {
	background-color: rgba(75,103,119,0.90);
	color: #FFF;
}

.p7HMY.hmy-color-root-gold,
.p7HMY .hmy-content-wrapper.hmy-color-content-gold {
	background-color: rgb(226,160,71);
	color: #000;
}
.p7HMY.hmy-color-root-gold.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-gold.transparent {
	background-color: rgba(226,160,71,0.90);
	color: #000;
}

.p7HMY.hmy-color-root-orange,
.p7HMY .hmy-content-wrapper.hmy-color-content-orange {
	background-color: rgb(239,118,51);
	color: #FFF;
}
.p7HMY.hmy-color-root-orange.transparent,
.p7HMY .hmy-content-wrapper.hmy-color-content-orange.transparent {
	background-color: rgba(239,118,51,0.90);
	color: #FFF;
}

/*
******************************
           BORDERS
******************************
*/
.p7HMY.hmy-border-root-all,
.p7HMY .hmy-content-wrapper.hmy-border-content-all {
	border: 1px solid;
}
.p7HMY.hmy-border-root-top,
.p7HMY .hmy-content-wrapper.hmy-border-content-top {
	border-top: 1px solid;
}
.p7HMY.hmy-border-root-right,
.p7HMY .hmy-content-wrapper.hmy-border-content-right {
	border-right: 1px solid;
}
.p7HMY.hmy-border-root-bottom,
.p7HMY .hmy-content-wrapper.hmy-border-content-bottom {
	border-bottom: 1px solid;
}
.p7HMY.hmy-border-root-left,
.p7HMY .hmy-content-wrapper.hmy-border-content-left {
	border-left: 1px solid;
}
.p7HMY.hmy-border-root-left-right,
.p7HMY .hmy-content-wrapper.hmy-border-content-left-right {
	border-left: 1px solid;
	border-right: 1px solid;
}
.p7HMY.hmy-border-root-top-bottom,
.p7HMY .hmy-content-wrapper.hmy-border-content-top-bottom {
	border-top: 1px solid;
	border-bottom: 1px solid;
}
.border-black {
	border-color: #000 !important;
}
.border-white {
	border-color: #FFF !important;
}

/*
******************************
       BORDER-RADIUS
******************************
*/
.p7HMY.hmy-root-rounded,
.p7HMY .hmy-content-wrapper.hmy-content-rounded {
	border-radius: 5px;
}

/*
********************************
     Section Text Styles
********************************
*/
.p7HMY .hmy-section a {
	transition: all linear .5s;
	color: #006C98;
	text-decoration: none;
}
.p7HMY .hmy-section a:hover {
	border-bottom: 1px solid;
	color: #439446;
}
.p7HMY .hmy-section a .hmy-img,
.p7HMY .hmy-section a:hover .hmy-img {
	border: none;
	display: block;
}

.hmy-section h1 {
	font-size: 2rem;
}
.hmy-section h2 {
	font-size: 1.55rem;
}
.hmy-section h3 {
	font-size: 1.3rem;
}
.hmy-section h4 {
	font-size: 1.2rem;
}
.hmy-section h5 {
	font-size: 1rem; /* matched P size */
    line-height: 1.5;
}
.hmy-section h1 {
	margin: 24px 0px 0px 0px;
	font-family: source_sans_proregular, helvetica, arial, sans-serif;
	font-weight: normal;
	color: var(--redText);
}
.hmy-section h2,
.hmy-section h3,
.hmy-section h4,
.hmy-section h5 {
	margin: 24px 0px 0px 0px;
	font-family: source_sans_probold, helvetica, arial, sans-serif;
	font-weight: normal;
	color: var(--redText);
}
.hmy-section h1:first-child,
.hmy-section h2:first-child,
.hmy-section h3:first-child,
.hmy-section h4:first-child,
.hmy-section h5:first-child {
	margin: 0px;
}
.hmy-section p {
	margin: 6px 0px 18px 0px;
	font-size: 1.1rem;
	line-height: 1.45;
	color: var(--grayText);
}

textarea {
	font-size: 1.15rem;
}
input {
	font-size: 1.15rem;
}
ol, ul {
    font-size: 1.1rem;
}

/*
********************************
       CONTENT AREAS
********************************
*/
.p7HMY .hmy-content p:first-child {margin-top: 0px;}
.rounded {border-radius: 4px;}
.hmy-content {padding: 20px;}

/*
**********************************
   CORE STYLES - DO NOT EDIT
**********************************
*/

.p7HMY {
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	display: -webkit-box;
	display: flex;
	overflow: hidden;
}
.hmy-section {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	box-sizing: border-box;
	display: flex;
}
.hmy-content-wrapper {
	box-sizing: border-box;
	width: 100%;
}
.hmy-content {
	box-sizing: border-box;
}
.hmy-vertical-center.hmy-content-wrapper {
	display: inline-flex;
	justify-content: center;
	flex-direction: column;
	width: 100%;
}
.p7HMY img {
	width: auto;
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}
.hmy-box-separation .hmy-content-wrapper {
	margin: 5px;
	box-sizing: border-box;
	position: relative;
}
/*
*************************
  Video-Map Iframe Styles
*************************
*/
.hmy-video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* MODIFIED from 56.25 */
	padding-top: 30px;
	height: 0px;
	overflow: hidden;
}
.hmy-video-wrapper iframe, .hmy-video-wrapper object, .hmy-video-wrapper embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

.hmy-map-wrapper {
	position: relative; 
	padding-bottom: 100%; 
	padding-top: 0px; 
	height: 0px; 
	overflow: hidden; 
	margin-bottom: 20px;
}
.hmy-map-wrapper iframe, .hmy-map-wrapper object, .hmy-map-wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.hmy-video-wrapper iframe,
.hmy-map-wrapper iframe {
	box-sizing: border-box;
}
.hmy-frame-border iframe {
	border: 1px solid #000 !important;
}
.hmy-frame-rnd iframe {
	border-radius: 5px;
}


/*
**********************************
     Legacy Browser Rules
**********************************
*/
.p7HMY.hmy-legacy {
	overflow: hidden;
	display: block;
}
.p7HMY.hmy-legacy .hmy-section {
	display: block;
	float: left;
	box-sizing: border-box;
	padding: 0px !important;
}
/*
***********************************
        Style Options 
***********************************
*/
.hmy-no-pad.hmy-content {
    padding-top: .5px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: .5px;
}
.no-pad {padding: 0px !important;}
.hmy-center {text-align: center;}
.hmy-right {text-align: right;}
.hmy-left {text-align: left;}

/*
***********************************
        CUSTOM JOUBERT OPTIONS 
***********************************
*/

.header-logo img {
	width: 45%;
	margin: 17.5% 0 0 46%;
}
.nav {
	width: 100%;
    box-sizing: border-box;
	padding: 0 0 0 5.6%;
	margin: 8% 0 0 0;
	font-family: source_sans_probold, helvetica, arial, sans-serif;
}

.footer {
	position: relative;
	min-height: 210px;
}
.footer-copy {
	position: absolute;
	top: 36px;
	left: 11.5%;
	width: 50%;
}
.p7HMY .hmy-section .footer-social {
	position: absolute;
	top: 123px;
	left: 11.5%;
	width: 26.2%;
}
.p7HMY .hmy-section .footer-social a {
	border: none !important;
	text-decoration: none !important;
}
.p7HMY .hmy-section .footer-social .footer-social-img {
	width: 6.1%;
	margin-right: 2.8%;
	border: none !important;
	text-decoration: none !important;
}

.footer-social .footer-kit-img {
	width: 6.1%;
	margin: 0 2% 0 4.8%;
}
.footer-address {
	position: absolute;
	top: 132px;
	left: 39.2%;
	width: 60%;
}
.footer-address-logo {
	position: absolute;
	top: 132px;
	left: 39.2%;
	width: 60%;
}
.footer p {
	font-size: 91%;
}
.footer a {
	border-bottom: none !important;
	text-decoration: none;
	transition: all linear .5s;
}
.footer a:hover {
	border-bottom: 1px solid !important;
}
.bottomclolor {
	height: 40px;
	background: var(--redText);
}

.boldcss {
	font-family: source_sans_probold, helvetica, arial, sans-serif;
	font-weight: normal;
}

.index-slide {
	padding: 2.6% 12.3% 4.3% 12.3%;
}
.index-tag {
	width: 53.5%;
	margin: 11.5% 0 4.9% 44.5%;
	padding: 0;
}
.index-bfr {
	width: 53.5%;
	margin: 0 0 0 44.5%;
	padding: 5% 0 5% 0;
	border-top: 1px var(--redText) solid;
	border-bottom: 1px var(--redText) solid;
}
.index-bfr-wrap {
	padding: 0 3.5% 0 41.5%;
    box-sizing: border-box;
}
.index-bfr-wrap .index-caption {
	margin-top: 7.5%;
	line-height: 0.75;
}
.index-philos-wrap {
	padding: 0 30% 7% 5.7%;
}
.index-philos-wrap p {
	font-size: 118%;
}
#index-downloadbox {
    width: 36%;
    height: auto;
    padding: 5%;
    margin: 1.9% 0 0 44.5%;
    background: var(--redText);
}
#index-downloadbox h5 {
    margin: 0;
    text-align: center;
}
#index-downloadbox a {
    color: #FFFFFF;
}
#index-my {
    margin-top: 5%;
}
.index-midpics-wrap {
	padding: 0 1.1% 0 1.1%;
    box-sizing: border-box;
}
.index-midpics-wrap .index-caption {
	margin-top: 8.6%;
	line-height: 0.75;
}
.index-caption .index-rule {
    height: 1px;
    width: 100%;
}
.index-decom-wrap {
	padding: 0 42% 0 3.5%;
    box-sizing: border-box;
}
.index-decom-wrap .index-caption {
	margin-top: 7.5%;
	line-height: 0.75;
}
.index-intro {
    padding: 2.5% 32% 2.7% 29%;
}
.index-intro p {
	margin-top: 24px;
}
.index-how {
	background-image: url(../images/index-bluegrad.jpg);
	background-repeat: repeat;
}
.index-how .index-linesblue {
	width: 9%;
	height: auto;
	float: left;
	box-sizing: border-box;
	padding: 4% 0 4% 3%;
}
.index-how .index-textblue {
	width: 57%;
	height: auto;
	float: left;
	box-sizing: border-box;
	padding: 6.5% 4% 2% 3%;
}
.index-how .index-textblue h2 {
	font-family: source_sans_proregular, helvetica, arial, sans-serif;
	color: #006C98;
	margin-bottom: 3%;
}
.index-how .index-picblue {
	width: 23.5%;
	height: auto;
	float: left;
	box-sizing: border-box;
	padding: 6.5% 0 2% 0;
}
.index-how .index-picblue img {
	margin-bottom: 4%;
}

#about-top-pic {
    width: 59.8%;
    margin: 2.7% 0 4.2% 20.1%;
}
#about-karen-left {
    width: 50.5%;
    height: auto;
    box-sizing: border-box;
    margin: 0.8% 0 0 27.5%;
    padding: 6% 4.2% 4% 4.2%;
    background-color: #DEE5E5;
}
#about-karen-right {
    width: 75%;
    height: auto;
}

#treat-top-pic {
    width: 75.4%;
    height: auto;
    margin: 2.9% 0 2.9% 13.2%;
}
.treat-text {
	padding: 0 27% 0 8%;
}
.hmy-section .treat-text h1 {
	font-size: 1.9rem;
	margin-bottom: 24px;
}
.hmy-section .treat-text h4 {
	margin-top: 30px;
	margin-bottom: 24px;
}
.hmy-section .treat-text p {
	margin-bottom: 24px;
}
.treat-text hr {
	margin: 30px 0 40px 0;
}
.treat-pics {
	padding: 5% 5% 0 18%;
}
.treat-pics-small {
	width: 73%;
	float: right;
	padding-bottom: 9%;
}
.treat-pics-small p {
	letter-spacing: 1px;
}
.treat-pics img {
	padding-bottom: 3.5%;
}
.treat-pics #treat-sal-pic {
	width: 60%;
    height: auto;
    padding-bottom: 3.5%;
}
#treat-bauer-pic {
    width: 76.5%;
    height: auto;
    margin-bottom: 2.1%;
}
.treat-bauer {
	letter-spacing: 1px;
}

#tech-top-pic {
    width: 75.2%;
    height: auto;
    margin: 2.9% 0 2.9% 12.4%;
}
.tech-text {
	padding: 0 29% 0 8%;
}
.hmy-section .tech-text h1 {
	font-size: 1.9rem;
	margin-bottom: 40px;
}
.p7HMY .tech-game {
	width: 61%;
    margin-bottom: 2%;
}
.tech-pics {
	padding: 5% 5% 0 39%;
}
.tech-pics img {
	padding-bottom: 3.5%;
}
.tech-pics p {
	margin-bottom: 10%;
}
.tech-quote1-sec {
	
}
.tech-quote {
	
}
.tech-quote .tech-linesred {
	width: 9%;
	height: auto;
	float: left;
	box-sizing: border-box;
	padding: 4% 0 4% 3%;
}
.tech-quote .tech-picquote {
	width: 17%;
	height: auto;
	float: left;
	box-sizing: border-box;
	padding: 6.5% 0 0 4%;
}
.tech-quote .tech-textquote {
	width: 57%;
	height: auto;
	float: left;
	box-sizing: border-box;
	padding: 6.5% 4% 2% 5%;
}
.tech-quote .index-textblue h2 {
	font-family: source_sans_proregular, helvetica, arial, sans-serif;
	color: #006C98;
}

#forms-top-pic {
    width: 75.2%;
    height: auto;
    margin: 2.9% 0 2.9% 12.4%;
}
.forms-pics {
	padding: 5% 5% 0 40.2%;
}
.forms-pics img {
	padding-bottom: 45%;
}
.forms-text {
	padding: 0 26% 0 8%;
}
.hmy-section .forms-text h1 {
	font-size: 1.9rem;
	text-decoration: underline;
	margin-bottom: 35px;
}

#news-top-pic {
    width: 75.2%;
    height: auto;
    margin: 2.9% 0 2.9% 12.4%;
}
.news-download {
	padding: 3.5% 0 0 28%;
}
.news-download .news-kit {
	width: 46%;
}
.news-title {
	box-sizing: border-box;
	overflow: hidden;
	padding: 2% 22% 6.5% 0;
}
.news-title h1 {
	font-family: source_sans_proregular, helvetica, arial, sans-serif;
	font-size: 1.9rem;
}
.news-featured {
	padding: 0 0 1.4% 7.9%;
}
.news-vidLocal video {
  width: 100%    !important;
  height: auto   !important;
}
.news-vidL {
	padding: 0 3.5% 7% 16%;
}
.news-vidL p {
	margin-top: -1.5%;
}
.news-vidR {
	padding: 0 16% 7% 3.5%;
}
.news-vidR p {
	margin-top: -1.5%;
}

.contact-form {
	padding: 0 5% 0 7.5%;
}
.hmy-section .contact-form h1 {
	font-size: 1.9rem;
	text-decoration: underline;
	margin-bottom: 4%;
}
.contact-single {
	width: 70%;
	max-width: 670px;
}
.contact-area {
	width: 70%;
	max-width: 670px;
}
.contact-address {
	padding: 11% 0 0 50.5%;
}
.contact-address .contact-logo {
	width: 63%;
	margin-bottom: 10%;
}
.contact-address p {
	line-height: 1.55;
}
.contact-desk {
	padding: 7.5% 0 14.8% 20%;
}
.contact-door {
	padding: 5.7% 0 0 0;
}
#contact-desk-pic {
    width: 100%;
    height: auto;
}
.contact-map-wrap {
	width: 765px;
	margin: 0 0 5% 5%;
	position: relative;
}
.contact-maps {
    position: relative;
    padding-bottom: 75%; 
    height: 0;
    overflow: hidden;
}
.contact-maps iframe {
    position: absolute;
    top: 0;
    width: 100% !important;
    height: 100% !important;
    }

.priv-wrap {
    width: 54%;
    margin: 2% 0 2% 23%;
}

/*
***********************************************
    No Script Rules... For DW Design View
***********************************************
*/
.p7HMY.hmy-noscript {}


/*
***********************************************
               Media Queries
***********************************************
*/
@media only screen and (min-width: 0px) and (max-width: 1600px) {
.footer-address {top: 127px;}
.index-tag {width: 58.5%;margin: 16% 0 0 39%;}
.index-bfr {width: 58.5%;margin: 14% 0 0 39%;}
#index-downloadbox {width: 41.5%;margin: 1.9% 0 0 39%;}
.contact-single {max-width: 590px;}
.contact-area {max-width: 590px;}
.contact-map-wrap {width: 690px;}
}
@media only screen and (min-width: 0px) and (max-width: 1500px) {
.news-title {padding: 2% 16% 6.5% 0;}
.contact-single {max-width: 550px;}
.contact-area {max-width: 550px;}
.contact-map-wrap {width: 635px;}
}
@media only screen and (min-width: 0px) and (max-width: 1400px) {
.nav {margin: 7.5% 0 0 0;}
.footer p {font-size: 0.85rem;}
.footer-address-logo {top: 151px;left: 11.5%;}
.index-tag {width: 63.5%;margin: 16% 0 0 34%;}
.index-bfr {width: 63.5%;margin: 14% 0 0 34%;}
.index-bfr-wrap .index-caption {font-size: 0.9rem;}
#index-downloadbox {width: 46.5%;margin: 1.9% 0 0 34%;}
.index-midpics-wrap .index-caption {font-size: 0.9rem;}
.index-decom-wrap .index-caption {font-size: 0.9rem;}
.index-intro {padding: 2.5% 21% 2.7% 29%;}
.forms-text {padding: 0 20% 0 8%;}
.forms-pics {padding: 5% 5% 0 28%;}
.forms-text {padding: 0 19% 0 8%;}
.news-title {padding: 2% 12% 6.5% 0;}
.contact-map-wrap {width: 600px;}
.contact-single {max-width: 520px;}
.contact-area {max-width: 520px;}
}
@media only screen and (min-width: 0px) and (max-width: 1300px) {
:root {font-size: 15px;}
html {font-size: 15px;}
.nav {margin-top: 7.3%}
.index-tag {width: 68.5%;margin: 16% 0 0 29%;}
.index-bfr {width: 68.5%;margin: 14% 0 0 29%;}
#index-downloadbox {width: 51%;margin: 1.9% 0 0 29%;}
.index-intro {padding: 2.5% 21% 2.7% 20%;}
.index-philos-wrap {padding: 0 20% 7% 4%;}
.index-bfr-wrap .index-caption {font-size: 0.85rem;}
.index-midpics-wrap .index-caption {font-size: 0.85rem;}
.index-decom-wrap .index-caption {font-size: 0.85rem;}
#about-top-pic {width: 69.8%;margin: 2.7% 0 4.2% 15.1%;}
#about-karen-left {width: 58%;margin: 0.8% 0 0 19%;}
#about-karen-right {width: 80%;}
.hmy-section #about-title {margin: 54% 0 0 44%;}
.hmy-section .about-text {margin-right: 38%;}
.treat-text {padding: 0 18% 0 8%;}
.treat-pics {padding: 5% 5% 0 12%;}
.treat-pics-small {width: 75%;}
.tech-text {padding: 0 19% 0 8%;}
.tech-pics {padding: 5% 5% 0 31%;}
.news-title {padding: 2% 8% 6.5% 0;}
.contact-single {max-width: 470;}
.contact-area {max-width: 470px;}
.contact-map-wrap {width: 550px;}
}
@media only screen and (min-width: 0px) and (max-width: 1200px) {
.p7HMY .hmy-section .footer-social .footer-social-img {width: 7.5%;}
.footer-social .footer-kit-img {width: 7.5%;}
.footer p {font-size: 0.8rem;}
.index-slide {margin: 0 0 2.4% 0;}
.index-tag {width: 73.5%;margin: 16% 0 0 24%;}
.index-bfr {width: 73.5%;margin: 14% 0 0 24%;}
#index-downloadbox {width: 56%;margin: 1.9% 0 0 24%;}
.index-philos-wrap {padding: 0 5% 7% 5%;}
.index-bfr-wrap .index-caption {line-height: 1;font-size: 0.8rem;}
.index-midpics-wrap .index-caption {line-height: 1;font-size: 0.8rem;}
.index-decom-wrap .index-caption {line-height: 1;font-size: 0.8rem;}
.forms-pics {padding: 5% 5% 0 16%;}
.forms-text {padding: 0 12% 0 8%;}
.news-download {padding: 3.5% 0 0 22%;}
.news-download .news-kit {width: 50%;}
.news-title {padding: 2% 5% 6.5% 0;}
.news-title h1 {font-size: 1.7rem;}
.contact-address {padding: 11% 0 0 40%;}
.contact-map-wrap {width: 525px;}
.contact-single {width: 80%;max-width: 485px;}
.contact-area {width: 80%;max-width: 485px;}
}
@media only screen and (min-width: 0px) and (max-width: 1100px) {
.nav {margin-top: 7%}
.p7HMY .hmy-section .footer-social {top: 85px;width: 40%;}
.footer-address {top: 135px;left: 11.5%;width: 86%;}
.index-tag {width: 80.5%;margin: 16% 0 0 17%;}
.index-bfr {width: 80.5%;margin: 14% 0 0 17%;}
#index-downloadbox {width: 61%;margin: 1.9% 0 0 17%;}
#about-top-pic {width: 75.8%;margin: 2.7% 0 4.2% 12.1%;}
#about-karen-left {width: 64%;margin: 0.8% 0 0 13%;}
#about-karen-right {width: 90%;}
.news-download .news-kit {width: 50%;}
.news-title h1 {font-size: 1.6rem;}
.contact-single {width: 80%;max-width: 440px;}
.contact-area {width: 80%;max-width: 440px;}
.contact-map-wrap {width: 515px;}
}
@media only screen and (min-width: 0px) and (max-width: 1000px) {
.index-tag {width: 83.5%;margin: 16% 0 0 14%;}
#index-downloadbox {width: 63%;margin: 1.9% 0 0 14%;}
.index-bfr {width: 83.5%;margin: 14% 0 0 14%;}
.index-intro {padding: 0 6% 4.5% 5%;}
.treat-text {padding: 0 12% 0 8%;}
.treat-pics {padding: 5% 5% 0 8%;}
.tech-text {padding: 0 5% 0 8%;}
.hmy-section .tech-text h1 {font-size: 1.6rem;margin-bottom: 25px;}
.tech-text {padding: 0 12% 0 8%;}
.tech-pics {padding: 5% 5% 0 26%;}
.news-download .news-kit {width: 55%;}
.news-title h1 {font-size: 1.4rem;}
.contact-address {padding: 11% 0 0 30%;}
.contact-map-wrap {width: 465px;}
.contact-single {width: 80%;max-width: 355px;}
.contact-area {width: 80%;max-width: 355px;}
}
@media only screen and (min-width: 0px) and (max-width: 900px) {
.footer p {font-size: 0.75rem;}
.hmy-section #about-title {margin: 54% 0 0 26%;}
.hmy-section .about-text {margin-right: 20%;}
#index-downloadbox {width: 66%;}
.forms-pics {padding: 5% 5% 0 15%;}
.forms-text {padding: 0 11% 0 8%;}
.news-title h1 {font-size: 1.3rem;}
.contact-map-wrap {width: 650px;}
.contact-address {padding: 11% 0 0 15%;}
.contact-address .contact-logo {width: 75%;}
.contact-single {width: 80%;max-width: 320px;}
.contact-area {width: 80%;max-width: 320px;}
.contact-map-wrap {width: 395px;}
}
@media only screen and (min-width: 0px) and (max-width: 768px) {
html {-webkit-text-size-adjust: 100%;}
.p7HMY .hmy-section {flex-basis: 100% !important;}
.header-logo {width: 0%;display: none;}
.header-logo img {width: 0%;margin: 0;}
.nav {margin-top: 0%;padding: 0;}
.footer-copy {left: 5%;}
.p7HMY .hmy-section .footer-social {left: 5%;width: 65%;}
.footer-address {left: 5%;width: 91%;top: 125px;}
.footer p {font-size: 0.7rem;}
.index-slide {padding: 2% 3% 0 3%;}
.index-intro {padding: 0 5% 1% 5%;}
.index-tag {width: 90%;margin: 0 5% 0 5%;padding: 2% 0 2% 0;}
.index-bfr {width: 90%;margin: 1% 5% 2.5% 5%;padding: 2% 0 2% 0;}
.index-bfr-wrap {padding: 0 5% 0 5%;margin-bottom: 8%;}
.index-bfr-wrap .index-caption {margin-top: 4%;font-size:0.95rem;}
#index-downloadbox {width: 28%;margin: 1.9% 0 0 31%;}
.index-philos-wrap {padding: 3.4% 5% 6% 5%;}
.index-midpics-wrap {padding: 0 5% 0 5%;margin-bottom: 8%;}
.index-midpics-wrap .index-caption {margin-top: 4%;font-size:0.95rem;}
.index-decom-wrap {padding: 0 5% 0 5%;margin-bottom: 6%;}
.index-decom-wrap .index-caption {margin-top: 4%;font-size:0.95rem;}
.index-caption .index-rule {width: 100%;height: 1px;}
.index-intro h1 {font-size: 1.4rem;}
.index-how .index-linesblue {width: 1%;padding: 0;display: none;}
.index-how .index-textblue {width: 65%;padding: 6.5% 2% 2% 5%;}
.index-how .index-picblue {width: 34%;padding: 6.5% 5% 2% 2%;}
.hmy-section #about-title {margin: 5% 0 0 5%;}
#about-top-pic {width: 90%;margin: 2.7% 0 4.2% 5%;}
#about-karen-left {width: 90%;margin: 0.8% 0 4% 5%;}
#about-karen-right {width: 90%; margin: 0 0 0 5%;}
.treat-text {padding: 0 5% 0 5%;}
.treat-pics {padding: 5% 5% 0 5%;}
.treat-pics-small {width: 100%;float: none;}
#treat-bauer-pic {width: 80%;}
.treat-pics #treat-sal-pic {width: 66%;}
#tech-top-pic {width: 90%;margin: 2.9% 0 2.9% 5%;}
.tech-text {padding: 0 5% 0 5%;}
.p7HMY .tech-game {width: 75%;}
.hmy-section .tech-text h1 {font-size: 1.3rem;}
.tech-pics {padding: 5% 5% 0 5%;}
.tech-quote1-sec {width: 0;height: 0;display: none;}
.tech-quote .tech-linesred {width: 0;height: 0;padding: 0;display: none;}
.tech-quote .tech-picquote {width: 25%;padding: 6.5% 0 0 5%;}
.tech-quote .tech-textquote {width: 75%;padding: 6.5% 5% 2% 5%;}
#forms-top-pic {width: 90%;margin: 2.9% 0 2.9% 5%;}
.forms-pics {padding: 2% 5% 0 5%;}
.forms-pics img {padding-bottom: 6%;}
.forms-text {padding: 0 5% 0 5%;}
.news-download {padding: 2% 5% 2% 5%;}
.news-download .news-kit {width: 30%;}
#news-top-pic {width: 90%;margin: 2.9% 0 2.9% 5%;}
.news-title {padding: 2% 5% 6.5% 5%;}
.news-title h1 {font-size: 1.2rem;}
.news-featured {padding: 0 0 1% 5%;}
.news-vidL {padding: 0 5% 7% 5%;}
.news-vidR {padding: 0 5% 7% 5%;}
.contact-form {padding: 2.5% 5% 0 5%;}
.hmy-section .contact-form h1 {margin-bottom: 4%;}
.contact-single {width: 80%;max-width: 450px;}
.contact-area {width: 80%;max-width: 450px;}
.contact-address {padding: 4% 5% 0 5%;}
.contact-address .contact-logo {width: 40%;margin-bottom: 3%;}
.contact-address p {padding-left: 0;line-height: 1.45;}
.contact-desk {padding: 8.5% 5% 5% 5%;}
#contact-desk-pic {width: 100%;}
.contact-door {padding: 8.5% 5% 0 5%;}
.contact-map-wrap {width: 100%;margin: 0}
.priv-wrap {width: 90%;margin: 2% 0 2% 5%;}
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
.p7HMY .hmy-section {flex-basis: 100% !important;}
.p7HMY .hmy-section .hmy-content-wrapper {border-radius: 0px !important; border-left: none !important; border-right: none !important;}
.p7HMY .hmy-section .footer-social {left: 2%;width: 70%;}
.footer-copy {left: 2%;}
.footer-address {left: 2%;width: 96%;}
.index-tag {width: 96%;margin: 0 2% 0 2%;padding: 2% 0 2% 0;}
.index-bfr {width: 96%;margin: 1% 2% 2.5% 2%;padding: 2% 0 2% 0;}
#index-downloadbox {width: 40%;margin: 1.9% 0 1% 2%;}
.index-philos-wrap {padding: 3.4% 2% 5% 2%;}
.index-bfr-wrap {padding: 0 2% 0 2%;margin-bottom: 7%;}
.index-midpics-wrap {padding: 0 2% 0 2%;margin-bottom: 7%;}
.index-decom-wrap {padding: 0 2% 0 2%;margin-bottom: 5%;}
.index-caption .index-rule {width: 100%;height: 1px;}
.index-intro {padding: 0 2% 1% 2%;}
.index-how .index-linesblue {width: 100%;height: 1px;padding: 0;display: none;float: none;}
.index-how .index-textblue {width: 100%;padding: 6.5% 2% 1% 2%;float: none;}
.index-how .index-picblue {width: 100%;padding: 0 2% 2% 2%;float: none;}
#about-top-pic {width: 96%;margin: 2.7% 0 4.2% 2%;}
#about-karen-left {width: 96%;margin: 0.8% 0 4% 2%;}
#about-karen-right {width: 96%; margin: 0 0 0 2%;}
#treat-top-pic {width: 96%;margin: 2.9% 0 2.9% 2%}
.treat-text {padding: 0 2% 0 2%;}
.treat-pics {padding: 5% 2% 0 2%;}
#treat-bauer-pic {width: 100%;}
.treat-pics #treat-sal-pic {width: 100%;}
#tech-top-pic {width: 96%;margin: 2.9% 0 2.9% 2%}
.tech-text {padding: 0 2% 0 2%;}
.hmy-section .tech-text h1 {font-size: 1.2rem;margin-bottom: 20px;}
.p7HMY .tech-game {width: 80%;}
.tech-pics {padding: 5% 2% 0 2%;}
.tech-quote .tech-picquote {width: 25%;padding: 6.5% 0 0 2%;}
.tech-quote .tech-textquote {width: 75%;padding: 6.5% 2% 2% 5%;}
#forms-top-pic {width: 96%;margin: 2.9% 0 2.9% 2%}
.forms-pics {padding: 5% 2% 0 2%;}
.forms-text {padding: 0 2% 0 2%;}
.news-download {padding: 3.5% 2% 6.5% 2%;}
.news-download .news-kit {width: 35%;}
#news-top-pic {width: 96%;margin: 2.9% 0 2.9% 2%}
.news-title {padding: 2% 2% 6.5% 2%;}
.news-featured {padding: 0 0 1% 2%;}
.news-vidL {padding: 0 2% 7% 2%;}
.news-vidR {padding: 0 2% 7% 2%;}
.contact-form {padding: 2.5% 2% 0 2%;}
.contact-form  p {font-size: 1rem;}
.contact-single {width: 80%;max-width: 380px;}
.contact-area {width: 80%;max-width: 380px;}
.contact-address {padding: 4% 2% 0 2%;}
.contact-address .contact-logo {width: 50%;margin-bottom: 3%;}
.contact-address p {padding-left: 0;line-height: 1.45;}
.contact-desk {padding: 4% 2% 4% 2%;}
.contact-door {padding: 8.5% 2% 0 2%;}
.priv-wrap {width: 96%;margin: 3% 0 2% 2%;}
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
.footer p {font-size: 0.65rem;}
.p7HMY .hmy-section .footer-social {left: 2%;width: 80%;}
.hmy-section .index-tag h5 {font-size: 0.9rem;}
.hmy-section .index-bfr h5 {font-size: 0.9rem;}
.hmy-section .tech-quote .tech-textquote h2 {font-size:1.2rem;}
.hmy-section .treat-text h1 {font-size: 1.7em;}
.news-download .news-kit {width: 40%;}
.contact-form  p {font-size: 1rem;}
}