@import url('https://fonts.googleapis.com/css2?family=Paprika&family=Roboto:wght@100;300;400;700;900&family=Sunflower:wght@700&display=swap');
@media print{
    #nav, #header, #footer, #sidebar, #event{
        display: none;
    }
    body,
    html {
        margin:0;
        padding:0;
        background-color :#FFFFFF;
        color:#000;
    }
    #wrap {
        background: #FFFFFF;
        margin:0 auto;
        width:100%;
    }
    #main {
        background:#FFFFFF;
        float:left;
        width:100%;
    }
}
* {
    box-sizing: border-box;
}
.clearfix {
    clear: both;
}
body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
html {
    font-size: 18px;
    font-family: 'Roboto';
    font-weight: 400;
    color: #333;
}
header {
    display: inline-block;
    width: 100%;
}
sup {
    font-size: 10px;
}
h2 sup {
    font-size: 20px;
}
h1, h2 {
    font-family: 'Sunflower', Tahoma, sans-serif;
    font-weight: 700;
}
h3, h4 {
    font-family: 'Roboto', Tahoma, sans-serif;
    font-weight: 700;
}
p {
    font-size: 1rem;
}
.left {
    float: left;
}
.right {
    float: right;
    text-align: right;
}
.p15 {
    width: 15%;
}
.p50 {
    width: 50%;
}
.p75 {
    width: 75%;
}
.p100 {
    width: 100%;
}
#row {
    display: block;
    clear: both;
}
#social {
    margin-bottom: 10px;
}
#hero_rejuvenate {
    position: relative;
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../images/mountains-nature-sky-sunny.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 50%;
}
#hero_rejuvenate h1{
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    color: #eee;
}
#wrap {
    margin: 10% auto 0;
    width: 1000px;
    max-width: 100%;
}
#wrap-wide {
    margin: 0 auto;
    width: 1200px;
    max-width: 100%;
}
#event{
    text-align: center;
    background-color: #CEE3F6;
    width: auto;
    border-bottom: 1px solid black;
    padding: 8px 0;
}
#topbar{
    text-align: center;
    background-color: #CEE3F6;
    width: auto;
    padding: 8px 0;
}
#topbar p {
    font-family: 'Roboto';
    font-weight: 700;
    margin: 0;
    padding: 0;
}
#header {
    display: inline-block;
    width: 100%;
    padding: 10px;
}
#header h1 {
    padding:5px;
    margin:0;
}
.main-nav-wrapper {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    z-index: 900;
}
.man-nav-wrapper:before, .man-nav-wrapper:after {
    content: " ";
    display: table;
}
.man-nav-wrapper:after {
    clear: both;
}
.hero_main_1 {
    position: relative;
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/push.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 60%;
    margin-top: 6%;
}
.hero_text_1 {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 75%;
    transform: translate(-50%, -50%);
    color: #eee;
}
.hero_text_1 h1 {
    font-family: 'Paprika';
    font-size: 2.8em;
    font-weight: normal;
}
.h_img{
    display: inline-block;
    margin: 0;
    width: 40%;
}
.h_img img{
    width: 100%;
}
ol, ul{
    text-align: left;
}
.badge {
    display: inline-block;
    position: absolute;
    right: -90px;
    width: 200px;
    top: -5px;
}
.main-narrow {
    float: left;
    width: 65%;
}
#main h1, #main h2, #main h3, #main p {
    padding:0 10px;
}
#schedule {
    float:left;
    width:100%;
}
#schedule h2, #schedule h3, #schedule p {
    padding:0 10px;
}
#events, #wude {
    float:left;
    width:100%;
}
#events h2, #events h3{
    padding: 0;
    text-align: left;
}

#events p{
    padding:0 10px;
    text-align: left;
}
#classes{
    width: 100%;
}
#sidebar {
    background: #FFCC33;
    color: #101010;
    float:right;
    width: 35%;
    font-size: .8rem;
}
#sidebar ul {
    margin-bottom:0;
}
#sidebar h3, #sidebar p {
    padding:0 10px 0 0;
}
#sidebar p.smfnt, #sidebar span.smfnt{
    font-family: sans-serif;
    font-size: 14px;
}
a:link, a:visited{
    text-decoration: none;
    color: #00008B;
    font-weight: 400;
}
a:hover{
    text-decoration: none;
    color: #FF0000; /*#6B3FA0;*/
}
a:active{
    text-decoration: none;
    color: #00008B;
}
#event a:link, #event a:visited{
    text-decoration: none;
    color: #FF0000;
}
#event a:hover{
    text-decoration: none;
    color: #6B3FA0;
}
#event a:active{
    text-decoration: none;
    color: #FF0000;
}

footer {
    background:#b0c4de;
    clear:both;
}
footer p {
    padding:5px;
    margin:0;
}
footer a:link, footer a:visited{
    text-decoration: none;
    color: #FFF8DC;
    font-weight: bold;
}
footer a:hover{
    text-decoration: none;
    color: #1E90FF;
}
footer a:active{
    text-decoration: none;
    color: #FFFFFF;
}
footer .row{
    display: block;
    margin: 0 10px;
}
footer .row .h_img{
    display: inline-block;
    vertical-align: middle;
    width: 33%;
}
footer .row .panel{
    display: inline-block;
    width: 33%;
    vertical-align: middle;
    text-align: center;
    margin-top: 15px;
}
#addr {
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 1rem;
    margin-bottom: 10px;
}
#adrline{
    clear: both;
    text-align: center;
    font-family: sans-serif;
    font-size: 11px;
    margin-bottom: 40px;
}
#adrline a:link, #adrline a:visited{
    text-decoration: none;
    color: #00FF00;
}
#adrline a:hover{
    text-decoration: none;
    color: #000000;
}
#adrline a:active{
    text-decoration: none;
    color: #FFFF00;
}
.copyright {
    font-family: 'Roboto';
    font-size: .75em;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-align: left;
    margin: 0;
    float: left;
}
.designed{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-align: right;
    margin: 0;
    float: right;
}
.quoteblock{
    font-family: 'Roboto';
    font-weight: 400;
    margin: 20px auto;
    width: 65%;
    padding: 15px 8px;
    text-align: center;
    color: #6B3FA0;
    font-size: 1rem;
    border: 1px dotted black;
    background-color: #FFFF99; /*#CCCCCC;*/
}
.quoteblocktop{
    font-family: 'Roboto';
    font-weight: 400;
    margin: 5px auto 20px;
    width: 65%;
    padding: 15px 8px;
    text-align: center;
    color: #6B3FA0;
    font-size: 1rem;
    border: 1px dotted black;
    background-color: #FFFF99; /*#CCCCCC;*/
}
.quoteblockleft{
    float: left;
    font-family: 'Roboto';
    font-weight: 400;
    margin: auto 10px;
    width: 30%;
    text-align: center;
    color: #6B3FA0;
    font-size: 1rem;
    border: 1px dotted black;
    background-color: #CCCCCC;
}
.quoteblockright{
    float: right;
    font-family: 'Roboto';
    font-weight: 400;
    padding-left: 10px;
    width: 40%;
    text-align: center;
    color: #6B3FA0;
    font-size: 1rem;
}
.sidequoteblock{
    font-family: 'Roboto';
    font-weight: 400;
    margin: 15px auto;
    width: 85%;
    padding: 10px 5px;
    text-align: center;
    color: #6B3FA0;
    font-size: 1rem;
    border: 1px dotted black;
    background-color: #FFCC99;
}
.quote{
    font-style: italic;
    font-size: 1rem;
    padding-bottom: 15px;
}
.attrib{
    font-style: normal;
    font-size: .75rem;
}
.attrib p{
    font-size: .8rem;
    text-align: left;
}

.benefitblock{
    position: relative;
    font-family: tahoma, arial, sans-serif;
    margin: 40px auto;
    text-align: center;
    width: 50%;
    border: 1px solid black;
}
.benefits{
    font-size: 1rem;
    text-align: left;
}
.benefits ul{
    list-style-image: url(../images/yinyang.jpg);
    list-style-type: circle;
    color: #333;
}
.benefits li{
    margin: 8px;
}
.benefits p{
    font-weight: bold;
}
.copy{
    width: 85%;
    margin: auto;
    text-align: center;
}
p.hdr, span.hdr{
    font-size: 1.8rem;
    font-weight: bold;
}
p.subhdr, span.subhdr{
    font-size: 1.5rem;
    font-weight: bold;
}
p.subhdr2, span.subhdr2{
    font-size: 1.3rem;
    font-weight: bold;
    text-align: left;
}
p.subhdr3, span.subhdr3{
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
}
span.tc1{
    font-size: 48px;
    font-weight: bold;
    text-align: right;
    font-family: chinaone, georgia, serif;
}
p.dtl{
    text-align: left;
}
img.floatleft{
    float: left;
    margin-right: 12px;
}
img.mt-1p {
    margin-top: -1%;
}
img.mt3p {
    margin-top: 3%;
}
img.floatleft2{
    float: left;
    width: 15%;
    margin-top: 0;
    margin-right: 4px;
}
img.floatright{
    float: right;
    margin: 4px;
}
.mainimg{
    text-align: center;
    width: auto;
}
.maincaption{
    font-size: 12px;
}
.sideimg{
    text-align: center;
    margin: 30px auto;
    width: 275px;
}
.sideclass{
    font-size: 16px;
    font-family: "arial black";
    font-weight: normal;
    width: 90%;
    margin: 20px auto;
    padding: 0px 5px;
    text-align: left;
}
.sideaffiliateblock{
    width: 88%;
    margin: auto;
}
td{
    font-size: 14px;
}
div.imgcenter{
    text-align: center;
    width: 50%;
    border: thin silver solid;
    margin: 5px auto;
    padding: 0;
}
div.imgcenter2{
    text-align: center;
    width: 95%;
    border: thin silver solid;
    margin: 5px auto;
    padding: 0;
}
div.imgright {
    float: right;
    width: 25%;
    border: thin silver solid;
    margin: 0px 0.5rem;
    padding: 0;
}
div.imgleft {
    float: left;
    width: 25%;
    border: thin silver solid;
    margin: 0px 0.5rem;
    padding: 0;
}
div.imgright p, div.imgleft p, div.imgcenter p, div.imgcenter2 p{
    text-align: center;
    font-style: italic;
    font-size: .5rem;
    text-indent: 0;
}
img.scaled {
    width: 100%;
}
img.scaledsmall {
    width: 3%;
}
img.rot{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
img.rot30{
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
}
img.rot15{
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}
.tcb{
    width: 14%;
    background-color: #ccffcc;
    text-align: center;
    font-family: tahoma, arial, sans-serif;
}
.tci{
    width: 14%;
    background-color: #bde6e1;
    text-align: center;
    font-family: tahoma, arial, sans-serif;
}
.ori{
    width: 14%;
    background-color: #ffcc99;
    text-align: center;
    font-family: tahoma, arial, sans-serif;
}
.mdc{
    width: 14%;
    background-color: #ffff99;
    text-align: center;
    font-family: tahoma, arial, sans-serif;
}
.mas{
    width: 14%;
    background-color: #FFFC17;
    text-align: center;
    font-family: tahoma, arial, sans-serif;
}
.yoga{
    width: 14%;
    background-color: #59E817;
    text-align: center;
    font-family: tahoma, arial, sans-serif;
}
.free{
    width: 14%;
    background-color: #e1c7e1;
    text-align: center;
    font-family: tahoma, arial, sans-serif;
}
.empty{
    width: 14%;
}
.tiny{
    font-size: 8px;
    font-family: verdana, arial, sans-serif;
    margin: 0;
    padding: 0;
}
.tiny2{
    font-size: 6px;
    font-family: verdana, arial, sans-serif;
    margin: 0;
    padding: 0;
}
.dow{
    text-align: center;
    background-color: black;
    color: white;
    font-weight: bold;
    font-family: tahoma, arial, sans-serif;
}
.signup{
    font-family: tahoma, arial, sans-serif;
    font-size: 24px;
    margin: 50px auto;
    text-align: center;
    width: 65%;
    border: 10px double black;
    padding: 8px;
}
#sidebar .signup{
    font-family: tahoma, arial, sans-serif;
    font-size: 18px;
    margin: auto;
    text-align: center;
    width: 92%;
    border: 8px double black;
    padding: 4px;
}
.eventdtl{
    font-family: tahoma, arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    padding-left: 205px;
}
.eventdtl ul{
    list-style-image: url(../images/yinyang.jpg);
    list-style-type: circle;
}
.eventdtl li{
    margin: 8px;
}
#events h1{
    font-size: 60px;
    font-weight: bold;
    margin: 0;
    background-color: red;
    color: white;
}
#events h3{
    font-size: 36px;
    font-weight: bold;
    margin: 0;
    text-align: center;
}
#events td{
    padding: 5px 0px;
    text-align: left;
}
#events table{
    width: 90%;
    text-align: center;
    margin: auto;
}
#events .copy{
    font-size: .9rem;
}
body .special, html .special{
    margin: 0;
    padding: 0;
    background: #FF0000;
    color: #000;
}
body .calm, html .calm{
    background: #003399;
}
body .peace, html .peace{
    background: #3c8d0d;
}
body .rejuvenate, html .rejuvenate{
    background-color: #fcfcfc;
}
.rejuvenate #event {
    display: none;
}
#special{
    margin-bottom: 24px;
}
#special h1{
    margin: 0;
    color: red;
    text-align: center;
}
.footnote {
    font-size: 14px;
    color: #333;
}
.calm h1{
    color: #003399;
}
.peace h1{
    text-align: center;
    background-color: #3c8d0d;
    color: white;
    padding: 10px 0px;
}
.rejuvenate h1{
    text-align: center;
    color: white;
    padding: 10px 0px;
}
#special h3{
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    text-align: center;
    padding: 0;
}
.calm h3, .peace h3, .rejuvenate h3{
    font-size: 26px;
    color: #333;
}
#special .copy{
    font-size: 1.1rem;
    text-align: left;
}
.peace .copy, .rejuvenate .copy{
    width: 100%;
    font-size: 1.1rem;
    text-align: left;
}
.peace .copy p, .rejuvenate .copy p{
    margin: 0;
}
.calm h2, .peace h2, .rejuvenate h2{
    font-size: 2.1em;
    color: #222;
}
#special h2{
    font-size: 40px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: center;
}
#special p{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    padding:0 10px;
    text-align: left;
    color: #333333;
}
#special .benefitblock{
    background-color: rgba(255, 228, 225, 0.5);
}
.calm .benefitblock{
    background-color: lightcyan;
}
.peace .benefitblock, .rejuvenate .benefitblock{
    background-color: rgba(60, 141, 13, 0.3);
}
#special .quoteblock{
    width: 80%;
}
#special .quote{
    font-style: italic;
    font-size: 20px;
    padding-left: 45px;
    padding-right: 45px;
}
#special .coupon{
    font-family: 'Roboto';
    font-weight: 300;
    margin: 60px auto 40px;
    width: 80%;
    padding: 15px 8px 0px;
    text-align: center;
    color: #6B3FA0;
    font-size: 18px;
    border: 3px dashed black;
    background-color: white;
}
.calm .coupon{
    height: 290px;
    background-color: lightblue;
}
.peace .coupon{
    height: 310px;
    background-color: #fff;
}
.peace .coupon h1{
    color: #3c8d0d;
    background-color: white;
    padding: 0;
}
.rejuvenate .coupon{
    margin: 55px auto 20px;
    padding: 0px 8px;
    background-color: #fff;
}
.rejuvenate .coupon h1{
    color: #0066cc;
    background-color: white;
    padding: 0;
}
.rejuvenate .coupon h2{
    line-height: 1.2;
}
.calm .signup, .peace .signup, .rejuvenate .signup{
    margin: 20px auto 10px;
}
#special .signup{
    font-family: tahoma, arial, sans-s  erif;
    font-size: 26px;
    margin: 30px auto;
    text-align: center;
    width: 90%;
    border: 10px double black;
    padding: 8px;
}
#special .quoteblock img.floatleft{
    margin: 3px 12px 0 0;
}
.crop{
    float:left;
    margin:.5em 10px .5em 0;
    overflow:hidden;
}
.crop img{
    margin:-20px 0 -60px;
}
.crop2{
    float:left;
    margin:.5em 10px .5em 0;
    overflow:hidden;
}
.crop2 img{
    margin:-40px 0 -10px;
    width: 100%;
}
.crop3{
    float:left;
    margin:.5em 10px .5em 0;
    overflow:hidden;
}
.crop3 img{
    margin:-20px 0 -160px;
}
.center{
    text-align: center;
}
.clear{
    clear: both;
}
.q{
    font-weight: bold;
}
.bold{
    font-weight: 600;
    color: #333;
}

@media (max-width: 1281px){
    .hero_text_1 h1 {
        font-size: 1.9em;
    }
    .benefitblock{
        width: 80%;
    }
}
@media (max-width: 1025px){
    .hero_text_1 h1 {
        font-size: 1.8em;
    }
    .benefitblock{
        width: 80%;
    }
}
@media (max-width: 850px){
    html {
        font-size: 18px;
    }
    .benefitblock{
        width: 95%;
    }
    .badge {
        display: none;
    }
    .hero_text_1 h1 {
        font-size: 1.4em;
    }
}
@media (max-width: 767px){
    .hero_main_1 {
        margin-top: 0;
    }
    #topbar {
        display: none;
    }
    html {
        font-size: 14px;
    }
    #social {
        display: none;
    }
    .attrib p{
        font-size: .5rem;
    }
    footer .row .h_img, footer .row .panel{
        display: block;
        width: 100%;
    }
}