/* GLOBAL STYLES

-------------------------------------------------- */

/* Padding below the footer and lighter body text */



body {

  padding-bottom: 10px;

  color: #040005;

  background-color: #f1d7fc;

}



h2 {

  font-family: inherit;

  font-weight: 500;  

  color: #000000;

}



/* CUSTOMIZE THE NAVBAR

-------------------------------------------------- */



/* Special class on .container surrounding .navbar, used for positioning it into place. */

.navbar {

  border: 0;

}



.navbar-wrapper {

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  z-index: 20;

}



/* Flip around the padding for proper display in narrow viewports */

.navbar-wrapper > .container {

  padding-right: 0;

  padding-left: 0;

}

.navbar-wrapper .navbar {

  padding-right: 15px;

  padding-left: 15px;

  background: rgba(0,0,0,0.7);

}

.navbar-wrapper .navbar .container {

  width: auto;

}



.navbar-inverse .navbar-brand:hover {

  color: #FFFFFF;

}



.nav > li > a {

  padding: 14px 9px;

  text-align: center;

}



.navbar-inverse .navbar-brand {

  color: #FFFFFF;

  font-size: 27px;

  font-weight: 600;

  font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;

}



.navbar-right {

  font-size: 16px;

  font-weight: 600;

  font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;

}











.navbar-inverse .navbar-nav > li > a:hover {

  color: #FFFAFA;

}



.navbar-inverse .navbar-nav > li > a {

 

}

 

.navbar-inverse .navbar-nav > .active >a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {

  background-color: rgba(252,252,252,0);

}



/* CUSTOMIZE THE CAROUSEL

-------------------------------------------------- */



/* Carousel base class transition */

.carousel .item {

-webkit-transition: .7s ease-in-out opacity;

-moz-transition: .7s ease-in-out opacity;

-ms-transition: .7s ease-in-out opacity;

-o-transition: .7s ease-in-out opacity;

transition: .7s ease-in-out opacity;

left: 0 !important;

}



.carousel .active.left,

.carousel .active.right {

opacity: 0;

z-index: 2;

}



.carousel {

  height: 300px;

  margin-bottom: 30px;

}

/* Since positioning the image, we need to help out the caption */

.carousel-caption {

  z-index: 10;

  color:  #000000;

}



.carousel-caption h1 {

  font-size: 30px

}



.carousel-caption p {

  font-size: 20px

}

/* Declare heights because of positioning of img element */





.carousel .item {

  height: 300px;

  background-color: #777;

}

.carousel-inner > .item > img {

  position: absolute;

  top: 0;

  left: 0;

  min-width: 100%;

  height: 300px;

}







/* SOCIAL NAV */



.social {

  position: fixed;

}

.social ul {

  padding: 8px;

  -webkit-transform: translate(-270px, 0);

  -moz-transform: translate(-270px, 0);

  -ms-transform: translate(-270px, 0);

  -o-transform: translate(-270px, 0);

  transform: translate(-270px, 0);

}

.social ul li {

  display: block;

  margin: 5px;

  background: rgba(0, 0, 0, 0.36);

  width: 300px;

  text-align: right;

  padding: 9px;

  -webkit-border-radius: 0 30px 30px 0;

  -moz-border-radius: 0 30px 30px 0;

  border-radius: 0 30px 30px 0;

  -webkit-transition: all 3s;

  -moz-transition: all 3s;

  -ms-transition: all 3s;

  -o-transition: all 3s;

  transition: all 3s;

}

.social ul li:hover {

  -webkit-transform: translate(110px, 0);

  -moz-transform: translate(110px, 0);

  -ms-transform: translate(110px, 0);

  -o-transform: translate(110px, 0);

  transform: translate(110px, 0);

  background: rgba(255, 255, 255, 0.4);

}

.social ul li:hover a {

  color: #000;

}

.social ul li:hover i {

  color: #fff;

  background: rgba(0, 0, 0, 0.36);

  -webkit-transform: rotate(360deg);

  -moz-transform: rotate(360deg);

  -ms-transform: rotate(360deg);

  -o-transform: rotate(360deg);

  transform: rotate(360deg);

  -webkit-transition: all 2s;

  -moz-transition: all 2s;

  -ms-transition: all 2s;

  -o-transition: all 2s;

  transition: all 2s;

}

.social ul li i {

  margin-left: 5px;

  color: #000;

  padding: 9px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  width: 30px;

  height: 30px;

  font-size: 14px;

  background: #ffffff;

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

}



/* END OF SOCIAL NAV */



/* FALLING SNOW */







/* END OF FALLING SNOW */



/* MARKETING CONTENT

-------------------------------------------------- */



/* Center align the text within the three columns below the carousel */

.marketing .col-lg-3 {

  margin-bottom: 20px;

  text-align: center;

  font-size: 13px;

}



.marketing .col-md-5 h2 {

  margin-bottom: 20px;

  text-align: left;

}



.marketing .col-md-7 h2 {

  margin-bottom: 20px;

  text-align: left;

}

.marketing h2 {

  font-weight: 500;

  font-size: 20px;

  color: #000000;

  

}



.img-circle {

  max-width: 90px;

  max-height: 90px;

}







.notice-mar p {

  text-align: center;

}

/* About page */







/*

 * about posts

 */



.about-post {

  margin-bottom: 60px;

}



.about-post-title {

  margin-bottom: 5px;

  

  font-weight: 500;

  text-transform: capitalize;

  margin-top: 40px;

  color: #000000;

}



.about-post-meta {

  margin-bottom: 20px;

  color: blue;

  font-size: 14px;

  text-transform: uppercase;

  letter-spacing: .04em;

  line-height: 16px;

}



.about-post .img {

    min-width: 100%;

    height: 150px;

  }



.about-main img {

  width: 80%;

  height: 70%;

  padding-top: 20px;

  padding-bottom: 20px;

  padding-left: 70px;

}









/* Contact page */



.contact h2 {

  text-align: center;

  font-style: italic;

  font-family: 'Playfair Display', serif;

}

.contact {

  margin-bottom: 60px;

}





.contact-profile-title {

  margin-bottom: 15px;

  font-size: 40px;

  font-weight: 500;

  text-transform: capitalize;

  margin-top: 35px;

  color: #000000;

}



.profile-image img {

  display: block;

    margin-left: auto;

    margin-right: auto;

  border-radius: 75px;

  -webkit-border-radius: 75px;

       -moz-border-radius: 75px;

}



.contact p {

    margin: 10px 0px 10px;

}



.buda-image img {

  width: 20%;

  height: 20%;

  padding-top: 20px;

  padding-bottom: 20px;

}





/*

 * Main column and sidebar layout

 */



.about-main {

  font-size: 15px;

}



.about-sidebar {

  padding-left: 30px;

  margin-top: 55px;

}



/* Sidebar modules for boxing content */

.sidebar-module {

  padding: 15px;

  text-align: center;

}



/* aboutreflex page Sidebar modules for boxing content aboutreflex */

#reflex-box {

  padding: 0;  

  border-top: 0;

  border-radius: 3px;

  margin-top: 10px;

}



#reflex-box h4 {

  text-transform: uppercase;

  font-size: 18px;

  

  color: #000000;

  padding: 12px;

  text-align: center;

  font-weight: 500;

  font-family: 'opn sans';

  letter-spacing: 2px;

}



#reflex-box ol {

  list-style: none;

  padding-left: 0;

  margin-bottom: 0;

}



#reflex-box li {

  font-size: 14px;

  padding: 15px;

  border-bottom: 3px solid #efefef;

  min-height: 50px;

  line-height: 20px;

  text-align: center;

}



#reflex-box li a {

  text-decoration: none;

}



#reflex-box li a:hover span {

 text-decoration: underline;

 color: #00F;

}



#reflex-box li:last-child {

  border-bottom: 0;

}



#reflex-box a {

  color:  #555;

}



.reflex-sidebar {

  margin-top: 40px;

}





.reflex-module {

  padding: 15px;

  margin: 0 -5px 15px;

  text-align: center;

}

/* end of sidebar aboutreflex content */





.ailments {

  font-size: 18px;

  font-weight: 300;

  margin-top: 20px;

  margin-bottom: 20px;

}



.h5, h5 {

    font-size: 30px;

    text-align: -moz-center;

    text-align: center;

    font-style: italic;

    color: #ff3333;

    font-family: 'Playfair Display', serif;

}







#contact-details h4{

  text-align: -moz-center;

  text-align: center;

  font-weight: 500;

  color: #000000;

}



#contact-details p {

  text-align: -moz-center;

  font-weight: 500;

  text-align: center;

  color: #000000;

}



/* Prices page */



.prices h1 {

  text-align: center;

  font-style: italic;

  font-family: 'Playfair Display', serif;

  font-size: 45px;

}



#post-box {

  padding: 0;

  border-top: 0;

  border-radius: 3px;

  margin-top: 5px;

}



#post-box h1 {

  font-size: 25px;

  background-color: #ee99ff;

  color: #000000;

  padding: 8px;

  text-align: center;

  font-weight: 500;

  font-family: 'opn sans';

  letter-spacing: 1px;

  margin: 0;

}



#post-box p {

  font-size: 12px;

  background-color: #ee99ff;

  color: #000000;

  text-align: center;

  font-weight: 500;

  font-family: 'opn sans';

  letter-spacing: 1px;

  margin: 0;

}



#post-box ol {

  list-style: none;

  padding-left: 0;

  margin-bottom: 0;

}



#post-box li {

  font-size: 14px;

  padding: 15px;

  min-height: 50px;

  line-height: 20px;

  text-align: center;

}



#post-box li a {

  text-decoration: none;



}



#post-box li a:hover span {

 text-decoration: underline;

 color: #00F;

}



#post-box li:last-child {

  border-bottom: 0;

}



#post-box a {

  color:  #040005;



}



/*

 * about frt

 */



 .about-frt img {

  padding-top: 0px;

 }

 

.about-frt-title {

  margin-bottom: 5px;

  font-size: 30px;

  font-weight: 500;

  text-transform: capitalize;

  color: #000000;

 }





/* privacy content */



#main h2 {

  text-align: center;

  color:  #0000ff;

}

.intro p {

  margin-left: 30px;

  margin-right: 30px;

  padding-left: 30px;

  padding-right: 30px;

  padding-top: 20px;



}



/* footer */



#footer {

  text-align: center;

}



/* terms content */



#terms h2 {

  text-align: center;

  color:  #0000ff;

}

#terms h3 {

  margin-left: 40px;

  font-weight: 600;

}



.text p {

  margin-left: 40px;

  margin-right: 40px;

  padding-left: 40px;

  padding-right: 40px;

  padding-top: 20px;

  white-space: -5px;

}



/* testimonial content */



#letter h2 {

  text-align: center;

  color:  #0000ff;

}



#letter img {

  width: 90%;

  height: 70%;

  padding-top: 20px;

  padding-bottom: 20px;

  padding-left: 150px;

  

}







}







.sidebar-module-inset {

  padding: 15px;

  background-color: #f5f5f5;

  border-radius: 4px;

  border: 3px dashed #E74C3C;

}

.sidebar-module-inset p:last-child,

.sidebar-module-inset ul:last-child,

.sidebar-module-inset ol:last-child {

  margin-bottom: 0;

}



/* Featurettes

------------------------- */







/* Thin out the marketing headings */

.featurette-heading {

  font-weight: 300;

  line-height: 1;

  letter-spacing: -1px;

}



.lead {

  font-size: 15px;

  text-align: left;

  

}



#testimonial {

  font-size: 13px;

  text-align: center;

  font-family: 'Playfair Display', serif;

}







#reflexology-image {

    padding-top: 100px;

}



#hotstone-image {

    padding-top: 15px;

}



#indianhead-image {

    padding-top: 55px;

}



#aor-member {

    width: 15%;

    margin: 0 auto;

}

/* CONTACT FORM -------------------- */









/* RESPONSIVE CSS

-------------------------------------------------- */



@media (max-width: 991px) {



  #subscribe-box h4 {

    text-align: center;

  }



  #footer {text-align: center;}

}



/* For devices smaller than 750px: */

@media screen and (min-width: 751px) {

    #testimonial-button { display: none; }

}







  /* Hide AddToAny vertical share bar when screen is less than 980 pixels wide */

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

      .social { display: none; }

  

  .navbar-inverse .navbar-brand {

    font-size: 20px;

  }



   .carousel {

    height: 200px;

    margin-bottom: 30px;

  }



  .carousel .item {

    height: 200px;

    background-color: #777;

  }



  .carousel-inner > .item > img {

    position: absolute;

    top: 0;

    left: 0;

    min-width: 100%;

    height: 200px;

  }



  .carousel-inner h1 {

    font-size: 25px;

  }



  .carousel-caption p {

  font-size: 20px

  }



  .carousel-caption {

    padding-bottom: 0px;

  }



  .carousel-indicators {

    bottom: 0px;

  }



  #reflexology-image {

      padding-top: 150px;

  }



  #hotstone-image {

      padding-top: 70px;

  }



  #indianhead-image {

      padding-top: 100px;

  }



  }

  

  



  



  @media (max-width: 970px) {

  /* Navbar positioning foo */

  

  .container {

    padding-right: 15px;

    padding-left: 15px;

  }



  .navbar-wrapper {

    margin-top: 0px;

  }

  .navbar-wrapper .container {

    padding-right: 15px;

    padding-left: 15px;

  }

  .navbar-wrapper .navbar {

    padding-right: 0;

    padding-left: 0;

  }

  

  .contact-profile-title {

    font-size: 30px;

  }



  .about-frt h2 {

  padding-left: 10px;

  padding-right: 10px;

 }



.about-frt p {

  padding-left: 10px;

  padding-right: 10px;

 }



  /* The navbar becomes detached from the top, so we round the corners */

  .navbar-wrapper .navbar {

    border-radius: 15px;

    -webkit-border-radius: 15px;

       -moz-border-radius: 15px;

  }



  .navbar-inverse .navbar-brand {

    font-size: 12px;

  }



  .navbar-right {

  font-size: 11px;

  }



  .carousel {

    height: 120px;

    margin-bottom: 30px;

  }



  .carousel .item {

    height: 120px;

    background-color: #777;

  }



  .carousel-inner > .item > img {

    position: absolute;

    top: 0;

    left: 0;

    min-width: 100%;

    height: 120px;

  }



  .carousel-inner h1 {

    font-size: 15px;

  }



  .carousel-caption p {

  font-size: 15px

  }



  .carousel-caption {

    padding-bottom: 0px;

  }



  .carousel-indicators {

    bottom: 0px;

  }

  

  #letter img {

  width: 90%;

  height: 70%;

  padding-top: 20px;

  padding-bottom: 20px;

  padding-left: 40px;

  

 }



 #reflexology-image {

    padding-top: 10px;

}



#hotstone-image {

    padding-top: 10px;

}



#indianhead-image {

    padding-top: 0px;

    padding-bottom: 20px;

}



 #aor-member {

    width: 40%;

    margin: 0 auto;

}

  

#dds-banner img {

    width: 80%;

    margin: 0 auto;

}





  /* Bump up size of carousel content */



  

  .carousel-caption p {

    font-size: 10px;

    line-height: 1.4;

  }



  .featurette-heading {

    font-size: 50px;

  }

  }



  @media (min-width: 768px) {



  /* The navbar becomes detached from the top, so we round the corners */

  .navbar-wrapper .navbar {

    border-radius: 15px;

    -webkit-border-radius: 15px;

       -moz-border-radius: 15px;

  } 

  }