@charset "utf-8";
/* CSS Document */

body{
font-family: 'Comfortaa', cursive;
}

/*-------------------- Desktop CSS Start --------------------*/

.sky-tmar{
margin-top:4em;	
}
.clear{
clear: both;	
}
/*-- Header Section Start --*/
.sky-header{
background:url(../img/header-bg.jpg);
background-size: cover;	
}
.sky-menu{
margin-right: auto !important;
margin-left: auto !important;	
}
.sky-logo{
width: 130px;
position: relative;
top: 15px;
}
.sky-logo-hide{
display: none;
}
.navbar-light .navbar-nav .nav-link{
color: #242424;	
margin: 0em 0.75em;
padding-top: 3em;
font-weight:600;
}
.sky-logo-space{
padding-top: 0 !important;	
}
.navbar-light .navbar-nav .active>.nav-link{
color: #000;
font-weight:bolder;
}
.sky-banner{
background:url(../img/banner-img.jpg);
background-size: cover;
width: 100%;	
padding: 11em 1em;
background-position: 50% 50%;
border: 4px solid #fbad1d;
-webkit-box-shadow: -4px 14px 24px -5px rgba(0,0,0,0.27);
-moz-box-shadow: -4px 14px 24px -5px rgba(0,0,0,0.27);
box-shadow: -4px 14px 24px -5px rgba(0,0,0,0.27);
}
.sky-banner h1{
font-family: 'Kalam', cursive;
font-size: 48px;
color: #242424;
padding:0.5em;
width:460px;
text-align: left;
font-weight: 800 !important;
}
.sky-cta{	
margin-top:3em;
}
.sky-cta a, .sky-submit{
background-image: linear-gradient(to right, #d68200 , #fbad1d) !important;
color: #fff !important;
font-size: 16px !important;
border: none !important;
border-radius: 60px !important;
padding: 15px 60px !important;
}
.sky-cta a:hover, .sky-submit:hover{
background-image: linear-gradient(to right, #fbad1d , #d68200) !important;	
text-decoration: none !important;
}
.banner-sc{
display: none;	
}
/*-- Header Section End --*/

/*-- Intro Section Start --*/
.sky-intro{
padding-top:5em;
padding-bottom:5em;	
}
.sky-intro h2{
text-align: center;
font-family: 'Kalam', cursive;
font-weight: 800;
color: #fbad1d;
font-size: 32px;
line-height: 46px;
margin-bottom:1em;
}
.sky-intro h2 span{
font-weight:600;	
}
.sky-intro p{
text-align: center;
color: #242424;
font-size:18px;
width:80%;
margin: 0 auto;
line-height:32px;	
}
.sky-intro p span{
color: #fbad1d;
font-weight:600;	
}
/*-- Intro Section End --*/

/*-- Welcome Section Start --*/
.sky-yoga-sec-bc{
margin-top:2em;
margin-bottom:2em;
background-image: linear-gradient(to bottom, #fff , #cfc1aa);
}
.sky-welcome{
padding-top:1em;	
padding-bottom:5em;	
}
.sky-welcome .sk-img{
padding:1em;	
}
.sky-welcome .sky-welcome-icon{
width:60px;	
}
.sky-welcome h3{
font-size: 20px;
color:#242424;
font-weight: bold;
margin-top: 0.5em;	
}
.sky-welcome h2{
color: #fbad1d;
font-size: 32px;
line-height: 46px;
margin-bottom:1em;	
}
.sky-welcome p{
color: #242424;
font-size:16px;
line-height:28px;	
}
.sky-welcome p span{
color: #fbad1d;
font-weight:600;	
}
/*-- Welcome Section End --*/

/*-- Yoga Section Start --*/
.sky-yoga-sec-bg{
background:url(../img/yoga-sec-bg.png);	
background-position: bottom;
background-repeat: no-repeat;
}
.sky-yoga-sec{
padding-top:2em;
padding-bottom:2em;	
}
.sky-yoga-sec .sky-yoga-icon{
width:60px;	
}
.sky-yoga-sec h2{
color: #fbad1d;
font-size: 32px;
line-height: 46px;
margin-bottom:1em;	
}
.sky-yoga-sec h2 span{
color: #242424;
}
.sky-yoga-sec p{
color: #242424;
font-size:16px;
line-height:28px;	
}
/*-- Yoga Section End --*/

/*-- Yoga Classes Section Start --*/
.sky-yclass-sec{
padding-top:3em;
padding-bottom:3em;
text-align: center;	
}
.sky-yclass-sec .sky-yclass-icon{
width:60px;	
}
.sky-yclass-sec h2{
color: #fbad1d;
font-size: 32px;
line-height: 46px;
padding:0.25em 0;
}
.sky-yclass-sec .sky-yclass-rel{
position: relative;	
top:100px;
z-index:999;
}
.sky-yclass-sk-img{
margin-top: 2em;
}
.sky-yclass-sec .sky-yclass-type{
width:180px;	
margin-bottom: 1em;
}
.sky-yclass-sec h3{
color: #242424;
font-family: 'Kalam', cursive;
font-weight: bold;
font-size:24px;
padding: 0.25em 0;	
}
.sky-yclass-sec p{
color: #242424;
font-size:16px;
line-height:28px;
}
/*-- Yoga Classes Section End --*/

/*-- Online Yoga Class Section Start --*/
.sky-online-yoga-sec-bg{
background: url(../img/online-yoga-classes.jpg);
background-size: cover;
background-repeat: no-repeat;
}
.sky-online-yoga-sec{
padding-top: 5em;
padding-bottom: 5em;
text-align: center;
}
.sky-online-yoga-sec h2{
color: #fbad1d;
font-size: 32px;
line-height: 46px;
margin-bottom:2em;		
}
.sky-online-yoga-sec h2 span{
color: #fff;		
}
.sky-online-yoga-sec .sky-online-yoga-sec-img{
margin-bottom:4em;	
}
.sky-online-yoga-sec .sky-online-yoga-sec-img img{
border:25px solid #fff;	
-webkit-box-shadow: -4px 14px 24px -5px rgba(0,0,0,0.27);
-moz-box-shadow: -4px 14px 24px -5px rgba(0,0,0,0.27);
box-shadow: -4px 14px 24px -5px rgba(0,0,0,0.27);
}
.sky-online-yoga-sec p{
color: #242424;
font-size:16px;
line-height:28px;		
background: #fff;
padding: 1em;
}
/*-- Online Yoga Class Section End --*/

/*-- Talking About Section Start --*/
.sky-tabt-sec{
padding-top: 3em;
padding-bottom: 3em;
}
.sky-tabt-sec h2{
color: #242424;
font-size: 32px;
line-height: 46px;
margin-bottom:2em;
padding:2em 1em;
border-left:4px solid #242424;	
}
.sky-tabt-sec h3{
color: #242424;
font-size:26px;
margin-top:0.5em;
font-weight:600;
}
.sky-tabt-sec h4{
color: #242424;
font-size:20px;
font-weight:600;
margin-bottom:0.75em;
}
.sky-tabt-sec p{
color: #242424;
font-size:16px;
font-weight:600;
line-height:28px;
}
/*-- Talking About Section End --*/

/*-- Connect Section Start --*/
.sky-connect{
background:#ebebeb;
padding-top: 5em;
padding-bottom: 4em;
}
.sky-connect h3{
color: #242424;
font-size:24px;
}
.sky-connect h2{
color: #242424;
font-size: 38px;
line-height: 46px;
margin-bottom:1em;
}
.sky-connect p{
color: #242424;
font-size:16px;
padding-right:1em;
line-height:28px;
}
.sky-connect .form-row{
margin-top:2em;	
}
.sky-connect .form-row .form-control{
background-image: linear-gradient(to bottom, #e3dbcd , #fff);
border-radius: 50px !important;
padding: 15px 20px;	
}
.sky-connect .sky-form-btn{
background-image: linear-gradient(to right, #d68200 , #fbad1d) !important;
color: #fff !important;
font-size: 16px !important;
border: none !important;
border-radius: 60px !important;
padding: 15px 50px !important;
width:100%;
}
.sky-connect .sky-form-btn:hover{
background-image: linear-gradient(to right, #fbad1d , #d68200) !important;	
text-decoration: none !important;
}
/*-- Connect Section End --*/

/*-- Bottom Section Start --*/
.sky-btm-sec{
background:url(../img/bottom-banner.jpg);
background-size: cover;
padding-top: 10em;
padding-bottom: 10em;
}
.sky-btm-sec .sky-btm-sec-wid{
float:right;
width:50%;	
}
.sky-btm-sec h2{
color: #fff;
font-weight: 900;
font-family: 'Kalam', cursive;
font-size: 32px;
line-height: 46px;
margin-bottom:1em;	
}
/*-- Bottom Section End --*/

/*-- Footer Section Start --*/
.sky-ftr-sec{
padding-top: 2em;
padding-bottom: 2em;
background:#000;
color: #fff;
}
.sky-ftr-sec ul{
list-style-type:none;
margin-left:-40px;
margin-top:2.5em;	
}
.sky-ftr-sec ul li{
display: inline-block;
padding-right:10px;
}
.sky-ftr-sec ul li a, .sky-cpyrght{
color: #fff;
font-size:14px;
text-decoration:none;
}
.sky-ftr-sec .sky-sm{
text-align:right;	
margin-top:3em;
margin-right: 2em;
}
.sky-ftr-sec .sky-ftr-logo{
text-align: center;
}
.sky-ftr-sec .sky-ftr-logo img{
width:130px;	
}
/*-- Footer Section End --*/

/*-------------------- Desktop CSS End --------------------*/

/*-------------------- Responsive CSS Start --------------------*/

@media (max-width: 1200px) { 
/*-- Header Section Start -- */ 
.sky-logo{width: 130px;}
/*-- Header Section End -- */

/*-- Intro Section Start -- */ 
.sky-intro p{width:85%;}
.sky-intro {
padding-top: 5em;
padding-bottom: 2em;
}
/*-- Intro Section End -- */ 

/*-- Welcome Section Start -- */ 
.sky-welcome .sk-img {
padding: 0.5em;
margin-top: 3em;
}
/*-- Welcome Section End -- */ 
/*-- Yoga Section Start -- */ 
.sky-yoga-sec {
padding-top: 2em;
padding-bottom: 4em;
}
/*-- Yoga Section End -- */ 

/*-- Yoga Classes Section Start -- */ 
.sky-yclass-sec .sky-yclass-rel{
top:80px
}
/*-- Yoga Classes Section End -- */

/*-- Bottom Section Start -- */
.sky-btm-sec{background-position: center top;padding-top: 6em;
padding-bottom: 6em;}
.sky-btm-sec .sky-btm-sec-wid{width: 60%;}
/*-- Bottom Section End -- */
}

@media (max-width: 991px) { 

/*-- Header Section Start -- */ 
.sky-logo{
    position: relative;
    top: 0px;  
}
.sky-logo-hide{
display: block;
}
.sky-logo-hide-sc{
display: none;
}
.navbar-light .navbar-nav .nav-link {
padding-top: 1em;
}
.navbar-light .navbar-toggler{
border: none;		
}
.navbar-light .navbar-toggler-icon {
-webkit-background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");	
-moz-background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-collapse{
border-top: 1px solid rgb(244, 244, 244);	
}
.navbar-light .navbar-nav .nav-link {
margin: 0px 10px;
border-bottom: 1px solid #f4f4f4;
}
.sky-banner{
padding: 6em 1em;	
}
.sky-banner h1{
font-size:30px;	
}
/*-- Header Section End -- */

/*-- Intro Section Start -- */ 
.sky-intro p{width:100%;}
/*-- Intro Section End -- */ 

/*-- Welcome Section Start -- */ 
.sky-welcome {
padding-top: 1em;
padding-bottom: 5em;
text-align: center;
}
.sky-welcome .sk-img {
padding: 1em;
margin-top: 0;
}
/*-- Welcome Section End -- */ 

/*-- Yoga Section Start -- */ 
.sky-yoga-sec {
padding-top: 2em;
padding-bottom: 4em;
}
.sky-tmar-md{
margin-top:3em;
}
/*-- Yoga Section End -- */ 

/*-- Yoga Classes Section Start -- */ 
.sky-yclass-sec {
padding-top: 2em;
padding-bottom: 2em;
}
.sky-tmar {
margin-top: 2em;
}
.sky-yclass-sec .sky-yclass-type {
width: 150px;
margin-bottom: 1em;
}
.sky-yclass-sec h3{
font-size:22px;
}
/*-- Yoga Classes Section End -- */

/*-- Bottom Section Start -- */
.sky-btm-sec{padding-top: 4em;
padding-bottom: 4em;}
/*-- Bottom Section End -- */

/*-- Footer Section Start --*/
.sky-ftr-sec .sky-ftr-logo {
    text-align: left;
}
.sky-ftr-sec .sky-sm {
    text-align: left;
    margin-top: 1em;
    margin-right: 0em;
}
.sky-ftr-sec ul {
    margin-top: 1em;
}
/*-- Footer Section End --*/
}

@media (max-width: 768px) { 

/*-- Header Section Start --*/
.sky-banner{
padding: 5.5em 1em;
}
.sky-banner h1 {
font-size: 28px;
width:330px;
}
/*-- Header Section End --*/

/*-- Intro Section Start -- */ 
.sky-intro {
padding-top: 5em;
padding-bottom: 1em;

}
.sky-intro h2{
font-size: 28px;
line-height: 42px;	
}
/*-- Intro Section End -- */ 

/*-- Welcome Section Start -- */ 
.sky-welcome {
padding-top: 1em;
padding-bottom: 5em;
text-align: center;
}
.sky-welcome h2 {
font-size: 28px;
line-height: 42px;
}
.sky-welcome .sk-img {
padding: 0em;
}
/*-- Welcome Section End -- */ 

/*-- Yoga Section Start -- */ 
.sky-yoga-sec {
padding-top: 2em;
padding-bottom: 4em;
}
.sky-yoga-sec h2 {
font-size: 28px;
line-height: 42px;
}
.sky-tmar-md{
margin-top:3em;
}
/*-- Yoga Section End -- */ 

/*-- Yoga Classes Section Start -- */ 
.sky-yclass-sec {
padding-top: 2em;
padding-bottom: 2em;
}
.sky-yclass-sec h2 {
font-size: 28px;
line-height: 42px;
}
.sky-yclass-sec p {
margin-bottom: 3em;
}
.sky-yclass-sec .sky-yclass-rel{
top:0px
}
.sky-yclass-sk-img {
margin-top: 0;
}
/*-- Yoga Classes Section End -- */

/*-- Online Yoga Class Section Start --*/
.sky-online-yoga-sec h2 {
font-size: 28px;
line-height: 42px;
margin-bottom: 1.5em;
padding:0 1em;
}
.sky-online-yoga-sec .sky-online-yoga-sec-img {
padding: 1em;
margin-bottom: 2em;
}
.sky-online-yoga-sec .sky-online-yoga-sec-img img {
border: 15px solid #fff;
}
.sky-online-yoga-sec {
padding-top: 3em;
padding-bottom: 3em;
text-align: center;
}
/*-- Online Yoga Class Section End --*/

/*-- Talking About Section Start --*/
.sky-tabt-sec {
padding-top: 1em;
padding-bottom: 2em;
}
.sky-tabt-sec h2 {
font-size: 28px;
line-height: 42px;
margin-bottom: 1em;
padding: 1em;
}
.sky-tabt-sec h3 {
font-size: 26px;
margin-top: 1em;

}
.sky-tabt-sec h4 {
font-size: 18px;    
line-height: 25px;
}
/*-- Talking About Section End --*/

/*-- Connect Section Start --*/
.sky-connect {
padding-top: 4em;
padding-bottom: 4em;
}
.sky-connect p {
padding:0;
}
.sky-connect h3 {
font-size: 20px;
}
.sky-connect h2 {
font-size: 28px;
line-height: 42px;
margin-bottom: 0.5em;

}
/*-- Connect Section End --*/

/*-- Bottom Section Start -- */
.sky-btm-sec {
    padding-top: 3em;
padding-bottom: 3em;
    background-position: center;
}
.sky-btm-sec .sky-btm-sec-wid{width: 75%;}
.sky-btm-sec h2 {
    color: #fff;
    font-size: 26px;
    line-height: 40px;
    margin-bottom: -0.5em;
}
/*-- Bottom Section End -- */
}

@media (max-width: 480px) { 
/*-- Header Section Start --*/
.sky-banner{
padding: 0em;
background-color:#efe6d9;
background-image: none !important;
}
.sky-banner h1 {
font-size: 28px;
padding:1em 1em 0.25em 1em;
text-align:center;
width:100%;
}
.banner-sc{
display: block;	
}
/*-- Header Section End --*/

/*-- Yoga Classes Section Start -- */ 
.sky-yclass-sec .sky-yclass-type {
width: 130px;
}
/*-- Yoga Classes Section End -- */ 
/*-- Bottom Section Start -- */
.sky-btm-sec {
    background-position: center right;
}
.sky-btm-sec .sky-btm-sec-wid{width: 100%;}
.sky-btm-sec h2 {
    font-size: 26px;
}
/*-- Bottom Section End -- */
}

/*-------------------- Responsive CSS End --------------------*/