/* =================================
------------------------------------
	Namaste - Yoga HTML Template
	Version: 1.0
 ------------------------------------
 ====================================*/


/*----------------------------------------*/
/* Template default CSS
 /*----------------------------------------*/


 
 /*---------------------
     Helper CSS
   -----------------------*/
 
 .section-title {
   text-align: center;
 }
 
 .section-title h2 {
  
 }
 
 .set-bg {
   background-repeat: no-repeat;
   background-size: cover;
   background-position: top center;
 }
 
 .spad {
   padding-top: 99px;
   padding-bottom: 99px;
 }
 
 .sp-title {
   margin-bottom: 50px;
 }
 
 .sp-title img {
   margin-bottom: 25px;
 }
 
 .sp-title span {
   font-size: 12px;
   text-transform: uppercase;
   letter-spacing: 1px;
   display: block;
 }
 
 .sp-title h3,
 .sp-title h4,
 .sp-title h5 {
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 2px;
   padding-top: 10px;
 }
 
 .text-white h1,
 .text-white h2,
 .text-white h3,
 .text-white h4,
 .text-white h5,
 .text-white h6,
 .text-white p,
 .text-white span,
 .text-white li,
 .text-white a {
   color: #fff;
 }
 
 .i-fix:before {
   margin-right: -15px;
 }
 
 .gradient-bg-2,
 .site-btn.sb-gradient,
 .accordion-area .panel-link.active,
 .site-tab-nav.nav.nav-tabs.stn-dark .nav-link.active,
 .site-tab-nav.nav.nav-tabs .nav-link.active,
 .course-item .ci-icon:after,
 .footer-section,
 .blog-item .blog-date {
 
}


   /* Old browsers */
   /* FF3.6-15 */
   /* Chrome10-25,Safari5.1-6 */
   
   /* IE6-9 */
 }
 
 


 /* ----------------
    Courses Section
   ---------------------*/
 
 .courses-section {
  
  
 }
 
 .course-item {
   text-align: center;
 }
 
 .course-item .ci-icon {
   width: 120px;
   height: 120px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
  
   margin: 0 auto 45px;
   position: relative;
   color: black;
   -webkit-transition: all 0.4s;
   transition: all 0.4s;
 }
 
 .course-item .ci-icon:after {
   position: absolute;
   content: "";
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
  
   opacity: 0;
   -webkit-transform: scale(0.9);
   transform: scale(0.9);
   -webkit-transition: all 0.4s;
   transition: all 0.4s;
 }
 
 .course-item .ci-icon i {
   font-size: 50px;
   position: relative;
   z-index: 1;
 }
 
 .course-item .ci-icon img {
   max-width: 77px;
 }
 
 .course-item span {
   font-size: 12px;
   text-transform: uppercase;
   color: #7f7987;
 }
 
 .course-item h4 {
   font-weight: 700;
   margin-bottom: 35px;
   letter-spacing: 2px;
   text-transform: uppercase;
 }
 
 .course-item p {
   margin-bottom: 0;
 }
 
 .course-item:hover .ci-icon {
  
 }
 
 .course-item:hover .ci-icon:after {
   -webkit-transform: scale(1);
   transform: scale(1);
   opacity: 1;
 }