@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,100);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700);
.btn-info {
  background-color: #a26769;
  border-color: #a26769;
}
.btn-info:hover {
  color: #6d2e46;
  background-color: #d5b9b2;
  border-color: #d5b9b2;
}

.btn-magenta {
  color: #e6e6e9;
  background-color: #6d2e46 !important;
  border-color: #6d2e46 !important;
}
.btn-magenta:hover {
  color: #d5b9b2 !important;
  background-color: #913d5d !important;
  border-color: #913d5d !important;
}

#terms h2,
#privacy h2,
#refund h2,
#contact h2,
#login h2,
#signup h2,
#cancel h2 {
  color: #ece2d0;
}
#terms .separator_wrapper_white, #terms .icon-star-two,
#privacy .separator_wrapper_white,
#privacy .icon-star-two,
#refund .separator_wrapper_white,
#refund .icon-star-two,
#contact .separator_wrapper_white,
#contact .icon-star-two,
#login .separator_wrapper_white,
#login .icon-star-two,
#signup .separator_wrapper_white,
#signup .icon-star-two,
#cancel .separator_wrapper_white,
#cancel .icon-star-two {
  color: #cebebe;
}

/*Text*/
.text-uppercase {
  text-transform: uppercase;
}

.text-extra-medium {
  font-size: 26px;
}

.text-center {
  text-align: center;
}

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

.text-capitalize {
  text-transform: capitalize;
}

/*
Shorthand 	Description
m 	Margin
t 	Top
r 	Right
b 	Bottom
l 	Left
x 	X-axis (left and right)
y 	Y-axis (top and bottom)
n 	Negative
0 	0 reset
1 	--space-1 (default .5rem)
2 	--space-2 (default 1rem)
3 	--space-3 (default 2rem)
4 	--space-4 (default 4rem)
*/
.m0 {
  margin: 0;
}

.mt0 {
  margin-top: 0;
}

.mr0 {
  margin-right: 0;
}

.mb0 {
  margin-bottom: 0;
}

.ml0 {
  margin-left: 0;
}

.mx0 {
  margin-left: 0;
  margin-right: 0;
}

.my0 {
  margin-top: 0;
  margin-bottom: 0;
}

.m1 {
  margin: var(--space-1);
}

.mt1 {
  margin-top: var(--space-1);
}

.mr1 {
  margin-right: var(--space-1);
}

.mb1 {
  margin-bottom: var(--space-1);
}

.ml1 {
  margin-left: var(--space-1);
}

.mx1 {
  margin-left: var(--space-1);
  margin-right: var(--space-1);
}

.my1 {
  margin-top: var(--space-1);
  margin-bottom: var(--space-1);
}

.m2 {
  margin: var(--space-2);
}

.mt2 {
  margin-top: var(--space-2);
}

.mr2 {
  margin-right: var(--space-2);
}

.mb2 {
  margin-bottom: var(--space-2);
}

.ml2 {
  margin-left: var(--space-2);
}

.mx2 {
  margin-left: var(--space-2);
  margin-right: var(--space-2);
}

.my2 {
  margin-top: var(--space-2);
  margin-bottom: var(--space-2);
}

.m3 {
  margin: var(--space-3);
}

.mt3 {
  margin-top: var(--space-3);
}

.mr3 {
  margin-right: var(--space-3);
}

.mb3 {
  margin-bottom: var(--space-3);
}

.ml3 {
  margin-left: var(--space-3);
}

.mx3 {
  margin-left: var(--space-3);
  margin-right: var(--space-3);
}

.my3 {
  margin-top: var(--space-3);
  margin-bottom: var(--space-3);
}

.m4 {
  margin: var(--space-4);
}

.mt4 {
  margin-top: var(--space-4);
}

.mr4 {
  margin-right: var(--space-4);
}

.mb4 {
  margin-bottom: var(--space-4);
}

.ml4 {
  margin-left: var(--space-4);
}

.mx4 {
  margin-left: var(--space-4);
  margin-right: var(--space-4);
}

.my4 {
  margin-top: var(--space-4);
  margin-bottom: var(--space-4);
}

.mxn1 {
  margin-left: -var(--space-1);
  margin-right: -var(--space-1);
}

.mxn2 {
  margin-left: -var(--space-2);
  margin-right: -var(--space-2);
}

.mxn3 {
  margin-left: -var(--space-3);
  margin-right: -var(--space-3);
}

.mxn4 {
  margin-left: -var(--space-4);
  margin-right: -var(--space-4);
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

/*
Shorthand 	Description
p 	Padding
t 	Top
r 	Right
b 	Bottom
l 	Left
x 	X-axis (left and right)
y 	Y-axis (top and bottom)
n 	Negative (margin only)
0 	0 reset
1 	--space-1 (default .5rem)
2 	--space-2 (default 1rem)
3 	--space-3 (default 2rem)
4 	--space-4 (default 4rem)
*/
.p0 {
  padding: 0;
}

.pt0 {
  padding-top: 0;
}

.pr0 {
  padding-right: 0;
}

.pb0 {
  padding-bottom: 0;
}

.pl0 {
  padding-left: 0;
}

.px0 {
  padding-left: 0;
  padding-right: 0;
}

.py0 {
  padding-top: 0;
  padding-bottom: 0;
}

.p1 {
  padding: var(--space-1);
}

.pt1 {
  padding-top: var(--space-1);
}

.pr1 {
  padding-right: var(--space-1);
}

.pb1 {
  padding-bottom: var(--space-1);
}

.pl1 {
  padding-left: var(--space-1);
}

.py1 {
  padding-top: var(--space-1);
  padding-bottom: var(--space-1);
}

.px1 {
  padding-left: var(--space-1);
  padding-right: var(--space-1);
}

.p2 {
  padding: var(--space-2);
}

.pt2 {
  padding-top: var(--space-2);
}

.pr2 {
  padding-right: var(--space-2);
}

.pb2 {
  padding-bottom: var(--space-2);
}

.pl2 {
  padding-left: var(--space-2);
}

.py2 {
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
}

.px2 {
  padding-left: var(--space-2);
  padding-right: var(--space-2);
}

.p3 {
  padding: var(--space-3);
}

.pt3 {
  padding-top: var(--space-3);
}

.pr3 {
  padding-right: var(--space-3);
}

.pb3 {
  padding-bottom: var(--space-3);
}

.pl3 {
  padding-left: var(--space-3);
}

.py3 {
  padding-top: var(--space-3);
  padding-bottom: var(--space-3);
}

.px3 {
  padding-left: var(--space-3);
  padding-right: var(--space-3);
}

.p4 {
  padding: var(--space-4);
}

.pt4 {
  padding-top: var(--space-4);
}

.pr4 {
  padding-right: var(--space-4);
}

.pb4 {
  padding-bottom: var(--space-4);
}

.pl4 {
  padding-left: var(--space-4);
}

.py4 {
  padding-top: var(--space-4);
  padding-bottom: var(--space-4);
}

.px4 {
  padding-left: var(--space-4);
  padding-right: var(--space-4);
}

:root {
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 2rem;
  --space-4: 4rem;
}

.no-background {
  background: none;
}

/**** HEADER SECTION ****/
#navbar-collapse-02 .purchase {
  padding: 5px 20px;
}

.navbar-default {
  background-color: #e6e6e9;
  border-color: #e6e6e9;
}

/**** CONTENT ****/
.separator_wrapper::after, .separator_wrapper::before {
  background-color: #6d2e46;
}

.icon-star-two, .services-icon, .icon-youtube-play {
  color: #6d2e46;
}

/** On-demand Yoga Workshops & Training Plans **/
#on-demand-yoga {
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6)), url("/assets/images/section/yoga-pull-up.jpg") no-repeat center center/cover;
}

/** Find Out What Moves You **/
.eye-wrapper2 {
  padding-top: 90px;
}

.section-testimonials {
  background-color: #2b2b2b;
}

/** Pricing **/
#pricing .pricing {
  background-color: ivory;
}
#pricing .pricing-yoga-icon {
  margin-top: -50px;
}
#pricing .pricing-top {
  background-color: #2b2b2b;
}
#pricing .header {
  color: #2b2b2b;
  font-family: Oswald, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#pricing p {
  color: #2b2b2b;
}
#pricing .details {
  font-size: 100%;
}
#pricing .bg-starter {
  background: #16697a;
}
#pricing .bg-basic {
  background: #489fb5;
}
#pricing .bg-prime {
  background: #82c0cc;
}
#pricing .bg-gold {
  background: #ffa62b;
}
#pricing .btn-pricing-blue {
  color: #2b2b2b;
  border-color: #2b2b2b;
}
#pricing .btn-pricing-blue:hover {
  background-color: #ece2d0;
  border-color: #ece2d0;
}

.fun-facts-box {
  width: 25%;
}

.fun-facts-wrapper .image-overlay {
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6)), url("/assets/images/section/fun-facts-bg.jpg") no-repeat center center/cover;
}

#karmic-flow {
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6)), url("/assets/images/section/karmic-flow-bg.jpg") no-repeat center center/cover;
}

/** Subscription **/
/**** FOOTER ****/
.footer h6 {
  color: #ece2d0;
}
.footer #footer-bottom {
  border-top: 1px solid #ece2d0;
}

#login,
#password-request {
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6)), url(/assets/images/login-bg.jpg) no-repeat;
  background-size: cover;
}
#login a, #login .form-part .button,
#password-request a,
#password-request .form-part .button {
  color: #ece2d0;
}
#login .button:hover,
#password-request .button:hover {
  color: #a26769;
  border-color: #a26769 !important;
}
#login section,
#password-request section {
  background: none;
}
#login .font-norm,
#password-request .font-norm {
  color: #ece2d0;
}

#contact h2, #cancel h2 {
  font-family: "Sansita Swashed", cursive !important;
  font-size: 50px;
}
#contact h4, #cancel h4 {
  color: #ece2d0;
}
#contact #message, #cancel #message {
  padding: 25px;
  text-align: left !important;
}
#contact a, #contact .button, #cancel a, #cancel .button {
  color: #6d2e46;
}
#contact .button:hover, #cancel .button:hover {
  color: #a26769;
  border-color: #a26769 !important;
}

.nav-link {
  color: #444;
}
.nav-link:hover {
  color: #284b63;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #193532;
  background-color: #284b63;
}

#portfolio .portfolio-item img {
  height: 220px;
}

#password-request-box,
#password-reset-box {
  color: #97dffc;
}
#password-request-box .alert,
#password-reset-box .alert {
  margin-top: 200px;
}
#password-request-box .form-widget .form-section,
#password-reset-box .form-widget .form-section {
  margin-top: 200px;
}

#password-request {
  padding-top: 130px;
  padding-bottom: 130px;
}

.grecaptcha-badge {
  bottom: 80px !important;
}

#signup a, #signup .button {
  color: #ece2d0;
}
#signup a:hover, #signup .button:hover {
  color: #a26769;
  border-color: #a26769 !important;
}
#signup .asterisk {
  color: red;
  font-weight: bold;
}
#signup #country, #signup #phone_country_code, #signup #plan {
  color: #757575;
  border-color: #757575;
}
#signup #join-form {
  color: #82c0cc;
}

#simple-header a {
  color: #284b63;
}
#simple-header img {
  width: 240px;
}

#simple-header {
  background: #ffffff;
  margin-bottom: 1.2em;
}

#simple-header img {
  width: 200px;
}

.parsley-error {
  border-color: red;
}

ul.parsley-errors-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.parsley-errors-list li {
  color: red;
}

.card-title {
  font-size: 25px;
  color: #457d58ff;
  font-weight: 400;
  margin-bottom: 0px;
}

#order-confirmation .alert-success,
#order-confirmation h3 {
  color: #0f5132 !important;
}
#order-confirmation .alert-danger,
#order-confirmation h3 {
  color: #842029 !important;
}
#order-confirmation p {
  font-size: 18px;
  color: #ece2d0;
}

#games a, #games .button {
  color: #6d2e46;
}
#games a:hover, #games .button:hover {
  color: #a26769;
  border-color: #a26769 !important;
}

#member-header {
  margin-bottom: -180px;
}

.welcome-image {
  width: 100%;
}

#welcome-box {
  z-index: 200;
}

.article {
  border: 2px solid #855153;
  border-radius: 5px;
  background-color: #a26769;
}

#content-wrapper {
  background-color: #ece2d0;
}
#content-wrapper h2 {
  text-transform: uppercase;
  text-align: center;
}
#content-wrapper .entry-meta li,
#content-wrapper .entry-meta a:not(:hover) {
  color: #97dffc;
}
#content-wrapper .entry-title h2 a:hover {
  color: #ece2d0;
}

.header-bg .menu-link {
  color: #cebebe;
}

.sticky-header .not-dark .menu-link {
  color: #cebebe;
}

#recipe .fa-cutlery,
#recipe .fa-book {
  color: #284b63;
}

.entry-content > img {
  width: 80%;
}

#profile {
  background-size: cover;
}
#profile .update-subscription {
  background-color: #3c6e71 !important;
}
#profile .update-subscription:hover {
  background-color: #457e82 !important;
}
#profile .content-outer {
  max-width: 1200px;
}
#profile .auto-container {
  max-width: inherit;
}
#profile .confirm {
  background-color: #353535 !important;
}
#profile .confirm:hover {
  background-color: #424242 !important;
}
#profile .text-green {
  color: #0f5132;
}

.no-bg-color {
  background-color: #ffffff !important;
}

.pricingTable {
  text-align: center;
  background: #727cb6;
  padding-top: 5px;
  transition: all 0.5s ease-in-out 0s;
}

.pricingTable > .pricingTable-header {
  color: #fff;
  background: #273238;
  height: 190px;
  position: relative;
  transition: all 0.5s ease 0s;
}

.pricingTable > .pricingTable-header:after {
  content: "";
  border-bottom: 40px solid #727cb6;
  border-left: 263px solid transparent;
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.pricingTable:hover .pricingTable-header {
  height: 230px;
  transition: all 0.5s ease 0s;
}

.pricingTable-header > .heading {
  display: block;
  padding: 20px 0;
}

.heading > h3 {
  margin: 0;
  text-transform: uppercase;
}

.pricingTable-header > .price-value {
  display: block;
  font-size: 60px;
  line-height: 60px;
}

.pricingTable-header > .price-value > .mo {
  font-size: 14px;
  display: block;
  line-height: 0px;
  text-transform: uppercase;
}

.pricingTable-header > .price-value > .currency {
  font-size: 24px;
  margin-right: 4px;
  position: relative;
  bottom: 30px;
}

.pricingTable > .pricingContent {
  text-transform: uppercase;
  color: #fff;
}

.pricingTable > .pricingContent > ul {
  list-style: none;
  padding: 0;
}

.pricingTable > .pricingContent > ul > li {
  padding: 15px 0;
  border-bottom: 1px solid #fff;
}

.pricingTable > .pricingContent > ul > li:last-child {
  border: 0px none;
}

.pricingTable-sign-up {
  padding: 30px 0;
}

.pricingTable-sign-up > .btn-block {
  width: 80%;
  margin: 0 auto;
  background: #273238;
  border: 2px solid #fff;
  color: #fff;
  padding: 15px 12px;
  text-transform: uppercase;
  font-size: 18px;
}

.pricingTable-sign-up > .btn-block:hover {
  opacity: 0.9;
}

.pink {
  background: #ed687c;
}

.pink .pricingTable-header:after {
  border-bottom-color: #ed687c;
}

.orange {
  background: #e67e22;
}

.orange .pricingTable-header:after {
  border-bottom-color: #e67e22;
}

.blue {
  background: #3498db;
}

.blue .pricingTable-header:after {
  border-bottom-color: #3498db;
}

@media screen and (max-width: 1200px) {
  .pricingTable > .pricingTable-header:after {
    border-left: 215px solid transparent;
  }
}
@media screen and (max-width: 990px) {
  .pricingTable {
    margin-bottom: 20px;
  }

  .pricingTable > .pricingTable-header:after {
    border-left: 349px solid transparent;
  }
}
@media screen and (max-width: 480px) {
  .pricingTable {
    overflow: hidden;
  }

  .pricingTable > .pricingTable-header:after {
    border-left: 459px solid rgba(0, 0, 0, 0);
  }
}
.pink-btn {
  color: #fff;
  border: 2px solid #ca7379;
  display: block;
  font-size: 11px;
  padding: 10px 25px;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background-color: #ca7379;
  border-radius: 20px;
  transition-property: color;
  transition-duration: 0.3s;
}

.pink-btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.pink-btn:hover,
.pink-btn:focus,
.pink-btn:active {
  color: #ca7379;
}

.pink-btn:hover:before,
.pink-btn:focus:before,
.pink-btn:active:before {
  transform: scale(1);
}

.white-btn {
  color: #25262c;
  border: 2px solid #ddd;
  display: block;
  font-size: 11px;
  padding: 10px 25px;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background-color: #ffffff;
  border-radius: 20px;
  transition-property: color;
  transition-duration: 0.3s;
}

.white-btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #25262c;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.white-btn:hover,
.white-btn:focus,
.white-btn:active {
  color: #ffffff;
}

.white-btn:hover:before,
.white-btn:focus:before,
.white-btn:active:before {
  transform: scale(1);
}

.white-btn-2 {
  color: #25262c;
  display: block;
  padding: 13px 30px;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background-color: #ffffff;
  border-radius: 20px;
  transition-property: color;
  transition-duration: 0.3s;
}

.white-btn-2:before {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #25262c;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.white-btn-2:hover,
.white-btn-2:focus,
.white-btn-2:active {
  color: #ffffff;
}

.white-btn-2:hover:before,
.white-btn-2:focus:before,
.white-btn-2:active:before {
  transform: scale(1);
}

.white-border-btn {
  color: #fff;
  border: 2px solid #fff;
  display: block;
  padding: 11px 30px;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background-color: transparent;
  border-radius: 20px;
  transition-property: color;
  transition-duration: 0.3s;
}

.white-border-btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ca7379;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.white-border-btn:hover,
.white-border-btn:focus,
.white-border-btn:active {
  color: #ffffff;
}

.white-border-btn:hover:before,
.white-border-btn:focus:before,
.white-border-btn:active:before {
  transform: scale(1);
}

.small-btn {
  padding: 10px 25px !important;
  font-size: 10px;
}

.medium-btn {
  padding: 11px 25px !important;
  font-size: 11px;
}

.large-btn {
  padding: 12px 30px !important;
  font-size: 12px;
}

.long-btn {
  width: 260px;
}

/*Payment Info*/
#payment-info .card, #payment-info h4 {
  color: #858585;
}

#services #services-content {
  margin-left: 100px;
  margin-right: 100px;
}

/*Mobile*/
@media only screen and (max-width: 480px) {
  #services #services-content {
    margin-left: 20px;
    margin-right: 20px;
  }
}