article{overflow: hidden;}
p,a{font-family:Overlock; font-size: 16px; color: #222;}
a{transition: .5s all;}
a:hover{text-decoration: none;color:#ef5597;}
h1,h2,h3,h4,h5,h6{font-family:PT Serif;}
body{font-size: 16px;font-family:Overlock; color: #222;}
img{height: 100%;}
.form-control:focus{ border-color:#ef5597; box-shadow: 0 0 0 0.2rem rgba(239, 85, 151, .4);  }
.img-fluid{width: 100%;}
.btn-primary{background:#e38605;border: none;padding: 15px 30px;color: #000;border-radius: 30px;
			transition: .5s all;color: #000;}
.btn-primary:hover{background:#00772c; color: #fff;}
.btn-primary:focus{box-shadow: none;}
.title{color: #000;font-size: 36px;font-weight: 600; font-family:PT Serif;}
.sub-title{font-size: 20px;color: #222;}
.p20{font-size: 16px;}
.p25{font-size: 16px;}
.main-color{color:#e38605; }
.special-color{color: #ffda6b;}
.newd{text-align: center;padding: 4em 0;}
.newd2{text-align: center;padding: 3em 0;background:#f5f5f5; }
.b-left{border-left:1px solid #fff;}
.b-right{border-right:1px solid #fff;}
.mrr5{margin-right: 5px;}
.mrt20{margin-top: 20px;}
/*index page css*/
.top-header{background: #00772c;padding: 5px;}
.head-left{display: inline-block; text-align: left;}
.head-left p{display: inline-block;margin: 0;margin-left: 10px; color: #fff;}
.head-left p a{color: #fff;}
.head-left p i{color: #e38605;}
.head-right{float: right;display: inline-block; text-align: right; }
.head-right ul li{display: inline-block;margin: 0 10px;}
.head-right  ul li i{transition: .5s all; color: #fff;}
.head-right  ul li i:hover{color: #ffda6b;}
.head-right ul{margin: 0;}
.navbar-brand {
    width: 19%;
    padding: 3px 0;
}
.navbar ul.navbar-nav li.nav-item a.nav-link{color: #222;padding: 19px 12px; transform: .5s all; font-size: 14px;}
.navbar ul.navbar-nav li.nav-item a.nav-link:hover{color: #fff;background:#00772c; }
.navbar{background:#f5f5f5; padding: 0px; }
.banner{background: url(../images/yoga-teacher-training-in-rishikesh-india.jpg)no-repeat;background-size: cover;color: rgb(73, 73, 67);text-align: center;
		 padding: 12em 0;}
.banner h1{font-size: 60px;font-weight: 700; text-shadow: 2px 2px 2px #000; color: #e38605;}
.banner p{margin:0px ;  text-shadow: 2px 2px 2px #000; color: #fff; font-size: 25px;}
.banner a{font-size: 20px;margin-top: 25px;}

.about-box{margin-top: 3em;    border: 1px solid #ddd; padding-top: 20px;}
.about-img-content{margin-top: 15px;}
.about-img-content p{margin-bottom:8px;}
.about-text{padding: 10px 25px;border-bottom: 5px solid #ffda6b; }
.about-img-content h3.main-color{margin: 0px;}
.ytt{background: #f4f4f4;}
.ytt-box{margin-top: 3em;}
.ytt-box-border{border: 5px solid #00772c;position: absolute;width: 540px;}
.ytt-box-text{background: #fff;padding: 20px 2em;}
.ytt-box-text a{margin-bottom: 20px;}
.yrp-box{margin-top: 3em;box-shadow: 2px 2px 3px rgba(0,0,0,.3);}
.yrp-box-img{float: left;width: 38%;height: 251px;position: relative;}
.yrp-box-img:hover .ytt-box-border{height: 200px;border-color:rgb(239, 85, 151);}
.yrp-box-img img{height: 100%;}
.yrp-box-text{float: right;width: 62%;background: #fff;padding: 25px;text-align: left;}
.wellness{background: url(../images/yoga-ttc-in-rishikesh.jpg) center no-repeat; background-size: cover}
.wellness-box{margin-top: 30px;background: rgba(255, 255, 255, .9);box-shadow: 2px 2px 2px rgba(0,0,0,0.3);}
.wellness-box h3{font-size: 48px;}
.wellness-box-image{float: left;height: 312px;width: 32%;}
.wellness-box-image img{height: 100%;}
.wellness-box-text{float: right;width: 68%;padding: 50px 50px;transition: .5s all;}
.wellness-box-text h4{font-size: 28px; font-weight: 600; margin-bottom: 10px;}
.yrp-box-text h3.title{font-size: 22px; margin-bottom: 10px;}
.foot{background: #333;color: #fff;}
.foot h4{color: #f59d24; margin-bottom: 15px; font-size: 22px;}
.foot-about{padding: 0 10px;}
.foot-box ul{padding: 0px;}
.foot-box ul li{list-style: none;}
.foot-box ul li a{width: 92%;border-bottom: 1px dotted #fff;color: #fff;display: block;padding: 8px;}
.foot-copy{background:#000; }
.foot-copy p{margin: 0;padding: 12px;color: #aaa;font-size: 13px;}
.foot-copy a{color: #aaa;}
.foot-about p{color: #fff;}
.foot-about p a{color: #fff;}
.foot-about p i{height: 40px; width: 40px; line-height: 40px; text-align: center; border: 1px solid #f59d24; color: #f59d24; float: left;}
.foot-about p b{color: #f59d24; display: block;}
.foot-about p span{display: inline-block; float: right; width: 75%;}
.foot-about.foot-box.ownerdetails {background: url(../images/chakras.jpg);text-align: center;padding: 10px;}
.foot-about.foot-box.ownerdetails p{color: #000;}
.foot-about.foot-box.ownerdetails h3{color:#f59d24 ; margin-bottom: 15px; font-size: 22px;}
.foot-about.foot-box.ownerdetails span i{font-size: 16px;color: #00772c;}
.foot-about.foot-box.ownerdetails span{font-size: 22px;font-weight: 600;color:#000;}
.foot-about.foot-box.ownerdetails h4{color: #f59d24;font-size: 16px;font-weight: 600;margin-bottom: 5px;}
/*-------------------------------------start image gallery lightbox css-------------------------------------------*/

.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1} .lb-nav a.lb-prev, .lb-nav a.lb-next{opacity: 1} .gallery-start .col-md-3, .gallery-start .col-lg-3{padding: 5px 5px;} .gallery-img{overflow: hidden; height: 200px;} .gallery-img img{transition: .5s all; height: 100%;} .gallery-img:hover img{ transform: scale(1.05); }
.gallery{    background: rgba(239, 85, 151,0.1);}
/*=======================================end image gallery lightbox css================================================*/


/*index page coding end*/

/*about page coding start*/

.inner-banner{background:url(../images/wellness-center-rishikesh.jpg)no-repeat bottom;position: relative;color: #fff;}
.inner-banner h4, .inner-banner a, .inner-banner i, .inner-banner p{color: #fff; text-shadow: 2px 2px 2px #000; vertical-align: middle;}
.inner-overlay{position: absolute;color: rgba(0,0,0,0.3);}
.nature-cure .row{margin-top: 40px;}
.nature-cure-img img{height: 100%;}
.funfact{background: url(../images/bg13.jpg)no-repeat fixed;background-size: cover;}
.funfact-box p{font-weight: 600; font-size: 18px;}
.funfact-overlay{background: rgba(255, 255, 255, .6);color: #00772c;}
.funfact-box i{font-size: 54px;margin: 20px 0;}
.funfact-box h2{font-weight: 600;}
.inner-banner .title{color: #e38605;  margin: 0px 0 10px 0; text-shadow: 2px 2px 2px #000;}
.about-text2{margin-top: 2em;}
.teacher-box{box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4); margin-top: 2em;}
.teacher-box p{    margin-bottom: 0px; background: #00772c; color: #ffffff;font-size: 23px; padding: 10px 0;}
.teacher-box-inner{background: #f5f5f5; border: 1px solid #ddd; padding:8px;}
/*about page coding end*/
/*contact page coding start*/

.question-box i{font-size: 44px;margin: 20px 0;color: #ef5597;}
.contact-form{background: url(../images/p4.png);}
.contact-form form input{border: none;padding: 10px;}
.contact-form form{margin-top: 2em;    padding: 0 6em;}
.contact-form form .form-control{margin-bottom: 10px; border-radius: 30px; height: 44px; font-size: 14px;}
.contact-form form textarea.form-control{border: none;padding: 10px;height: 150px;}
.contact-form a.btn{margin:0 auto; display: inline-block;}
.abc{margin-top: -8px;}

/*contact page coding end*/

/*ytt page coding start*/

.yoga-class p{margin-top: 10px;}
.yoga-class-sec p{text-align: justify;}  
table{margin-top: 30px;}
table tr{background: #fff;}
table thead th{background:#00772c;color: #fff; }
.yoga-cost-box{background: #f5f5f5;border:1px solid #eee;text-align: left;padding: 10px;margin-top: 30px; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); padding: 1.5em; }
.yoga-cost-box p{display: inline-block;}
.cost-list{float: left;width: 78%;}
.cost-list p{width: 53%;}
.cost-button{float: right;width: 20%; text-align: right;}
.extra-cost button{width: 100%;}
.yoga-detail h4{background: rgba(239, 85, 151,0.2);padding: 10px;}
.extra-cost button i{float: right;}
.yoga-detail-box ul li{list-style: none;display: inline-block;width: 45%;padding: 10px 0px;}
.yoga-detail-box2 ul li{list-style: none;padding: 10px 0px;display: inline-block;width: 100%;}
.extra-cost button{margin-bottom: 20px;}
.extra-cost{margin-bottom: 4em;}

.ryslogo-fixed {
    position: fixed;
    bottom: 5px;
    left: 5px;
    width: 10%;
    z-index: 999;
}

.fix-pay {
  position: fixed;
    top: 240px;
    right: -70px;
    z-index: 999;
    transform: rotate(-90deg);
}

.our-property p{display: inline-block; background: #f5f5f5; padding: 15px; border-radius: 30px; margin: 5px 0;}
.our-property{background: #e38605; padding: 2em 2em; border-radius: 100px; margin-bottom: 3em; position: relative;z-index: 999;}

/*start therapy center coding*/
.therapycenter {background: url(../images/chakras.jpg)repeat;text-align: center;}
.therapycenterbox p{margin-bottom: 70px;}
.therapycenterinner-box h3{color:#fff;font-size: 25px;font-weight: 600;padding: 5px 0px;margin: 0px; }
.therapycenterinner-box {background: #f5f5f5;border-radius: 10px}
.shiatsuheadig{background: #e38604;border-top-right-radius: 10px;border-top-left-radius: 10px;}
.shiatsuheadigacupressure{background: #00772c;border-top-right-radius: 10px;border-top-left-radius: 10px;}
.aboutshiatsu {padding:15px;}
.aboutshiatsu p{margin-bottom: 0px;}
.therapycenter .col-md-4{margin-bottom: 30px;}
.therapycenter .col-md-4.colortherapy{margin-left: 10em;}

.lifeofyoga-teacher-text strong{display: block;font-size: 30px;line-height: 36px;color: #07527d;font-weight: 300;font-family: 'Lato', sans-serif;margin-bottom: 12px; }
.lifeofyoga-teacher-text{text-align: justify; padding: 20px;}
.lifeofyoga-teacher .row{background: #eee; margin-top: 3em;}
.lifeofyoga-teacher .row .col-md-9, .lifeofyoga-teacher .row .col-lg-9, .lifeofyoga-teacher .row .col-md-3, .lifeofyoga-teacher .row .col-lg-3   {padding: 0px;}

.lifeofyoga-teacher{padding: 4em 0;}


*gallery css strat*/
.gallery-start{margin-top: 2em;}

.gallery-start .row > .gallery-start .column {
/*  padding: 0 8px;*/
}

.gallery-start .row:after {
  content: "";
  display: table;
  clear: both;
}

/* Create four equal columns that floats next to eachother */
.gallery-start .column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.gallery-start .modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 20px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0, 0.5);
  z-index: 999999;
}

/* Modal Content */
.gallery-start .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 60%;
  max-width: 1200px;
}

/* The Close Button */
.gallery-start .close {
    color: white;
    position: absolute;
    top: 10px;
    right: 255px;
    font-size: 23px;
    font-weight: normal;
    opacity: 1;
    background: #ef1d3d;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    z-index: 1;
}

.gallery-start .close:hover,
.gallery-start .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
  opacity: 1;
  color: #fff;
}

/* Hide the slides by default */
.gallery-start .mySlides {
  display: none;
}

/* Next & previous buttons */
.gallery-start .prev,
.gallery-start .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.gallery-start .next {
  right: 0;
  border-radius: 3px 0 0 3px;
  background: rgba(0, 0, 0, .5);
}
.gallery-start .prev{ background: rgba(0, 0, 0, .5);}

/* On hover, add a black background color with a little bit see-through */
.gallery-start .prev:hover,
.gallery-start .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.gallery-start .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Caption text */
.gallery-start .caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.gallery-start img.demo {
  opacity: 0.6;
  width: 100%;
}

.gallery-start .active,
.gallery-start .demo:hover {
  opacity: 1;
}

.gallery-start img.hover-shadow {
  transition: 0.3s;
  width: 100%;
}
.our-gallery{padding: 4em;}
.gallery-start{margin-top: 3em;}

.gallery-start .hover-shadow:hover {
}
.column.front-img {overflow: hidden; position: relative; cursor: pointer; transition: .5s all; height: 220px;  overflow: hidden;}
.column.front-img img{transition: .5s all; height: 100%;}
.column.front-img:hover img{ transform: scale(1.2) rotate(.5deg); transition: .5s all; }
.gallery-overlay{ position: absolute; background: rgba(255, 255, 255, .2); padding: 100px 20px; text-align: center; top: 12px; height: 90%; width: 90%; left: 12px; transition: .5s all; border:1px solid #fff;}
.gallery-overlay i{ font-size: 30px; color: #fff; text-shadow: 2px 2px 2px #787878; transition: .5s all;}
.column.front-img:hover .gallery-overlay {display: none;}
.column.front-img:hover .gallery-overlay i{display: none;}
/*gallery css end*/ 







/*strat media css*/
@media (max-width: 1024px) {
       .banner h1 {
    font-size: 56px;
}
.ytt-box-border{display: none;}
.ytt-box{
	border-top: 10px solid #ef5597;
	border-bottom: 10px solid #ef5597;
}
.nature-cure-img img {
    height: 430px;
}
.aboutshiatsu {
    padding: 15px;
    height: 300px;
}
.foot-about.foot-box.ownerdetails {
    padding: 25px;}

}


@media (max-width: 768px) {
.banner h1 {
    font-size: 38px;
}
.banner p {
    font-size: 18px;
}
.banner a {
    font-size: 20px;
    margin-top: 10px;
}
.btn-primary {
    padding: 10px 25px;
    font-size: 15px;

}
.banner a {
    font-size: 15px;
    margin-top: 10px;
}
.yrp .col-md-6{width: 100%; flex: 100%; max-width: 100%;}
.wellness-box-text {
    float: right;
    width: 67%;
    padding: 14px 20px;
    transition: .5s all;
}
.foot .col-md-3{max-width:  50%; width: 50%; flex: 50%;}
.foot-box{margin-bottom: 20px;}
.foot-box img{width: 60%;}
.foot-about p span {
    width: 80%;
}
.banner {
    background: url(../images/yoga-teacher-training-in-rishikesh-india.jpg)no-repeat;
    background-size: cover;
    color: rgb(73, 73, 67);
    text-align: center;
    padding: 7em 0;
}
.navbar ul.navbar-nav li.nav-item a.nav-link {
    color: #222;
    padding: 11px 7px;
    transform: .5s all;
}
.contact-form form {
    margin-top: 2em;
    padding: 0 0em;
}
.cost-list p {
    width: 100%;
}
.therapycenterbox .col-md-4{max-width:  50%; width: 50%; flex: 50%;}
.aboutshiatsu {
    padding: 15px;
    height: 245px;
}
.therapycenter .col-md-4.colortherapy {margin-left: 0px}
.shiatsuheadigacupressure2{margin-left: 50px}
.therapycenter .col-md-4.hydrotherapy{margin-left: 10em;}
}



@media (max-width: 667px) {
    .head-left p {
    font-size: 14px;
}
.banner h1 {
    font-size: 34px;
}
.wellness-box-image {
    float: none;
    height: 355px;
    width: 100%;
}
.wellness-box-text {
    float: none;
    width: 100%;
    padding: 14px 20px;
    transition: .5s all;
}
.foot-box img {
	width: 100%;
}
.foot-about p span {
    width: 78%;
}
.nature-cure-img img {
    height: auto;
}
.newd {
    text-align: center;
    padding: 3em 0;
}
.cost-list {
    float: none;
    width: 100%;
}
.cost-button {
    float: none;
    width: 100%;
    text-align: left;
    margin-top: 20px;
    display: inline-block;
}
.yoga-detail h4 {
    font-size: 16px;
}
.yoga-detail-box ul{margin: 0px; padding: 0px;}
.yoga-detail-box ul li {
    width: 100%;
}
.yoga-detail-box2 ul{padding: 0px;}
.yoga-detail-box2 ul li{width: 100%;}
.sub-title {
    font-size: 16px;
    color: #222;
}
.aboutshiatsu {  height: 335px;}
.aboutshiatsu {
    padding: 15px;
    height: 335px;
}
.head-left p a {font-size: 13px;}
.head-right ul li i {  font-size: 14px;}

}


@media (max-width: 640px) {

}


@media (max-width: 568px) {
.navbar {
    background: #f5f5f5;
    padding: 0px 15px;
}
.title {font-size: 25px;}
.therapycenterbox p {
    margin-bottom: 30px;
    font-size: 15px;
}
.aboutshiatsu {
    padding: 15px;
    height: 280px;
}


}

@media (max-width: 480px) {
   .head-right ul {
    margin: 0;
    padding: 0;
}
.head-right ul li {
    display: inline-block;
    margin: 0 5px;
}
.foot .col-md-3 {
    max-width: 100%;
    width: 100%;
    flex: 100%;
}   
.foot-about p span {
    width: 86%;
}
.foot-copy p {
    margin: 0;
    padding: 12px;
    color: #aaa;
    font-size: 11px;
}
.wellness-box-image {
    float: none;
    height: auto;
    width: 100%;
}
.title {
    color: #000;
    font-size: 30px;
    font-weight: 600;
    font-family: PT Serif;
}

.newd {
    text-align: center;
    padding: 3em 0;
}
.foot-about {
     padding: 0px; 
}
.therapycenterbox .col-md-4{max-width:  100%; width: 100%; flex: 100%;}
.aboutshiatsu {height: auto;}
.therapycenterbox .col-md-4.hydrotherapy{max-width:  100%; width: 100%; flex: 100%;margin-left: 0px;}
.newd {padding: 2em 0;}
.navbar-brand {
    width: 30%;
    padding: 3px 0;
}
.title {
    color: #000;
    font-size: 21px;
    font-weight: 600;
    font-family: PT Serif;
}
.therapycenterbox p {
    margin-bottom: 20px;
    font-size: 15px;
}
.foot-box ul {
    padding: 0px;
    margin-left: 0px;
}



}

@media (max-width: 375px) {
   .banner h1 {
    font-size: 21px;
}
.banner {
    padding: 5em 0;
}
.yrp-box-img {
    float: none;
    width: 100%;
    height: auto;
    position: relative;
}
.yrp-box-text {
    float: none;
    width: 100%;
    background: #fff;
    padding: 25px;
  
}
.head-left {
    display: block;
    text-align: center;
}
.head-right {
    float: none;
    display: block;
    text-align: center;
}
.foot-about, .foot-about p, .foot-about ul li{font-size: 14px;}
.foot-box, .foot-box p, .foot-box ul li, .foot-box ul li a{font-size: 14px;}
.foot-about p span {
    width: 80%;
}

.aboutshiatsu {
    height: 204px;
}
.top-header {
    background: #00772c;
    padding: 8px;
}
.navbar-brand {
    width: 40%;
    padding: 0px 0;
}
.head-left p a {
    font-size: 16px;
}
.head-right ul li i {
    font-size: 16px;
}
.our-property p {
    display: inline-block;
    background: #f5f5f5;
    padding: 10px;
    border-radius: 30px;
    margin: 3px 0;
}

}

@media (max-width: 360px){
.therapycenterbox p {
    font-size: 14px;
}

}