/*!
 * Theme v1.0.0 
 * Copyright 2015-2016 Theemon.com
 */
@skinColor:#2ea099; //Change here your theme Color
@fontFamily:'karla', sans-serif; //Change here your theme Font family
@headingFont:'Raleway', sans-serif; //Change here your theme Font family

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

.slide-heading, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: @headingFont !important; 
}
body {
    font-family: @fontFamily;
}
//TEXT COLOR
.quick-list li a:hover, .phone span a:hover, .comments:hover, .doe:hover, .read-more:hover, .footer-nav ul a:hover, .call-us ul li a:hover, .slides-text h4 a:hover, .news h5 a:hover, .more-text a:hover, .categories ul li a:hover, .archive ul li a:hover, .blog-text li i, .reply-btn:hover, .best-seller-items .owl-next::before, .shopping-cart h5, .shipping-heading, .billing-form .sbToggle:before, .country-names li a:hover, .email-us:hover, .user-blog li a:hover, .location-slide-tab span a:hover, .stuffs_rental-page-settings-two .query .button.contact-us {
  color:@skinColor !important; .transition_effect;
}
.archive .custom-pagination li a:hover {
    color: #ffffff !important;
}
.news-testimonial .testimonial-inner:before {
  color:darken(@skinColor ,40%) !important;
}
//BACKGROUND COLOR
.query, .spanish, .features-text h3::after, .about-us h3::after, .heading h2::after, .services-link, .owl-page.active span, .sign-up button, .nav-icon, .stuffs_rental-page-settings-two .request, .solution, .about-us-page .heading h3:after, .heading h3::after, .custom-pagination li a.pagination-next, .heading h6::after, .heading h5::after, .comment-submit:hover, .about-stuffs_rental, .stuffs_rental-page-settings-two .query, .more-services h6:after, .dot, .video-control, .custom-pagination li a.pagination-next:hover, .comment-drop-box form input.comment-submit:hover
, .stuffs_rental-page-settings-three .services-link, .stuffs_rental-page-settings-three .spanish, .stuffs_rental-page-settings-three .query, .stuffs_rental-page-settings-three .footer h5::after, .stuffs_rental-page-settings-three .about-us h3::after, .submit-quote:hover, .footer h5::after, .shipping:hover, .location .owl-page span, .request, .list-pages a:hover, .update-cart, .shopping-cart h5:after, .shipping-heading:after, .continue, .office-search-box input[type="submit"],.news-section .slides-tab:hover .date, .social a:hover, .aside .tag li:hover,.custom-pagination li a:hover,.audioplayer-volume-adjust > div,
.woocommerce-account .user-blog  > h5:after
{
   background-color:@skinColor !important; .transition_effect;
}
.about-us .nav-tabs li.active:after,.about-us .attorney-listing h2.at-h2:after,.news-testimonial .date:after, .about-tag:after,.practice-area .h3:after,#footer .practice-footer h3:after,.underline-label:after,.block-divisor > span > span,.tab-widget .nav-tabs li.active a,.tag-widget-list li.active a,.active-pager .right-paging li a,.active-pager .pagination li.active a,.slider-code .left.carousel-control, .slider-code .right.carousel-control , .faq-comment .go-btn,.about-us .nav-tabs lihover:after,.about-us .nav-tabs li:hover:after, .about-us .attorney-listing h2.at-h2:hover:after,.btn.btn-default:hover, .btn.btn-default:focus,.history-content .play-icon:hover ,.stuffs_rental-page-settings-two .request:hover ,.about-stuffs_rental:hover, .button-hover:hover, .request:hover, .update-cart:hover, .continue:hover, .services-link:hover, .custom-pagination li a.pagination-next:hover, .check-out:hover {
  background:darken(@skinColor ,20%) !important ; .transition_effect;
}

.stuffs_rental-page-settings-three .navigation, .stuffs_rental-page-settings-three .navigation::after, .stuffs_rental-page-settings-three .sub-menu ul,.audioplayer,.audioplayer-playpause:hover, .audioplayer-playpause:focus{
  background:@skinColor !important; .transition_effect;
}
.stuffs_rental-page-settings-three .navigation > li:first-child::before{
   border-color: transparent @skinColor @skinColor transparent;
}
.stuffs_rental-page-settings-three .navigation > li {
  border-left-color:darken(@skinColor ,20%);
}

.stuffs_rental-page-settings-three .navigation > li:hover, .stuffs_rental-page-settings-three .sub-menu {
   background:darken(@skinColor ,20%);
}
.stuffs_rental-page-settings-three .navigation > li:first-child:hover::before{
  border-color: transparent darken(@skinColor ,20%) darken(@skinColor ,20%) transparent;
}
.stuffs_rental-page-settings-three .sub-menu > li:hover,.audioplayer > div.audioplayer-volume,.audioplayer-volume:hover .audioplayer-volume-adjust,.audioplayer-bar-played:before {
   background:darken(@skinColor ,20%);
}
.audioplayer-bar-loaded{
	 background:lighten(@skinColor ,20%);
	}
.audioplayer:not(.audioplayer-mini) .audioplayer-playpause,.audioplayer-time-current{
	border-color:lighten(@skinColor ,20%)
	}	
//BORDER COLOR
.stuffs_rental-page-settings .arrow-more,.hiring-info .btn-footer,.blog-page .blog-listing .more-btn:hover,.view-btn:hover,.contact-attorney:hover,.active-pager .pagination li.active a,.detail-submit:hover,.tp-bullets.preview2 .bullet:hover, .tp-bullets.preview2 .bullet.selected,.navbar-nav>li>.dropdown-menu, .owl-page.active span, .submit-quote:hover, .aside ul li:hover
{
  border-color:@skinColor !important; .transition_effect;
}
// svg Icon color
.change-fill{
    fill:@skinColor; .transition_effect;
}
.stroke-color{
    stroke:@skinColor; .transition_effect;
}
.change-fill-bg{
  fill:darken(@skinColor ,20%) !important ;
}
.stuffs_rental-page-layout .banner-slider .btn-effect:hover .change-fill {
    fill:darken(@skinColor ,20%) !important ; .transition_effect;
}

.spanish::after
{
  border-color:@skinColor rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) @skinColor !important;
}
.shipping:hover:after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) @skinColor @skinColor; .transition_effect;
}
.tagcloud a:hover {
    background-color: @skinColor;
    color: #ffffff;
    .transition_effect
}
.aside section.widget li a, .user-blog h5 > a {
    .transition_effect
}
.aside section.widget li a:hover, .user-blog h5 > a:hover {
    color: @skinColor;
}
.faq .head .question, #theme_panel .theme-setting {
    background-color: @skinColor;
}

// svg Icon color
.change-fill{
    fill:@skinColor; .transition_effect;
}
.stroke-color{
    stroke:@skinColor; .transition_effect;
}
.change-fill-bg{
  fill:darken(@skinColor ,20%) !important ;
}
.stuffs_rental-page-layout .banner-slider .btn-effect:hover .change-fill {
    fill:darken(@skinColor ,20%) !important ; .transition_effect;
}
.our-service li:hover .img-cont path, .our-service  li:hover .img-cont polyline, .air-fright-cont .img-cont path, .air-fright-cont .img-cont polyline{
   stroke:@skinColor;
}
.our-service li:hover a{
  color:@skinColor !important;
} 



.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
    color:@skinColor;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #e04622;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: @skinColor;
}
.woocommerce ul.products li.product .price {
    color: @skinColor;
}
.woocommerce p.stars a.star-1:after, .woocommerce p.stars a.star-2:after, .woocommerce p.stars a.star-3:after, .woocommerce p.stars a.star-4:after, .woocommerce p.stars a.star-5:after {
    color: @skinColor;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    background-color: @skinColor;
    color: #ffffff !important;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range { 
    background: @skinColor !important;
}

.page-layout-two .page-layout-two-content p a,.page-layout-two-link,.page-layout-two-link a{
    color:@skinColor;
}

ul .current-menu-parent > a, ul .current-menu-item > a {
    color:@skinColor !important;
}
.tt-suggestion {
    .transition_effect
}
.tt-suggestion:hover {
    color:@skinColor;
}

/*Home page four style*/
// Homepege 4 
.stuffs_rental-page-settings-four .navigation li a:hover {
  color:@skinColor !important; .transition_effect;
}
.stuffs_rental-page-settings-four .submit-quote, .stuffs_rental-page-settings-four .newsletter, .stuffs_rental-page-settings-four .date, .stuffs_rental-page-settings-four .query a.button.contact-us {
  background-color:@skinColor !important; .transition_effect;
}
.stuffs_rental-page-settings-four .submit-quote:hover {
  background-color:darken(@skinColor ,10%) !important;
}

// Homepage 5 
.header-style-5 .navigation > li span i:hover, .num:hover {
  background-color:darken(@skinColor ,10%) !important;
}
.num, .header-style-5 .navigation > li > a::after, .stuffs_rental-page-settings-five .sign-up button, .stuffs_rental-page-settings-five .date, .stuffs_rental-page-settings-five .query a.button.contact-us {
   background-color:@skinColor !important; .transition_effect;  
}
.features-tabing .active {
  border-top-color:@skinColor !important;
}


// Homepage 6
.header-layout-five .request, .stuffs_rental-page-settings-six .shipping, .testimonial li.active-tab::after, .wrap-icon, .cargo:hover .date, .shipping-text:hover .date  {
   background-color:@skinColor !important; .transition_effect;
}
.header-layout-five .request:hover, .stuffs_rental-page-settings-six .shipping:hover {
  background-color:darken(@skinColor ,10%) !important;
}
.stuffs_rental-page-settings-six .shipping::after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) @skinColor @skinColor  !important; .transition_effect;
}
.stuffs_rental-page-settings-six .shipping:hover:after {
  border-color:rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) darken(@skinColor ,10%) darken(@skinColor ,10%)  !important; .transition_effect;
}

// homepage7

.header-layout-six .secondary-header, .homepage7-banner .shipping-type li{
  background:@skinColor !important;
}
.header-layout-six .request:before{
   border-color:@skinColor transparent  transparent @skinColor ;
}
.stuffs_rental-page-settings-seven .shipping-type li{
   background:lighten(@skinColor ,3%);
}
.stuffs_rental-page-settings-seven .shipping-type li:hover{
      background:darken(@skinColor ,10%);
}
.stuffs_rental-page-settings-seven  .services .heading h2::after{
   background:@skinColor !important;
}
.stuffs_rental-page-settings-seven  .features .features-text .heading span{
  color:@skinColor !important;
}
.stuffs_rental-page-settings-seven .flex-control-paging li a.flex-active{
  background:@skinColor !important;
  border-color:@skinColor !important;
}
.stuffs_rental-page-settings-seven .bx-wrapper .bx-controls-direction a.bx-next:after, .stuffs_rental-page-settings-seven .bx-wrapper .bx-controls-direction a.bx-prev:after {
  color:@skinColor !important;
}
.header-layout-six .sub-menu > li{
  border-bottom-color:darken(@skinColor ,30%) !important;
}
.header-layout-six  .navigation {
    background-color: @skinColor !important;
}
.header-layout-six .navigation > li {
  border-left-color:darken(@skinColor ,20%);
}
.header-layout-six .navigation > li:hover, .header-layout-six .sub-menu, .header-layout-six .sub-menu li:hover a {
    background:darken(@skinColor ,20%);
}
// homepage8

.header-layout-seven  .navigation, .header-layout-seven  .navigation:after, .homepage8-wrap .sub-menu ul, .homepage8-wrap .navigation  li:hover{
  background:#ffffff !important;
}
.header-layout-seven .navigation > li > a:hover,.header-layout-seven .navigation > li .sub-menu li a:hover{
  color:@skinColor !important;
 }
.stuffs_rental-page-settings-eight .features-icon li:hover i,.stuffs_rental-page-settings-eight .features-icon li.active i{
    color:@skinColor !important;
}

/*new pages issues fixing */
.header-layout-six ul .current-menu-parent > a, .header-layout-six ul .current-menu-item > a {
    color: darken(@skinColor ,30%) !important;
}
.slider-six-btn .shipping{
background:@skinColor;
}
.slider-six-btn .shipping:after,
.woo-mini-cart .number.bold{
border-color: transparent transparent @skinColor @skinColor;
}

.header-layout-three .sub-menu li.current-menu-item a {
    color: @skinColor !important;
}
body ul.navigation li a:hover{
  color: @skinColor; 
}
.start-at, .start-at strong, .slides-type strong, .slides-type, .common-page .slides-link-text .start-at strong, .common-page .slides-link-text .start-at .price-cls, .common-page .slides-link-text .slides-type strong{
  color:@skinColor;
}
.tabing-block li.active-circle .circle-round{
  border-color:@skinColor;
}
.stuffs_rental-page-settings-one .heading > h4 > strong, .stuffs_rental-page-settings-one-2 .heading > h4 > strong{
  color:@skinColor;
}
.slides-text-home h4 a:hover{
  color: @skinColor
}
.result-display h3:hover{
  color: @skinColor
}
.product-categories li a:hover{
  color:@skinColor
}
.play-btn:before{
background-color: @skinColor
}
.owl-controls .owl-buttons .owl-prev:before,
.owl-controls .owl-buttons .owl-next:before{
  color: @skinColor
}
.location-slide-tab span{
  color: @skinColor
}

// 12-april

#buddypress div.item-list-tabs ul li.current a, #buddypress div.item-list-tabs ul li.selected a{
  background-color:@skinColor;
  color: white !important;
}
#buddypress div.item-list-tabs ul li.current a, #buddypress div.item-list-tabs ul li.selected a:hover{
  background-color:darken(@skinColor ,20%);
}
#buddypress div.item-list-tabs ul li.current a span, #buddypress div.item-list-tabs ul li.selected a span{
  color: @skinColor;
}
#buddypress ul.item-list li,
#buddypress ul.item-list{
  border-color: lighten(@skinColor ,10%);
}
#buddypress .comment-reply-link,
 #buddypress .generic-button a,
  #buddypress a.button,
   #buddypress button,
    #buddypress input[type="button"],
     #buddypress input[type="reset"],
      #buddypress input[type="submit"],
       #buddypress ul.button-nav li a,
        a.bp-title-button{
  border-color: darken(@skinColor,20%);
  color: white;
  background-color:lighten(@skinColor,20%);
}
#buddypress .comment-reply-link:hover,
 #buddypress .generic-button a:hover,
 #buddypress a.button, #buddypress button:hover,
 #buddypress input[type="button"]:hover,
 #buddypress input[type="reset"]:hover,
 #buddypress input[type="submit"]:hover,
 #buddypress ul.button-nav li a:hover,
 a.bp-title-button:hover{
 background-color: lignten(@skinColor ,20%) !important;
 color:darken(@skinColor ,20%) !important;
 border-color:darken(@skinColor ,20%) !important;
 }
 #buddypress .comment-reply-link:hover, #buddypress a.button:focus, #buddypress a.button:hover, #buddypress button:hover, #buddypress div.generic-button a:hover, #buddypress input[type="button"]:hover, #buddypress input[type="reset"]:hover, #buddypress input[type="submit"]:hover, #buddypress ul.button-nav li a:hover, #buddypress ul.button-nav li.current a{
  background: lignten(@skinColor ,20%) !important;
      background: lignten(@skinColor ,20%) none repeat scroll 0 0;
 }
 #buddypress .dir-search input[type="search"], #buddypress .dir-search input[type="text"], #buddypress .groups-members-search input[type="search"], #buddypress .groups-members-search input[type="text"], #buddypress .standard-form input[type="color"], #buddypress .standard-form input[type="date"], #buddypress .standard-form input[type="datetime-local"], #buddypress .standard-form input[type="datetime"], #buddypress .standard-form input[type="email"], #buddypress .standard-form input[type="month"], #buddypress .standard-form input[type="number"], #buddypress .standard-form input[type="password"], #buddypress .standard-form input[type="range"], #buddypress .standard-form input[type="search"], #buddypress .standard-form input[type="tel"], #buddypress .standard-form input[type="text"], #buddypress .standard-form input[type="time"], #buddypress .standard-form input[type="url"], #buddypress .standard-form input[type="week"], #buddypress .standard-form select, #buddypress .standard-form textarea{
   border:1px solid @skinColor;
 }
 #buddypress span.activity{
   color: darken(@skinColor, 30%);
 }
 #buddypress div.pagination .pag-count{
   color: lighten(@skinColor , 10%);
 }
.pagination-links a{
   border:1px solid darken(@skinColor, 10%);
   background-color: @skinColor;
 }
 .pagination-links span{
   border:1px solid @skinColor;
 }
#buddypress .activity-list li.load-more, #buddypress .activity-list li.load-newest{
  border-bottom:none;
  background-color: lighten(@skinColor, 40%);
}
.comment-drop-box form input.gform_button{
  background-color:@skinColor;
}
.gform_wrapper span.gform_description{
  color: darken(@skinColor, 50%);
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
  background-color: lighten(@skinColor, 30%) !important;
}
.comment-drop-box form input{
  background-color: lighten(@skinColor, 60%);
  border:1px solid darken(@skinColor, 10%);
}
#bp-login-widget-submit{
  background-color: darken(@skinColor, 10%);
  color: white;
}
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer{
  background-color:lighten(@skinColor, 30%);
}
#bbpress-forums div.odd, #bbpress-forums ul.odd{ 
    background-color:lighten(@skinColor, 45%); 
}
#buddypress div.item-list-tabs ul li a, #buddypress div.item-list-tabs ul li span{
  border:1px solid darken(@skinColor,10%);
  color:@skinColor;
}
#buddypress table.forum thead tr, #buddypress table.messages-notices thead tr, #buddypress table.notifications thead tr, #buddypress table.notifications-settings thead tr, #buddypress table.profile-fields thead tr, #buddypress table.profile-settings thead tr, #buddypress table.wp-profile-fields thead tr{
    background-color:lighten(@skinColor, 30%);
}
.buddypress td,
.buddypress th{
   border:1px solid darken(@skinColor,10%);
}
  #bbp_search_submit{
 border-color: darken(@skinColor,20%);
  color: white;
  background-color:lighten(@skinColor,20%);
}
#bbp_search_submit:hover{
  color:darken(@skinColor ,20%) !important;
 border-color:darken(@skinColor ,20%) !important;
 background-color: white;
}
span.button.progress-btn, .single-product-popup .button {
    background-color: @skinColor;
}
span.button.progress-btn:hover{
    background-color: darken(@skinColor ,10%);
}
.single-product-popup .button:hover {
    background-color: darken(@skinColor ,10%);
    color: #fff;
}
.woocommerce-account .my_account_orders td.order-actions a.button:hover{
   background-color: @skinColor;
}