/*!
 * Theme v1.0.0 
 * Copyright 2015-2016 theemon.com
 */
@skinColor:#8ecc3b; //Change here your theme Color
@fontFamily:'Roboto', sans-serif; //Change here your theme Font family

.transition_effect{
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

//===============================================
//====================TEXT COLOR==================
.homepage-1 .Gym-Subline span > span, .rev-btn:hover .join-btn,.button-btn:hover, .homepage-1 #owl-slider2 .item h3, .list-global li i, .homepage-2 .slider-right span strong, .homepage-2 .slider-right .button-btn:hover,.homepage-2 .slider-navigation ul li.active span, 
.homepage-2 .slider-navigation ul li.active strong, .homepage-2 .slider-item-caption .link, .homepage-2 .success-home-two h2, .green-dark, .homepage-3 .slider-right span strong, .homepage-3 .slider-navigation ul li.active span, 
.homepage-3 .slider-navigation ul li.active strong, .homepage-3 .slider-item-caption .link,.button-btn.small-btn.green-bg:hover, .homepage-3 .success-home-two h2, 
.header-four .calling-contact a, .homepage-4 .success-home-two h2, .breadcrumb > .active, .trainer-detail .trainer-name strong, .blog-program .classes-content span i,
.blog-comment span,.archive-list .catgory-list li span, .comment-info > span span, .comment-info h3 small, .short-code .panel-body ul li i,
.slider-content-blog span,.check-style li i, .short-code .description-review .nav-tabs > li.active a, .faq-qs-sec .ques, .faq-qs-sec .ans,
.num-cls-grn, #info .text-mail, .email-contact a, .free-join-inner  span,.cart-info span i, .cart-info a i,.shopping-cart .total-cart i,.homepage-3 .bg-wrp .bottom-link .button-btn:hover, .homepage-1 .news-content h3 a:hover,.homepage-1 .event-info h3 a:hover, .homepage-1 .product-content h3 a:hover,.footer-one .class-list li a:hover,.footer-one .media-wrap li a i:hover,.footer-one .theme-design:hover,.footer-one .calling-contact a:hover, .event-info a.link:hover,.header-two .calling-contact a:hover, .header-two .media-wrap li a i:hover,.homepage-2 .classes-listing-wrap .link:hover,.homepage-2 .classes-content h3 a:hover,.homepage-2 .view-all:hover,.footer-two .class-list li a:hover,.footer-two .theme-design:hover,.footer-two .calling-contact a:hover,.footer-two .media-wrap li a:hover,.contact-ifo a:hover, .homepage-3 .news-content h3 a:hover, .homepage-3 .news-home-3 .event-info h3 a:hover, .homepage-3 #footer .home-2-footer .theme-design:hover,.satisfaction-wrap h3 a:hover, .homepage-4 .classes-content h3 a:hover,.latest-news-home_two  view-all:hover,.homepage-4 .news-content h3 a:hover,.homepage-4 .event-info h3 a:hover,.homepage-4 .product-content h3 a:hover,.media-wrap1 li a:hover, .catgory-list li a:hover, .trainer-detail .trainer-contact:hover  a, .trainer-detail .trainer-contact:hover .phone-btn, .blog-program .classes-content h2 a:hover,.homepage-2 .classes-content span span a:hover,.blog-program .link:hover,.recent-post-blog h3 a:hover,.category-wrap h3 a:hover, .event-info-event h3 a:hover, .address-event h3 a:hover, .event-list .event-info-event a.read-more:hover,.shop-details .product-content h3 a:hover,.homepage-3 .home-3-pacakage .timing-listing h3 a:hover, .header-four .cart:hover span,.homepage-4 .view-all:hover, .shop-list .product-category-wrap .product-category li:hover {
  color:@skinColor;
  .transition_effect;
}
.owl-controls .owl-buttons div.owl-next:after, .owl-controls .owl-buttons div.owl-prev:after{
     color:lighten(@skinColor, 10%);
}
.slider-cap-info span, .classes-populer .home-three-head > span > span{
   color:darken(@skinColor, 10%);
}
 .small-btn:hover,.blog-program .owl-controls .owl-buttons div.owl-next::after, .blog-program .owl-controls .owl-buttons div.owl-prev::after, .shop-details .cart-info a i {
   color:#fff !important;
 }
 .homepage-4 .package-price .button-btn:hover, .shop-details .cart-info a:hover i, .homepage-3 .package-list-3 li .pack-price a.button-btn:hover,.homepage-3 .slider-caption a.button-btn:hover,.homepage-3 .menu-wrap a.button-btn:hover, .homepage-2.about_us .looking-fit a.green-bg:hover,.homepage-1 .header-one .navbar-nav li.cart:hover span, .header-two .navbar-nav li.cart:hover span, .header-three .calling-contact a:hover,.homepage-3 .header-three .search-button:hover i {
    color: @skinColor !important;
 }
//============================================================
//==========================BACKGROUND COLOR==================
.header-two .cart, .header-one .cart,.button-btn,.homepage-1 .tabing-wrap .nav-tabs > li.active > a, .homepage-1 .tabing-wrap .nav-tabs > li.active > a:hover,.homepage-1 .tabing-wrap .nav-tabs > li.active > a:focus,
.homepage-1 #owl-slider1 .owl-pagination .owl-page.active,.shop-details .cool-products strong.sale, .sale, .homepage-2 .owl-pagination .owl-page.active, 
.homepage-2 .trainer-wrap-slide .schedule-info, .homepage-2 #owl-sucess-story .owl-pagination .owl-page.active, .homepage-3 .classes-populer,.homepage-3  .schedule-section   .owl-pagination .owl-page.active, 
.homepage-3 #owl-sucess-story .owl-pagination .owl-page.active, .header-four .cart, .homepage-4 #owl-sucess-story .owl-pagination .owl-page.active, 
.homepage-4 .tp-caption.Concept-Notice .link, .homepage-4  .Concept-Notice .link, .blog-program .owl-controls .owl-buttons  .owl-prev, .blog-program .owl-controls .owl-buttons   .owl-next, 
.video,.up-arrow, .short-code .description-review .nav-tabs > li a, .short-code .pagination.green li.active a span, .short-code .pagination.green li.active a,.short-code .pagination.green li a:hover, 
.short-code .pagination.green li a:hover span,.filter-text {
  background:@skinColor;
}
.homepage-2 #owl-trainers .owl-pagination .owl-page, .owl-controls .owl-buttons div{
   background:darken(@skinColor, 10%);
}
.rev-btn,  .small-btn:hover, .pack-price .button-btn, .panel-heading, .ui-state-default, .green-bg  {
  background-color:@skinColor !important;
}
.rev-btn:hover, .pack-price .button-btn:hover, .btn-default.dropdown-toggle:hover, .btn-default.dropdown-toggle, .homepage-4 .package-price .button-btn:hover,.panel-heading.yellow-brder, .homepage-2.about_us .looking-fit a.green-bg:hover,.homepage-1 .header-one .navbar-nav li.cart:hover, .header-two .navbar-nav li.cart:hover, .homepage-2 #owl-slider-hero .slider-caption .button-btn:hover, .homepage-3 #owl-slider-hero .slider-caption .button-btn:hover, .header-four .cart:hover{
  background-color:transparent !important;
}
//============================================================
body div h1,body div h2,body div h3,body div h4,body div h5{
  font-family:@fontFamily !important;
}
//==========================BORDER COLOR==================
.rev-btn, .homepage-1 .Gym-Button, .rev-btn:hover, .button-btn, .pack-price .button-btn, .homepage-4 .tp-caption.Concept-Notice .link:hover, 
.homepage-4  .Concept-Notice .link:hover, .homepage-4 .package-price .button-btn:hover, .homepage-3 .bg-wrp .bottom-link .button-btn:hover, .homepage-2.about_us .looking-fit a.green-bg:hover, .homepage-1 .header-one .navbar-nav li.cart:hover, .header-two .navbar-nav li.cart:hover, .header-four .cart:hover{
  border-color:@skinColor !important;
}
.bottom-link .button-btn,.small-btn{
  border-color:transparent !important;
}
*:hover{
  .transition_effect
}
//============================================================
//==========================SVG COLOR==================