@charset "utf-8"; 
/* CSS Document */
*,*::before, *::after {box-sizing:border-box; }

@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
}

@font-face {
font-family: 'Blacker Sans Display Trial Book';
src: url('../webfonts/BlackerSansDisplayTrial-Book.woff2') format('woff2'),
url('../webfonts/BlackerSansDisplayTrial-Book.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}

/* Global */
body{font-family: "Lato", sans-serif; color:#3c3c3b; font-size:18px; font-weight:400; background-color:#fff; line-height:1.5;}
body.noscroll{ overflow:hidden; }
h1, h2, h3, h4, h5, h6{font-weight:400; margin-top:0; margin-bottom:16px; line-height:normal; font-family: 'Blacker Sans Display Trial Book';}
h1 {font-size:44px; }
h2{font-size:34px; }
h3{font-size:28px; }
h4{font-size:23px; }
h5{font-size:18px; }
h6{font-size:16px; }
p{margin-bottom:16px;  margin-top:0;}
p:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{margin-bottom:0; }
strong{ font-weight:700; }

h2 a{ text-decoration: none; }

img{max-width:100%; height:auto; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease; }
.full-img{ line-height:0; }
.full-img img{ width:100%; height:auto; }
button, input {-moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease; }
a {color:var(--pure-blue); text-decoration:none; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease; text-decoration:underline;}
a:hover {color:var(--pure-blue); text-decoration:none;}
a > *{-moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease}

/* Container */
.container, .container-full{ padding-left: 20px; padding-right: 20px; position: relative; }
.container{margin:0 auto; padding:0 20px; max-width:1320px; width:100%; position:relative; z-index:10;}
.container-full{ max-width: none; width: auto; padding-left: 0px !important; padding-right: 0px !important;}
.container .container-full{ position: relative; left: 50%; transform: translateX(-50%); width: 100vw; }
.container .container, .container .container-full, .no-padding{  padding-left: 0px !important; padding-right: 0px !important; }
.container-full .container{ padding-left: 20px !important; padding-right: 20px !important; }

/* .container{margin:0 auto; padding:0 20px; max-width:1320px; width:100%; position:relative; z-index:10;} */
.row{ margin-left:-15px; margin-right:-15px; }
.row [class*=pure-u-]{ padding-left:15px; padding-right:15px; }
.justify-content-start {justify-content:flex-start; }
.justify-content-end {justify-content:flex-end; }
.justify-content-center {justify-content:center; }
.justify-content-between {justify-content:space-between; }
.justify-content-around {justify-content:space-around; }
.justify-content-evenly {justify-content:space-evenly; }
.align-items-start {align-items:flex-start; }
.align-items-end {align-items:flex-end; }
.align-items-center {align-items:center; }
.align-items-baseline {align-items:baseline; }
.align-items-stretch {align-items:stretch; }
.align-content-start {align-content:flex-start; }
.align-content-end {align-content:flex-end; }
.align-content-center {align-content:center; }
.align-content-between {align-content:space-between; }
.align-content-around {align-content:space-around; }
.align-content-stretch {align-content:stretch; }
.align-self-auto {align-self:auto; }
.align-self-start {align-self:flex-start; }
.align-self-end {align-self:flex-end; }
.align-self-center {align-self:center; }
.align-self-baseline {align-self:baseline; }
.align-self-stretch {align-self:stretch; }
.d-flex {display:flex; }
.flex-grow-0 {flex-grow:0; }
.flex-grow-1 {flex-grow:1; }


.underline{ position: relative; }
.underline::after, 
.underline::before{ content:""; display:block; position:absolute; height:1px; width:0px; }
.underline::before {transition:width 0s ease 0s, background 0.4s ease 0s; left:0px; right:0px; bottom:-0.1rem; }
.underline::after { right:2.2%; bottom:-0.1rem; transition:width 0.4s ease 0s; background:#3c3c3b; }
.underline:hover::after { width:100%; background:0px 0px; transition:all 0s ease 0s; }
.underline:hover::before{ width:100%; transition:width 0.4s ease 0s; background:#3c3c3b}


/* Page */
#page{overflow:hidden;}
.image-fit{min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.image-fit img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}

.inner-page-content{ min-height: 400px;}
.no_banners main{ padding-top: 175px;}

.img-hover:hover img{ opacity:0.8}
#site_loader{position:fixed; z-index:99999; background:#ebebeb; width:100%; height:100%; top:0; left:0; transition:all .4s}
#site_loader.loading_done{opacity:0; z-index:-999; visibility:hidden}
.spinner{width:70px; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.spinner>div{width:18px; height:18px; background-color:#f26449; border-radius:100%; display:inline-block; -webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both; animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner .bounce1{-webkit-animation-delay:-.32s; animation-delay:-.32s}
.spinner .bounce2{-webkit-animation-delay:-.16s; animation-delay:-.16s}
@-webkit-keyframes sk-bouncedelay{
0%,80%,100%{-webkit-transform:scale(0)}
40%{-webkit-transform:scale(1)}
}
@keyframes sk-bouncedelay{
0%,80%,100%{-webkit-transform:scale(0); transform:scale(0)}
40%{-webkit-transform:scale(1); transform:scale(1)}
}


/* Slick Slider */
.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;  user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0; }
.slick-list:focus{outline:none; }
.slick-list.dragging{cursor:pointer; cursor:hand; }
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0);  -o-transform:translate3d(0, 0, 0);  transform:translate3d(0, 0, 0); }
.slick-track{position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto; }
.slick-track:before,.slick-track:after{display:table; content:''; }
.slick-track:after{clear:both; }
.slick-loading .slick-track{visibility:hidden; }
.slick-slide{display:none; float:left; height:100%; min-height:1px; }
[dir='rtl'] .slick-slide{float:right; }
.slick-slide img{display:block; }
.slick-slide.slick-loading img{display:none; }
.slick-slide.dragging img{pointer-events:none; }
.slick-initialized .slick-slide{display:block; }
.slick-loading .slick-slide{visibility:hidden; }
.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent; }
.slick-arrow.slick-hidden {display:none; }

.slick-loading .slick-list{background:#fff}
.slick-prev, .slick-next{font-size:0; line-height:0; position:absolute; top:50%; display:block; width:44px; height:44px; padding:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); cursor:pointer; color:transparent; border:none; outline:none; background:transparent; z-index:100; background:#ecf6f9; border-radius:50%; color:#45a2c2; display:flex; align-items:center; justify-content:center;}
/* .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color:#45a2c2; outline:none; background:#ecf6f9; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity:1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity:1; }
.slick-prev:before, .slick-next:before{line-height:1; opacity:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; z-index:100; font-size:24px; font-family:'Font Awesome 6 Free'; font-weight:900;}
.slick-prev{left:40px; }
[dir='rtl'] .slick-prev{right:0px; left:auto; }
.slick-prev:before{content:'\'; }
[dir='rtl'] .slick-prev:before{content:'\'; content: '';}
.slick-next{right:40px; }
[dir='rtl'] .slick-next{right:auto; left:15px; }
.slick-next:before{content:'\f178'; content: '';}
[dir='rtl'] .slick-next:before{content:'\f178'; } */

.slick-prev::before { background: url('../images/arrow-left.svg') no-repeat center; background-size: auto; content: ''; background-size: 24px; height: 44px; width: 44px; }
.slick-next::before { background: url('../images/arrow-left.svg') no-repeat center; background-size: auto; content: ''; background-size: 24px; height: 44px; width: 44px; transform: rotate(180deg);}

/* Dots */
.slick-dotted.slick-slider{margin-bottom:0; }
.slick-dots{position:relative; margin-top:30px; display:block; width:100%; padding:0; margin-bottom:0; list-style:none; text-align:center; display:flex; align-items:center; justify-content:center; }
.slick-dots li{position:relative; display:inline-block; margin:0; padding:0; cursor:pointer; text-align:center; }
.slick-dots li button{font-size:0; line-height:0; display:block; width:100%; height:12px; width:12px; border-radius:50px; margin:0 4px; padding:0; cursor:pointer; color:transparent; border:0; outline:none; background:none; border:2px solid #fff; /*border:2px solid #D9D9D9;*/ }
.slick-dots li button:hover, .slick-dots li button:focus{outline:none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before{ background:#fff;}
.slick-dots li.slick-active button{ background:#fff;}


.img-zoom{ overflow:hidden;}
.img-zoom:hover img{-webkit-transform:-webkit-scale(1.04) -webkit-rotate(0); transform:scale(1.04) rotate(0);}
.logo img:hover{ opacity: 0.8; transition: all 0.2s;}

/* Buttons */
.primary-button{  font-family:'Blacker Sans Display Trial Book'; font-weight:400; min-height:50px; min-width:225px; display: inline-block; line-height:50px; margin:0 auto; background:#45a2c2; color:#fff; border-radius:50px; font-size:22px; text-align:center; text-decoration:none; padding: 0 20px;}
.primary-button:hover{background:#3c3c3b;color:#fff;}
.secondary-button{ color:#fff; font-family:'Blacker Sans Display Trial Book'; font-weight:400; height:50px; width:225px; display:block; line-height:50px; margin:0 auto; background:#3c3c3b; border-radius:50px; font-size:22px; text-align:center; text-decoration:none;}
.secondary-button:hover{ background:#45a2c2; color:#fff;}

button:focus {outline: 2px solid transparent !important;}

#skiptocontent a {padding: 6px;position: absolute;top: -45px;left: 0px;color: white;border-right: 1px solid white;border-bottom: 1px solid white;border-bottom-right-radius: 8px;background: #3c3c3b;-webkit-transition: top .5s ease-out;transition: top .5s ease-out;z-index: 99999;}
#skiptocontent a:focus {position: absolute;left: 0px;top: 0px;outline-color: transparent;-webkit-transition: top .05s ease-in;transition: top .05s ease-in;}

.redirect_location{cursor: pointer;}
/* Header */
.header{ position:fixed; padding:30px 30px 0; z-index:1000; left:0; right:0; top:0;  -moz-transition:all 0.8s ease; -webkit-transition:all 0.8s ease; -o-transition:all 0.8s ease; transition:all 0.8s ease;}
.header .logo img{ width:213px;}
.header  .button{ color:#fff; font-family:'Blacker Sans Display Trial Book'; font-weight:400; height:50px; display:inline-block; line-height:50px; background:#3c3c3b; border-radius:50px; font-size:22px; text-align:center; text-decoration:none; padding:0 35px; margin-left:auto;}
.header  .button:hover{ background:#45a2c2; color:#fff;}
.header.fixed-header{ background:#fff; padding:10px 30px; align-items:center; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.header.fixed-header .logo img{ width:140px;}

.stellarnav ul ul .submenu li.active a::before { opacity: 1; bottom: 0; background: #fff; width: 100%; } 
.stellarnav > ul > li.current-menu-item > a::before{width: 100%;}

/* Banner */
.banner{ position:relative; color:#fff;}
.banner{ height:100vh; z-index:1;}
.banner .image-fit { height: 100%;}
.banner .container{left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); position:absolute; text-align:center; bottom:250px; z-index:2;}
.banner .container{ bottom: 150px;}
.banner .container h1{ font-size:80px; }
.banner .container .play{ display:block; margin-left:auto; margin-right:auto; color:#ffffff; font-size:22px; text-decoration:none;  font-family:'Blacker Sans Display Trial Book'; width:200px;  width:200px;}
.banner .play .image-block{ padding-top: 72px; padding-bottom: 5px;}
.banner .play .image-block .play-btn{ position: relative; display: block; width: 140px; height: 140px; margin: 0 auto;}
.banner .play .image-block svg, .banner .play .image-block img{width: 100px; height: 100px; top: 50%; position: relative; transform: translateY(-50%); z-index: 9;}
.banner .play .image-block .play-btn::after,
.banner .play .image-block .play-btn::before{position: absolute; left: 50%; top: 50%; content: ''; height: 100px; width: 100px;  background: #ffffff; border-radius: 50%; transform: translate(-50%, -50%) scale(1); opacity: 0; transition: all 0.3s;}
.banner .play .image-block .play-btn:hover::after{ transform: translate(-50%, -50%) scale(1.25); opacity: .45; z-index: -1;}
.banner .play .image-block .play-btn:hover::before{ transform: translate(-50%, -50%) scale(1.50); opacity: .25; z-index: -2;}
.yogamara-banner-news a{ text-decoration: none;}
.banner .banner_item_bg{ width: 100%; height: 100%; position: absolute; top:0; bottom:0; left:0; z-index:2; overflow: hidden; }
.banner .banner_item_bg iframe { width: 158%;  height: 90vw;  transform: translate(-50%,-50%);  position: relative;  z-index: 1;  top: 50%;  left: 50%;}
.banner .banner_item_bg::after { position: absolute;  content: '';  width: 100%;  height: 50%;  top: 0;  left: 0;  background-image: linear-gradient(to bottom,rgba(255,255,255,.5),rgba(255,255,255,0)); z-index: 2;}
.ym-inner-page .banner{ height: 450px; overflow: hidden;}
.ym-inner-page .banner.large{ height:1016px; }

.banner .banner-white-wave{ position: absolute; bottom:-1px; left:0; right:0; z-index: 8; height: 200px; background: #FFF; }
.banner .banner-white-wave svg{ position: absolute; transform: translateY(calc(-100% - -1px)); color:#FFF; }
.banner .banner-white-wave h1{ padding-top: 50px; color:#3c3c3b; text-align: center; }

.banner .banner-mask{ position:absolute; bottom:-1px; left:0; right:0; line-height:0; color: #8fd0e2; z-index: 9;}
.banner .banner-mask.white{ color: #ffffff;}
.banner .banner-mask.light-blue{ color: #8fd0e2;}
.banner .banner-mask img{ width:100%; height:auto;}

.banner .controls{ position: absolute; z-index: 99; bottom: 300px; left: 50%; transform: translateX(-50%); }
.banner .controls button{ background: none; border: 0; width: 60px; height: 60px; cursor: pointer; padding: 0; margin: 0 5px; }
/* .banner .controls .wave-btn{ background: none; border: 0; width: 60px; height: 60px; cursor: pointer; padding: 0; margin: 0 5px; display: inline-block;} */
.banner .secondary-button{ display: inline-block; width: auto; padding: 0 40px;}

.wave-btn{ position: relative; }
.wave-btn:after,
.wave-btn:before{position: absolute; left: 50%; top: 50%; content: ''; height: 100%; width: 100%;  background: #ffffff; border-radius: 50%; transform: translate(-50%, -50%) scale(1); opacity: 0; transition: all 0.3s;}
.wave-btn:hover:after{ transform: translate(-50%, -50%) scale(1.25); opacity: .45; z-index: -1;}
.wave-btn:hover:before{ transform: translate(-50%, -50%) scale(1.50); opacity: .25; z-index: -2;}


#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay{ transform: translateY( calc(-100% + 52px)); }


/* W1 */
.w1{ position:relative; z-index:2;}
.w1 .container{ position:relative; z-index:2; max-width:1480px;}
.w1 .banner-mask{ position:absolute; bottom:100%; left:0; right:0; line-height:0;}
.w1 .banner-mask img{ width:100%; height:auto;}
.w1 .content{ background:url(../images/bg-pattern.jpg); padding:92px 0 50px; text-align:center; position:relative;}
.yogamara-introduction + .yogamara-banner-news .w1 .content{ padding:50px 0 50px; margin-top: -80px;}
.w1 .content:after{ background:url(../images/shell-white.png); background-size:100%; width:330px; height:358px; bottom:-50px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); position:absolute; z-index:1; content:'';}
.yogamara-banner-news.white .w1 .content{ background: #fff;}
.w1 .content .item h5, .w1 .content .item span{ font-size:22px; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease; display: block; font-family: 'Blacker Sans Display Trial Book';}
.w1 .content .item p{ opacity:0; visibility:hidden; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;}
.w1 .content .item a:focus-within p { opacity: 1; visibility: visible; transition: all 0.4s ease;}

.w1 .content .item:hover p, 
.w1 .content .item.swiper-slide.swiper-slide-next + .swiper-slide p,
/* .w1 .content .item.swiper-slide.swiper-slide-active  p, */
.w1 .content .center-slide .item p{ opacity:1; visibility:visible;}
.w1 .content .item .icon{ margin-left:auto; margin-right:auto; margin-bottom:20px; width:50px; color: #45A2C2;}
.w1 .content .item .icon:hover{ color: #3C3C3B;}
.w1 .content .item .icon img:nth-child(2){ display:none;}
.w1 .content .item:hover .icon img:nth-child(1){ display:none;}
.w1 .content .item:hover .icon img:nth-child(2){ display:block;}
.SliderIcon .slick-list.draggable{ padding: 0 !important; margin: 0px 50px !important; }

/* Section Title */
.section-title{ line-height:1; font-size:120px; font-family:'Blacker Sans Display Trial Book'; font-weight:400; position:absolute; z-index:10; left:40px; top:-70px;}
.section-title h1{ margin: 0; padding: 0; font-size:120px; line-height:1;}

/* About Section */
.about-section{ padding:160px 0 80px;}
.about-section-row{ position:relative; padding-bottom:78px;}
.about-section-row .image-block{ background:url(../images/bg-pattern.jpg);}
.about-section-row .image-block .image-fit{ width:960px; height:616px;}
.about-section-row .content{ background:url(../images/shell-blue.png) no-repeat bottom center #fff; padding:50px 80px 125px; bottom:0; right:80px; position:absolute; z-index:2; width:480px;}
.about-section-row .content:before{ height:20px; width:2px; background:#45a2c2; position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index:1; content:'';}
.about-section-row .content h2, .about-section-row .content h1{ margin:20px 0 40px; padding-bottom:20px; position:relative; text-align:center; font-size: 34px;}
.about-section-row .content h2:after, .about-section-row .content h1:after{ background:#45a2c2; height:2px; width:40px; position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); content:'';}
.about-section-row .content .icon{ line-height:0; text-align:center;}
.about-section-row .content p{ margin-bottom:15px;}
.about-section-row .content .button{ color:#fff; font-family:'Blacker Sans Display Trial Book'; font-weight:400; height:50px; /*width:225px; display:block;*/
    display: inline-block; padding: 0px 35px; line-height:50px; margin:0 auto; background:#3c3c3b; border-radius:50px; font-size:22px; text-align:center; text-decoration:none;}
.about-section-row .content .button:hover{ background:#45a2c2; color:#fff;}
.about-section-row .content ul{ padding-left: 20px; margin-top: 0px;}
.about-section-row .content ul li::marker{ color: #45a2c2;}
.about-section.image-right .image-block .image-fit{ float: right;}
.about-section.image-right .about-section-row .content{ left: 80px; right: auto;}
.about-section.image-right .section-title{ right: 40px; left: auto;}
.yogamara-introduction.ym-text-image .about-section-row .content{ bottom: auto; top: 130px;}

.no-watermark .content{ background: #fff !important; padding: 50px 80px 25px;}
.no-watermark .about-section{ padding-bottom: 0 !important;}
.no-watermark .w2, .remove-top-padding{ padding-top: 0 !important;}
.no-watermark .watch-section .item .content{  padding-bottom: 40px !important;}

/* Map */
.yogamara-map{ position: relative;}
.yogamara-map .about-section{padding: 80px 0 210px;}
.yogamara-map .about-section .about-section-row .content{ bottom: -130px;}
.yogamara-map .about-section .map-outer{ background:url(../images/bg-pattern.jpg);}
.yogamara-map .about-section .yoga-map{ height: 616px; width: 960px; }


/* Class Section */
.class-section{ padding:174px 0 80px; background:url(../images/bg-pattern.jpg); position:relative;}
.class-section:before{ /*background:url(../images/section-top-shape.png); width:50px; height:140px; */ background: #45a2c2; width:2px;  height: 80px; content:''; position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); content:'';}
.class-section > .icon{ position: absolute; left: 50%; transform: translateX(-50%); top: 80px; width:50px;}
.class-section .container{ position:relative; z-index:2; max-width:1480px;}

.class-section .title{ text-align:center; margin-bottom:38px;}
.class-section .title h2{ margin:0 0 20px; padding-bottom:20px; position:relative; text-align:center;}
.class-section .title h2:after{ background:#45a2c2; height:2px; width:40px; position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); content:'';}

.class-section .slider-nav { width: 835px; margin: 0 auto; margin-bottom:65px;}
/* .class-section .slider-nav .slick-track{ display:flex; align-items:center; justify-content:center;  max-width:1480px !important; transform:none !important; width:100% !important;} */
.class-section .slider-nav .slick-track .nav-title{ background:#ffffff; height:37px; padding:0 18px; display:flex; align-items:center; cursor:pointer; margin:0 2px;}
.class-section .slider-nav .slick-track .slick-current .nav-title{ background:#3c3c3b; color:#fff; }

.class-section .slide-content{ position:relative; padding:70px 0}
.class-section .slide-content .section-title{ top:0;}
.class-section .slide-content .image-fit{ width:760px; height:449px;}
.class-section .slide-content .content{ width:760px; bottom:0; right:0; background:#fff; padding:47px 54px 64px; position:absolute; text-align:center;}
.class-section .slide-content .content:before{ height:20px; width:2px; background:#45a2c2; position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index:1; content:'';}
.class-section .slide-content .content h2{ margin:20px 0 20px; padding-bottom:20px; position:relative; text-align:center;}
.class-section .slide-content .content h2:after{ background:#45a2c2; height:2px; width:40px; position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); content:'';}
.class-section .slide-content .content .icon{ line-height:0; text-align:center;}
.class-section .slide-content .content p{ margin-bottom:38px;}
.class-section .slide-content .content .button{ color:#fff; font-family:'Blacker Sans Display Trial Book'; font-weight:400; height:50px; display:inline-block; line-height:50px; margin:0 auto; background:#3c3c3b; border-radius:50px; font-size:22px; text-align:center; text-decoration:none; padding:0 32px;}
.class-section .slide-content .content .button:hover{ background:#45a2c2; color:#fff;}
.class-section .slide-content .content  p{ text-align:center;}
.class-section .slide-content .content .icon{ margin-left:auto; margin-right:auto; margin-bottom:20px; width:50px;}
.class-section .slider-nav .slick-track .nav-title:hover{background-color: #3c3c3b;color: #fff; transition: all 0.8s ease;}
.ClassSlider .slick-dots{ margin-top:40px;}
.ClassSlider .slick-dots li button{ width:80px; height:2px; margin:0; background:#fff; border:none;}
.ClassSlider .slick-dots li.slick-active button{ background:#45a2c2;}

/* Class Schedule */
.class-schedule{ background:url(../images/bg-light-blue-pattern.jpg); padding:80px 0;}
.class-schedule .title h2{ margin:0 30px; padding-bottom:20px; position:relative; text-align:center;}
.class-schedule .title h2:after{ background:#45a2c2; height:2px; width:40px; position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); content:'';}
.class-schedule #tabs-nav{ margin-bottom:30px; padding:0; list-style:none; display:flex; align-items:center; justify-content:center;}
.class-schedule #tabs-nav li + li{ margin-left:12px;}
.class-schedule #tabs-nav li a{ width:114px; height:37px; color:#3c3c3b; background:#fff; text-decoration:none; width:115px; display:flex; align-items:center; justify-content:center;}
.class-schedule #tabs-nav li a:hover{ color:#fff; background:#3c3c3b; transition: all 0.8s ease;}

.class-schedule #tabs-nav li.active a{ background:#3c3c3b; color:#fff;}
.class-schedule .tab-content .row-bg{ position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #fff; z-index: -1; opacity: 0; transform: perspective(1000px) rotate3d(0, 1, 0, 0deg); transition: all 0.3s; }

.class-schedule .tab-content a,
.class-schedule .tab-content a{ text-decoration:none; position: relative; padding: 5px; display: block; transition: all 0.3s; cursor: pointer;}
.class-schedule .tab-content a:hover .row-bg{ background: #fff; transform: perspective(1000px) rotate3d(-2, 0, 0, 180deg) !important; opacity: 1;}
.class-schedule .tab-content a::after, 
.class-schedule .tab-content a::before{ display: none !important;}

.class-schedule .tab-content .table_row{ text-decoration:none; position: relative; padding: 5px; display: block; transition: all 0.3s; cursor: pointer;}
.class-schedule .tab-content .table_row:hover .row-bg{ background: #fff; transform: perspective(1000px) rotate3d(-2, 0, 0, 180deg) !important; opacity: 1;}

/* .class-schedule .tab-content a .pure-g, .class-schedule .tab-content a .pure-u-1-4{ line-height: 1;} */

.class-schedule .item h2{ margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #3c3c3b;}
.class-schedule .item ul{ margin:0; padding:0; list-style:none;}
.class-schedule .item li + li{ margin-top:8px;}

/* W2 */
.w2{ padding-top:102px;}
.w2 .escape-section{ position:relative; padding-top:70px; margin-bottom:102px; padding-bottom:78px;}
.w2 .escape-section .image-block{ background:url(../images/bg-pattern.jpg);}
.w2 .escape-section .image-block .image-fit{ width:960px; height:616px;}
.w2 .escape-section .content{ background:url(../images/shell-blue.png) no-repeat bottom center #fff; padding:50px 75px 150px; bottom:0; right:80px; position:absolute; z-index:2; width:480px; text-align:center;}
.w2 .escape-section .content:before{ height:20px; width:2px; background:#45a2c2; position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index:1; content:'';}
.w2 .escape-section .content h2{ margin:20px 0 30px; padding-bottom:20px; position:relative; text-align:center;}
.w2 .escape-section .content h2:after{ background:#45a2c2; height:2px; width:40px; position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); content:'';}
.w2 .escape-section .content .icon{ line-height:0; text-align:center;}
.w2 .escape-section .content p{ margin-bottom:30px;}
.w2 .escape-section .content .button{ color:#fff; font-family:'Blacker Sans Display Trial Book'; font-weight:400; height:50px; padding:0 30px; display:inline-block; line-height:50px; margin:0 auto; background:#3c3c3b; border-radius:50px; font-size:22px; text-align:center; text-decoration:none;}
.w2 .escape-section .content .button:hover{ background:#45a2c2; color:#fff;}
.w2 .escape-section .content p{ text-align:left;}
.w2 .escape-section .section-title{ top:0;}

/* Watch Section */
.watch-section{ padding-top:70px; position:relative;}
.watch-section .section-title{ top:0;}
.watch-section .item{ position:relative; /*padding-bottom:78px;*/ }
.watch-section .item .image-block { padding-top: 300px;} 
.watch-section .item .image-block .image-fit, .watch-section .item .image-block .img-outer{ height:660px; position: absolute; width: 100%; top: 0; left: 0; overflow: hidden; transition: all 0.4s;}
.watch-section .item .content{ background:url(../images/shell-blue.png) no-repeat bottom center #fff; padding:30px 75px 70px;/* bottom:0;*/ right:80px; left:80px; position:relative; z-index:2; width:480px; text-align:center;}
.watch-section .item .content ul{ padding-left: 15px; text-align: left; margin: 0;}
.watch-section .item .content:before{ height:20px; width:2px; background:#45a2c2; position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index:1; content:'';}
.watch-section .item h2{ margin:20px 0; padding-bottom:20px; position:relative; text-align:center;}
.watch-section .item h2:after{ background:#45a2c2; height:2px; width:40px; position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); content:'';}
.watch-section .item .icon{ line-height:0; text-align:center;}
.watch-section .item .button{ color:#fff; font-family:'Blacker Sans Display Trial Book'; font-weight:400; height:50px; padding:0 30px; display:inline-block; line-height:50px; margin:0 auto; background:#3c3c3b; border-radius:50px; font-size:22px; text-align:center; text-decoration:none;}
.watch-section .item .button:hover{ background:#45a2c2; color:#fff;}
.watch-section .item p{ text-align:left;}
.watch-section .item .coleql_height{ padding-bottom:30px;}
.watch-section .item .image-block .image-fit:hover{ -webkit-transform: -webkit-scale(1.04) -webkit-rotate(0); transform: scale(1.04) rotate(0); }

/* Events */
.events{ padding:80px 0 160px;}
.events .title{ text-align:center; margin-bottom:40px;}
.events .container{ max-width:1400px;}
.events .title h2{ margin:0 0 20px 0; padding-bottom:20px; position:relative; text-align:center;}
.events .title h2:after{ background:#45a2c2; height:2px; width:40px; position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); content:'';}
.events .title p{ margin-bottom:30px;}
.events .title .link{font-family:'Blacker Sans Display Trial Book'; font-weight:400; color: #3c3c3b; text-decoration:none; display:inline-block; border-bottom:2px solid #3c3c3b; font-size:22px;}
.events .title .link:hover{ color:#3c3c3b; border-bottom-color:#3c3c3b;}

/* Event Items */
.event-item .event-image{ position:relative; padding:24px 0;}
.event-item .event-image .full-img{ overflow:hidden;}
.event-item .event-image .meta{ position:absolute; font-size:14px; background:#ecf6f9; width:145px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); top:-3px; z-index:10; text-align: center;}
.event-item .event-image .meta .event-time{ min-height:27px;}
.event-item .event-image .meta .event-name{ background:#3c3c3b; color:#fff; min-height:27px; text-align: center;}
.event-item .event-image .button{ color:#fff; font-family:'Blacker Sans Display Trial Book'; font-weight:400; height:50px; padding:0 30px; display:inline-block; line-height:50px; margin:0 auto; background:#3c3c3b; border-radius:50px; font-size:22px; text-align:center; text-decoration:none; white-space:nowrap; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); position:absolute; z-index:10;}
.event-item .event-image .button:hover{ background:#45a2c2; color:#fff;}
.event-item .event-image .button:hover, .newsletter input[type=submit]:hover { background:#45a2c2; color:#fff;}
.event-item .content{ padding-top:0px; padding-left:20px; padding-left:20px;}
.event-item .content h2{ margin:0 0 20px 0; padding-bottom:20px; position:relative; text-align:center;}
.event-item .content h2:after{ background:#45a2c2; height:2px; width:40px; position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); content:'';}
.event-item .content h2 a:hover{ color: #45a2c2;}
.events .slick-slider{ margin-left:-40px; margin-right:40px;}
.events .slick-slider .item{ padding:0 40px;}
.events .slick-dots{ margin-top:40px;}
.events .slick-dots li button{ width:80px; height:2px; margin:0; background:#daecf3; border:none;}
.events .slick-dots li.slick-active button{ background:#45a2c2;}
.events .slick-slide .item{ padding-top:0; /*-moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease;*/}
/* .events .slick-slide.slick-current.slick-center .item{ padding-top:80px;} */

/* Reviews */
.reviews{ padding-bottom:100px; padding-left:40px; padding-right:40px;}
.reviews .title{ text-align:center; margin-bottom:40px;}
.reviews .title h2{ margin:0 0 20px 0; padding-bottom:20px; position:relative; text-align:center;}
.reviews .title h2:after{ background:#45a2c2; height:2px; width:40px; position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); content:'';}
.reviews .wrapper{ position:relative; padding-bottom:70px;}
.reviews .wrapper .section-title{ bottom:0; top:auto;}
.reviews .wrapper .image-block:after{ clear:both; content:''; display:table;}
.reviews .wrapper .image-block .image-fit{ height:890px; width:66.6667%; float:left;}
.reviews .wrapper .image-block .image-fit + .image-fit{width:33.3333%;}
.reviews .content{ width:66%; position:absolute; right:0; bottom:148px;}
.reviews .slick-dots{ margin-top:40px;}
.reviews .slick-dots li button{ width:80px; height:2px; margin:0; background:#daecf3; border:none;}
.reviews .slick-dots li.slick-active button{ background:#45a2c2;}
.reviews .slick-slider .item{ padding:0 30px 0 0;} 
.reviews .slick-prev, .reviews .slick-next{ left:-64px; right:auto;}
.reviews .slick-prev{ margin-top:-30px;}
.reviews .slick-next{ margin-top:30px;}
.reviews .wrapper .image-block.wide{ height:890px; background-size: cover !important;}
.reviews .wrapper .image-block.wide + .content{ width: 95% !important;}

/* Quote Content */
.quote-content{ background:#fff; position:relative; padding:48px 30px; font-size:16px;}
.quote-content:before{ height:20px; width:2px; background:#45a2c2; position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index:1; content:'';}
.quote-content .icon{ line-height:0; text-align:center; width:50px; margin-bottom:15px; margin-left:auto; margin-right:auto;}
.quote-content .star img{ margin-left:auto; margin-right:auto; height:17px; width:auto;}
.quote-content blockquote{ margin:20px 0; padding:0; position:relative;  padding-top:20px;}
.quote-content blockquote:after{ background:#45a2c2; height:2px; width:40px; position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); content:'';}
.quote-content cite{ display:block; text-align:center; font-style:normal; font-family:'Blacker Sans Display Trial Book'; font-weight:400;}
.quote-content cite span{ display:block;}

.footer{ position:relative; background:url(../images/bg-pattern.jpg); color:#3c3c3b;}
.footer a{ color:#3c3c3b; text-decoration:none;}
.footer a:hover, .class-schedule a:hover{ color:#3c3c3b; text-decoration:none;}
.footer:before{ background:url(../images/starfish-copy.png); width:623px; height:527px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:57px; content:'';}

/* Footer */
.footer .container{ padding-top:75px; padding-bottom:85px; position:relative; z-index:1; font-size:16px;}
.footer-top { padding-bottom:40px;}
.footer-top .item + .item{ /*margin-left:auto;*/ margin: 0px 65px;}
.footer-top .item h3{ margin:0 0 20px 0; padding-bottom:20px; position:relative; text-align:center; font-size:34px; color:#3c3c3b}
.footer-top .item h3:after{ background:#45a2c2; height:2px; width:40px; position:absolute; bottom:0; left:0; content:'';}

.footer-top .item .footer-heading {margin: 0 0 20px;padding-bottom: 20px;position: relative;text-align: center;font-size: 34px;color: #3c3c3b;font-weight: 400;font-family: 'Blacker Sans Display Trial Book';line-height: normal;}
.footer-top .item .footer-heading:after {background: #45a2c2;height: 2px;width: 40px;position: absolute;bottom: 0;left: 0;content: '';}

.footer-top ul{ margin:0; padding:0; list-style:none;}
.footer-top ul li + li{ margin-top:6px;}
.footer-top ul li a{ color:var(--white); position:relative; width:100%; text-decoration:none;}
.footer-top ul li a::after, .footer-top ul li a::before,.class-schedule .tab-content a::before,.class-schedule .tab-content a::after{ content:""; display:block; position:absolute; height:1px; width:0px; }
.footer-top ul li a::before ,.class-schedule .tab-content a::before{transition:width 0s ease 0s, background 0.4s ease 0s; left:0px; right:0px; bottom:-0.1rem; }
.footer-top ul li a::after,.class-schedule .tab-content a::after { right:2.2%; bottom:-0.1rem; transition:width 0.4s ease 0s; background:#3c3c3b; }
.footer-top ul li a:hover::after, .class-schedule .tab-content a:hover::after { width:100%; background:0px 0px; transition:all 0s ease 0s; }
.footer-top ul li a:hover::before, .class-schedule .tab-content a:hover::before{ width:100%; transition:width 0.4s ease 0s; background:#3c3c3b}

.footer-top .item:nth-child(2){ width:460px;}
.footer-top .logo{ margin-top:20px; text-align:center; margin-bottom:53px;}
.footer-top .logo img{ width:213px; height:auto;}
.newsletter h5, .newsletter span{ text-align:center; font-size:22px; display: block; font-family: 'Blacker Sans Display Trial Book'; margin-bottom: 16px;}
.newsletter form{ display:block; position:relative;}
.newsletter input[type=email]{ border:2px solid #3c3c3b; border-radius:50px; padding:0 190px 0 20px; color:#3c3c3b; background:#fff; height:50px; display:block; width:100%; outline:0;}
.newsletter label > span{ display: none;}
.newsletter input[type=submit]{ width:185px; color:#fff; background:#3c3c3b; border-radius:50px; height:50px; border:none; cursor:pointer; font-family:'Blacker Sans Display Trial Book'; font-weight:400; font-size:22px; text-align:center; position:absolute; top:0; right:0;}
.newsletter  input[type="checkbox"] { display:none;}
.newsletter input[type="checkbox"] + label {line-height:40px; display:block; margin:12px 0 0 0; cursor:pointer; font-size:13px;}
.newsletter input[type="checkbox"] + label span {display:inline-block; width:40px; height:40px; margin:-1px 6px 0 0; vertical-align:middle; cursor:pointer; background:#fff; border-radius:50%; border-radius:50%; }
.newsletter input[type="checkbox"]:checked + label span { background:url(../images/check.png) no-repeat center #fff; background-size:14px;}
.welcome_popup_outer .newsletter input[type="submit"]{ position: relative; display: block; margin: 10px auto;}
.welcome_popup_outer .newsletter input[type="checkbox"] + label { padding-left: 50px; line-height: 20px; }
.welcome_popup_outer .newsletter input[type="checkbox"] + label span{ position: absolute; left: 0;}
.welcome_popup_outer .newsletter input[type="email"]{ padding-right: 20px;}
#submit1:disabled, #submit2:disabled { cursor: not-allowed; opacity: 0.7; }

.newsletter form{ display:block; position:relative;}
.newsletter input:focus{outline: 2px solid transparent;}
.newsletter .mc_success_msg{ color:green; }
.newsletter .mc_error_msg{ color:red; }

.ch-outer{ position: relative;}
.footer-top .newsletter  input[type="checkbox"] { position: absolute; width:40px; height:40px; cursor:pointer; background:#fff; left: 0; top: 50%;  z-index: -1; display: block; transform: translateY(-50%);}
.footer-top .newsletter input[type="checkbox"] + label span {position: absolute; width:40px; height:40px; cursor:pointer; background:#fff; left: 0; top: 50%; border-radius: 0; transform: translateY(-50%); margin: 0px 6px 0 0;}
.footer-top .newsletter input[type="checkbox"] + label{ padding-left: 50px; position: relative;}
.newsletter input[type="checkbox"]:checked + label span { background: url(../images/check.png) no-repeat center #fff; background-size: 14px;}

.footer-mid{ padding:50px 0; border-bottom:1px solid #fff; border-top:1px solid #fff;}
.footer-mid .item + .item{ margin-left:30px;}

.footer-bottom{ padding-top:40px;}
.footer-bottom ul.footer-menu{ margin:0; padding:0; list-style:none;}
.footer-bottom ul.footer-menu li + li:before{ content:"/"; margin:0 8px;}
.footer-bottom ul.footer-menu li a{ color:var(--white); position:relative; width:100%; text-decoration:none;}
.footer-bottom ul.footer-menu li a::after, 
.footer-bottom ul.footer-menu li a::before{ content:""; display:block; position:absolute; height:1px; width:0px; }
.footer-bottom ul.footer-menu li a::before {transition:width 0s ease 0s, background 0.4s ease 0s; left:0px; right:0px; bottom:-0.1rem; }
.footer-bottom ul.footer-menu li a::after { right:2.2%; bottom:-0.1rem; transition:width 0.4s ease 0s; background:#3c3c3b; }
.footer-bottom ul.footer-menu li a:hover::after { width:100%; background:0px 0px; transition:all 0s ease 0s; }
.footer-bottom ul.footer-menu li a:hover::before{ width:100%; transition:width 0.4s ease 0s; background:#3c3c3b}

.footer-bottom .social{ margin:0; padding:0; list-style:none;}
.footer-bottom .social li + li{ margin-left:10px;}
.footer-bottom .social li a{ color:#fff; background:#45a2c2; height:50px; width:50px; border-radius:50%; text-decoration:none;}
.footer-bottom .social li a:hover{ background:#3c3c3b; color:#fff;}
.footer-bottom .social li a > span{ display: none;}
.social li svg{ height: 25px; width: 25px; fill: var(--white);}

.footer-bottom .copy-right a, .footer-bottom .footer-menu a{ height: 30px;}

/*  MI Animation  */
.mi-fadeinright,.mi-fadeinleft{ opacity: 0; transition: all 0.8s; }
.mi-fadeinright{ transform: translateX(100px); }
.mi-fadeinleft{ transform: translateX(-100px); }
.mi-fadeinright.mi-animated,
.mi-fadeinleft.mi-animated{ transform: translateX(0); opacity: 1; z-index: 99;  }


/* Popup Modal */
.popup_modal{ position:fixed; width:100%; height:100%; top:0; background:rgba(0,0,0,0.7); transition:all 0.6s; opacity:0; overflow-x:hidden; overflow-y:auto; z-index:-99; }
.popup_modal .close_modal{ position:absolute; top:-5px; right: 0px; width: 30px; height: 30px; padding: 7px; z-index:99; }
.popup_modal .close_modal svg{ width:15px; height:15px; color: #fff;  }
.popup_modal .close_modal svg .cls-1{ fill: #fff !important;}
.popup_modal .popup_dialog{ position: relative; max-width: 900px; min-height: 250px; margin: 20px auto; top: 50%; transform: translateY(-50%);}
.popup_modal .popup_content{ padding: 25px; overflow-x: hidden; overflow-y: auto; }
.popup_modal.show_modal{ opacity:1; z-index:99999; }

.popup_youtube_video_outer iframe{ height: 488px; width: 865px; border: none;}

/* SVG Draw */
.svg-draw{position: relative;}


/* Post Grid Blocks */
.post_grid{ position: relative;}
.post_grid .title{ text-align: center; margin-bottom: 60px;}
.post_grid  .pure-g.row .pure-u-1-3{ margin-bottom: 30px;}
.post_grid .post_filter_form{ position: relative; text-align: center; margin-bottom: 60px; /*background: url(../images/bg-pattern.jpg);*/ padding: 40px;}
.post_grid .post_filter_form input{ display: none; }
.post_grid .post_filter_form label{ display: inline-block; }
.post_grid .post_filter_form .pure-button.pure-button-primary{ color: #3c3c3b !important; background: #fff !important; transition: all 0.3s; border-radius: 0 !important;  height: 37px; padding: 0 18px; display: flex; align-items: center; cursor: pointer; margin: 0 2px;}
.post_grid .post_filter_form .pure-button.pure-button-primary.button-active, 
.post_grid .post_filter_form .pure-button.pure-button-primary:hover{ background: #3c3c3b !important; color: #fff !important; }


/* Heading */
.yoga-heading-wrap .ym-heading {  text-align: center;  padding: 50px;  position: relative;}
.yoga-heading-wrap .ym-heading h1, .yoga-heading-wrap .ym-heading h2{position: relative; padding-bottom: 20px; font-size: 44px;}
.yoga-heading-wrap .ym-heading::before{ height: 20px; width: 2px; background: #45a2c2; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; content: '';}
.yoga-heading-wrap .ym-heading h1::after, .yoga-heading-wrap .ym-heading h2::after{background: #45a2c2;  height: 2px;  width: 40px;  position: absolute;  bottom: 0;  left: 50%;  -webkit-transform: translateX(-50%);  -ms-transform: translateX(-50%);  transform: translateX(-50%);  content: '';}

/* Yoga Floating Button */
.yoga_floating_button{ position: fixed; bottom: 20px; z-index: 99999; width: 100%; display: none; padding: 0 40px; text-align: right;}
.yoga_floating_button .button {background: #3c3c3b;color: #fff;}
.yoga_floating_button .button:hover {background: #45a2c2;color: #fff;}

/* Contact Form */
.contact-form-outer input[type=text], 
.contact-form-outer input[type=email], 
.contact-form-outer input[type=tel],
.contact-form-outer input[type=number],
.contact-form-outer input[type=date], 
.contact-form-outer input[type=password], 
.contact-form-outer textarea, 
.contact-form-outer select{ background-color: #ecf6f9 !important; border: none !important; border-radius: 0 !important; padding: 10px 10px!important; line-height: 1.7; height: 60px; width: 100%; margin-bottom: 20px; outline: none; color: #3c3c3b;font-weight:400;}
.contact-form-outer textarea{ min-height: 175px; color: #3c3c3b; font-weight:400;}

.contact-form-outer{ position: relative; width: 100%; margin-bottom: 50px;}
.contact-form-outer h2{ font-size: 24px;}
.contact-form-outer .pure-u-1-2:first-child{ padding-right: 10px;}
.contact-form-outer .pure-u-1-2:last-child{ padding-left: 10px;}
.contact-form-outer .yogamara-acceptance{ height: 60px; width: 60px; position: relative;}
.contact-form-outer input[type="checkbox"]{ width: 60px; height: 60px; position: absolute; top: -20px;}
.contact-form-outer label:has(input[type="checkbox"]) span{ padding-left: 70px;}
.contact-form-outer label:has(input[type="checkbox"]) span::before{ position: absolute; width: 60px; height: 60px; left: 0; top: -20px; background: #ecf6f9;}
label:has(input[type="checkbox"]:checked) span::before{background-image:url(../images/tickbox.svg); background-position:center; background-repeat:no-repeat; background-size: 40px;}
.contact-form-outer .wpcf7-list-item{ margin-left: 0 !important;}
.contact-form-outer .yogamara-acceptance-outer { margin-bottom: 20px;  height: 60px;}
.contact-form-outer .wpcf7-not-valid-tip{ position: absolute !important; bottom: -38px !important; font-size: 15px !important;}

::-webkit-input-placeholder {color: #3c3c3b !important;}
:-moz-placeholder {color: #3c3c3b !important;}
::-moz-placeholder {color: #3c3c3b !important;}
:-ms-input-placeholder { color: #3c3c3b !important;}
.contact-form-outer input[type=submit]{ width:185px; color:#fff; background:#3c3c3b; border-radius:50px; height:50px; border:none; cursor:pointer; font-family:'Blacker Sans Display Trial Book'; font-weight:400; font-size:22px; text-align:center; position:absolute;}

.contact-form-outer input[type=submit]:hover { background:#45a2c2; color:#fff;}

/* Gallery Carousel */
.yoga-gallery-carousel{ position: relative; margin-top: 50px; margin-bottom: 50px;}
.gallery-carousel-swiper{position: relative; width: 100%;}
.gallery-carousel-swiper .swiper-slide .image-fit{ display: unset;}
.gallery-carousel-swiper .swiper-slide .image-fit img{ display: block;}
.gallery-carousel-swiper::after { position: absolute; width: 100%; height: 80px; left: 0; bottom: 0; content: ''; background-image: linear-gradient(to bottom,rgba(1,0,0,0),rgba(0,0,0,.65)); z-index: 1;}
.remove_top_space{ margin-top: 0px !important;}
.remove_bottom_space{ margin-bottom: 0px !important;}

.gallery-carousel-swiper .galley-pagination{ position: absolute; left: 50%;width: 60%; transform: translateX(-50%); z-index: 99; height: 55px; bottom: 0;}
.gallery-carousel-swiper .galley-pagination .swiper-pagination{ position: absolute; color: #fff; width: 80px; right: 45px; left: auto; bottom: 40px;height: 30px; }
.gallery-carousel-swiper .galley-pagination .swiper-scrollbar{ position: absolute !important; bottom: 54px; margin-top: 0px !important; margin-bottom: 0 !important; background: rgba(255,255,255,0.25) !important; height: 3px; width: 70%;}
.gallery-carousel-swiper .galley-pagination .swiper-button-prev , .gallery-carousel-swiper .galley-pagination .swiper-button-next{bottom: 20px; top: auto; color: #45a2c2;}
.gallery-carousel-swiper .galley-pagination .swiper-button-prev{ left: auto; right: 130px;}
.gallery-carousel-swiper .galley-pagination .swiper-button-next{ left: auto; right: 15px;}
.galley-pagination .swiper-button-prev svg.icon-arrow, .galley-pagination .swiper-button-next svg.icon-arrow{ top: 0px;}
.swiper-container-horizontal > .swiper-scrollbar {  max-width: 80% !important; left: 5% !important; bottom: 7px !important; height: 3px !important;}

.gallery-carousel-swiper .swiper-button-prev::after, .gallery-carousel-swiper .swiper-button-next::after { display: none;}
.gallery-carousel-swiper .swiper-button-prev svg.icon-arrow, .gallery-carousel-swiper .swiper-button-next svg.icon-arrow {  height:25px; width:23px; position: absolute; top: -5px;}
.gallery-carousel-swiper .swiper-button-prev svg.icon-arrow{transform: rotate(180deg);}
.gallery-carousel-swiper .swiper-button-next::after, .gallery-carousel-swiper .swiper-button-prev::after{ content: '' !important;}
.gallery-carousel-swiper .swiper-scrollbar-drag{ background: #45a2c2;}


/* YM Carousel */
.yogamara-carousel{ position: relative; margin-top: 70px; margin-bottom: 70px;}
.yogamara-carousel .title h2 {  margin: 0 0 20px 0;  padding-bottom: 20px;  position: relative;  text-align: center;}
.yogamara-carousel .title h2::after { background: #45a2c2; height: 2px; width: 40px; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); content: ''; }
.yogamara-carousel .YmCarousel .item{ padding: 15px;} 
.yogamara-carousel .YmCarousel .item .title{ margin-top: 20px;}
.yogamara-carousel .YmCarousel .item .title h3{ font-size: 34px;}
.yogamara-carousel .YmCarousel .slick-prev{ left: 80px !important;}
.yogamara-carousel .YmCarousel .slick-next{ right: 80px !important;}


/* YM Image List */
.ym-list-image{ position: relative; padding-top: 40px; padding-bottom: 40px;}
.ym-list-image .title h2{ font-size: 22px;}
.ym-list-image .background-image{ padding: 115px; margin-left: 40px; margin-right: 40px; background-size: cover !important;}
.ym-list-image .list-outer .heading{ margin-bottom: 80px;}
.ym-list-image .list-outer .heading .title{ width: 75%;}
.ym-list-image .list-outer .heading .sub_title { width: 350px; float: right; }
.ym-list-image .list-outer .list_title{ padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #fff; }
.ym-list-image .list-outer .list-btn{ text-decoration: none; padding: 10px 30px; border: 1px solid #3c3c3b; display: inline-block;}
.ym-list-image .list-outer .list_title.left { margin-right: 40px; }
.ym-list-image .list-outer .list_title.right { margin-left: 40px; }

/* YM Button Block */
.ym-button-wrap{ position: relative;}
.ym-button-wrap .secondary-button{ display: inline-block;}
.ym-button-wrap.left{ text-align: left;}
.ym-button-wrap.center{text-align: center;}
.ym-button-wrap.right{text-align: right;}

/* Logos Carousel */
.ym-logos-carousel{ position: relative; padding-top: 40px; padding-bottom: 40px;}
.LogosCarousel{ position: relative; padding-left: 60px; padding-right: 60px;}
.LogosCarousel .item{ text-align: center; padding: 15px 25px; height: 120px; display: flex !important; align-items: center;}
.LogosCarousel .item a, .LogosCarousel .item img{ text-align: center; display: inline-block; margin: 0 auto; max-height: 75px; width: auto; min-height: 25px;}
.LogosCarousel .slick-next{ right: 20px;}
.LogosCarousel .slick-prev{ left: 20px;}

/* Welcome Popup */
.welcome_popup_outer .popup_dialog .close_modal{ top: 30px; right: 35px; cursor: pointer;}
.welcome_popup_outer .close_modal svg .cls-1 { fill: #000 !important; }
.welcome_popup_outer .popup_content .title{ background: url(../images/bg-pattern.jpg); height: 100%; padding: 40px; display: flex; flex-direction: column; justify-content: center;}

/* YM Simple Text Image */
.ym-simple-text-image{ position: relative; padding-top: 70px; padding-bottom: 70px;}
.ym-simple-text-image .pure-u-1-2{ display: flex; flex-direction: column; justify-content: center;}
.ym-simple-text-image .image-fit{ height: 90vh; max-width: 580px; width: auto; }
.ym-simple-text-image .title{ padding-bottom: 25px;}
.ym-simple-text-image .title h2{ position: relative; padding-bottom: 20px;}
.ym-simple-text-image .title h2::after { background: #45a2c2; height: 2px; width: 40px; position: absolute; bottom: 0; left: 0; content: ''; }
.ym-simple-text-image .content{ padding: 30px;}
.ym-simple-text-image .swap-slide .content{ padding:30px 30px 30px 0px;}
.ym-simple-text-image .swap-slide .image-right{padding-left: 40px;}

/* YM Circles */
.ym-circles-wrap{ position: relative; margin-bottom: 50px; margin-top: 50px;}
.ym-circles-wrap .circle-outer { display: flex; position: absolute; top: 75px; left: 50%; transform: translateX(-50%); width: 885px;}
.ym-circles-wrap .circle { padding: 35px; background: #0c2c43; color: #fff; width: 220px; text-align: center; height: 220px; border-radius: 50%; margin: 0px 40px; display: flex; flex-direction: column; justify-content: center;}
.ym-circles-wrap .circle strong{ display: block; font-size: 24px;}

/* Recaptcha */
.grecaptcha-badge{ z-index: 9999;}

/* Single Post */
.share_post_title{ text-align: center; margin-top: 70px; display: block; font-size: 28px; font-family: 'Blacker Sans Display Trial Book';}
.ym-subtitle h2{ font-size: 28px; position: relative; padding-bottom: 20px;}
.ym-subtitle h2::after { background: #45a2c2; height: 2px; width: 40px; position: absolute; bottom: 0; left: 50%; content: ''; transform: translateX(-50%); }

@media (min-width: 992px) and (max-width: 1559px) {
    .reviews .content{ width: 75%;}
   
}

/* @media (min-width: 992px) and (max-width: 1324px) {
    .reviews .content{ width: 80%;}
   
} */

@media (min-width: 1200px) and (max-width: 1299px) {
    .stellarnav > ul > li + li{ margin-left:30px;}
    .header .logo img{ width:180px;}
    .header{ padding:20px 20px 0;}
    .header.fixed-header{padding:10px 20px;}
}

@media (min-width: 992px) and (max-width: 1259px) {
    .LogosCarousel .item a, .LogosCarousel .item img{ min-height: 20px;}
    .ym-circles-wrap .section-title{ font-size: 90px; top: -55px;}
   
} 

@media (max-width: 1375px) {
    .header .button{ white-space: nowrap;}
    .stellarnav > ul > li + li{ margin-left:30px;}
   
}

@media (max-width: 1199px) {
    /* .stellarnav > ul > li > a{ font-size: 16px;} */
    .header .logo img { width: 125px;}
    .stellarnav > ul > li + li { margin-left: 20px;}
    .header .button { font-size: 18px; padding: 0 20px; }
   
}

@media (prefers-color-scheme: dark) {
    body { background-color: #000; color: #fff; }
    .no_banners .header .logo img, 
    .no_banners .header .menu-btn, .LogosCarousel .item img{ filter: brightness(0) invert(1);}
    .header.fixed-header img, .header.fixed-header .menu-btn{filter: unset !important;}
    .content, .class-section, .class-schedule, .quote-content, .no-watermark .content{color: #3c3c3b;}
    .no_banners .header .action a, .no_banners .header .menu-btn, .event-item .content{ color: #fff;}
    .header.fixed-header .action a, .header.fixed-header .menu-btn, .class-section .slider-nav .slick-track .nav-title, .ym-list-image{ color: #3c3c3b;}
    .banner .banner-mask.white{  color: #000;}
    .events .title .link{color: #fff;}
    .yogamara-banner-news.white .w1 .content{ color: #fff; background-color: #000;}
    .ym-simple-text-image .title h2, .ym-simple-text-image p, .ym-simple-text-image .content{ color: #fff;}

    .stellarnav{ color: #3c3c3b;}
    .stellarnav > ul > li > a{ color: #fff;} 
    .stellarnav > ul > li > a:hover{color: #fff;}
    .stellarnav > ul > li.current-menu-item > a{ color: #fff;}

    .header.fixed-header .stellarnav > ul > li > a,
    .header.fixed-header .stellarnav > ul > li > a:hover, 
    .header.fixed-header .stellarnav.dark li a:hover, 
    .header.fixed-header .stellarnav > ul > li.current-menu-item > a, 
    .header.fixed-header .stellarnav > ul > li.current-menu-parent > a{ color: #3c3c3b;}

    .header.fixed-header .stellarnav > ul > li > a:hover::before{ background: #45a2c2;}
    .section-title{ top: -105px;}
    .no-watermark .about-section .about-section-row{  margin-bottom: 50px; }
    .popup_content h2, .popup_content p, .popup_content label, .event-item .event-image .meta .event-time{ color: #3c3c3b;}
}

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

.cky-accordion .cky-accordion-chevron em::before {content: "";position: absolute;border-right: 1.4px solid;border-bottom: 1.4px solid;border-color: inherit;height: 6px;width: 6px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);transition: all 0.2s ease-in-out;top: 8px;}