@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800&display=swap');

@font-face {
  font-family: 'aileronregular';
  src: url('../fonts/aileron-regular-webfont.eot');
  src: url('../fonts/aileron-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/aileron-regular-webfont.woff2') format('woff2'),
       url('../fonts/aileron-regular-webfont.woff') format('woff'),
       url('../fonts/aileron-regular-webfont.ttf') format('truetype'),
       url('../fonts/aileron-regular-webfont.svg#aileronregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'aileronbold';
  src: url('../fonts/aileron-bold-webfont.eot');
  src: url('../fonts/aileron-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/aileron-bold-webfont.woff2') format('woff2'),
       url('../fonts/aileron-bold-webfont.woff') format('woff'),
       url('../fonts/aileron-bold-webfont.ttf') format('truetype'),
       url('../fonts/aileron-bold-webfont.svg#aileronbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'aileronheavy';
  src: url('../fonts/aileron-heavy-webfont.eot');
  src: url('../fonts/aileron-heavy-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/aileron-heavy-webfont.woff2') format('woff2'),
       url('../fonts/aileron-heavy-webfont.woff') format('woff'),
       url('../fonts/aileron-heavy-webfont.ttf') format('truetype'),
       url('../fonts/aileron-heavy-webfont.svg#aileronheavy') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'aileronlight';
  src: url('../fonts/aileron-light-webfont.eot');
  src: url('../fonts/aileron-light-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/aileron-light-webfont.woff2') format('woff2'),
       url('../fonts/aileron-light-webfont.woff') format('woff'),
       url('../fonts/aileron-light-webfont.ttf') format('truetype'),
       url('../fonts/aileron-light-webfont.svg#aileronlight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'playfair_displayregular';
  src: url('../fonts/playfairdisplay-regular-webfont.eot');
  src: url('../fonts/playfairdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/playfairdisplay-regular-webfont.woff2') format('woff2'),
       url('../fonts/playfairdisplay-regular-webfont.woff') format('woff'),
       url('../fonts/playfairdisplay-regular-webfont.ttf') format('truetype'),
       url('../fonts/playfairdisplay-regular-webfont.svg#playfair_displayregular') format('svg');
  font-weight: normal;
  font-style: normal;

}

img {
    border-style: none;
    vertical-align: middle;
    max-width: 100%;
  }

  :root{
    --theme-color:#ff5900;
    --regular:'aileronregular';
    --regular-bold:'aileronbold';
    --regular-heavy:'aileronheavy';
    --regular-light:'aileronlight';
    --heading:'playfair_displayregular';      
  }
  html {
    scroll-behavior: smooth;
  }
  a{text-decoration: none;}
  a:hover{color:var(--theme-color) !important;}
  .btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgb(17, 184, 176);
}
  .container { max-width: 1170px;}
  .no-gutters { margin-right: 0; margin-left: 0; }
  .no-gutters .row .col, .no-gutters .row [class*="col-"] { padding-right: 0; padding-left: 0; }
  figure{margin: 0;}
  .theme-color{color: var(--theme-color) !important;}
body{
      font-size: 16px;
      font-family: var(--regular);
      background: #fff;
      color: #333333;
 }

 .btn-primary, .btn-primary2 {
    min-width: 215px;
    padding: 15px 45px;
    border: none;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-transition: all linear 0.15s;
    -moz-transition: all linear 0.15s;
    transition: all linear 0.15s;   
    text-transform: uppercase;
    background: #11b8b0;
    letter-spacing: 1px;
    position: relative;
}
.btn-primary2{padding: 10px 40px;color: #fff;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary2:hover, .btn-primary2:active{ background-color: #ff5900 !important; color:#fff !important; box-shadow: none !important;}
.btn-secondary{
  min-width: 215px;
  padding: 15px 45px;
  position: relative;
    border: none;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-transition: all linear 0.15s;
    -moz-transition: all linear 0.15s;
    transition: all linear 0.15s;   
    text-transform: uppercase;
   background: #ff5900;
   box-shadow: 0px 30px 41px rgba(0, 0, 0, 0.55);
   letter-spacing: 1px;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active{ background-color: #11b8b0 !important;box-shadow: none !important}
.btn-secondary:after, .btn-primary::after {
	right: 15px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #fff;
	border-width:7px;
	margin-top: -7px;
}
.btn-secondary:hover, .btn-secondary:focus,  .btn-primary:hover, .btn-primary:focus{
   
    color: #fff !important;
    -webkit-transition: all linear 0.1s;
    -moz-transition: all linear 0.1s;
    transition: all linear 0.1s; }

 .btn-default{
      min-width: 215px;
      padding: 15px 45px;
      position: relative;
        border: none;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-transition: all linear 0.15s;
        -moz-transition: all linear 0.15s;
        transition: all linear 0.15s;   
        text-transform: uppercase;
       background: #efefef;       
       letter-spacing: 1px;
    }
    .btn-default:hover, .btn-default:focus, .btn-default:active{ background-color: #525252 !important; color:#fff;box-shadow: none !important}    
/* --------------  Header ---------------------- */

 .site_header .container,  .site_footer .container{max-width:1840px;}
 .site_header .row{align-items: center;}    

 

 .site_header{border-bottom: 1px solid #cccccc; position: absolute; left: 0; top: 0;     z-index: 9; width: 100%;}
 .logo{ max-width:300px;}
 .site_header .navbar {padding: 0;}
 .site_header .navbar-nav .nav-item{ padding:0px 30px; }
 
 .site_header .navbar-nav .nav-link{color: #fff;border-bottom: 2px solid transparent;  padding: 40px 0px;   font-size: 15px; letter-spacing: 2px; font-family: var(--regular-bold); text-transform: uppercase;}
 .site_header .navbar-nav .nav-item:hover a, .site_header .navbar-nav .nav-item.active a{border-color: var(--theme-color); color: #fff !important;}

 .hero{ position: relative; color: #2a272b; text-align: center;}
 .hero-content{position: absolute; left: 5%; top: 45%;text-align: left; width: 22%;}  
 .hero .hr-hd{font-size: 160px; font-family: var(--heading);}
 .hero .hr-txt{font-size: 24px;font-family: var(--regular-light);} 




/* --------------  Hero Heading section ---------------------- */

.sec-hd{font-size: 42px;color:#11b8b0;font-family: var(--regular-light); margin-bottom: 15px;}
.what-we-have{padding:4em 0 3em;}
.wwh-col{text-align: left; margin: 30px 0;}
.wwh-col i{height: 110px; width: 110px; margin: 0;transition: all ease 0.5s; border-radius: 100%; text-align: center; display: flex; justify-content: center; align-items: center; border:4px solid #eeeeee}
.wwh-col i svg{fill: #eeeeee;}
.wwh-col b{ font-size: 17px; color: #333333;font-family: var(--regular-bold); margin: 15px 0; display: block;}
.wwh-col p{color:#666666;}

.wwh-col:hover i {border-style: dashed; border-color: #fff; border-width: 2px; background-color: #11b8b0; outline: 0px dashed #11b8b0; transition: all ease 0.5s;}
.wwh-col:hover i svg{fill: #fff;}


.hr-patt{height: 8px; width: 100%; background: url(../images/pattern.jpg) left top repeat;}


/* --------------  about Yoga teacher section ---------------------- */

.yoga-sunaina{padding: 2em 0; position: relative;}
.yoga-sunaina::before{content: ''; background: #11b8b0; width: 30%; height:80%; z-index: -1; position: absolute; left: 0;top: 50%; transform: translateY(-50%);}
.yoga-sunaina::after{content: ''; background: #f7f7f7; width:70%; height:80%; z-index: -1; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.yoga-sunaina .sec-hd{margin-top:50px;}

.follow-nav li{ border-left: 1px solid #cccccc; padding-left: 10px; margin-left: 10px; }
.follow-nav li:first-child{ border-left: 0;  }

.press-media li{ width: 25%;}
.press-media li img{max-height: 60px;}


/* --------------  Yoga Preview player section ---------------------- */

.video-palyer{width: 100%;position: relative;height: 100%;box-shadow: 0px 4px 20px #00000021;}
.video-palyer img{width: 100%;}
.video-palyer video{ height: 100%;background: #000;}
.video-player-list{background: #f2f2f2; position: relative; height: 100%; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.23); padding: 20px 15px 20px 25px;}
.video-player-list h3{font-weight: normal; font-family: var(--regular-bold); text-transform: uppercase; color: #252525; font-size: 24px; margin-top: 10px;}
.videohd span{color:#959595;font-family: var(--regular-light);}


.video-player-list-thumbs{overflow-y: scroll; max-height: 400px;}
.video-player-list-thumbs::-webkit-scrollbar {width: 4px;}
.video-player-list-thumbs::-webkit-scrollbar-track {background: transparent;}
.video-player-list-thumbs::-webkit-scrollbar-thumb { background: #FF5722;  border-radius:2px}
.video-player-list-thumbs::-webkit-scrollbar-thumb:hover {background: #555; }

.video-player-list-thumbs ul{padding: 0; margin: 15px 0 0;}
.video-player-list-thumbs ul li{display: flex; font-family: var(--regular-bold); font-style: italic; padding: 20px 0; border-top: 1px solid #ebebeb;}
.video-player-list-thumbs ul li div{width: 25%; margin-right: 10px;}
.video-player-list-thumbs ul li p{width: 75%; font-size: 17px; margin: 10px 0 0;}


/* --------------  Yoga subscribe section ---------------------- */

.yoga-subscribe{background: url(../images/subscribe-bg.jpg) center center no-repeat; padding: 4em 0; margin-top: 4em;}
.yoga-subscribe .subscribe-txt{ color: #fff;}
.subscribe-txt-hd{font-size: 42px;font-family: var(--regular-heavy); display: inline-block; border-bottom: 1px solid #cccccc; padding-bottom: 25px; margin-bottom: 25px;} 
.subscribe-txt-1{font-size:28px;font-family: var(--regular-light);}
.subscribe-txt-2{font-size:40px;font-family: var(--regular-light);}
.subscribe-txt-2 b{color:var(--theme-color);font-family: var(--regular-bold);}


.yoga-subscribe .btn-primary{min-width: 280px;    position: relative;}
.yoga-subscribe .btn-primary span{height: 40px;
  width: 40px;
  background: #fff;
  border-radius: 50px;
  display: inline-block;
  color: #11b8b0;
  line-height: 43px;
  position: absolute;
  left: 7px;
  font-size: 21px;
  top: 50%;
  transform: translateY(-50%);}

  /* --------------  Problems Yoga  section ---------------------- */
  
  .problems-yoga-hero{background:#f8f8f8 url(../images/diff-problems-bg.jpg) center bottom no-repeat;  position: relative; height: 100%; padding: 4em 2em;
     font-size: 28px; color: #333; font-family: var(--regular-light);}
  .prob-yoga-cols{position: relative;}
  .play-icon{ height: 65px; width: 65px; background: rgba(0, 0, 0, 0.6); color: #fff;position: absolute; left: 50%; top:23%;transform: translateX(-50%); display: flex; justify-content: center; align-items: center; border-radius: 50px;}
  
  .prob-yoga-cols figure > img{width: 100%;}
  .prob-yoga-cols figure figcaption{ position: absolute; left: 0; bottom: 0;width: 100%;height: auto; overflow: hidden; 
                                     background: rgba(255, 255, 255, 0.8); padding:2em 4em; font-size: 14px; color:#888; min-height: 200px; }
  .prob-yoga-cols figure figcaption::before{content: ''; width: 2px; height:40px; background: var(--theme-color); position: absolute; left: 0; top:40px;}
  .prob-yoga-cols figure figcaption b{font-size: 22px; font-family: var(--regular-bold); color: #333;}
  .prob-yoga-cols figure figcaption p{margin-bottom: 0;}
  .prob-yoga-vinfo{margin: 10px 0 15px;}  
  .prob-yoga-vinfo span{display: inline-block; margin-right: 10px;}

  .prob-yoga-cols figure:hover figcaption{background: rgba(17, 184, 176, 0.8); color: #fff;}
  .prob-yoga-cols figure:hover figcaption b{color: #fff;}
  .prob-yoga-cols figure:hover .play-icon{background: rgba(17, 184, 176, 0.8); color: #fff;box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.4);}

  /* --------------  ABout Yoga  section ---------------------- */

.about-yoga{background: url(../images/what-bg.jpg) left bottom no-repeat;background-size: cover; padding: 4em 0;}
.about-yoga .sec-hd{color: #fff; }
.about-yoga-txt{text-align: center; background: rgba(255, 255, 255, 0.9); padding: 2em; border-radius: 6px; color: #666666; margin-top: 15px;}
.about-yogatxt-hd{font-style: italic;font-size: 28px; color: #222;  display: inline-block; border-bottom: 1px solid #cccccc; padding-bottom: 25px; margin-bottom: 25px;}
.about-yoga-txt p{line-height: 28px;margin-bottom: 2rem;}

.about-yoga-txt .btn-primary{margin-bottom: -78px;}

/* --------------  Featured Collections Yoga  section ---------------------- */

.featured-collections-yoga{padding: 4em 0;}
.fc-yoga-cols{position: relative;box-shadow: 0px 25px 40px rgba(0, 0, 0, 0.08);  margin-bottom: 25px;}
.fc-yoga-cols figure > img{width: 100%;}
.fc-yoga-cols figure figcaption{width: 100%; position: absolute; left: 0; bottom: 0; padding: 15px;
  height: 40%;
  display: flex;
  align-items: flex-end;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); 
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);

}
.fc-video-content{display: flex; align-items: center;width: 100%;}
.fc-video-content a{   
    height: 40px;
    width: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background:#00000082;
    border-radius: 50px;
    margin-right: 15px;}
.fc-video-content a i{color: #fff;}	
.fc-video-content .w-play-icon svg{fill: #fff;margin-right: 10px;}

.fc-video-content .fc-yoga-vinfo{margin-left: auto; font-size:12px; color: var(--theme-color);}
.fc-video-content b{font-family:var(--regular-bold); color: #fff;}
.fc-video-content b span{font-family:var(--regular);display: block; font-weight: normal; line-height: 100%; font-size: 14px;}

.y-pagination{margin-top: 25px;}
.y-pagination .page-link{ background: none; border: 0; color: #999999; font-size: 18px;}
.y-pagination .page-link:hover{background: none;}
.y-pagination .page-item:first-child a, .y-pagination .page-item:last-child a{background: none; font-size: 13px; font-family: var(--regular-heavy);    text-transform: uppercase;}


/* --------------  Practice Pakage section ---------------------- */ 

.practice-yoga{position: relative; padding: 4em 0 4em;}
.practice-yoga::before{content: ''; height:46%; background:#11b8b0 url(../images/shape.svg) left bottom no-repeat; position: absolute;
   z-index: -1; left: 0; top: 0; width: 100%;}
.pkg-col{color:#fff;text-align: left; font-size: 15px;}   
.pkg-col b{font-size: 24px; font-family: var(--regular-bold); font-weight: normal;}

.practice-txt {color: #222;}
.practice-txt h2{font-size: 42px;font-family: var(--regular-heavy);font-weight: normal; border-bottom: 1px solid #cccccc; display: inline-block; padding-bottom: 25px; margin-top: 25px;}
.practice-txt p{font-size: 28px;font-family: var(--regular-light); margin: 20px 0 30px;}


/* --------------  Testimonialssection ---------------------- */ 

.yoga-testimonials{background: url(../images/testmonial-bg.jpg) center top no-repeat; padding:7em 0; text-align: center; color: #fff; position: relative;}
.yoga-testimonials .sec-hd{color:#fff;}

#carousel-testimonials{position: static;}
#carousel-testimonials .carousel-control-next, #carousel-testimonials .carousel-control-prev{  width: 50px;height: 50px; top: 50%; transform: translateY(-50%);}
#carousel-testimonials .carousel-control-prev { left: 3%;}
#carousel-testimonials .carousel-control-next { right: 3%;}


.quote-testimonials{font-size:50px; margin: 30px 0 20px;}
.star-testimonials{margin: 30px 0; color: #ffc827;}
.txt-testimonials{font-size: 24px; font-family: var(--regular-light);font-style: italic; margin-bottom:35px;}
.name-testimonials{font-family: var(--regular-bold);}




/* --------------  Footer section ---------------------- */ 

.site_footer{ padding: 3em 0 0;border-top: 1px solid #e6e6e6;}
.fmenu a, .f-follow-nav{  color: #333;font-family: var(--regular-bold);}
.f-follow-nav{text-align: right;}
.f-follow-nav .nav{display: inline-flex;}
.f-follow-nav .nav a{color: #333;}

#uparrow{background: #11b8b0; height: 45px; width: 45px; border-radius: 50px; 
   display: inline-flex; align-items: center; justify-content: center; border:4px solid rgba(255, 255, 255, 0.8);
   margin: 10px 0 25px;}

.f-quote {font-family: var(--regular-light); font-size: 30px;}
.site-info{background: #292929; padding: 30px 0; color: #fff; text-align: center;}


/* --------------  Authentication Pages ---------------------- */ 

.auth_pages {
  background: url(../images/what-bg.jpg) center left no-repeat;
  background-size: cover;
  min-height: 100vh;
}
.auth_pages_cont{display: flex; align-items: center; justify-content: center;min-height: 100vh;}
.auth_pages .auth_cols_main {
  margin: auto;
  width: 1040px;
  max-width: 90%;
  background: #fff;  
  text-align: center;
  
}

.auth_pages .auth_cols_main .auth_logo {
  background:#efefef;
  padding:20px 15px;
}
.auth_pages .auth_cols_main .form_main {
  padding: 0 5% 6%;
}
.auth_pages .auth_cols_main .auth_page_title {
  margin: 45px 0;
}
.auth_pages .auth_cols_main .auth_page_title h1 {
  font-size: 48px;
  color: #000;
  font-family: var(--regular-heavy);
}
.auth_pages .auth_cols_main .auth_page_title h4 {
  font-size: 21px;
  color: #2a2a2a;
}
.auth_pages .auth_cols_main .auth_forms_paging {
  background: #e5e5e5;
}
.auth_pages .auth_cols_main .auth_forms_paging ul li {
  display: inline-block;
  font-size: 14px;
  padding: 10px;
  text-transform: uppercase;
  color: #a3a3a3;
}
.auth_pages .auth_cols_main .auth_forms_paging .active {
  color: #000;
}

/* --------------  Inner Pages ---------------------- */ 

.page-hero.statics-hd{padding:0em 0 0em; position: relative;}
.page-hero{}
.page-hero-content {
  position: absolute;
  left: 5%;
  top:50%; transform: translateY(-50%);
  text-align: left;
  width: 22%;color:#2a272b;
}
.page-hero-content .hr-hd1{font-size:42px; font-family: var(--regular-light);}
.page-hero-content .hr-hd{font-size:80px; font-family: var(--heading);}


/* --------------  Statics Pages ---------------------- */ 
.content-page{background: #f8f9fa; padding: 25px 6% 45px;}
.content-page h2{ font-size: 21px; font-weight: 500;  margin: 20px 0 5px; padding-top:20px; border-top: 1px solid #cccccc;}
.content-page h2:first-child{border:none; padding-top: 0;}
.content-page p{margin-bottom: 10px;}


/* --------------  Statics Pages ---------------------- */ 

.about-sunaina{margin: 4em 0; position: relative;}
.about-sunaina::before {
  content: '';
  background: #f7f7f7;
  width: 70%;
  height:20%;
  z-index: -1;
  position: absolute;
  left: 0;
  top:0;  
}
.about-sunaina .container-fluid{width: 90%;}
.about-sunaina .sec-hd1{font-size: 52px; font-family: var(--regular-bold); color: #11b8b0; margin-top: 25px;}
.about-sunaina .sec-hd2{font-size: 30px; font-family: var(--regular-light);margin-bottom:65px }

.choose-yoga{background: #f8f8f8; padding: 4em 0;}
.yoga-filter{margin: 45px 0 20px;}
.yoga-filter label{font-family: var(--regular-bold);}

.form-control{border-radius: 0; padding: 16px 8px; height: 54px;}


.pb-yoga-cols{position: relative;box-shadow: 0px 25px 40px rgba(0, 0, 0, 0.08);  margin-bottom: 25px; cursor:pointer;}
.pb-yoga-cols figure > img{width: 100%;}
.pb-yoga-cols figure .play-icon{background: rgba(17, 184, 176, 0.8); top: 50%; transform: translate(-50% ,-50%);}
.pb-yoga-cols .pg-yoga-level{
  background: var(--theme-color);
    color: #fff;
    padding: 35px 12px;
    font-size: 12px;
    font-family: var(--regular-bold);
    text-transform: uppercase;
    display: inline-block;
    transform: rotate(-180deg);
    position: absolute;
    left: 0;
    top: 0;
    letter-spacing: 1px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

.pb-yoga-cols figure figcaption{width: 100%; position: absolute; left: 0; bottom: 0; padding: 15px;
  height: 48%;
  display: flex;
  align-items: flex-end;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%); 
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);

}
.pb-video-content{display: flex; align-items: center;width: 100%;}
.pb-video-content .pb-yoga-vinfo{margin-left: auto; font-size:12px; color: var(--theme-color);}
.pb-video-content b{font-family:var(--regular-bold); color: #fff;}
.pb-video-content b span{font-family:var(--regular);display: block; font-weight: normal; line-height: 100%; font-size: 14px;}

/* --------------  Contact Page ---------------------- */ 
.contact-info{margin-top:55px;}
.contact-info .contact-col{ color: #666666; background: #f4f4f4; text-align: center; padding: 5% 10px;}
.contact-info .contact-col:nth-child(2){background: none;}
.contact-info .contact-col i {
  height: 110px;
  width: 110px;
  color: #fff; margin: auto;
  font-size: 41px; 
  transition: all ease 0.5s;
  border-radius: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 4px solid #eeeeee;background-color: #11b8b0;
  outline: 0px dashed #11b8b0;
}
.contact-info .contact-col:hover i {
  border-style: dashed;
  border-color: #fff;
  border-width: 2px;  
  transition: all ease 0.5s;
}
#imap{position: relative; height: 100%;}
.yoga-contact{background: #11b8b0 url(../images/shape.svg) left bottom no-repeat; color: #fff; padding: 3em 4em;}
.yoga-contact .sec-hd{font-size: 35px; color: #fff;}
.contact-info .contact-col b{ display: block; margin: 20px auto 25px; color: #000;font-family: var(--regular-bold);font-size: 18px; font-weight:500; text-transform: uppercase;}

/* --------------  Members  Page ---------------------- */ 
.user-dropdown-group{}
.dropdown-item.active, .dropdown-item:active {
  color: #000;
  text-decoration: none;
  background-color: #efefef;
}
.user-dropdown-group .dropdown-toggle{display: block;
  position: relative;
  height: 43px;
  width: 78px;
  background: #fff;
  border-radius: 50px;
  top: 30px;
  right: 10px;}
  .user-dropdown-group .dropdown-toggle i{height: 23px;
    width: 23px;
    vertical-align: 10px;
    display: inline-block;
    margin-right: 12px;}
  .user-dropdown-group .dropdown-toggle::after {    
    margin-left: -9px;
    vertical-align: 10px;
  }
.user-dropdown-menu{width: 250px; border: 0;}
.user-dropdown-info{padding: 14px;}
.user-dropdown-info i{    height: 48px;
  width: 48px;
  vertical-align: middle;
  display: inline-flex;
  padding: 13px;
  background: #efefef;
  border-radius: 50px;}
  .user-dropdown-info .user-name{font-size: 16px;color: #000;font-family: var(--regular-bold);}
  .user-dropdown-info .edit-p{font-size: 13px;color: #fff;background:#11b8b0; border-radius: 4px; padding: 4px 10px;}

.user-dropdown-menu .dropdown-item{margin:5px 0; padding: 10px 15px;}
.user-dropdown-menu .dropdown-item i{height:23px; width:25px;vertical-align: middle; display: inline-flex;}


.members-yoga-type li {margin: 0 15px 10px 0;}
.members-yoga-type li a{ color: #333;padding:0 0 10px;font-family: var(--regular-bold); border-bottom: 2px solid transparent;}
.members-yoga-type li a.active {border-bottom-color:var(--theme-color);}
.members-yoga-type li .grey-bg{background:#e8e8e8; color: var(--theme-color) !important; padding: 5px 20px !important; border-radius: 20px;}

.mb-vlist-box{background: #efefef; display: flex; flex-wrap: wrap; margin-bottom: 15px;}

.mb-vlist-box .pb-yoga-cols{width: 30%; margin: 0;}
.mb-vlist-box .mb-vlist-details{width: 70%; padding: 2em; color: #878787; font-size: 15px;;}
.mb-vlist-title{font-size: 25px;font-family: var(--regular-heavy); color: #424242;}

@media (max-width: 1600px) { 
  .prob-yoga-cols figure figcaption {padding: 2em 3em;}
  .prob-yoga-cols figure figcaption b { font-size: 20px;}
  .problems-yoga-hero { padding: 2em 1em;}

 }
 

@media (max-width: 1500px) { 
  .prob-yoga-cols figure figcaption b {font-size: 19px;  }
  .prob-yoga-cols figure figcaption {min-height: 191px;padding: 1.8em 2em;}
  .prob-yoga-vinfo { margin: 5px 0 8px;}
  .prob-yoga-cols .play-icon { top: 20%; height: 50px; width: 50px;}

  .problems-yoga-hero { font-size: 22px;}
  
 }

@media (max-width: 1400px) {
  .hero-content { top: 30%;}

  .prob-yoga-cols figure figcaption {min-height: 172px; padding: 1.8em 15px 1.8em 2em;}
  .prob-yoga-cols figure figcaption b { font-size: 17px;}


  .page-hero-content .hr-hd1 { font-size: 36px; }
  .page-hero-content .hr-hd { font-size: 70px;}


}
@media (max-width: 1199.98px) { 
  .site_header .navbar-nav .nav-item { padding: 0px 20px;}
  .hero .hr-hd { font-size: 121px;}

  .sec-hd {font-size: 38px;}
  .wwh-col i { height: 90px; width: 90px; border: 3px solid #eeeeee;}
  .wwh-col i svg{height: 60px;} 

  .wwh-col b{margin: 15px 0 5px;}

  .yoga-sunaina .sec-hd { margin-top: 40px;}
  .yoga-sunaina p{margin-bottom: 8px;}

  .prob-yoga-cols .play-icon { top: 17%;}
  .prob-yoga-cols figure figcaption{ font-size: 13px;    min-height: 160px;}
  .prob-yoga-cols figure figcaption b { font-size: 16px;}

  .fc-video-content { font-size: 14px;}
  .fc-video-content .fc-yoga-vinfo {font-size: 11px;position: absolute;  top: 50px;  right:20px;}

 }
 
@media (max-width: 1100px) { 
  .site_header .navbar-nav .nav-item {  padding: 0px 12px;}

  .yoga-sunaina { font-size: 14px;}
  .yoga-sunaina::before, .yoga-sunaina::after{height: 70%;}
  .yoga-sunaina .sec-hd { margin-top:65px; margin-bottom: 0;}
  .press-media li { width: 20%;}


  .video-player-list-thumbs ul li p {font-size: 15px;  margin: 0px 0 0;}


  .subscribe-txt-hd { font-size: 31px; border-bottom: 1px solid #cccccc; padding-bottom: 20px; margin-bottom: 20px;}
  .subscribe-txt-1 { font-size: 25px;}
  .subscribe-txt-2 { font-size: 35px;}

   .problems-yoga-hero{     font-size: 19px; display: flex; flex-flow: column; justify-content: center; align-items: center;}
  .prob-yoga-cols figure figcaption {font-size: 11px; min-height: 137px;}
  .prob-yoga-cols figure figcaption b { font-size: 14px;}


  .fc-yoga-cols figure figcaption { padding: 15px 8px;}
  .fc-video-content { font-size: 13px;}
  .fc-video-content .fc-yoga-vinfo { top: auto; bottom: 43px;}
  .fc-video-content svg{ width: 40px;}

  .pkg-col b { font-size: 20px;}


  /* --------------  inner Page ---------------------- */ 

  .page-hero-content .hr-hd1 { font-size: 26px; }
  .page-hero-content .hr-hd { font-size: 40px;}

  .mb-vlist-box .pb-yoga-cols { width: 35%;}
  .mb-vlist-box .mb-vlist-details { width: 65%;}
}

@media (max-width: 991.98px) {
     body {font-size: 14px;}
     .site_header{padding: 0px 0;}
    .site_header .navbar-toggler{outline: none; margin-left: auto; background: #fff; border-radius: 0px; padding: 25px; margin-right: -15px;  position: relative;  z-index: 999;}     
    .navbar-collapse{
      position: fixed;
    background: rgba(0, 0, 0, 0.98);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    }
    .navbar-collapse .navbar-nav.ml-auto{ margin-left:0 !important;}

.navbar-toggler #nav-icon{position:absolute;right:24px;top:24px;margin:0 auto;width:35px;height:30px;z-index:14;cursor:pointer;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}
.navbar-toggler #nav-icon span{position:absolute;display:block;width:100%;height:3px;background:#000;opacity:1;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}
.navbar-toggler #nav-icon span:nth-child(1){top:0}
.navbar-toggler #nav-icon span:nth-child(2){top:12px}
.navbar-toggler #nav-icon span:nth-child(3){top:24px}

/* .navbar-toggler #nav-icon span:nth-child(1){top:15px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}
.navbar-toggler #nav-icon span:nth-child(2){opacity:0;left:-60px}
.navbar-toggler #nav-icon span:nth-child(3){top:15px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)} */


    .hero-content {left: 3%; width: 29%;}
    .hero .hr-hd{font-size:81px;}
    .hero .hr-txt {font-size: 21px;}

    .sec-hd{font-size: 31px;}


    .wwh-col {  text-align: center; }
    .wwh-col i {margin: auto;}

    
    .yoga-subscribe{text-align: center;}
    .subscribe-txt-hd { font-size: 27px; padding-bottom: 15px;  margin-bottom: 15px;}
    .subscribe-txt-2 { font-size: 35px; margin-bottom: 25px;}




    
   .problems-yoga-hero { font-size: 19px;  display: flex;  flex-flow: column;  justify-content: center;   align-items: center;  padding:3em 0em 34em;}


   .prob-yoga-cols .play-icon { top: 33%;}
   .prob-yoga-cols figure figcaption { font-size: 14px; min-height: 137px;}
   .prob-yoga-cols figure figcaption b { font-size: 17px;}

   .practice-txt h2 { font-size: 31px;}
   .practice-txt p { font-size: 21px;}
   
   
   .about-yogatxt-hd { font-size: 21px; padding-bottom: 10px;margin-bottom: 15px;}
   .about-yoga-txt p {line-height: 24px; margin-bottom: 0.5rem;}

   .pkg-col{margin-bottom: 15px;}

   .txt-testimonials {font-size: 20px;}

   .f-quote { font-size: 20px; margin: 30px auto !important;}


/* --------------  inner Page ---------------------- */ 
.auth_pages .auth_cols_main .auth_page_title h1 {
  font-size: 38px;
}
.auth_pages .auth_cols_main .auth_page_title h4 {
  font-size: 18px;
}
   .page-hero-content{width: 50%; top: 58%;}
   .page-hero-content .hr-hd1 { font-size: 26px; }
   .page-hero-content .hr-hd { font-size: 40px;}
   .page-hero-content .btn {margin: 10px 0 !important;}


   .about-sunaina .sec-hd1 { font-size: 35px;}
   .about-sunaina .sec-hd2 { font-size: 21px; margin-bottom: 15px;}

   .mb-vlist-box .pb-yoga-cols { width: 55%;}
   .mb-vlist-box .mb-vlist-details { width: 45%;}

  }



@media (max-width: 767.98px) {

  
    .site_header .navbar-toggler{    padding: 15px 16px;}
    .site_header .navbar-nav .nav-link { padding: 14px 0px;}
    .navbar-toggler #nav-icon { right: 13px;  top: 16px;}

    .hero .hr-hd {  font-size: 61px; }
    .hero .hr-txt { font-size: 17px; }

    .hero-content { left: 3%;  width: 42%; }

    .wwh-col { margin:10px 0; }
  

    .btn-secondary, .btn-primary{min-width: auto;  padding: 10px 35px; font-size: 14px;}

    .sec-hd{font-size: 28px;}

    .yoga-sunaina::before, .yoga-sunaina::after { height: 100%;}
    .yoga-sunaina::after{ width: 99%;z-index: 1;}
    .yoga-sunaina .container{ position: relative;z-index: 2;}
    

    .prob-yoga-cols figure figcaption { font-size: 11px;}


    .practice-yoga::before { height: 71%;}  
    .practice-yoga .pkg-col{ text-align: center;}
    .practice-txt h2 { font-size: 26px; }
    .practice-txt p {font-size: 17px;}


    .yoga-testimonials{    padding: 5em 0;}
    .quote-testimonials { font-size: 41px; margin: 21px 0 5px;}
    .txt-testimonials { font-size: 16px; }

    .fmenu, .f-follow-nav {justify-content: center; text-align: center;}

    .f-quote { font-size: 16px;}

    .site-info { padding: 15px 0;  font-size: 11px; }


    .btn-primary2 { padding: 8px 30px;  min-width: auto;  font-size: 14px;}
    
/* --------------  inner Page ---------------------- */ 
   .auth_pages .auth_cols_main { width: 90%;}
   .page-hero-content{width: 50%;  top: 58%;}
   .page-hero-content .hr-hd1 { font-size:18px; }
   .page-hero-content .hr-hd { font-size: 30px;}
   .page-hero-content .btn {margin: 5px 0 !important;}


   .about-sunaina { margin: 1em 0 3em;}
   .about-sunaina::before{display: none;}
   .about-sunaina div img{margin-top: 25px;}

    
    .yoga-contact .sec-hd {  font-size: 28px}
    .content-page h2 {  font-size: 18px;}

    .mb-vlist-box .pb-yoga-cols, .mb-vlist-box .mb-vlist-details { width: 100%;}    
    .mb-vlist-title {font-size:19px}

}
@media (max-width: 575.98px) { 
     body {font-size: 13px;}

    .site_header .navbar-toggler { padding: 10px 12px; }
    .navbar-toggler #nav-icon { right: 13px;  top: 16px; width: 26px; height: 21px; }
    .navbar-toggler #nav-icon span:nth-child(2) { top: 8px;}
    .navbar-toggler #nav-icon span:nth-child(3) { top:16px;}


    .hero .hr-hd {  font-size: 41px; }
    .hero .hr-txt { font-size: 15px; }

    .hero-content { left: 3%;  width: 42%; }

    .wwh-col { margin:10px 0; }
  

    .btn-secondary, .btn-primary{min-width: auto;  padding: 10px 35px; font-size: 14px;}

    .sec-hd{font-size: 21px;}


    
    .yoga-subscribe{text-align: center;}
    .subscribe-txt-hd { font-size: 21px; padding-bottom: 15px;  margin-bottom: 15px;}
    .subscribe-txt-1 { font-size: 16px; }
    .subscribe-txt-2 { font-size: 20px; margin-bottom: 25px;}
    .yoga-subscribe .btn-primary span { height: 30px;   width: 30px;font-size: 16px;    line-height: 30px;}
    

    .problems-yoga-hero { font-size: 15px;}
    .prob-yoga-cols figure figcaption { font-size: 13px;}

    .video-player-list h3{    font-size: 21px;}

    .practice-yoga::before { height: 71%;}  
    .practice-yoga .pkg-col{ text-align: center;}
    .practice-txt h2 { font-size: 21px; }
    .practice-txt p {font-size: 15px;}

    .about-yogatxt-hd { font-size: 18px;}
    

    .yoga-testimonials{padding:3em 0;}
    .quote-testimonials { font-size:31px; margin: 15px 0 5px;}
    

    

    .f-quote { font-size: 16px;}

    

    .fmenu, .f-follow-nav {  font-size: 13px; }

    /* --------------  inner Page ---------------------- */ 
    .auth_pages .auth_cols_main .auth_page_title h1 {
      font-size: 28px;
  }
  .auth_pages .auth_cols_main .auth_page_title h4 {
    font-size: 16px;
}
    .page-hero.statics-hd {
      padding: 53px 0 0em;
      position: relative;
      background: #b3b3b3;
  }
  .page-hero-content{width: 50%;  top: 58%;}
  .page-hero-content .hr-hd1 { font-size:15px; }
  .page-hero-content .hr-hd { font-size: 26px;}
  .page-hero-content .btn { display: none;}

   .about-sunaina .sec-hd1 { font-size: 21px;}
   .about-sunaina .sec-hd2 { font-size: 18px; margin-bottom: 15px;}

   .contact-info .contact-col i { height: 80px; width: 80px; font-size: 33px;}
   .contact-info .contact-col b { margin: 15px auto 10px;  font-size: 16px;}
   .yoga-contact {padding: 3em 2em;}
   .yoga-contact .sec-hd {font-size: 23px;}
   .yoga-contact h6 {font-size: 15px;}


    .content-page{ padding: 25px 20px 45px;}
  }


@media (max-width: 480px) { 
  
  .hero-content { left: 3%; width: 61%;}
  .hero .hr-hd { font-size:31px; }
  

  
  .f-quote {font-size: 14px;}
  
}
@media (max-width: 350px) { 
  
    

  
}