/* Table of contents
----------------------------------------------------------------------
 1 - Global Styles
 2 - header Styles
 3 - slider
 5 - professional trainers
 6 - why choose yoga
 7 - Classes  section
 8 - Qoute  section
 9 - blog post  section
 10 - client logo section
 11 - footer section  section
---------------------------------------------------------------------- */
.flex-control-thumbs img{
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'>&l…1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(100%);
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
-webkit-filter: grayscale(0%);
}
/* 1 - Global Styles
---------------------------------------------------------------------- */
body, .body {
margin: 0;
padding: 0;
font-family: 'Open Sans', sans-serif;
font-size: 14px; /*  14px= 1em  */
}
h2, h3, h4, p, span, ul, ol {
margin: 0;
padding: 0;
}
p {
/*color: #53626f;*/
}
a {
/*display: block;*/
}
a:hover,
a:focus {
text-decoration: none;
}
.section-title{
font-size: 50px;
color: #161616;
font-weight: 800;
font-family: 'Source Sans Pro', sans-serif;
text-transform: uppercase;
line-height: 48px;
position: relative;
/*margin-left: 15px;*/
}
.section-title span{
font-size: 36px;
color: #161616;
font-weight: 700;
}
.section-title:after{
content: "";
position: absolute;
left: 0;
bottom: -20px;
width: 80px;
height: 3px;
background-color: #43aea8;
}
.section-padding{
padding: 90px 0;
}
.custom-btn{
display: inline-block;
padding: 6px 20px;
color: #767676;
font-size: 14px;
text-transform: uppercase;
border: 2px solid #ededed;
font-weight: 700;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.custom-btn:hover{
color: #fff !important;
background-color: #43aea8;
border: 2px solid #43aea8;
}
/*  box iamge */
.image-box{
width: 95%;
border: 5px solid #ededed;
background-color: #fff;
margin-top: 96px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-mx-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.image-box .b-img {
width: 100%;
margin-left: 20px;
margin-top: -20px;
}
.b-img a,
.box-img a  {
display: block;
position: relative;
z-index: 1;
}
.image-box .image-des{
position: static;
bottom: 27px;
left: 0;
width: 100%;
text-align: center;
padding-bottom: 30px;
}
.image-des p{
font-size: 16px;
color: #767676;
line-height: 26px;
font-family: 'Open Sans', sans-serif;
display: block;
overflow: hidden;
}
.image-box .b-img{
position: relative;
overflow: hidden;
}
.class-img:before,
.image-box .b-img:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.0);
z-index: 1;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.f-product-box .box-img img,
.image-box .b-img img{
width: 100%;
transition: all 0.5s ease-in-out;
}
.image-box:hover {
border: 5px solid #43aea8;
}
.f-product-box:hover .box-img>a>img,
.image-box:hover .b-img>a>img {
transform: scale(1.02) rotate(-0.7deg);
transition: all 0.5s ease-in-out;
}
.class-image-box:hover .class-img:before,
.image-box:hover .b-img:before {
opacity: 1;
}
/*  post info  */
.post-info{
padding: 8px 0;
border-top: 1px dotted #ededed;
border-bottom: 1px dotted #ededed;
color: #767676;
font-size: 14px;
margin-top: 25px;
}
.post-info i{
color: #c6c6c6;
}
.post-info span{
position: relative;
margin-right: 6px;
padding-right: 3px;
}
.post-info span:after{
content:"";
position: absolute;
width: 2px;
height: 12px;
background-color: #e7e7e7;
right: 0;
top: 50%;
margin-top: -6px;
}
.post-info span:last-child:after{
display: none;
}
/* 2 - header Styles
---------------------------------------------------------------------- */

header#header{max-width:1860px;margin:0 auto;background:#fdfdfd;}
/*  main menu  */
.navbar {
margin: 0;
border-bottom:1px solid #ddd;
}
.mobile-menu {
display: none;
visibility: hidden;
}
.social-media-list {
position: absolute;
left: 15px;
top: 45px;
z-index: 1;
}
.fixed-top .social-media-list {
top: 23px;
}
.search-icon:after {
content: "\f002";
position: absolute;
right: 20px;
top: 45px;
font: normal normal normal 14px/1 FontAwesome;
font-size: 20px;
font-weight: 700;
color: #767676;
cursor: pointer;
}
.fixed-top .search-icon:after {
top: 24px;
display: block !important;
right: 30px;
}
.search-icon.opened:after {
content:"\f00d";
position: absolute;
}
.search-field {
width: 100%;
position: absolute;
right: 60px;
top: 0;
margin-left: 30px;
z-index: 2;
}
.fixed-top .search-field {
right: 60px;
}
.main-menu .search-fields {
opacity: 0;
}
.fixed-top .search-fields {
opacity: 1;
}
.search-field input {
padding: 35px 20px 32px 100px;
width: 100%;
outline: none;
border: none;
margin-left: 5px;
font-size: 30px;
color: #43aea8;
text-align: center;
}
.fixed-top .search-field input{padding:13px 20px 15px 100px;}
#header .logo{display:inline-block;padding:5px 0 0 0;}
#header .fixed-top .logo{display:inline-block;padding:10px 0 0 0;width:60%;}
.menu-left{width:42%;float:left;}
.logo-area{width:16%;float:left;text-align:center;}
.menu-right{width:42%;float:left;}
.nav>li>a{font-size:15px;font-weight:700;color:#767676;text-transform:uppercase;padding:25px 15px 10px 15px;}
.nav>li>a:hover{background-color:transparent;color:#43aea8;}
.active-menu>a{color:#43aea8 !important;}
.nav>.dropdown .dropdown-menu{
border-top: 5px solid #43aea8;
padding-top: 0px;
padding-bottom: 0px;
min-width: 220px;
border-left: none;
box-shadow: none;
border-right: none;
border-bottom: none;
background-color: #fff;
top: 120%;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
transition: all 0.3s ease;
display: block;
height: 0;
overflow: hidden;
opacity: 0;
-moz-box-shadow: 0px 1px 3px #ccc;
-webkit-box-shadow: 0px 1px 3px #ccc;
box-shadow: 0px 1px 3px #ccc;
}
.mobile-menu .nav>.dropdown .dropdown-menu {
display: none;
opacity: 1 !important;
transition: all .5s ease;
}
.mobile-menu .dropdown.open .dropdown-menu {
display: block !important;
height: inherit;
}
.nav>.dropdown .dropdown-menu:after {
content: '';
position: absolute;
border-style: solid;
border-width: 0 10px 10px;
border-color: #43aea8 transparent;
display: block;
width: 0;
z-index: 1;
top: -10px;
left: 28px;
}
.nav>.dropdown .dropdown-menu>li>a {
font-size: 14px;
font-weight: 600;
color: #767676;
text-transform: uppercase;
padding: 10px 20px;
-webkit-transition: all 0.30s ease-in-out;
-mox-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
transition: all 0.30s ease-in-out;
}

.nav>.dropdown .dropdown-menu>li>a:hover {
background-color: #43aea8;
color: #fff;
padding-left: 23px;
}
.active-dropdown-menu a {
background-color: #191919;
color: #fff !important;
padding-left: 23px !important;
}
.navbar .nav>.dropdown .dropdown-menu>li>a:active,
.navbar .nav>.dropdown .dropdown-menu>li>a:focus {
background-color: #191919;
color: #fff;
}

ul.nav>li>.dropdown-menu>.dropdown .dropdown-menu {
border-top: 0px solid #43aea8;
left: 100%;
top: -5%;
border-bottom: 5px solid #43aea8;
}
ul.nav>li>.dropdown-menu>.dropdown .dropdown-menu:after {
content: '';
position: absolute;
border-width: 0;
}
li.dropdown>a:before {
content: "\f107";
font: normal normal normal 16px/1 FontAwesome;
right: 3px;
top: 50%;
position: absolute;
margin-top: -7px;
}
.dropdown-menu .dropdown>a:before {
content: "\f105";
font: normal normal normal 16px/1 FontAwesome;
right: 15px;
top: 50%;
position: absolute;
margin-top: -9px;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
background-color: transparent;
border-color: transparent;
}
.navbar-toggle {
float: left;
font-size: 16px;
left: 10px;
}
.navbar-header {
text-align: center;
}
a.small-logo {
padding: 16px 0;
display: block;
}

.fixed-top {
height: 70px;
background-color: #fff;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1030;
-webkit-box-shadow:0px 3px 4px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:0px 3px 4px 0px rgba(50, 50, 50, 0.4);
box-shadow:10px 3px 4px 0px rgba(50, 50, 50, 0.4);
background:#fdfdfd;}
.mobile-menu.fixed-top{height: 60px !important;}
.fixed-top .navbar-nav li a {
-webkit-transition: all 0.0s ease-in-out;
-mox-transition: all 0.0s ease-in-out;
-o-transition: all 0.0s ease-in-out;
-ms-transition: all 0.0s ease-in-out;
transition: all 0.0s ease-in-out;
}
a.top-cart-icon {
width: 40px;
height: 40px;
text-align: center;
padding-top: 4px;
padding-right: 4px;
background-color: #43aea8;
color: #fff;
position: relative;
font-size: 20px;
display: block;
position: relative;
}
.fixed-top a.top-cart-icon {
width: 30px;
height: 30px;
}
.shopping-cart-icon {
position: absolute;
right: 70px;
top: 0;
padding: 35px 0;
}
.fixed-top .shopping-cart-icon {
padding: 19px 0;
right: 70px;
}
.top-cart-icon span {
position: absolute;
top: -5px;
right: -5px;
color: #fff;
background-color: #000;
font-size: 10px;
width: 15px;
height: 15px;
border-radius: 100px;
}
.shopping-cart-content.dropdown-menu {
position: absolute;
width: 245px;
background-color: #fff;
top: 108px;
left: -145px;
border-top: 5px solid #43aea8;
box-shadow: none;
border-radius: 0px;
}
.fixed-top .shopping-cart-content.dropdown-menu {
top: 67px;
left: -165px;
}
.shopping-cart-content.dropdown-menu:after {
content: '';
position: absolute;
border-style: solid;
border-width: 0 10px 10px;
border-color: #43aea8 transparent;
display: block;
width: 0;
z-index: 1;
top: -10px;
right: 43px;
}
.shopping-cart-icon:hover .shopping-cart-content {
display: block;
}
.top-cart-title {
padding: 10px;
border-bottom: 1px solid #dedede;
}
.top-cart-title h4 {
font-size: 15px;
color: #161616;
text-transform: uppercase;
font-weight: 700;
}
.top-cart-item-image {
float: left;
width: 40px;
height: 40px;
}
.top-cart-item-image img {
width: 100%;
height: auto;
}
.top-cart-item {
padding: 10px;
overflow: hidden;
}
.top-cart-item-desc {
margin-left: 55px;
position: relative;
}
.top-cart-item-desc:after {
content: "\f00d";
position: absolute;
width: 20px;
height: 20px;
background: #fcfcfc;
top: 10px;
right: 7px;
font: normal normal normal 14px/1 FontAwesome;
font-size: 12px;
text-align: center;
line-height: 19px;
color: #767676;
cursor: pointer;
}
.top-cart-item-desc a {
color: #43aea8;
font-size: 13px;
font-weight: 700;
}
.top-cart-item-desc .top-cart-price {
color: #767676;
font-size: 13px;
display: block;
}
.top-cart-item-desc .top-cart-price i {
padding: 0 3px;
font-weight: 100;
color: #767676;
}
.top-cart-item .sub-total {
padding: 0px 10px;
font-size: 14px;
font-weight: 700;
overflow: hidden;
color: #767676;
}
.top-cart-items .view-cart {
text-align: center;
padding: 8px 0;
}
.top-cart-items .view-cart .custom-btn {
font-size: 12px;
padding: 6px 10px;
}
/* 3 - slider
---------------------------------------------------------------------- */
/*#slider-section,
.slider-section-2 {
z-index: 1;
position: relative;
}
.item-main {
max-width: 1820px;
margin: 0 auto;
background-color: #e8e8e8;
overflow: hidden;
padding: 55px 0;
position: relative;
height: 880px;
}
.item-main-content {
width: 50%;
position: absolute;
right: 0;
top: 50%;
margin-top: -145px;
}
.item-main img {
width: 51.5%;
padding-left: 60px;
}
.slide-item2 img {
width: 68%;
}
.slide-item2 img{
padding-top: 113px;
padding-bottom: 113px;
}
.slide-item3 img {
padding-top: 111px;
padding-bottom: 111px;
}
.slide-item1 img {
width: 82%;
padding-left: 60px;
}
.item-main-content-text h2 {
font-size: 36px;
font-weight: 900;
font-family: 'Source Sans Pro', sans-serif;
color: #fff;
background-color: #43aea8;
text-transform: uppercase;
line-height: 70px;
margin-bottom: 25px;
padding: 10px 20px;
}
.item-main-content-text h3 {
font-size: 26px;
font-weight: 700;
font-family: 'Source Sans Pro', sans-serif;
color: #161616;
text-transform: uppercase;
line-height: 36px;
margin-bottom: 15px;
max-width: 600px;
}
.item-main-content-text p {
font-size: 17px;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
color: #767676;
line-height: 28px;
max-width: 600px;
}
.second-item .slide-carousel-text {
position: absolute;
left: 50%;
text-align: left;
top: 30%;
}
.slide-carousel-text h2 {
font-size: 48px;
font-weight: 900;
color: #43aea8;
font-family: 'Sans Source Pro', sans-serif;
text-transform: uppercase;
padding-bottom: 15px;
}
.slide-carousel-text h3 {
font-size: 24px;
font-weight: 400;
font-family: 'Sans Source Pro', sans-serif;
text-transform: uppercase;
color: #161616;
padding-bottom: 15px;
}
.slide-carousel-text h3 span {
font-weight: 900;
color: #43aea8;
}
.slide-carousel-text h3 b {
font-weight: 900;
color: #161616;
}
.slide-carousel-text p {
font-size: 15px;
font-weight: 400;
color: #767676;
max-width: 600px;
font-weight: 700;
}
.slide-content.s-left {
width: 50%;
left: 0;

}
.slide-content.s-right {
width: 50%;
right: 0;
float: right;
}
.slide-content {
font-family: 'Source Sans Pro', sans-serif;
text-transform: uppercase;
}
.slide-content.s-left h2 {
text-align: right;
color: #fff;
font-size: 48px;
font-weight: 800;
padding-right: 30px;
text-shadow: none;
background-color: rgba(110,190,185,0.7);
padding: 19px 30px;
}
.slide-content.s-right h2 {
text-align: left;
color: #fff;
font-size: 48px;
font-weight: 800;
padding-left: 30px;
text-shadow: none;
background-color: rgba(58,58,58,0.7);
padding: 19px 30px;
}
.carousel {
position: relative;
max-width: 1920px;
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.item-main-content1 {
width: 100%;
position: absolute;
left: 0;
top: 50%;
margin-top: -40px;
}
.carousel-control1 {
position: absolute;
font-size: 100px;
text-align: center;
line-height: 66px;
display: inline-block;
margin-top: 30px;
margin-right: 5px;
color: #7e7e7e;
font: normal normal normal 118px/1 FontAwesome;
transition: all 0.3s ease-in-out;
z-index: 11;

}
.carousel-control1 i {
opacity: .3;
}
a.carousel-control1.left {
position: absolute;
left: -100px;
top: 50%;
margin-top: -50px;
}
a.carousel-control1.right {
position: absolute;
right: -100px;
top: 50%;
margin-top: -50px;
}
.carousel:hover .carousel-control1.left {
left: 10px;
}
.carousel:hover .carousel-control1.right {
right: 10px;
}
.carousel-control1:focus, .carousel-control1:hover {
color: #43aea8;
}
.carousel-indicators {
display: none;
}*/

#slider-section {
max-width: 1820px;
width: 100%;
margin: auto;
background-color: #e8e8e8;
}

#slider-section .item {
height: 780px;
}


#slider-section .carousel-indicators .active {
background-color: #43aea8;
border: 1px solid #43aea8;
opacity: 1;
}

#slider-section .carousel-indicators li {
border: 2px solid #161616;
opacity: 0.15;
}


/* slider-one */
.slider-one {
text-align: center;
position: relative;
padding: 90px 0;
overflow: hidden;
}

.slider-one img {
width: 100%;
}

.slider-one .slide-caption {
position: absolute;
top: 50%;
margin-top: -30px;
width: 100%;
}

.slider-one .slide-one-image .container {
padding-right: 200px;
padding-left: 200px;
}

.slider-one .left-heading {
width: 50%;
float: left;
background: rgba(67,174,168, 0.6);
margin-top: -40px;
}

.slider-one .left-heading h2 {
text-align: right;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
font-size: 40px;
line-height: 60px;
font-weight: 800;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 25px;
color: #fff;
}

.slider-one .right-heading {
width: 50%;
float: right;
background: rgba(62,62,62, 1);
margin-top: 40px;
}

.slider-one .right-heading h2 {
text-align: left;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
font-size: 40px;
line-height: 60px;
font-weight: 800;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 25px;
color: #fff;
}

/* slider two */
.slider-two {
width: 100%;
padding: 148px 0;
overflow: hidden;
}

.slider-two .slider-two-left {
width: 50%;
float: left;
}

.slider-two .slider-two-left img {
width: 100%;
margin-right: 20px;
}

.slider-two .slider-two-right {
width: 50%;
float: right;
}

.slider-two .slider-two-right .slide-text {
margin-left: 20px;
padding: 50px 0;
}

.slider-two .slider-two-right .slide-text h1 {
font-size: 62px;
font-weight: 800;
line-height: 62px;
color: #43aea8;
font-family: 'Source Sans Pro', sans-serif;
text-transform: uppercase;
}

.slider-two .slider-two-right .slide-text h3 {
font-size: 32px;
font-weight: 700;
line-height: 48px;
color: #161616;
font-family: 'Source Sans Pro', sans-serif;
text-transform: uppercase;
}

.slider-two .slider-two-right .slide-text h3 span {
color: #43aea8;
}

.slider-two .slider-two-right .slide-text ul {
margin-top: 10px;
}

.slider-two .slider-two-right .slide-text ul li {
list-style: none;
font-size: 18px;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
line-height: 32px;
color: #767676;
}

.slider-two .slider-two-right .slide-text ul li span {
width: 17px;
height: 17px;
border-radius: 100px;
background: #43aea8;
color: #fff;
text-align: center;
display: inline-block;
margin-right: 10px;
line-height: 10px;
padding-left: 2px;
}

.slider-two .slider-two-right .slide-text .custom-btn {
background-color: #43aea8;
border-color: #43aea8;
color: #fff;
margin-top: 30px;
padding: 12px 30px;
font-size: 16px;
font-weight: 700;
}


.slider-two .slider-two-right .slide-text .custom-btn:hover {
background-color: #161616;
border-color: #161616;
color: #fff;
}

/* slider three */
.slider-three {
width: 100%;
padding: 130px 0;
overflow: hidden;
}

.slider-three .slider-three-left {
width: 50%;
float: left;
padding-left: 150px;
}

.slider-three .slider-three-left img {
width: 100%;
margin-right: 20px;
}

.slider-three .slider-three-right {
width: 50%;
float: right;
}

.slider-three .slider-three-right .slide-text {
margin-left: 20px;
padding: 50px 0;
max-width: 560px;
width: 100%;
}

.slider-three .slider-three-right .slide-text h2 {
font-size: 60px;
font-weight: 400;
line-height: 60px;
color: #191919;
font-family: 'Source Sans Pro', sans-serif;
text-transform: uppercase;
}

.slider-three .slider-three-right .slide-text h1 {
font-size: 90px;
font-weight: 800;
line-height: 100px;
color: #43aea8;
font-family: 'Source Sans Pro', sans-serif;
text-transform: uppercase;
margin: 0;
}

.slider-three .slider-three-right .slide-text h3 {
font-size: 24px;
font-weight: 700;
line-height: 36px;
color: #161616;
font-family: 'Source Sans Pro', sans-serif;
text-transform: uppercase;
}

.slider-three .slider-three-right .slide-text h3 span {
color: #43aea8;
}

.slider-three .slider-three-right .slide-text .custom-btn {
background-color: #43aea8;
border-color: #43aea8;
color: #fff;
margin-top: 30px;
padding: 12px 30px;
font-size: 16px;
font-weight: 700;
}


.slider-three .slider-three-right .slide-text .custom-btn:hover {
background-color: #161616;
border-color: #161616;
color: #fff;
}

/* 5 - professional trainers
---------------------------------------------------------------------- */
.image-des .image-box-title a,
.image-des h2 a,
.image-des h4 a{
font-size: 20px;
color: #161616;
text-transform: uppercase;
line-height: 30px;
font-weight: 700;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-mx-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.image-des h2,
.image-des h4 {
padding-top: 10px;
}
.image-box .overlay{
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
background-color: rgba(0,0,0,0.0);
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-mx-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.social-media{
position: absolute;
/*width: 50px;*/
height: auto;
right: 0;
top: -200px;
z-index: 99;
background-color: #43aea8;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-mx-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.social-media .social-icon{
display: block;
padding: 14px 19px;
}
.social-media .social-icon i{
font-size: 20px;
position: relative;
color: #6bcac3;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-mx-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.social-media .social-icon i:after{
content:"";
position: absolute;
width: 10px;
height: 2px;
left: 2px;
bottom: -16px;
background-color: #58bcb6;
}
.social-media .last-border i:after{
display: none;
}
/*  hover  */
.social-media .social-icon:hover i{
color: #fff;
}
.image-box:hover a{
color: #43aea8;
}
.image-box:hover .social-media,
.image-box:hover .overlay{
opacity: 1;
top: 0;
}
/* 6 - why choose yoga
---------------------------------------------------------------------- */
#why-choose{
background: #fff;
overflow: hidden;
}
.choose-main-container{
position: relative;
}
.choose-main-item-img{
position: relative;
height: 930px;
float: left;
width: 50%;
background-image: url(../images/choose-img.jpg);
background-repeat: no-repeat;
background-position: center right;
}
.choose-main-item-des{
position: absolute;
right: 0;
top: 0;
width: 50%;
height: auto;
padding-left: 70px;
padding-top: 30px;
background: #fff;
padding-right: 20px;
}
.choose-main-item-desc-content {
width: 542px;
float: left;
}
.choose-main-item-desc-content > p {
padding-top: 20px;
/*padding-left: 15px;*/
font-size: 16px;
line-height: 28px;
color: #a9a9a9;
padding-bottom: 25px;
}
.choose-main-item-desc-content  ul li{ list-style:none;font-size:16px;color:#a9a9a9;}

.choose-main-item-des .choose-box{
position: relative;
padding-bottom: 30px;
}
.choose-main-item-des .choose-box .choose-icon{
display: block;
width: 80px;
height: 80px;
border-radius: 100px;
background-color: #fff;
border: 3px solid #ededed;
text-align: center;
line-height: 69px;
font-size: 48px;
color: #161616;
position: absolute;
left: -110px;
top: 50%;
margin-top: -58px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.choose-main-item-des .choose-box .choose-title a{
display: block;
font-size: 20px;
color: #161616;
font-weight: 700;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.choose-main-item-des .choose-box  p{
font-size: 15px;
color: #8b8b8b;
line-height: 28px;
}
/*  hover effect  */
.choose-main-item-des .choose-box:hover .choose-title>a {
color: #43aea8;
}
.choose-main-item-des .choose-box:hover .choose-icon {
color: #43aea8;
border: 3px solid #43aea8;
}
/* 7 - Classes  section
---------------------------------------------------------------------- */
#classes {
position: relative;
}
.v2 #classes {
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
}
.v2 .classes-main {
padding-top: 90px;
padding-bottom: 110px;
}
.v2 .class-main-image img {
top: 10px;
}

.v2 .features-work {
padding-top: 70px;
background: #f7f7f7;
}
.classes-main {
padding-top: 200px;
padding-bottom: 135px;
position: relative;
overflow: hidden;
}
.class-main-image img {
position: absolute;
right: 0px;
top: 100px;
}
.classes-main .col-md-3 {
overflow: hidden;
}
.classes-main:before{
content:"";
position: absolute;
width: 70%;
height: 100%;
left: 0;
top: 0;
background-color: #fff;
z-index: -1;
}
.classes-main:after{
content:"";
position: absolute;
width: 30%;
height: 100%;
right: 0;
top: 0;
z-index: -1;
}
#classes:before {
content:"";
position: absolute;
width: 50%;
height: 100%;
left: 0;
top: 0;
background-color: #fff;
z-index: -1;
}
#classes:after {
content:"";
position: absolute;
width: 50%;
height: 100%;
right: 0;
top: 0;
background-color: #f7f7f7;
z-index: -999;
}
.class-right.section-title:after {
bottom: -9px;
left: 80px;
}
.class-right.section-title {
padding-top: 15px;
padding-left: 60px;
}
.class-left.section-title {
margin-bottom: 30px;
}
/* counter up */
.counter-area{
position: absolute;
background: #fff;
left: 0%;
right: 0;
top:-85px;
overflow: hidden;
z-index: 1;
-webkit-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.25);
}
.counter-item {
width: 100%;
text-align: center;
padding: 58px 0;
}
.counter-item .number{
display: block;
font-size: 60px;
line-height: 60px;
color: #43aea8;
font-weight: 800;
font-family: 'Source Sans pro', sans-serif;
}
.counter-item .count-name{
display: block;
font-size: 15px;
color: #767676;
font-weight: 600;
text-transform: uppercase;
}
/* yoga classes */
.class-image-box{
max-width: 560px;
width: 100%;
border: 5px solid #ededed;
display: inline-block;
margin-top: 40px;
position: relative;
background-color: #fff;
z-index: 55;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.class-image-box .class-info{
width: 54%;
float: left;
text-align: center;
padding: 0 20px;
}
.class-image-box .class-title{
font-size: 24px;
font-weight: bold;
color: #161616;
text-transform: uppercase;
padding: 5px 0;
margin-top: 20px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.class-info > p{
font-size: 14px;
color: #7e7e7e; padding:10px 20px; text-align:justify
}
.class-info > p>a{
font-weight: bold;
color: #7e7e7e;
}
.learn-more{
margin-top: 20px;
margin-bottom: 28px;
}
.class-image-box .class-img{
width: 265px;
height: 229px;
position: absolute;
top: -15px;
right: -15px;
overflow: hidden;
}
.class-image-box .class-img img {
width: 100%;
height: auto;
transition: all 0.5s ease-in-out;
}
.class-image-box:hover .class-title{
color: #43aea8;
}
.class-image-box:hover {
border: 5px solid #43aea8;
}
.class-image-box:hover .class-img>img {
transform: scale(1.02) rotate(-0.7deg);
/*transform: rotate(-0.7deg);*/
transition: all 0.5s ease-in-out;
}
/* opening classes */
ul.routine-box {
/*padding-left: 14px;*/
padding-top: 50px;
padding-left: 80px;
}
.routine-box li{
list-style: none;
overflow: hidden;
padding: 17px 0;
border-bottom: 1px dashed #ededed;
color: #767676;
-webkit-transition: all 0.3s ease-in-out;
-mz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.routine-box li:hover {
color: #43aea8;
}
.routine-box li:last-child{
border-bottom: none;
}
.routine-box .closed{
color: #43aea8;
font-weight: 400;
}
/* 8 - Qoute  section
---------------------------------------------------------------------- */
#qoute{
background-image: url(../images/qoute-img.jpg);
background-repeat: no-repeat;
background-position: center center;
margin-top: -16px;
margin-bottom: -16px;
}
#qoute .sliding-area{
width: 100%;
margin: 140px auto;
background-color: rgba(255,255,255,0.8);
overflow: hidden;
padding:100px 0;
}
#qoute .slides li{
text-align: center;
list-style: none;
}
#qoute .slides li .qoute-icon{
width: 90px;
height: 90px;
background-color: #43aea8;
color: #fff;
font-size: 36px;
text-align: center;
line-height: 90px;
display: block;
margin: 0 auto;
margin-bottom: 35px;
}
#qoute .slides li > p {
font-size: 18px;
font-style: italic;
color: #767676;
padding: 30px 100px;
line-height: 32px;
font-family: 'Open sans', sans-serif;
font-weight: 700;
}
#qoute .slides li .qouter-name{
margin-top: 8px;
margin-bottom: 6px;
}
#qoute .slides li .qouter-name a{
font-size: 24px;
color: #43aea8;
text-transform: uppercase;
font-weight: 700;
}
#qoute .slides li .exertness{
font-size: 16px;
color: #767676;
margin-top: 0px;
}
#qoute .flex-control-thumbs{
width: 35%;
margin: 0 auto;
padding-top:0;

}
#qoute .flex-control-thumbs li{
width: 33.3334%;
float: left;
list-style: none;
/*position: relative;*/
}
.flexslider:hover .flex-direction-nav .flex-next {
opacity: 0;
}
.flexslider:hover .flex-direction-nav .flex-prev {
opacity: 0;
}
.flexslider .flex-direction-nav .flex-next {
opacity: 0;
}
.flexslider .flex-direction-nav .flex-prev {
opacity: 0;
}
#qoute .flexslider{
border: none;
}
/* 9 - blog post  section
---------------------------------------------------------------------- */
#blog-post{
background-color: #f5f8f7;
}
.image-box{
height: auto;
}
.image-des{
position: static;
padding: 15px 15px 40px 15px;
}
.image-des img {
float: right;
}
.image-des .image-box-title{
position: relative;
}
.image-des .image-box-title a{
text-transform: none;
}
.image-des .image-box-title:after,
.image-des h2:after{
content: "";
position: absolute;
width: 36px;
height: 2px;
left: 50%;
margin-left: -18px;
bottom: -8px;
background-color: #ededed;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.image-box:hover .image-box-title:after{
background-color: #43aea8;
}
.post-info{
/*	border: none;*/
margin-bottom: 20px;
}
.post-info  span{
margin-right: 12px;
padding-right: 10px;
}
#blog-post .image-des > p {
padding-bottom: 22px;
font-size: 15px;
}
/* 10 - client logo section
---------------------------------------------------------------------- */
#client-logo{ padding:40px 0 10px 0;}
#client-logo .owl-carousel .owl-item img {
width: inherit;
display: inherit;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(100%);
opacity: .3;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#client-logo .owl-carousel .owl-item>.item {
text-align: center;
}
#client-logo .owl-carousel .owl-item:hover img {
-webkit-filter: grayscale(0%);
opacity: 1;
}
#client-logo .owl-stage {
padding: 60px 0;
}
/* 11 - footer section  section
---------------------------------------------------------------------- */
#main-footer{
background-color: #43aea8; text-align:center
}
/*  footer top  */
.widget h4{
font-size: 20px;
color: #fff;
font-weight: 700;
font-family: 'Source Sans Pro', sans-serif;
text-transform: uppercase;
position: relative;
margin-bottom: 65px;
}
.widget h4:after{
content:"";
position: absolute;
width: 60px;
height: 3px;
bottom: -20px;
left: 0;
background-color: #fff;
}
.widget p{
font-size: 15px;
line-height: 26px;
color: #cef1ef;
}
.widget .address{
padding-top: 25px;
}
.widget .address li{
font-size: 15px;
color: #cef1ef;
list-style: none;
padding: 0px 0;
}
.widget .address li i{
float: left;
font-size: 18px;
margin-top: 3px;
}
.widget .address li span{
margin-left: 35px;
display: block;
}
.widget .address li span a{
color: #cef1ef;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.widget .links{}
.widget .links li {
border-bottom: 1px dashed #6cccc7;
list-style: none;
padding: 13px 0;
}
.widget .links li a {
color: #cef1ef;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.widget .links li a i{
margin-right: 15px;
font-size: 10px;
margin-top: 5px;
color: #6cccc7;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.widget .links li:first-child{
padding-top: 0;
}
.widget .links li:last-child{
border-bottom: none;
}
/* hover */
.widget .address li a:hover,
.widget .links li i:hover,
.widget .links li a:hover {
color: #fff;
}
.newsletter-box{
background-color: #ddf0ef;
padding: 20px 30px;
border: 3px solid #30a39d;
}
.newsletter-box h5 {
font-size: 22px;
line-height: 24px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
color: #43aea8;
}
.newsletter-box p {
font-size: 15px;
line-height: 24px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color: #767676;
padding-bottom: 25px;
}
.newsletter-box .subscribe-form {
width: 100%;
height: 56px;
background-color: #fff;
border: 3px solid #43aea8;
position: relative;
border-radius: 2px;
}
.newsletter-box .subscribe-form i {
font-size: 24px;
color: #cecece;
position: absolute;
left: 16px;
top: 11px;
}
.newsletter-box .subscribe-form .email {
border: none;
background: transparent;
outline: none;
padding: 15px 20px 15px 50px;
width: 60%;
}
.subscribe {
float: right;
margin-top: 3px;
margin-right: 3px;
border-radius: 3px;
text-transform: none;
padding: 10px 27px;
background-color: #ddf0ef;
border: 2px solid #ddf0ef;
}
.subscribe:hover {
border: 2px solid #43aea8;
}
.privecy-policy{
font-size: 15px;
color: #767676;
font-style: italic;
padding-top: 15px;
}
.privecy-policy i{
font-style: italic;
}
.privecy-policy a{
color: #43aea8;
}
/*  footer bottom  */
.footer-bottom{
text-align: center;
color: #fff;
background-color: #30a39d;
padding: 35px 0;
}
.footer-bottom a{
font-weight: 700;
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.footer-bottom a:hover{
color: #ddf0ef;
}
/*========================================================================================
Home Two
======================================================================================*/
/*  slider  */
.v2 #slider-section {
height: 700px;
background-color: transparent !important;
}
.slider-2 {
background: #ebebeb;
height: 600px;
}

.v2 #slider-section .carousel-indicators {
bottom: 200px;
}
.slider-2 .carousel .item {
height: 750px;
background-color: transparent;
}
.slider-2 .slide-image {
width: 50%;
float: left;
}
.slider-2 .slide-image img {
width: 100%;
}
.slider-2 .slide-carousel-content {
width: 50%;
float: left;
text-align: left;
position: relative;
height: 100%
}
.slider-2 .slide-carousel-content .slide-title {
font-size: 54px;
font-weight: 900;
color: #fff;
background-color: #43aea8;
line-height: 70px;
font-family: 'Source Sans Pro', sans-serif;
text-transform: uppercase;
display: table;
padding: 0 25px;
margin-bottom: 10px;
text-shadow: none;
}
.slider-2 .slide-carousel-text {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-60%);
}
.slider-2 .slide-carousel-content .slide-desc {
font-size: 24px;
font-weight: 900;
color: #fff;
background-color: #161616;
line-height: 70px;
font-family: 'Source Sans Pro', sans-serif;
text-transform: uppercase;
display: table;
padding: 0 25px;
margin-bottom: 10px;
text-shadow: none;
}
.slider-2 .slide-carousel-content .custom-btn.slide-link {
padding: 17px 40px;
text-shadow: none;
font-size: 18px;
font-weight: 700;
background-color: #43aea8;
color: #fff;
border: 2px solid #43aea8;
}
.slider-2 .slide-carousel-content .custom-btn:hover {
border: 2px solid #43aea8;
color: #43aea8;
}
/*  What  we do  */
.do-box{
max-width: 770px;
width: 100%;
max-height: 400px;
height: 100%;
margin-top: 76px;
z-index: 1;
}
.do-box li{
width: 33.334%;
height: 50%;
background: #ccc;
float: left;
list-style: none;
text-align: center;

-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.do-box li a{
padding-top: 34px;
padding-bottom: 48px;
display: block;
overflow: hidden;
position: relative;
}
.do-box li:nth-child(even){
background: #f8f8f8;
}
.do-box li:nth-child(odd){
background: #dedede;
}
.do-box .icon {
display: block;
margin-left: -20px;
color: #000;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.do-box .icon:before {
font-size: 64px;
}
.do-box .text {
display: block;
font-size: 20px;
color: #000;
font-weight: 700;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.do-box li:hover .icon,
.do-box li:hover .text {
color: #fff;
}
.do-main {
position: relative;
overflow: hidden;
padding-top: 15px;
padding-bottom: 40px;
}
.do-image {
position: absolute;
top: 0px;
right: -40px;
z-index: -1;
}
.da-thumbs li a .direction-overlay {
position: absolute;
background: rgba(67,174,168,1);
width: 100%;
height: 100%;
opacity: 0;
}
.da-thumbs li a .direction-overlay > .icon {
margin-top: 40px;
}
.do-box li:hover a>.direction-overlay {
opacity: 1;
}


.v2 #pro-trainer {
background: transparent;
}



/*   isotope area  */
#features-container {
margin-bottom:  15px;
}
.features-work .section-head {
padding-top: 80px;
padding-bottom: 15px;
}
.features-item figure {
float: left;
margin: 0 2px 10px;
overflow: hidden;
height: 330px;
width: 30%;
}
.features-item figure img {
width: 100%;
height: auto;
vertical-align: middle;
}
.features-item a {
-webkit-transition: all .3s  ease;
-moz-transition: all .3s  ease;
-ms-transition: all .3s  ease;
-o-transition: all .3s  ease;
transition: all .3s  ease;
}
.features-item figure img{
border: transparent;
-webkit-transition: -webkit-transform .3s  ease;
-moz-transition: -moz-transform .3s  ease;
-ms-transition: -ms-transform .3s  ease;
-o-transition: -o-transform .3s  ease;
transition: transform .3s  ease;
}
.features-item .item-w2 {
width: 60%;
}
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
.featuresFilter{
clear: both;
margin: auto;
padding: 0 0 40px 0;
text-align: right;
width: auto;
}
.featuresFilter a {
font-size: 18px;
position: relative;
border: 1px solid transparent;
color: #1a1a1a;
display: inline-block;
font-weight: 700;
margin: 0 0px;
padding: 8px 10px;
border-radius: 5px;
text-transform: uppercase;
cursor: pointer;
text-decoration: none;
margin-top: 0px;
}
.featuresFilter a:focus,
.featuresFilter a:hover,
.featuresFilter .current{
text-decoration: none;
}
.featuresFilter .current{
color: #43aea8;
}
.features-item figure{
position: relative;
}
.featuresFilter a,
.features-item figure:after{
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.featuresFilter a span {
position: absolute;
top: -26px;
left: 10px;
display: none;
}
.featuresFilter a.current span {
display: block;
}
/*  - Hover Effects
----------------------------------------------*/
figure .overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
background-color: rgba(0, 0, 0, 0.70);
}
figure .expand {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 50px;
text-align: center;
margin-top: -15px;
opacity: 0;
}
figure:hover .overlay,
figure:hover .expand {
opacity: 1;
}
.features-item figure:hover img{
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
-o-transform: scale(1.02);
transform: scale(1.02);
}
figure .overlay,
figure .expand {
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.features-item figure:hover .item-desc>h3{
bottom: 35%;
}
.features-item figure:hover .item-link>a {
transform: scale(1.1);
}
/*   zoom hover effect    */
.item-desc{
}
.item-desc h3 {
position: absolute;
left: 50%;
margin-left: -115px;
bottom: -35%;
font-size: 20px;
text-transform: uppercase;
color: #fff;
padding-top: 20px;
font-weight: 600;
-webkit-transition: 0.3s ease-in-out;
-webkit-transition-delay: .3s;

}
.item-link {
position: absolute;
left: 50%;
margin-left: -25px;
top: 40%;
margin-top: -25px;
display: block;
text-align: center;
}
.item-link a {
display: inline-block;
width: 50px;
height: 50px;
border: 2px solid #dedede;
text-align: center;
border-radius: 100px;
line-height: 45px;
transform: scale(0);
-webkit-transition: 0.3s ease-in-out;
}
.item-link a i {
background-color: rgba(108,189,184,0.2);
font-size: 15px;
width: 40px;
height: 40px;
border-radius: 100px;
color: #fff;
line-height: 39px;
}
.item-link a:hover {
color: #43aea8;
border: 2px solid #43aea8;
}
.item-link a:hover i {
color: #43aea8;
background-color: rgba(255,255,255,1);
}
/* ---- pricing table ---- */
.item-price {
text-align: center;
border: 5px solid #ededed;
margin-top: 76px;
padding-bottom: 30px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.price-top .price-title{
width: 168px;
margin: 0 auto;
font-size: 20px;
padding: 14px 30px;
background-color: #ededed;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
color: #161616;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.price-top .price {
padding-top: 70px;
position: relative;
color: #767676;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
width: 239px;
margin: 0 auto;
padding-left: 97px;
}
.price-top .price:after {
content: "";
position: absolute;
width: 40px;
height: 3px;
left: 38%;
bottom: -30px;
background: #ededed;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.price-top .price > .dollar-sign{
position: absolute;
left: 16px;
top: 30px;
font-size: 40px;
color: #43aea8;
font-weight: 700;
}
.price-top .price > .amount{
position: absolute;
left: 47px;
top: 24px;
font-size: 68px;
color: #43aea8;
font-weight: 700;
}
.price-details {
padding-top: 58px;
padding-left: 29px;
padding-right: 29px;
padding-bottom: 32px;
}
.price-details li {
font-size: 15px;
line-height: 48px;
border-bottom: 1px dashed #ededed;
list-style: none;
color: #8d8d8d;
font-family: 'Open Sans', sans-serif;
}
.price-details li:last-child {
border-bottom: none;
}
.price-btn {
padding: 8px 30px;
}
/* hover */
.item-price:hover {
border: 5px solid #43aea8;
}
.item-price:hover .price-title{
background-color: #43aea8;
color: #fff;
}
.item-price:hover .price:after{
background-color: #43aea8;
}
/*========================================================================================
Blog Single Default
======================================================================================*/

.bannar-image {
width: 100%;
height: auto;
}
.bannar-image img {
width: 100%;
height: 60vh;
}
.slider-section-2 .slide {
position: relative;
}

/* site page header */
.site-page-header {
width: 100%;
height: 100px;
background-color: rgba(255,255,255,0.8);
position: absolute;
bottom: 0;
left: 0;
}
.site-page-header .site-title{
float: left;
padding: 0 35px;
position: relative;
}
.site-page-header .site-title h2{
font-size: 60px;
color: #161616;
font-weight: 900;
text-transform: uppercase;
padding: 14px 0;
}
.site-page-header .site-title:after {
content: "";
position: absolute;
width: 1px;
height: 120px;
background-color: #efefef;
right: 0;
top: -10px;
transform: rotate(33deg);
}
.site-page-header .breadcrumb {
float: left;
padding-left: 8px;
background-color: transparent;
padding-top: 0;
padding-bottom: 0;
margin: 0;
}
.site-page-header .breadcrumb ul li {
list-style: none;
float: left;
position: relative;
}
.site-page-header .breadcrumb ul li a {
font-size: 15px;
font-weight: 700;
color: #767676;
text-transform: uppercase;
padding: 40px 15px;
display: block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.site-page-header .breadcrumb li:before {
content:"\f105";
position: absolute;
font: normal normal normal 15px/1 FontAwesome;
font-weight: bold;
right: -3px;
top: 50%;
margin-top: -8px;
}
.breadcrumb li:last-child:before {
content: "";
}
.breadcrumb .active a,
.site-page-header .breadcrumb a:hover {
color: #43aea8 !important;
}
/* main body */
.b1 #main-body {
padding-top: 65px;
padding-bottom: 100px;
}
/*  main body -left */
.b1 .image-box .b-img {
width: 100%;
max-height: 425px;
}
.b1 .image-box .b-img img {
height: 100%;
}
.b1 .image-box .image-des {
text-align: left;
}
.b1 .image-des {
padding: 25px 30px 40px 30px;
}
.b1 .post-info {
padding-bottom: 15px;
}
.b1 .image-des p {
padding-bottom: 30px;
font-size: 15px;
}
.b1 .image-des .image-box-title:after {
left: 0;
margin-left: 0;
}
.b1 .image-des .designation {

}
.b1 .image-box {
margin-top: 72px;
}
.pagination-main {
text-align: center;
}
.pagination-secondary {
text-align: center;
display: none;
}
.pagination {
padding-top: 30px;
}
.pagination li {
}
.pagination li a {
font-size: 15px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
color: #767676;
padding: 8px 17px;
border: 2px solid #ededed;
margin: 5px;
border-radius: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>a:hover {
z-index: 3;
color: #fff;
background-color: #43aea8;
border-color: #43aea8;
}
.pagination li:first-child i {
padding-right: 10px;
}
.pagination li:last-child i {
padding-left: 10px;
}
.pagination li:first-child a {
margin: 5px 10px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.pagination li:last-child a {
margin: 5px 10px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}

.pagination li:active a,
.pagination li:focus a,
.pagination li:hover a {
background-color: #43aea8;
color: #fff;
border: 2px solid #43aea8;
}
/*  aside bar  */
aside.sidebar {
padding-top: 50px;
}
.sidebar .widget {
padding-bottom: 50px;
overflow: hidden;
}
.sidebar .widget h4 {
color: #161616;
margin-bottom: 35px;
}
.sidebar .widget h4:after {
background-color: #ededed;
width: 55px;
}
/*  popular post */
.popular-post-item {
overflow: hidden;
padding: 15px 0;
border-bottom: 1px dashed #ededed;
}
.popular-post-item:last-child {
border-bottom: none;
}
.popular-img {
float: left;
overflow: hidden;
position: relative;
display: block;
}
.popular-img img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.popular-img .overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
background-color: rgba(67,174,168,0.8);
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.popular-post-item .popular-content {
margin-left: 90px;
display: block;
}
.popular-post-item .popular-content a {
display: block;
font-size: 14px;
line-height: 26px;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
color: #161616;
margin-top: -5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.popular-post-item .popular-content i {
font-size: 13px;
color: #767676;
}
.popular-post-item:hover .popular-content>a {
color: #43aea8;
}
.instagram li:hover img,
.popular-post-item:hover img {
transform: scale(1.1);
}
.instagram li:hover .overlay,
.popular-post-item:hover .overlay {
opacity: 1;
}
/*  catagories  */
.categories li {
padding: 11px 0;
list-style: none;
border-bottom: 1px dashed #ededed;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
color: #767676;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.categories li:last-child {
border-bottom: none;
}
.categories .category-link {
color: #767676;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.categories li:hover,
.categories li:hover .category-link {
color: #161616;
}
/* instagram */
.instagram li {
float: left;
list-style: none;
width: 85px;
margin-right: 2px;
margin-bottom: 2px;
}
.instagram li img{
width: 100%;
}
/* tag */
.instagram,
.tag {
overflow: hidden;
padding-top: 15px;
}
.tag li {
float: left;
list-style: none;
}
.tag li a {
display: block;
padding: 5px 16px;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
color: #767676;
background-color: #ededed;
margin-right: 5px;
margin-bottom: 5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.tag li a:hover {
background-color: #43aea8;
color: #fff;
}
/*========================================================================================
Blog Single layout 2
======================================================================================*/
.b2 .image-des .image-box-title a {
font-size: 32px;
padding-top: 12px;
display: block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.b2 .image-des .image-box-title:after{
bottom: -18px;
}
.b2 .image-box {
width: 96%;
}
.b2 .image-des {
padding: 5px 30px 0px 30px;
}
.sub-paragraph {
display: block;
overflow: hidden;
}
.image-des .paragraph-leftside {
width: 55%;
float: left;
overflow: hidden;
padding-top: 10px;
padding-bottom: 30px;
}
.image-des .paragraph-img {
width: 44%;
float: right;
overflow: hidden;
}
blockquote {
padding: 10px 10px 10px 62px;
border: none;
position: relative;
}
blockquote:before {
content: "\f10d";
position: absolute;
font: normal normal normal 14px/1 FontAwesome;
left: 16px;
top: 20px;
font-size: 36px;
color: #43aea8;
}
blockquote p {
font-size: 15px;
font-weight: 700;
font-style: italic;
color: #c6c6c6;
}
.tag-share {
padding-top: 30px;
overflow: hidden;
}
.tag-share .m-tag ul{}
.tag-share .m-tag ul li{
float: left;
list-style: none;
font-size: 14px;
color: #7e7e7e;
font-weight: 600;
}
.tag-share .m-tag ul li a {
color: #7e7e7e;
font-weight: 700;
padding: 0 3px;
}
.tag-share .m-tag ul li a:hover {
color: #43aea8;
}
.m-share ul {}
.m-share ul li {
float: left;
list-style: none;
color: #767676;
position: relative;
font-weight: 600;
}
.m-share li:after {
content: "";
position: absolute;
width: 1px;
height: 15px;
right: 0;
top: 50%;
margin-top: -7.5px;
background-color: #ededed;
transform: rotate(30deg);
}
.m-share ul li a {
padding: 0 13px;
font-size: 18px;
color: #767676;
font-weight: 700;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.main-left .m-share ul li:first-child {
padding-top: 2px;
}
.main-left .m-share ul li:first-child:after {
display: none;
}
.m-share ul li:last-child:after {
display: none;
}
/*  hover  */
.b2 .image-box:hover {
border: 5px solid #ededed;
}
.b2 .image-box:hover .image-box-title>a{
color: inherit;
}
.b2 .image-box:hover .image-box-title:after{
background-color: #ededed;
}
.m-share ul li a:hover {
color: #43aea8;
}
.b2 .image-des .image-box-title a:hover {
color: #43aea8;
}
/*  auhtor info */
.author-info {
overflow: hidden;
padding-top: 100px;
}
.author-img img {
width: 100%;
border-radius: 100px;
margin-top: 10px;
}
.author-details h4 {
font-size: 20px;
font-weight: 700;
color: #161616;
line-height: 26px;
padding-bottom: 15px;
text-transform: uppercase;
}
.author-details p {
font-size: 15px;
color: #767676;
line-height: 26px;
padding-bottom: 15px;
}
.prev-post, .next-post {
width: 49%;
text-align: center;
display: inline-block;
border: 2px solid #ededed;
margin-top: 50px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.prev-post a, .next-post a {
font-size: 15px;
line-height: 26px;
font-weight: 700;
color: #767676;
text-transform: uppercase;
padding: 4% 20%;
display: block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.prev-post:hover,
.next-post:hover {
border: 2px solid #43aea8;
}
.prev-post:hover a,
.next-post:hover a{
color: #43aea8;
}
/*  comments  */
.comment-area {
padding-top: 115px;
}
.comment-area h3 {
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
color: #161616;
position: relative;
}
.comment-area h3:before {
content: "";
position: absolute;
height: 3px;
width: 55px;
background-color: #ededed;
left: 0;
bottom: -20px;
}
.comment {
overflow: hidden;
border-bottom: 1px dashed #ededed;
padding-bottom: 30px;
margin-bottom: 30px;
padding-top: 60px;
}
.comment:last-child {
border-bottom: none;
padding-top: 0px;
}
.comment-img {
width: 10%;
float: left;
margin-top: 5px;
}
.comment-img img {
border-radius: 100px;
}
.c-content {
width: 90%;
float: left;
overflow: hidden;
padding-left: 22px;
}
.c-content-main {
border-bottom: 1px dashed #ededed;
padding-bottom: 25px;
margin-bottom: 25px;
}
.c-content h4 {
font-size: 20px;
font-weight: 700;
color: #161616;
text-transform: uppercase;
line-height: 26px;
}
.c-content span {
font-size: 15px;
font-weight: 700;
color: #767676;
line-height: 26px;
}
.c-content p {
font-size: 15px;
font-weight: 400;
color: #767676;
line-height: 26px;
padding-bottom: 15px;
}
.c-content  a {
position: relative;
font-size: 15px;
font-weight: 700;
color: #767676;
line-height: 26px;
padding-left: 22px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.c-content  a:before {
content: "\f122";
position: absolute;
font: normal normal normal 14px/1 FontAwesome;
left: 0;
top: 4px;
}
/* hover */
.c-content a:hover {
color: #43aea8;
}
/*  leave a comment  */
.leave-comment form {
padding-top: 10px;
}
.leave-comment input {
width: 49%;
padding: 15px 20px;
border: 1px solid #ededed;
}
.leave-comment textarea{width:100%;height:150px;padding:15px 20px;margin-top:20px;border:1px solid #ededed;}
.leave-comment .custom-btn{padding:14px 52px;text-transform:capitalize;margin-top:24px;margin-bottom:15px;}
.leave-comment .custom-btn:hover{color:#000 !important;}
/*========================================================================================
About us page
======================================================================================*/
.about-img {
width: 100%;
margin-top: 10px;
}
.about-img img {
width: 100%;
}
.about-content h2 {
font-size: 36px;
font-weight: 600;
color: #161616;
font-family: 'Source Sans Pro', sans-serif;
text-transform: uppercase;
padding-bottom: 20px;
}
.about-content p {
font-size: 16px;
color: #767676;
line-height: 28px;
font-family: 'Open Sans', sans-serif;
padding-bottom: 25px;
}
#about-qoutation {
position: relative;
}
.about #qoute {
padding-top: 0px;
}
#pro-trainer {
background-color: #f7f7f8;


}
.about .counter-area {
top: -141px;
}
/*========================================================================================
Event grid
======================================================================================*/
.event .main-left {
padding-bottom: 100px;
overflow: hidden;
}
.event .image-box {
}
.event .image-des .image-des {
padding: 0px 15px 40px 15px;
}
.event .post-info {
padding-top: 0;
margin-top: 0;
border: none;
}
.event .image-des .post-info span:after {
display: none;
}
.author-pic {
position: relative;
display: inline-block;
width: 45px;
height: 45px;
}
.author-pic img {
border-radius: 100px;
position: absolute;
left: 0;
top: 20px;
}
.author-pic:before {
content: "";
position: absolute;
height: 2px;
width: 36px;
background-color: #ededed;
bottom: -30px;
left: 3px;
}
.event .image-des .post-info .time {
margin-left: 10px;
}
.time>a:hover {
color: #43aea8 !important;
}
.time>a {
color: #767676 !important;
transition: all 0.3s ease;
}
.event .image-des .post-info span {
margin-right: 0px;
}
.event .image-des .image-box-title:after {
display: none;
}
.event .image-box-title {
padding: 10px 0;
}
.event .image-des .custom-btn {
margin-top: 20px;
}
/*  side bar  */
.event .sidebar {
padding-top: 80px;
}
.event .sidebar .widget-title {
margin-bottom: 50px;
}
.search-event {
padding: 30px 20px 30px 20px;
border: 1px solid #ededed;
}
.event-selection {
width: 100%;
height: 40px;
margin-bottom: 20px;
padding-left: 15px;
color: #767676;
border: 1px solid #ededed;
}
.event-selection input {
color: #767676;
padding-left: 15px;
}
.search-event .custom-btn {
width: 100%;
height: 40px;
text-align: center;
font-weight: 700;
padding: 8px 0;
font-size: 15px;
}
.event .feature-event .post-info {
text-align: center;
padding-top: 25px;
padding-left: 20px;
}
.event2 .sidebar .widget-title {
margin-bottom: 50px;
}
.event2 .post-info {
border: none;
padding-bottom: 10px;
}
.event2 .image-des h4 {
padding-top: 20px;
}
#map {
width: 100%;
height: 300px;
}
.sidebar .widget .widget-des {
color: #767676;
}
.sidebar .widget .address {
padding-top: 15px;
}
.sidebar .widget .address li {
padding: 9px 0;
}
.sidebar .widget .address li .custom-btn {
display: inline-block;
}

.sidebar .widget .address.event-place .custom-btn {
margin-top: 15px;
}

.sidebar .widget .address.event-place {
padding-top: 0px;
}

.sidebar .widget .address.event-place li {
padding: 7px 0;
}

.sidebar .widget .address li {
color: #767676;
overflow: hidden;
}
.sidebar .widget .address li a {
color: #767676;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sidebar .widget .address li:first-child a {
padding-left: 0;
}

.sidebar .widget .address li a:hover {
color: #43aea8;
}
.event-gallery-img,
.event-sponsor-img {
display: inline-block;
position: relative;
width: 48%;
float: left;
margin-right: 5px;
margin-bottom: 5px;
overflow: hidden;
}
.event-gallery-img .overlay,
.event-sponsor-img .overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
background-color: rgba(67,174,168,0.6);
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.event-gallery img,
.event-sponsor img {
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.event-gallery-img:hover .overlay,
.event-sponsor-img:hover .overlay {
opacity: 1;
}
.event-gallery-img:hover img,
.event-sponsor-img:hover img {
transform: scale(1.1);
}
.event-sponsor-img {
width: 130px;
height: 130px;
margin-right: 0;
margin-bottom: 0;
}
.event-sponsor-img:nth-child(odd){
border-left: 1px solid #ededed;
border-right: 1px solid #ededed;
border-bottom: 1px solid #ededed;
}
.event-sponsor-img:nth-child(even){
border-right: 1px solid #ededed;
border-bottom: 1px solid #ededed;

}
.even-sponsor-img:nth-child(3) {
border-top: none;
border-bottom: none;
}
.event-sponsor {
border-top: 1px solid #ededed;
margin-right: 2.5px;
}
.event-speaker-comment {
padding-top: 120px;
}
.event-speaker-comment .bproduct-review .nav-tabs {
position: relative;
}
.event-speaker-comment .post-info {
border: none;
margin-top: 0;
}
.event-speaker-comment .image-des .image-box-title:after {
display: none;
}

.event-speaker-comment .image-des {
text-align: center !important;
}
.event-speaker-comment .image-des .image-box-title a {
font-size: 18px;
text-transform: uppercase;
padding-top: 10px;
padding-bottom: 10px;
}
.event-speaker-comment .image-des .location {
font-size: 14px;
color: #767676;
padding-bottom: 30px;
display: block;
}
.event-speaker-comment .image-des .location i {
font-size: 16px;
margin-right: 5px;
}
.event-speaker-comment .post-info span:after {
display: none;
}
.event-speaker-comment .author-pic:before {
bottom: -42px;
}
.event-speaker-comment .author-details h4 span {
font-size: 15px;
color: #767676;
font-weight: 700;
}
.event-speaker-comment .author-details {
padding-left: 15px;
}
.event-speaker-comment .comment-area {
padding-top: 38px;
}
.event-speaker-comment .author-info {
padding-top: 30px;
}
/*========================================================================================
Class List
======================================================================================*/
.class-grid,
.class-list {
margin-bottom: 50px;
overflow: hidden;

}
.class-list-left-col {
padding-right: 25px;
}
.class-list-right-col {
padding-left: 15px;
padding-right: 10px;
}
.class-list .post-info span {
margin-right: 8px;
padding-right: 5px;
}

.class-grid .post-info,
.class-list .post-info {
border-top: 1px dotted #ededed;
border-bottom: 1px dotted #ededed;
padding-bottom: 8px;
}
.load-more {
text-align: center;
font-size: 18px;
font-weight: 700;
color: #43aea8;
padding: 50px;
overflow: hidden;
display: block;
}
.load-more span {
padding-left: 10px;
}
.load-more:hover {
color: #43aea8;
}
.class-list .class-image-box {
margin-top: 60px;
}
/*========================================================================================
Class grid
======================================================================================*/
.filter-class {
border: 5px solid #ededed;
padding: 10px 0;
overflow: hidden;
margin-bottom: 25px;
}
.filter-system {
float: right;
}
.filter {
margin-right: 40px;
display: inline-block;
}
.filter-class h2 {
font-size: 20px;
font-weight: 700;
color: #767676;
text-transform: uppercase;
padding-top: 10px;
padding-left: 10px;
}
.filter h3 {
font-size: 15px;
font-weight: 700;
color: #767676;
text-transform: uppercase;
padding-right: 10px;
margin-top: 12px;
display: inline-block;
}
.filter select {
width: 155px;
padding: 9px;
outline: none;
color: #767676;
border: 2px solid #ededed;
}
.grid {
display: inline-block;
}
.grid span {
font-size: 15px;
font-weight: 700;
color: #767676;
text-transform: uppercase;
padding-right: 10px;
margin-top: 10px;
display: inline-block;
}
.grid a {
font-size: 15px;
font-weight: 700;
color: #767676;
text-transform: uppercase;
padding-right: 10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.grid a i {
width: 40px;
height: 34px;
background-color: #ededed;
text-align: center;
padding-top: 9px;
}
.grid a:hover {
color: #43aea8;
}
.grid-col-left {
padding-left: 0px;
padding-right: 10px;
}
.grid-col-right {
padding-right: 20px;
}
.class-grid .image-box {
margin: 30px 0 40px 0;
}
.class-grid .image-box .class-img {
width: 100%;
}
.class-grid .image-box .class-info {
width: 100%;
float: none;
padding: 10px 0;
}
/*========================================================================================
Class detail
======================================================================================*/
.detail-class {
padding-top: 115px;
padding-bottom: 100px;
overflow: hidden;
}
.detail-class-image {
width: 100%;
max-height: 565px;
}
.detail-class>img{
width: 100%;
}
.detail-class h2 {
font-size: 32px;
font-weight: 700;
color: #343434;
padding-top: 40px;
}
.detail-class .post-info {
margin-top: 0px;
margin-left: 20px;
margin-right: 20px;
}
.class-detail .detail-class .col-sm-12 .post-info {
margin-top: 30px;
}
.detail-class p {
font-size: 15px;
color: #767676;
line-height: 26px;
padding-bottom: 30px;
}
.detail-class h2,
.detail-class .post-info,
.detail-class p,
.detail-class .class-vedio {
/*padding-right: 20px;*/
}
.detail-class .left-col {
padding-left: 0px;
}
.detail-class .class-vedio {
position: relative;
}
.detail-class .class-vedio img {
width: 100%;
}
.detail-class .class-vedio > .play-icon {
display: block;
position: absolute;
width: 65px;
height: 65px;
left: 50%;
top: 50%;
border: 4px solid #f6ddd3;
border-radius: 100px;
transform: translateY(-50%);
margin-left: -32px;
text-align: center;
padding-top: 7px;
font-size: 30px;
padding-left: 6px;
background-color: rgba(158,154,158,0.8);
color: #fff;
}
.detail-class .author-info {
border-bottom: 1px dashed #ededed;
padding-bottom: 40px;
padding-top: 45px;
}
.detail-class .author-info p {
padding-right: 0;
padding-bottom: 10px;
}
.detail-class .author-img img {
width: 100%;
border-radius: 0px;
margin-top: 5px;
}
.detail-class .m-share {
overflow: hidden;
margin-bottom: 40px;
}
.detail-class .m-share ul li:first-child a{
padding-left: 0;
}
.detail-class .custom-btn {
display: inline-block;
}
.right-col {
padding-right: 0;
}
.testimonial {
padding-top: 55px;
}
.testimonial .owl-carousel-1 .item p {
font-size: 18px;
font-style: italic;
font-weight: 600;
color: #767676;
padding-left: 50px;
position: relative;
padding-right: 0;
}
.testimonial .owl-carousel-1 .item p:after {
content: "\f10d";
position: absolute;
font-size: 36px !important;
font: normal normal normal 14px/1 FontAwesome;
color: #43aea8;
font-weight: 700;
left: 0;
top: 0;
}
.testimonial .owl-carousel-1 .item h5 {
font-size: 20px;
color: #161616;
font-weight: 700;
padding-left: 50px;
}
.testimonial .owl-carousel-1 .item span {
font-size: 15px;
color: #767676;
padding-left: 50px;
}
.testimonial .owl-carousel-1 .item span a {
font-weight: 900;
color: #767676;
}
.related-post {
display: inline-block;
}
.detail-class .class-img img {
width: 100%;
}
.detail-class .class-grid {
margin-top: 0;
}
.related-post h3 {
margin-bottom: 15px;
}
/*========================================================================================
Trainer
======================================================================================*/
.class-trainer {
overflow: hidden;
padding-bottom: 115px;
padding-top: 20px;
}
.left-col {
padding-left: 0;
}
.right-col {
padding-right: 0;
}
.class-trainer .left-col {
padding-right: 10px;
}
.class-trainer .right-col {
padding-left: 10px;
}
.middle-col {
padding-left: 15px;
padding-right: 15px;
}

/*========================================================================================
Trainer  portfolio
======================================================================================*/
.portfolio-image img {
width: 100%;
}
.portfolio-content {
padding-left: 20px;
}
.portfolio-title {
overflow: hidden;
padding-bottom: 30px;
}
.portfolio-title h3 {
font-size: 20px;
font-weight: 700;
color: #161616;
}
.portfolio-title span {
font-size: 15px;
font-weight: 700;
color: #767676;
}
.portfolio-content p {
font-size: 16px;
color: #767676;
line-height: 28px;
padding-bottom: 25px;
}
.portfolio-content>ul li {
list-style: none;
overflow: hidden;
padding: 6px 0;
}
.portfolio-content .addr-left {
float: left;
width: 105px;
font-size: 15px;
color: #767676;
font-weight: 700;

}
.portfolio-content .addr-right {
float: left;
font-size: 15px;
color: #767676;
padding-left: 15px;
}
.portfolio-content .addr-right a {
color: #767676;
}
.addr-right .m-share {
overflow: hidden;
margin-top: -6px;
}
.addr-right .m-share ul li {
overflow: visible !important;
}
.portfolio-content .addr-right .m-share ul li:first-child a {
padding-left: 0;
}
.piechart {
padding-top: 20px;
}
.pie-item {
width: 160px;
float: left;
margin-right: 15px;
}
.pie-chart{
position:relative;
margin:0 auto 16px auto;
text-align: center;
}
.pie-chart canvas {
z-index: 1;
top: 0;
left: 0;
}
.pie-chart i,
.pie-chart .pie-chart-custom-text,
.pie-chart .pie-chart-percent{
position:absolute;
z-index: 10;
top:0;
left:0;
display: block;
width: 100%;
text-align: center;
}
.pie-chart .pie-chart-custom-text {
top: 30px;
font-size: 18px;
font-weight: 600;
}
.pie-chart .pie-chart-percent {
top: 50%;
left: 50%;
font-size: 42px;
font-weight: 900;
color: #161616;
background-color: #fff;
width: 70%;
font-family: 'Source Sans Pro', sans-serif;
margin-top: -35%;
margin-left: -35%;
border-radius: 100%;
line-height: 110px;
}
.pie-chart .pie-chart-percent sup {
margin-left: -10px;
font-size: 20px;
}
.pie-chart-description {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
font-size: 12px;
text-align: center;
}
.piechart-content p {
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
}
#classby {
background-color: #f6f6f7;
}
#classby .related-post {
display: block;
margin-top: 0;
}
.class-info h4 {
color: #161616;
font-size: 20px;
font-weight: 700;
padding:10px 20px;
}
#classby .section-padding {
padding-top: 0px;
}
/*========================================================================================
pricing table
======================================================================================*/

#pricing-page .item-price {
margin-top: 20px;
margin-bottom: 20px;
}
/*========================================================================================
Registration page
======================================================================================*/
.registration-img {
position: relative;
height: 819px;
}
.registration-img img{
position: absolute;
left: -90px;
top: 125px;
}
.registration.comment-area {
padding-top: 0px;
}
.registration form {
border: 6px solid #dedede;
padding: 40px 30px;
margin-top: 60px;
}
.registration form p {
font-size: 15px;
color: #767676;
line-height: 26px;
padding-top: 13px;
padding-bottom: 3px;
}
.registration form p:first-child {
padding-top: 0;
}
.registration form input {
width: 100%;
height: 40px;
border: 2px solid #dedede;
padding: 10px;
}

.check-box-area {
margin-top: 25px;
}
.check-box {
overflow: hidden;
padding: 5px 0;
}
.check-box-left {
float: left;
width: 16px;
height: 16px;
position: relative;
}
.checkbox1 {
position: absolute;
width: 100% !important;
height: 100% !important;
left: 0;
bottom: 0;
opacity: 1;
}
.check-box-cont {
width: 90%;
float: left;
font-size: 15px;
color: #767676;
line-height: 15px;
padding-left: 15px;
}
.registration form span {
font-size: 15px;
color: #767676;
line-height: 28px;
display: inline;
}
.registration .custom-btn {
padding: 14px 50px;
font-size: 16px;
margin-top: 35px;
text-transform: capitalize;
}
/*========================================================================================
contact page
======================================================================================*/
.leave-comment input.subjcet {
width: 100% !important;
margin-top: 20px;
}
.m-share ul li {
overflow: visible !important;
display: inline-block;
}
#contact-page .comment-area {
padding-top: 0;
}
#contact-page .sidebar .widget h4 {

}
.map-area #map {
height: 580px;
}
/*========================================================================================
error page
======================================================================================*/
.error-inside {
width: 600px;
height: 350px;
background-color: #f8f8f8;
position: relative;
}
.error {
width: 623px;
height: 373px;
margin: 0 auto;
padding: 10px;
border: 2px solid #efeeee;
position: relative;
margin-bottom: 100px;
}
.error:after {
content: "";
position: absolute;
height: 66px;
width: 15px;
background-color: #dedede;
left: 50%;
transform: translateX(-50%);
bottom: -67px;
border-top: 2px solid #d1d1d1;
}
.error:before {
content: "";
position: absolute;
width: 120px;
height: 55px;
background: red;
-moz-border-radius: 100px / 50px;
-webkit-border-radius: 100px / 50px;
border-radius: 100px / 50px;
background-color: #dedede;
bottom: -90px;
left: 50%;
transform: translateX(-50%);
-webkit-box-shadow: inset  2px 30px 0px -14px rgba(239,238,238,1);
-moz-box-shadow: inset  2px 30px 0px -14px rgba(239,238,238,1);
box-shadow: inset  2px 30px 0px -14px rgba(239,238,238,1);
}
.inside-content {
text-align: center;
position: absolute;
width: 100%;
height: auto;
left: 0;
top: 0;
padding: 0 80px;
}
.inside-content h1 {
font-size: 158px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
color: #43aea8;
margin-top: 0;
margin-bottom: 0;
}
.inside-content h3 {
font-size: 20px;
font-weight: 700;
color: #161616;
text-transform: uppercase;
padding-bottom: 6px;
}
.inside-content p {
font-size: 15px;
color: #767676;
line-height: 26px;
padding-bottom: 20px;
}
.error-inside .inside-content .custom-btn {
padding: 9px 32px;
}
/*
shop index page

#feature-product .section-title {
margin-left: 0;
}
.f-product-box {
padding-top: 60px;
}
.box-img {
position: relative;
overflow: hidden;
}
.features-product-Gallery .box-img {
height: 291px;
overflow: hidden;
}
.features-product-Gallery .box-img img {
height: 291px;
}
.features-product-Gallery .nav-tabs {
border-bottom: none;
text-align: center;
margin-bottom: 60px;
}
.features-product-Gallery .nav-tabs>li.active>a,
.features-product-Gallery .nav-tabs>li.active>a:focus,
.features-product-Gallery .nav-tabs>li.active>a:hover {
color: #fff;
cursor: default;
background-color: #43aea8;
border: 1px solid #43aea8;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.features-product-Gallery .nav-tabs>li>a {
border: 1px solid #dedede;
border-radius: 0px;
margin-right: 10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.features-product-Gallery .nav>li>a {
padding: 10px 20px;
}
.features-product-Gallery .nav-tabs>li {
float: none;
margin-bottom: 0;
display: inline-block;
}
.features-product-Gallery .f-product-box {
padding-top: 0px;
padding-bottom: 50px;
}*/
.f-product-box img {
width: 100%;
}
.f-product-box .overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
background-color: rgba(0,0,0, 0.0);
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.box-img .social-media .social-icon {
padding: 14px 15px;
}
.box-img .social-media .social-icon i:after {
left: 4px;
}
.fp-info {
text-align: center;
padding-top: 28px;
}
.fp-info h4 {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
padding-bottom: 6px;
}
.fp-info h4 a {
color: #161616;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.product-price {
font-size: 15px;
color: #767676;
font-weight: 700;
float: left;
padding-right: 20px;
position: relative;
}
.product-price:after {
content:"";
position: absolute;
width: 1px;
height: 15px;
background-color: #dedede;
right: 0;
top: 0;
}
.product-price span {
font-size: 15px;
color: #43aea8;
font-weight: 900;
padding-right: 14px;
}
.price-rating {
display: inline-block;
padding-top: 7px;
}
.rating {
float: left;
padding-left: 12px;
}
.rating .rating-box {
margin-right: 0px;
display: inline-block;
}
.rating-box {
font-size: 0;
line-height: 0;
overflow: hidden;
}
.ratings .fa {
font-size: 15px;
}
.rating .fa-stack {
font-size: 15px;
}
.fa-stack {
width: 1.1em;
height: 1em;
line-height: 1em;
}

.fa-star-half-o,
.fa-star {
color: #43aea8;
}
.fa-star-o {
color: #767676;
}
/*  hover  */
.f-product-box:hover .overlay {
opacity: 1;
}
.f-product-box:hover .social-media {
opacity: 1;
top: 0;
}
.fp-info h4 a:hover {
color: #43aea8;
}
#feature-product-Gallery {
padding: 100px 0;
background: #f7f5f6;
}


/*
Gallery page

#Gallery-work .featuresFilter {
text-align: center;
}
#Gallery-work .load-more {
padding-bottom: 0;
}
#Gallery-work .Gallery-popup {
display: block;
position: relative;
}*/
/*========================================================================================
shop product page
======================================================================================*/
#product-page {
width: 1170px;
margin: 0 auto;
height: 800px;
}
#product-review .section-padding {
padding-top: 0;
}
.bproduct-review {
display: inline-block;
width: 100%;
padding-bottom: 100px;
}
.bproduct-review .nav-tabs {
border-bottom: none;
overflow: hidden;
margin-bottom: 25px;
position: relative;
}
.bproduct-review .nav-tabs:after {
content:"";
position: absolute;
width: 100%;
height: 1px;
background-color: #dedede;
left: 0;
bottom: 0px;
}
.bproduct-review .nav-tabs>li>a {
font-size: 20px;
font-weight: 700;
padding: 15px 0px;
margin-right: 40px;
color: #e2e2e2;
border: none;
position: relative;
}
.bproduct-review .nav-tabs li.active a:after {
content:"";
position: absolute;
width: 100%;
height: 3px;
background-color: #43aea8;
left: 0;
bottom: 0px;
opacity: 1;
z-index: 1;
}
.bproduct-review .nav-tabs>li.active>a,
.bproduct-review .nav-tabs>li.active>a:focus {
border: none;
color: #43aea8;
}
.bproduct-review .nav-tabs>li>a:hover {
border: none;
}
.bproduct-review .tab-content p {
font-size: 15px;
line-height: 26px;
color: #767676;
padding-bottom: 25px;
}
.bproduct-review .tab-content p:last-child {
padding-bottom: 10px;
}
.add-review-area h4,
#p-review .p-review-area h4 {
font-size: 20px;
color: #161616;
font-weight: 700;
border-bottom: 1px solid #dedede;
padding-bottom: 15px;
margin-bottom: 25px;
}
#p-review h4 span {
font-size: 15px;
color: #767676;
font-weight: 400;
}
.p-review-item {
border-bottom: 1px solid #dedede;
margin-bottom: 30px;
}
.p-review-item:last-child {
border-bottom: none;
}
.review-item-img {
float: left;
}
.review-item-content {
margin-left: 60px;
}
.review-item-content-heading h5{
color: #161616;
font-size: 15px;
font-weight: 700;
}
.review-item-content-heading h5 span{
color: #767676;
font-weight: 400;
}
.review-item-content-text p {
font-size: 15px;
color: #767676;
line-height: 26px;
}
.form-item {
overflow: hidden;
margin-bottom: 20px;
}
.form-item label {
display: block;
font-size: 15px;
font-weight: 700;
}
.form-item label>sup>i {
font-size: 10px;
color: red;
}
.form-item input {
width: 97%;
padding: 8px 20px;
font-size: 14px;
border: 1px solid #e3e6e9;
}
.review-rating {
position: relative;
width: 100%;
}
.review-rating input {
width: 97%;
background-color: #f5f7f8;
outline: none;
padding: 4px 60px 4px 10px;
}
.review-rating .review-rating-icon {
position: absolute;
right: 20px;
top: 50%;
margin-top: -9px;
}
.review-rating .review-rating-icon i {
color: #e3e6e9;
}
.review-rating:active input,
.review-rating:focus input,
.review-rating:hover input {
border: 1px solid #43aea8;
}
.review-rating:active .review-rating-icon>i,
.review-rating:focus .review-rating-icon>i,
.review-rating:hover .review-rating-icon>i {
color: #43aea8;
}
.review-rating::-webkit-input-placeholder {
font-size: 14px;
color: #43aea8;
}
.form-item textarea {
width: 100%;
height: 130px;
border: 1px solid #e3e6e9;
padding: 20px;
}
.form-item .col-md-4:last-child input,
.form-item .col-md-3:last-child input {
width: 100%;
}
.add-review-area form a.custom-btn {
padding: 10px 23px;
margin-top:10px;
}
.related-product {
overflow: hidden;
padding-bottom: 120px;
border-bottom: 1px solid #dedede;
}
.related-product h2 {
font-size: 20px;
font-weight: 700;
color: #161616;
position: relative;
margin-bottom: 20px;
}
.related-product h2:after {
content: "";
position: absolute;
width: 56px;
height: 3px;
left: 0;
bottom: -20px;
background-color: #ededed;
}
/*========================================================================================
shop product extra page
======================================================================================*/
#product-detail-info .flex-control-nav {
width: 15%;
float: left;
}

#product-detail-info .flexslider .slides {
width: 85%;
float: right;
}
#product-detail-info .flex-control-thumbs li {
width: 100%;
float: none;
margin-bottom: 10px;
display: block;
}
#product-detail-info .flex-control-thumbs .flex-active {
opacity: 1;
cursor: pointer;
border: 2px solid #43aea8;
}
#product-detail-info .flex-control-thumbs img  {
opacity: 0.5;
border: 2px solid #ededed;
}
#product-detail-info .flex-control-thumbs li:active,
#product-detail-info .flex-control-thumbs li:focus {

}
#product-detail-info .flexslider .flex-direction-nav .flex-next {
display: none;
}
#product-detail-info .flexslider .flex-direction-nav .flex-prev {
display: none;
}
#product-detail-info .product-image {
float: left;
padding-left: 10px;
}
#product-detail-info .product-image img {
border: 1px solid #dedede;
}
.product-details h3 {
font-size: 20px;
font-weight: 700;
color: #161616;
padding-bottom: 10px;
text-transform: uppercase;
}
.product-details {
float: left;
background-color: #fff;
}

.rating-box a {
font-size: 15px;
color: #767676;
display: block;
float: right;
margin-top: 5px;
margin-left: 5px;
margin-right: 10px;
font-weight: 600;
}
.product-details .rating {
padding-left: 0px;
float: none;
}
.product-details .rating-box {
position: relative;
}
/*.rating-box:after {
content: "";
position: absolute;
width: 2px;
height: 14px;
right: 0;
top: 50%;
margin-top: -7px;
background-color: #ededed;
}*/
a.add-review {
font-size: 15px;
color: #43aea8;
display: inline-block;
padding-left: 4px;
font-weight: 600;
}
.product-details .product-price{
display: block;
padding-top: 15px;
float: none;
}
.product-details .product-price span {
font-size: 30px;
color: #43aea8;
font-weight: 700;
}

.product-detail-content {
padding-top: 40px;
border-bottom: 1px solid #ededed;
padding-bottom: 20px;
margin-bottom: 25px;
}
.product-detail-content p {
font-size: 15px;
color: #767676;
line-height: 26px;
}
.selection {
overflow: hidden;
margin-bottom: 25px;
}
.selection select {
float: left;
padding: 10px 25px;
color: #767676;
border: 1px solid #dedede;
outline: none;
padding: 8px;
margin: 0;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
background: #f8f8f8;
color:#888;
outline:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
border: 2px solid #DEDEDE;
margin-right: 10px;
}

.controls_input  {}
.controls_input input {
width: 40px;
height: 40px;
padding: 8px;
font-weight: 700;
float: left;
margin-left: 5px;
margin-right: 5px;
outline: none;
border: 2px solid #dedede;
color: #767676;
text-align: center;
}
.controls_input b {
width: 40px;
height: 40px;
border: 2px solid #dedede;
float: left;
display: block;
text-align: center;
line-height: 36px;
cursor: pointer;
color: #767676;
-webkit-transittion: all 0.3s ease-in-out;
-moz-transittion: all 0.3s ease-in-out;
-o-transittion: all 0.3s ease-in-out;
-ms-transittion: all 0.3s ease-in-out;
transittion: all 0.3s ease-in-out;
}
.controls_input b:focus,
.controls_input b:active,
.controls_input b:hover {
color: #fff;
background-color: #43aea8;
border: 2px solid #43aea8;
}
.add-cart {
overflow: hidden;
margin-bottom: 25px;
}
.add-cart li {
list-style: none;
float: left;
}
.add-cart li a {
font-size: 15px;
display: block;
padding: 10px 15px;
border: 1px solid #dedede;
margin-right: 10px;
color: #767676;
font-weight: 700;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.add-cart li:first-child a{
padding: 10px 30px;
}
.add-cart li a:hover {
background-color: #43aea8;
color: #fff;
border: 1px solid #43aea8;
}
.product-details .m-share ul li:first-child:after {
display: none;
}
/*========================================================================================
shop product cart page
======================================================================================*/
#shopping-cart {
border-bottom: 1px solid #dedede;
}
.shop-cart {
width: 100%;
}
.shop-cart thead tr {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.shop-cart tbody tr {
border-bottom: 1px solid #e5e5e5;
}
.shop-cart tbody tr td,
.shop-cart thead tr th {
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
text-align: left;
padding: 17px 30px 15px 25px;
color: #767676;
}
.cart-item {
width: 15%;
}
.cart-quality {
width: 16%;
}
.product-quality {
display: inline-block;
}
input#textBox {
width: 40px;
text-align: center;
height: 40px;
font-size: 20px;
border: 2px solid #dedede;
font-weight: 700;
}
input#increaseNumber,
input#decreaseNumber {
width: 40px;
height: 40px;
font-size: 20px;
background: #fff;
border: 2px solid #dedede;
font-weight: 700;
}
input#increaseNumber:active,
input#increaseNumber:hover,
input#increaseNumber:focus,
input#decreaseNumber:active,
input#decreaseNumber:focus,
input#decreaseNumber:hover {
background-color: #43aea8;
color: #fff;
border: 2px solid #43aea8;
}
.cart-product-remove {
width: 8%;
text-align: center !important;
}
.cart-item-info h3 a {
font-size: 20px;
color: #161616;
font-weight: 700;
line-height: 30px;
}
.cart-item-info p {
font-size: 15px;
color: #767676;
line-height: 26px;
font-weight: 600;
}
.cart-item-info p span {
font-weight: 700;
}
.cart-total span,
.cart-price span {
font-size: 20px;
color: #161616;
font-weight: 700;
vertical-align: top;
}
#shopping-cart .cart-title {
font-size: 20px;
font-weight: 700;
color: #161616;
text-transform: uppercase;
position: relative;
}
#shopping-cart .cart-title:after {
content:"";
position: absolute;
width: 56px;
height: 3px;
bottom: -20px;
left: 0;
background-color: #dedede;
}
.cart-product>span {
font-size: 15px;
color: #767676;
padding-top: 33px;
display: block;
}
.cart-product>form {
padding-top: 35px;
}
td.cart-product-remove a {
color: #ed1c24;
font-size: 20px;
}
.calculation {
overflow: hidden;
padding-top: 70px;
}
.calculation .cart-coupon,
.calculation .cart-calculation,
.calculation form {
width: 100%;
padding: 30px;
border: 1px solid #dedede;
margin-top: 50px;
overflow: hidden;
margin-bottom: 70px;
}
form .country,
form .state,
form .postal-code {
width: 100%;
overflow: hidden;
margin-bottom: 20px;
}
.calculation form label {
width: 25%;
color: #7e7e7e;
padding: 10px 0;
}
#selection,
.postal-code input {
width: 75%;
float: right;
overflow: hidden;
padding: 10px 15px;
border: 1px solid #ededed;
color: #c6c6c6;
}
.calculation form>.custom-btn {
margin-left: 25%;
padding: 14px 30px;
}
input:focus, textarea:focus, keygen:focus, select:focus {
outline-offset: -2px;
outline-color: #43aea8;
}
ul.cart-calculation-total,
ul.cart-calculation-item {
border-bottom: 1px solid #dedede;
}
ul.cart-calculation-item li {
list-style: none;
padding: 8px 0;
overflow: hidden;
font-size: 14px;
font-weight: 600;
color: #767676;
}
ul.cart-calculation-item li:last-child {
padding-bottom: 30px;
}
ul.cart-calculation-total li {
padding: 12px 0;
list-style: none;
overflow: hidden;
font-size: 14px;
font-weight: 600;
color: #767676;
}
.cart-calculation .custom-btn {
float: right;
padding: 14px 30px;
margin-top: 20px;
}
.cart-coupon p {
font-size: 15px;
color: #767676;
line-height: 26px;
}
.coupon-apply {
overflow: hidden;
padding-top: 20px;
}
.coupon-apply input {
padding: 9px;
width: 73%;
color: #767676;
margin-bottom: 10px;
border: 1px solid #ededed;
}
.coupon-apply .custom-btn {
padding: 9px 33px;
}
.cart-coupon {
margin-bottom: 0px !important;
}
/*set a border on the images to prevent shifting*/
#gal1 img {
border:2px solid #dedede;
margin-top: 3px;
}
/*Change the colour*/
#gal1 .active img {
border:2px solid #43aea8 !important;
}
.zoomWrapper {
float: right;
width: 80% !important;
}
#gal1 {
width: 20%;
float: left;
}
/*   we do section   */
#we-do {
background-color: #f7f7f9;

}
#we-do .head-section {
max-width: 1170px;
margin: 0 auto;
padding-bottom: 60px;
}
.photo-Gallery {
max-width: 1920px;
margin: 0 auto;
position: relative;
}
/*.swiper-container-we-do:before {
content:"";
position: absolute;
width: 6.5%;
height: 96%;
background-color: rgba(247,247,247,0.9);
left: 0;
z-index: 99;
}
.swiper-container-we-do:after {
content:"";
position: absolute;
width: 6.5%;
height: 96%;
background-color: rgba(247,247,247,0.9);
right: 0;
top: 0;
z-index: 99;
}*/
.swiper-container-we-do {
width: 100%;
height: auto;
margin: 20px auto;
overflow: hidden;
position: relative;
padding-bottom: 40px;
}
.swiper-container-we-do .swiper-slide {
text-align: center;
font-size: 18px;
}
.swiper-image {
display: block;
}

.swiper-image img{
width: 100%;
}
.swiper-container-we-do .swiper-slide h3 a {
display: block;
color: #161616;
font-size: 20px;
padding-top: 25px;
padding-bottom: 20px;
font-weight: 700;
-webkit-transition: all 0.15s ease-in-out;
}

.swiper-container-we-do .swiper-slide h3 a:hover {
color: #43aea8;
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 0;
right: 0;
bottom: 0px;
z-index: 50;
height: 16px;
width: 100%;
z-index: 1;
background-color: #ededed;
opacity: 1;
}
.swiper-scrollbar-drag {
background-color: #43aea8;
height: 12px;
top: 2px;
}
.superss-1 {
width: 3000px;
}



/*----------------------------   class schedule ----------------------------------*/
#class-schedule {
padding: 100px 0;
}

.class-schedule-top {
border: 5px solid #ededed;
overflow: hidden;
padding: 30px 0;
margin-bottom: 60px;
}

.class-schedule-top .schedule-course  {
color: #e4e4e4;
font-size: 20px;
font-weight: 700;
line-height: 26px;
-webkit-transition: all 0.3s ease;
}

.class-schedule-top .schedule-course a {
color: #e4e4e4;
}

.class-schedule-top .schedule-course i {
color: #e4e4e4;
font-size: 25px;
font-weight: 700;
-webkit-transition: all 0.3s ease;
}

.class-schedule-top .schedule-course .fa-angle-left {
padding-right: 10px;
}

.class-schedule-top .schedule-course .fa-angle-right {
padding-left: 10px;
}

.class-schedule-top .schedule-course a:hover {
color: #43aea8;
}

.class-schedule-top .schedule-course a:hover i {
color: #43aea8;
}

.class-schedule-top .schedule-course.active {
color: #43aea8;
}

.class-schedule-table {
width: 100%;
}

.class-schedule-table .thead-row {
border-top: 1px solid #ededed;
border-right: 1px solid #ededed;
}

.class-schedule-table .thead-row th {
border-left: 1px solid #ededed;
text-align: center;
}

.class-schedule-table .tb-row {
height: 100px;
border-top: 1px solid #ededed;
border-right: 1px solid #ededed;
}

.class-schedule-table .tb-row td {
border-left: 1px solid #ededed;
text-align: center;
}

.class-schedule-main .cool-exercise {
background-color: #e1ffe1;
}

.class-schedule-main .hard-exercise {
background-color: #fcfdc5;
}

.class-schedule-main .fitness-class {
background-color: #eedcff;
}

.class-schedule-main .yoga-class {
background-color: #ffe3e1;
}

.class-schedule-table .schedule-text {
padding: 0 20px;
}

.class-schedule-table .schedule-text span {
display: block;
}

.class-schedule-table .schedule-text .meta-author {
font-size: 13px;
color: #767676;
line-height: 24px;
position: relative;
padding-bottom: 15px;
}

.class-schedule-table .schedule-text .meta-author:before {
content: "";
position: absolute;
height: 2px;
width: 40px;
bottom: 0;
left: 50%;
margin-left: -20px;
background-color: #161616;
}

.class-schedule-table .schedule-text .meta-author a {
font-size: 13px;
color: #767676;
font-weight: 700;
}

.class-schedule-table .schedule-text h4 {
font-size: 16px;
font-weight: 700;
color: #161616;
text-transform: uppercase;
line-height: 24px;
padding-bottom: 6px;
}

.class-schedule-table .schedule-text .address {
font-size: 13px;
color: #767676;
padding-top: 15px;
}


.class-schedule-mobile {
display: none;
}

.each-day {
padding-bottom: 60px;
}

.each-day h2 {
font-size: 24px;
color: #161616;
font-weight: 700;
padding: 30px;
}


.each-day ul {
margin: 0;
padding: 0;
}

.each-day ul li {
padding: 15px 30px;
}

.each-day ul li .course-name {
float: left;
color: #767676;
text-transform: uppercase;
}

.each-day ul li .course-time {
float: right;
color: #767676;
text-transform: uppercase;
}

.ft ul{margin:0;padding:15px 0;}
.ft li{ display:inline-block; color:#fff; padding: 0 35px; border-right:1px solid #fff; margin:35px 0; font-size:16px;}
.ft li a{color:#ddf0ef; text-decoration:none}
.ft li a:hover{color:#ddf0ef; text-decoration:underline;}


/* carousel */
#quote-carousel 
{padding:0 10px 30px 10px;margin-top:30px;}

/* Control buttons  */
#quote-carousel .carousel-control
{
background:none;color:#222;font-size:2.3em;text-shadow:none;margin-top:30px;}
/* Previous button  */
#quote-carousel .carousel-control.left 
{left:-12px;}
/* Next button  */
#quote-carousel .carousel-control.right 
{right:-12px !important;}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{right:50%;top:auto;bottom: 0px;
margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
background: #333333;
}
#quote-carousel img
{
width: 250px;
height: 50px
}
/* End carousel */

.item blockquote {
border-left: none; 
margin: 0;
}

.item blockquote img {
margin-bottom: 10px;
}

.item blockquote p:before {
content: "\f10d";
font-family: 'Fontawesome';
float: left;
margin-right: 10px;
}



/**
MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
#quote-carousel 
{
margin-bottom: 0;
padding: 0 40px 30px 40px;
}

}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px){
#quote-carousel .carousel-indicators{bottom:-20px !important;}
#quote-carousel .carousel-indicators li{display:inline-block;margin:0px 5px;width:15px;height:15px;}
#quote-carousel .carousel-indicators li.active{margin:0px 5px;width:20px;height:20px;}
}
.font20{font-size:20px;}

.about-banner{height:40vh;background:url(../images/about-banner-img.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;}
.services-banner{height:40vh;background:url(../images/services-banner-img.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;}
.gallery-banner{height:40vh;background:url(../images/gallery-banner-img.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;}
.contact-banner{height:40vh;background:url(../images/contact-banner-img.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;}

.list{font-size:16px;color:#767676;line-height:28px;font-family:'Open Sans', sans-serif;padding-bottom:25px;}
.btn {margin-top:3px;margin-right:3px;border-radius:3px;text-transform:none;padding:10px 27px;background-color:#43aea8;border:2px solid #43aea8; color:#fff}
.btn:hover {border:2px solid #000;background:#fff;color:#000;}
.gallery{margin:50px 0;}
.m-bt-35{ margin-bottom:35px;}
.p-all-0{padding:0;}
.m-all-20{ margin:20px;}
.top-sec{background:#43aea8;padding:10px;color:#fff;text-align:right;font-size:16px;}
.top-sec a{color:#fff;}
.top-sec a:hover{color:#000;text-decoration:none;}

/*** Pop up on Home page ****/
#fvpp-blackout{display:none;z-index:499;position:fixed;width:100%;height:100%;top:0;left:0;background:#000;opacity:0.5;}
#my-welcome-message{display:none;z-index:500;position:fixed;width:36%;left:30%;top:20%;padding:20px 2%;background:#FFF; border:10px solid #ddd;}
#fvpp-close{position:absolute;top:0px;right:10px;cursor:pointer;font-size:32px;}
#fvpp-dialog h2{font-size:2em;margin:0;}
#fvpp-dialog p{margin:0;}

/*** International Yoga Day page ****/
.iyd_prg_container{width:300px;border:1px solid #ddd;border-radius:5px;display:inline-block;font-size:12px;margin:20px 25px 20px 0;height:320px;vertical-align:top;}
.iyd_prg_container:hover{box-shadow:0px 5px 10px #666;}

.iyd_img{border-radius:5px 5px 0 0;}
.ild-head{font-size:2em;color:#0064b2;}
.iyd_prog_head{font-size:1.8em;font-weight:bold;text-align:center;color:#ecd42f;padding:10px;line-height:1.1em;}
.button1{padding:10px;font-size:2em;margin:0 0 30px 0;background:#37b44c;border-radius:3px;border:0;color:#fff;}
.button1:hover{background:#2ad146;}