// Variables
// =========

// Colors
@colorPrimary: #14b6c8;
@colorSecondary: #d8f058;
@colorTertiary: #38cef9;
@colorBg: white;
@bradius: 5px;
// Metrics
@boxWidth: 1240px;

// Other
@layoutType: "wide";
@borderType: "square";

@outerBgType: "color";
@outerBgColor: @colorSecondary;
@outerBgImage: "";

@preloader: "";

// Mixins
.animation(@animation) {
  -webkit-animation: @animation;
          animation: @animation;
}
.transform(@transform) {
  -webkit-transform: @transform;
      -ms-transform: @transform; // IE9 only
          transform: @transform;
}


// Styles
// ======

// Backgrounds
body {
	background: @colorBg !important;
}
body when (@layoutType = "boxed") and (@outerBgType = "color") {
	background: @outerBgColor !important;
}
body when (@layoutType = "boxed") and (@outerBgType = "pattern") and not (@outerBgImage = "") {
	background: url(@outerBgImage) @colorBg repeat left top !important;
}
html when (@layoutType = "boxed") and (@outerBgType = "image") and not (@outerBgImage = "") {
	height: 100%;
	background: url(@outerBgImage) @colorBg repeat center top / cover fixed !important;
}
body when (@layoutType = "boxed") and (@outerBgType = "image") {
	background: none !important;
}

// Layout
.wrapper-boxed when (@layoutType = "boxed") {
	max-width: @boxWidth;
}

// Colors

.text-color-primary {
	color: @colorPrimary !important;
}
.bg-color-primary {
	background-color: @colorPrimary;
}
.bg-color-secondary {
	background-color: @colorSecondary;
}
.bg-color-tertiary {
	background-color: @colorTertiary;
}
.btn.btn-color-primary {
	background-color: @colorPrimary;
}


//theme styles


// =========== mega menu ====================

.header-section ul li.active > a {
    color: @colorPrimary;
}
.header-section.style4 ul li ul {
    background: @colorPrimary;
}
.header-section ul li:hover > a, .header-section ul li.active > a {
    color: @colorPrimary;
}
.header-section.style4 ul li.search-parent .search-box {
    background: @colorPrimary;
}

.header-section.style4 ul li.search-parent .search-box .form-control {
    background: @colorPrimary;
}

@media only screen and (max-width: 1000px) {

 .header-section.style4 #menu ul {
    background: @colorPrimary;
} 
  
}

.header-section ul li .number {
    background: @colorPrimary;
}
.header-section.style4 ul li.cart-parent .cart-box {
    background: @colorPrimary;
}

.header-section ul li.mega-menu > ul > li ul li a:hover {
 color:@colorPrimary;
}
.header-section ul li.search-parent a.m-link {
    color: @colorPrimary;
}
.header-section ul li.cart-parent a.m-link {
    color: @colorPrimary;
}
.header-section.dark-dropdowns.style4 ul li:hover > a, .header-section.dark-dropdowns.style4 ul li.active > a {
    color: @colorPrimary;
}
.header-section.dark-dropdowns.style4 ul li.mega-menu > ul > li ul li a:hover {
    color: @colorPrimary;
}
.header-section.dark-dropdowns.style4 #menu ul li ul li:hover a span.sub-arrow, header-section.dark-dropdowns.style4 #menu ul li ul li.active a span.sub-arrow {
    color: @colorPrimary;
  }
.header-section.dark-dropdowns.style2 ul li:hover > a, .header-section.dark-dropdowns.style2 ul li.active > a {
    color: @colorPrimary;
}
.header-section.dark-dropdowns.style2 ul li.mega-menu > ul > li ul li.active a {
    color: @colorPrimary;
}
 .header-section.dark-dropdowns.style2 ul li.mega-menu > ul > li ul li a:hover {
    color: @colorPrimary;
} 
.btn-top-1 {
    background-color: @colorPrimary;
}  
.header-section.dark-dropdowns.style1 ul li:hover > a, .header-section.dark-dropdowns.style1 ul li.active > a {
    color: @colorPrimary;
}
.header-section.dark-dropdowns.style1 ul li.mega-menu > ul > li ul li a:hover {
    color: @colorPrimary;
}  
.header-section.dark-dropdowns.style1 ul li:hover > a, .header-section.dark-dropdowns.style1 ul li.active > a {
    color: @colorPrimary;
} 
.header-section.act-style-1 ul li.active > a {
    background-color: @colorPrimary !important;
}  
 
.header-section.style3 #menu ul li.mega-menu li ul li:hover a, .header-section.style3 #menu ul li.mega-menu li ul li.active a {
    color: @colorPrimary;
}  
.header-section.style3 #menu ul li.mega-menu li ul li:hover a, .header-section.style3 #menu ul li.mega-menu li ul li.active a {
    color: @colorPrimary;
  }  
.header-section.style3 #menu ul li ul li:hover > a, .header-section.style3 #menu ul li ul li.active > a {
    color: @colorPrimary;
  }
  .header-section.style3 #menu ul li ul li:hover a span.sub-arrow, header-section.style3 #menu ul li ul li.active a span.sub-arrow {
    color: @colorPrimary;
  }  
.header-section.style5.dark #menu ul li ul li:hover > a, .header-section.style5.dark #menu ul li ul li.active > a {
    color: @colorPrimary;
}
.header-section ul li.cart-parent .cart-box span {
    color: @colorPrimary;
} 
.header-section ul li.cart-parent .cart-box span {
    color: @colorPrimary;
}  
.header-section ul li.cart-parent .cart-box .btn.btn-primary {
    background: @colorPrimary none repeat scroll 0 0 !important;
}  
  
  
  
// =========== corporate ====================

.bm-feature-box-1 .box .icon {
    color: @colorPrimary;
    border: 1px solid @colorPrimary;
}
.text-primary {
    color: @colorPrimary;
}
.bm-title-line-1 {
	background: @colorPrimary; /* Old browsers */
	background: -moz-linear-gradient(45deg,  @colorPrimary 0%, @colorSecondary 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  @colorPrimary 0%,@colorSecondary 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  @colorPrimary 0%,@colorSecondary 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@colorPrimary', endColorstr='@colorSecondary',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.btn.btn-prim {
    background-color: @colorPrimary;
}
.bm-feature-box-2 .icon {
    color: @colorPrimary;
}
.bm-feature-box-2:hover .title, .bm-feature-box-2.active .title {
    color: @colorPrimary;
}
.bm-feature-box-3:hover .img-box-main, .bm-feature-box-3.active .img-box-main {
    background-color: @colorPrimary;
}
.bm-feature-box-3 .img-box-main {
	background: @colorPrimary; /* Old browsers */
	background: -moz-linear-gradient(45deg,  @colorPrimary 0%, @colorSecondary 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  @colorPrimary 0%,@colorSecondary 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  @colorPrimary 0%,@colorSecondary 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@colorPrimary', endColorstr='@colorSecondary',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bm-feature-box-3 .img-box-main .img-box .sc-icons-box {
	background: @colorPrimary; /* Old browsers */
	background: -moz-linear-gradient(45deg,  @colorPrimary 0%, @colorSecondary 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  @colorPrimary 0%,@colorSecondary 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  @colorPrimary 0%,@colorSecondary 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@colorPrimary', endColorstr='@colorSecondary',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bm-feature-box-3 .h-line {
	background: @colorPrimary; /* Old browsers */
    background: -moz-linear-gradient(left, @colorPrimary 0%, @colorSecondary 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, @colorPrimary), color-stop(100%, @colorSecondary));
    background: -webkit-linear-gradient(left, @colorPrimary 0%, @colorSecondary 100%);
    background: -o-linear-gradient(left, @colorPrimary 0%, @colorSecondary 100%);
    background: -ms-linear-gradient(left, @colorPrimary 0%, @colorSecondary 100%);
    background: linear-gradient(to right, @colorPrimary 0%, @colorSecondary 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@colorPrimary', endColorstr='@colorSecondary', GradientType=1 );
}
.cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active {
    color: @colorPrimary;
    border-color: @colorPrimary;
}
.cbp-l-filters-buttonCenter .cbp-filter-counter {
    background-color: @colorPrimary;
}
.cbp-l-filters-buttonCenter .cbp-filter-counter::after {
    border-top: 4px solid @colorPrimary;
}
.section-gradient {
	background: @colorPrimary; /* Old browsers */
	background: -moz-linear-gradient(45deg,  @colorPrimary 0%, @colorSecondary 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  @colorPrimary 0%,@colorSecondary 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  @colorPrimary 0%,@colorSecondary 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@colorPrimary', endColorstr='@colorSecondary',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bm-feature-box-4-main .img-circle {
    background-color: @colorSecondary;
}
.bm-feature-box-4-main .img-circle .img {
    background-color: @colorPrimary;
}
.slide-controls-3 .owl-theme .owl-controls .owl-page.active span {
    background-color: @colorSecondary;
    border: 1px solid @colorSecondary;
}
.bm-feature-box-5 .datebox {
	background: @colorPrimary; /* Old browsers */
	background: -moz-linear-gradient(45deg,  @colorPrimary 0%, @colorSecondary 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  @colorPrimary 0%,@colorSecondary 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  @colorPrimary 0%,@colorSecondary 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@colorPrimary', endColorstr='@colorSecondary',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bm-feature-box-5 .blog-post-info span {
    color: @colorPrimary;
}
.ce4-price-table-2 .border-box {
	background: @colorPrimary; /* Old browsers */
	background: -moz-linear-gradient(45deg,  @colorPrimary 0%, @colorSecondary 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  @colorPrimary 0%,@colorSecondary 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  @colorPrimary 0%,@colorSecondary 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@colorPrimary', endColorstr='@colorSecondary',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.ce4-price-table-2:hover .inner-box .price-circle .price, .ce4-price-table-2.active .inner-box .price-circle .price {
    color: @colorPrimary;
}
.ce4-price-table-2:hover .inner-box .price-circle, .ce4-price-table-2.active .inner-box .price-circle {
    color: @colorPrimary;
}
.fo-newsletter-3-btn {
    border: 1px solid @colorSecondary;
    background-color: @colorSecondary;
}
.scrollup {
    background: @colorPrimary url(../images/scroll-top-arrow.png) no-repeat 15px 16px;
}
.pagenation-holder .breadcrumb li.current a {
    color: @colorPrimary;
}

.bm-feature-box-6 {
	background: @colorPrimary; /* Old browsers */
	background: -moz-linear-gradient(45deg,  @colorPrimary 0%, @colorSecondary 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  @colorPrimary 0%,@colorSecondary 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  @colorPrimary 0%,@colorSecondary 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@colorPrimary', endColorstr='@colorSecondary',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
    border-color: @colorPrimary;
}
.cbp-l-filters-button .cbp-filter-item:hover {
    color: @colorPrimary;
}
.sky-form .button {
    background-color: @colorPrimary;
}






























// Border roundness
.btn when (@borderType = "rounded") {
	border-radius: @bradius;
}