*{
    box-sizing:border-box; 
     -moz-box-sizing:border-box; 
     -webkit-box-sizing:border-box; 
     -ms-box-sizing:border-box;
}

body{
    margin:0;
    font-size:62.5%;
    font-weight: 400;
}

.adaHide {
      position: absolute;
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0,0,0,0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

a{
    text-decoration: none;
    font-family: 'Raleway', sans-serif;
}

#content a{color:#4E3883;}
#content a:hover{color:#616BD8;}

h1, h2, h3, h4, li, blockquote, form, .quoteSymbol, .entryDate{
    font-family: 'Raleway', sans-serif;
}

p, #content li, .flexTable span{
    font-size: 1.5em;
    font-family: 'Raleway', sans-serif;
    color: #444;
}

hr{border:0;height:2px;background-image: linear-gradient(to right, rgba(227,223,255,.2), rgba(227,223,255,1), rgba(227,223,255,.2));margin: 30px 0;}

.btn, .btn-success{
    background-color: #616BD8;
    color: #FFF;
    border-radius: 22px;
    font-size: 18px;
    display: inline-block;
    font-size: 1.23rem;
    padding:20px 55px;
    font-weight:400;
    text-transform: uppercase;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.btn-success{padding:10px 55px; !important}

.btn:hover, .btn-success:hover{background-color:#e3dfff; color:#2F1972;}

header{
    display: flex;
    align-items: center;
    max-height:142px;
    margin-top: 40px;
    padding:0 3%;
}

header::after{
    content: "";
    display: block;
    clear:both;
}

.handle{display:none;}

#navContainer{
	display:flex;
    flex:1;
    justify-content:flex-end;
}

#mainNav nav ul{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 680px;
    padding-left: 0;
    list-style-type: none;
    white-space: nowrap;
}

#mainNav nav ul li{
    text-align: center;
}

#mainNav nav ul li a{
    color:#444444;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    font-family: 'Raleway', sans-serif;
    font-size: 1.8em;
}

#mainNav nav ul li:hover a{
    color:#616BD8;
}

#mainNav nav ul li.active a{color:#616BD8;}

#logo{flex:1;}

#logo img{
    max-width:280px;
    width: 280px;
}

.btnBox{   
    background-color: #616BD8;
    color: #FFF;
    border-radius: 17px;
    padding:10px 10px;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    width:22%;
}
.btnBox a{color:#FFF !important;}
.btnBox:hover{background-color:#e3dfff}
.btnBox:hover a{color:#2F1972 !important;}

.hero{overflow: hidden;margin-top:30px;padding:0 4%;}

.heroText{
    display: flex;
    align-items: center;
    flex-direction: row;
    z-index: 998;
    font-weight: 800;
    padding-bottom: 50px;
    padding-left: 5%;
}
.heroText span{flex: 1;}
.heroText h2{font-size: 4rem;font-weight:800; color:#2F1972;margin-bottom: 0;}
.heroText p{margin: 30px 0; font-size: 1.3rem;font-weight: 400; color:#373737;}
.heroText .slideImg{flex:1; flex-basis: 20%;}
.heroText .slideImg img{text-align: center;margin: 0 auto;max-width: 100%;height: auto;}

.homeAbout{display: flex;background-color: #4E3883;padding:0 4%; margin-top:40px;}
.homeAbout .aboutImg{flex: 1;align-self: center;}
.homeAbout img{width: 90%; padding:8% 5%;}
.homeAbout .aboutReiki{flex:1; padding-left: 5%}
.homeAbout .aboutReiki h2{color: #FFF6D8; font-size: 7em; margin: 0;padding-top:4%;}
.homeAbout .aboutReiki p{color:#E3DFFF;font-size: 3.5em;font-weight: 600;line-height: 45px;margin:0;}

#homeWrapper{
    margin-top:40px;
    padding-bottom: 50px;
    display: flex;
}
.homeImg{flex:.8; margin-top:-8%;max-width: 625px;flex-basis: 50%;}
.homeImg img{max-width: 100%;height:auto;}

.homeContent{flex: 1; padding:0 5% 0 5%}
.homeContent h2{color: #ED0677;	font-family: Raleway; font-size: 3.2em;margin-bottom: 0;font-weight: 600;}
.homeContent p{margin-top: 5px; font-size: 2.3em; line-height: 28px;font-weight: 500;}



.testimonials{padding:0 8%;margin: 50px 0;}
.tContent{padding: 0 20%;}
.quoteWrapper{display: flex;}
.tContent .quoteSymbol{flex:.1;max-height: 160px;margin-top:-12px;}
.tContent .quoteSymbol span{font-size: 18em; color:#616BD8;}
.tContent .quote{flex:1;}
.tContent p{font-style: italic;font-size: 2em;color: #322970;}
.tContent .quote span{display: block;font-style: normal;text-align: right;}

.internal{
    position: absolute;
    width: 100%;
}

.internalHeader{
    min-height: 380px;
    position: relative;
    margin-bottom: 60px;
    z-index: -1;
}
.internalHeader h1{    
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -55%);
    text-align: center;
    color:#2F1972;
    font-size: 6em;
    text-transform: uppercase;
    margin: 0;
    width: 100%;
}

#content{padding:0 4%;}

#content h2{
    color: #4E3883;
    font-size: 3.5em;
    margin-bottom:0;
    text-transform: uppercase;
    font-weight: 700;
}

#content h3{
    color:#7FCBAE;
    font-size: 2.8em;
    margin-bottom:5px;
}

#content p{
   color: #444444;	
    font-size: 1.7em;	
    line-height: 30px;
    margin-top:5px;
}

.image-style-align-right{float:right;}

.col1{width:100%;}
.col2 {display:inline-block;width: 49.9%;vertical-align:top;}
.col1::after, .col2:after{display:block;content:"";clear:both;}
.center{text-align:center;}

.faqWrapper h2{font-size: 1.77em !important;margin:0;color:#373737 !important;text-transform: none !important;font-weight: 400 !important;margin-bottom: 10px !important;}

.accordion {
  background-color: #e3dfff;
  color: #FFF;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.faqActive, .accordion:hover {
  background-color: #322970;
}

.faqWrapper h2.faqActive, .accordion:hover{color:#FFF !important;}

.accordion:after {
  content: '\f107';
  font-family: "Font Awesome 5 Free";  
  color: #616bd8;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.faqActive:after {
    content: "\f106"; /* Unicode character for "minus" sign (-) */
    font-family: "Font Awesome 5 Free"; 
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.entryDate{font-size: 1.8em;font-style: italic;margin-bottom: 20px;}
.blogEntry img{float:right; margin-left:20px;}
.breadCrumbs{font-size:1.2em;}

.sessionWrapper{display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.session{flex-basis: 30%;margin-top: 15px;margin-bottom:15px;text-align: center;}
.session img{border-radius: 50%;max-width:100%;width:180px;height: auto;}
.sessionInfo{padding:0 30px 10px;}
.session h3{margin-top:5px;}

.addonWrapper{display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.addon{flex-basis: 34%;margin-top: 15px;margin-bottom:15px;border:1px solid #9F94C7;background-color:rgba(227,223,255,.3);}
.addonInfo{padding:0 30px 10px;}

.reviewWrapper{display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.review{width: 30%;margin-top: 15px;margin-bottom:15px;border:1px solid #9F94C7;padding:20px 30px 10px;text-align: center;}
.review img{border-radius: 50%;max-width:100%;width:200px;height: auto;}
.review h3{margin-top:20px;text-align: center;}
.review p{font-style: italic;}
.review p::before{content: open-quote;}
.review p::after{content: close-quote;}
.review i{font-size:2em;color:#4E3883;}

form fieldset{display:block; margin-top:30px;border: 0;}
form fieldset div{display: inline-block;width:35%;}
form fieldset div:nth-of-type(odd){margin-right:30px;}

label, form legend{
	color:#454545;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:block;
	margin-bottom:3px;
    font-size:1.5em;
    margin-top:20px;
}

input{
	padding:10px;
    font-size:1.4em;
    width:100%;
}

textarea{	
    padding:10px;
    font-size:1.4em;
    width:72%;
}

select{width:auto;height:30px;}

.animated.delay-1s{
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
 }

footer{
    margin-top: 40px;
    display: flex;
    padding:0 5% 1.5% 5%;
    background-color: #322970;
}

footer #fRight, footer #FMid, footer #fLeft{
    width:33.333%;
}
footer #fMid{flex:1;text-align:center;}
footer #fMid img{padding:20px;max-height: 130px;}

footer a{color:#444444;}
footer a:hover{opacity: .7;}

#fRight h3, #fLeft h3{color: #FFF6D8;font-size: 2.8em;text-transform: uppercase;margin-bottom: 0;}
#fRight p, #fLeft p, #fRight a, #fLeft a{color: #E3DFFF;}
#fRight{text-align: right;}
#fRight p i{font-size: 1.5em;margin-left: 5px;}
#fLeft p{font-size: 2em;margin: 5px 0 0;}
#fRight p{font-size: 1.8em;margin-top: 4px;margin-bottom: 0;}
#fRight p a{display: inline-block;vertical-align: middle;}
#fRight p:nth-of-type(2){font-size: 1.4em;margin-top: 5px;}
#fRight p:nth-of-type(2) a{display: inherit;vertical-align: inherit;}

@media only screen and (max-width: 1284px) {
	.homeAbout{padding:5% 4%;}
}


@media only screen and (max-width: 1059px) {
    .homePhotos{flex:1;position: relative;}
    .homePhotos img:nth-child(1){width:70%;}
    .homePhotos img:nth-child(2){width: 70%;}
}

@media only screen and (max-width: 1040px) {
    #mainNav{display: none;}

    .heroText{font-size: 3em;margin-top:30px;}
    
     #mainNav .responsive{
        display: block;
        width:100%;
        height:100%;
        opacity: 1;
      }
    
    #mainNav{
        display: block;
        float: none;
        top:120px;
        left: 0;
        width:100%;
        position: absolute;
        z-index: 999;
        
    }

     #mainNav nav{
        opacity: 0;
    -webkit-transition: all 0.30s ease-in;
    transition: all 0.30s ease-in;
     }
    
    #mainNav nav ul{display: none;}
    
       #mainNav nav.responsive ul{
        float:none;
        display: block;
        width:100%;
        text-align:center;
        margin:0 auto;
        padding:10px 0;
         position: relative;
         z-index: 999;
         display: block;
         background-color:#e3dfff;
     }

     #mainNav nav ul li{
        display: block;
        padding:20px 0;
        border-bottom: 1px solid  rgba(245, 245, 245, 0.3);
        width:100%;
        margin:0 auto;
     }
    #mainNav nav ul li:hover{background-color:#2F1972;}
     #mainNav nav ul li:nth-last-of-type(1){
        border-bottom:0;
        border-radius: 0;
    }
    
   li.btnBox:hover a{
        color:#FFF !important;
    }
    
    #mainNav nav ul li a{
        color:#2F1972;
        font-weight: normal;
        font-size: 18px;
    }
    #mainNav nav ul li:hover a{color:#FFF;}
    #mainNav nav ul li.active a{padding-bottom:0; border-bottom:0;}
    #handler{
        width: 35px;
        height: 30px;
        display: block;
        cursor: pointer; 
        float:right;
        padding: 10px 35px 16px 0px; 
    }
    #handler i{
        color:#616BD8;
        font-size: 3em;
    }
    #handler.active i{color:#e3dfff4 !important;}
    
    .reviewWrapper{flex-direction:column;}
    .review{width:auto;}
    
    
}

@media only screen and (max-width: 998px) { 
	#homeWrapper{flex-direction:column;}
    .homeImg{margin:0 auto;}
    .homeContent{text-align:center;margin-bottom:50px;}
}

@media only screen and (max-width: 925px) {
	footer{padding-bottom:20px;flex-direction:column}
	footer #fRight, footer #fMid, footer #fLeft{text-align:center;width:100%;justify-content: center;}
    #fRight span{display:block !important; padding-top: 5px;}
    #fMid{margin-top: 30px;}
    .trox{display:inline-block !important;}
}

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

	.hero{max-height:100%;}
    .heroText{
        display: block; 
        width: 100%;
        text-align: center;
        max-width:100%;
        top: 40%;
        margin: 0;
        padding: 0 2%;
        -webkit-transform: none;
        transform:none;
    }
    .heroText .slideImg img{margin:40px auto 0 auto;}
    figure{float:none !important; margin:10px 0 !important; padding:0;text-align:center !important;}
    figure img{text-align:center;}
    #content, .col1, .col2{display: block;width:100%;text-align: center;flex: none;}
    .col2:nth-child(odd) {padding-right: 0;}
    .contentTxt ul{list-style: none;padding-right: 0;}
    
    .sessionWrapper, .addonWrapper{flex-direction:column;}
    .session, addon{width:auto;}
    .btn-success{width:100%;}
    .blogEntry img{float:none;margin-left:0;margin-top:10px;margin-bottom:10px;max-width:100%;height:auto;}
    .map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
	}
    .map-responsive iframe{
        left:0;
        top:0;
        height:100%;
        width:100%;
        position:absolute;
    }
}

@media only screen and (max-width: 649px) { 
	.homeAbout{flex-direction:column;}
    .homeAbout img{width:100%;padding:5% 0;}
    .homeAbout .aboutReiki{text-align:center;padding-left:0;}
}

@media only screen and (max-width: 599px) {
    .testimonials{padding:0 8%;margin: 50px 0;}
    .tBar{border-right:none;}
    .tContent{padding:0 7%;}
    .tContent .quoteSymbol span{font-size:8em;}
}

@media only screen and (max-width: 474px) {
	header{flex-direction:column;}
    #mainNav{top:160px;}
    .internalHeader h1{font-size:4em;top:65%;transform: translate(-50%, -65%);}
}