body{
  top:0;
  padding:0;
  margin: 0;
}
#Intro{
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative; /*  background: #ffffff;*/
}
.row {
  display: flex;
}
.column {
  flex: 33.33%;
  padding: 5px;
}
.loader{
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999991; /*  background-image: url("../img/bg.gif");  background-image: url("../img/background.jpg"); background-repeat: no-repeat; background-size: cover; background-position:center center; animation-duration: 6s;*/
}
.rectangle{
  border: 1px solid blue;
  margin:50px;
}
/*#loader-inner*/
.loader-inner{
  background-repeat: no-repeat;
  position: absolute;
  background-position: 50% 50%;
align-items:center;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0; /*  background-image: url("../img/loader-image-yoga.gif");*/
}
.center{
  display: block;
  margin: 50px auto;
  width: auto;
}
img{
  max-width: 100%;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
//        display: block; /* remove extra space below image */
    }
.fade-in {
  display: block;
  margin: 50px auto;
  width: auto;
  animation: fadeIn 1.5s ease-in 1 forwards;
} 
@keyframes fadeIn { from { opacity:0; } to{ opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to{ opacity:1; } }
@-webkit-keyframes fadeIn { from { opacity:0; } to{ opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to{ opacity:1; } }
.loader .btn-get-started {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 4px 40px;
  border-radius: 50px;
  transition: 0.5s;
  margin: 1px;
  color: #fff;
  background: #f05f40;
  border: 1px solid #f05f40;
}
.carousel-container{
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0;
  left: 0px;
  right: 0px;
  top: 500px;
}
.swamieffect {
  left: 0px; overflow-y:scroll; text-align: center!important;
}
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  -webkit-border-radius: 10px; border-radius: 10px; }
::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: #f05f40; //rgba(255,0,0,0.8);  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);  }
::-webkit-scrollbar-thumb:window-inactive { background: #f05f40; //rgba(255,0,0,0.4); }

/*ul{ position:absolute; top:40%; left:50%; transform:translate(-50%,-50%); margin:0; padding:0; }
ul li{ list-style:none; margin:12px; color: #fff; animation:glow, animate .5s ease-in infinite; }
@keyframes animate {  0% {    opacity:0;  }  100% {    opacity:1;  }}
ul li:nth-child(7){   animation:  fadeIn ease-in-out 2.2s;}
ul li:nth-child(6){   animation:   fadeIn ease-in 4.5s;}
ul li:nth-child(5){   animation:   fadeIn ease-in 8.5s;}
ul li:nth-child(4){   animation:  fadeIn ease-in 12.5s;}
ul li:nth-child(3){   animation:  fadeIn ease-in 18.5s;}
ul li:nth-child(2){   animation:  fadeIn ease-in 23.5s;}
ul li:nth-child(1){   animation:  fadeIn ease-in 50s;}
.chakra1{}
.chakra2{}
.chakra3{}
.chakra4{}
.chakra5{}
.chakra6{} 
.chakra7{}*/      
/*.loader-inner>div{ height: 45vw; width: 45vw; animation: 3s floating infinite ease-in-out; -webkit-animation: 3s floating infinite ease-in-out; -moz-animation: 3s floating infinite ease-in-out; -ms-animation: 3s floating infinite ease-in-out; -o-animation: 3s floating infinite ease-in-out; }*/
/*.rays{ background: url(../img/rays-main.png) 0 0 no-repeat; position: absolute; margin: 0; padding: 0; top: 50%; left: 50%; width: 550px;  height: 550px; transform: translate(-50%, -50%);  animation-delay: 20.5s; animation: fadeIn ease-in; }
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.spiner{ animation-name: spin;  animation-duration: 40000ms; animation-iteration-count: infinite;  animation-timing-function: linear; } */
/* .fadeInanimation{  background-image: url("../img/swami.png");  background-repeat: no-repeat;  position: absolute;  background-position: 50% 50%;  top: 0;  right: 0;  left: 0;  bottom: 0;  animation: fadeandScale 50s ease-in;  -webkit-animation: fadeandScale 50s ease-in;  -moz-animation: fadeandScale 50s ease-in;  -o-animation: fadeandScale 50s ease-in ;  -ms-animation:fadeandScale 50s ease-in; }
@keyframes fadeandScale { from { opacity:0; } to{ opacity:1; } }
@-moz-keyframes fadeandScale { from { opacity:0; } to{ opacity:1; } }
@-webkit-keyframes fadeandScale { from { opacity:0; } to{ opacity:1; } }
@-o-keyframes fadeandScale { from { opacity:0; } to{ opacity:1; } }*/
/*----------------------------------------------Fade out--------------------------------*/
/*@keyframes fadeOut { from { opacity:1; } to{ opacity:0; } }
@-moz-keyframes fadeandScale { from { opacity:1; } to{ opacity:0; } }
@-webkit-keyframes fadeandScale { from { opacity:1; } to{ opacity:0; } }
@-o-keyframes fadeandScale { from { opacity:1; } to{ opacity:0; } }*/