@color: #46bfe2;
 
.block-primary-bg{ 
	background: @color;
}
.primary-bg{
	background-color: @color !important;
}
.section-heading small{ 
	color: @color; 
}
.large-heading small{ 
	color: @color; 
}

.section-heading-line{ 
	background: @color; 
}
.text-left .section-heading-line{ 
	background: @color; 
}

.text-right .section-heading-line{ 
	background: @color; 
}
.loader-icon { 
	border: 2px solid @color; 
}
.lds-ellipsis div { 
	background: @color; 
}
.social-icons a:hover{
    color: @color;
} 
.nav-menu > li:hover > a,
.nav-menu > li.active > a,
.nav-menu > li.focus > a {
	color: @color;
}

.nav-menu > li:hover > a .submenu-indicator-chevron,
.nav-menu > .active > a .submenu-indicator-chevron,
.nav-menu > .focus > a .submenu-indicator-chevron {
	border-color: transparent @color @color transparent;
}

.nav-search-button:hover .nav-search-icon {
	color: @color;
}
.nav-button { 
	background-color: @color; 
}

.megamenu-list > li > a:hover {
	color: @color;
}
@media (min-width: 991px) {
	#nav-transparent .nav-menu > li:hover > a,
	#nav-transparent .nav-menu > li.active > a,
	#nav-transparent .nav-menu > li.focus > a {
		color: @color;
	}

	#nav-transparent .nav-menu > li:hover > a .submenu-indicator-chevron,
	#nav-transparent .nav-menu > .active > a .submenu-indicator-chevron,
	#nav-transparent .nav-menu > .focus > a .submenu-indicator-chevron {
		border-color: transparent @color @color transparent;
	}

	#nav-transparent .nav-dropdown > li:hover > a .submenu-indicator-chevron,
	#nav-transparent .nav-dropdown > .focus > a .submenu-indicator-chevron {
		border-color: transparent @color @color transparent;
	}

	#nav-transparent .nav-white-bg .nav-menu > li:hover > a{
		color: @color;
	}
}

.nav-dropdown > li:hover > a,
.nav-dropdown > li.focus > a {
	color: @color;
}


.nav-dropdown > li:hover > a .submenu-indicator-chevron,
.nav-dropdown > .focus > a .submenu-indicator-chevron {
	border-color: transparent @color @color transparent;
}
a:hover{color: @color;}
.icon-holder-md i { 
    color: @color;
}
.button-text{ 
	color: @color; 
}
.button-primary{ 
	background: @color; 
}
.button-dark:hover{
    background: @color; 
}
.button-gradient{ 
	background-image: linear-gradient(to right, @color 0%, #afcdff 100%); 
}
.button-grey-bordered:hover{
	background: @color;
	border-color: @color; 
}


.button-primary-bordered{ 
	color: @color; 
	border: 2px solid @color; 
}
.button-primary-bordered:hover{
	background: @color;
	border-color: @color; 
}
.button-simple:hover i{
	color: @color; 
}

.button-simple-primary{ 
	color: @color; 
}

.button-simple-primary i{
	color: @color; 
}
.primary-list li i{
    color: @color; 
}
.grey-list li i{
	color: @color; 
}
.white-list li i{
    color: @color; 
}
.primary-color,
.primary-color h1,
.primary-color h2,
.primary-color h3,
.primary-color h4,
.primary-color h5,
.primary-color h6,
.primary-color p,
.primary-color i,
.primary-color strong,
.primary-color span{
	color: @color !important;
}
.pagination a.active {
	background: @color; 
}
.checkbox input[type="checkbox"]:checked + label::before {
    background-color: @color;
    color: @color;
}
.radio:checked + .radio-custom::before { 
	background: @color; 
}
.default-tabs .tabs .tab-menu li a i{
	color: @color; 
}


.default-tabs .tabs .tab-menu li:hover a, .default-tabs .tabs .tabs li:hover i {
	color: @color;
}

.default-tabs .tab-menu .active-tab a, .default-tabs .active-tab a i {
	color: @color !important;
}
.medium-icon-tabs .tab-menu .active-tab a{
	background: @color !important; 
}
.medium-icon-tabs-light .tabs .tab-menu li a:hover{
	color: @color;
}
.medium-icon-tabs-light .tabs .tab-menu li a:hover i{
	color: @color;
}

.medium-icon-tabs-light .tab-menu .active-tab a, .medium-icon-tabs .active-tab a i {
	color: @color !important;
}

.medium-icon-tabs-light .active-tab a i {
	color: @color !important;
}

.medium-icon-tabs-light .tab-menu .active-tab a{ 
	color: @color;
}
.big-icon-tabs .tabs .tab-menu li a i{
	color: @color; 
}

.big-icon-tabs .tabs .tab-menu li:hover a, .big-icon-tabs .tabs .tabs li:hover i {
	color: @color;
}

.big-icon-tabs .tab-menu .active-tab a, .big-icon-tabs .active-tab a i {
	border-color: @color !important;
}
.progress-bar-primary{
	background: @color;
}
.countup-box h5{ 
	color: @color; 
}
.countup-box-2 h3{ 
	color: @color; 
}

.countup-box-2 span{
	color: @color; 
}
.card-primary a{ 
	color: @color;
}

.card-primary a:hover{
	color: @color;
}

.card-primary .collapsed:focus:hover{
	color: @color;
}
.custom-dot.active span{ 
  background: @color;  
}
.service-box i{ 
	color: @color; 
}
.service-box h4 a:hover{
	color: @color;
}
.service-box .service-box-btn{ 
	background: @color;
	border: 2px solid @color; 
}
.service-box .service-box-btn:hover i{
	color: @color;
}
.service-block:hover .service-block-content-button i{
	color: @color;
}
.service-block-content-button{ 
	background: @color;
	border: 2px solid @color; 
}
.service-block-content-button:hover i{
	color: @color !important;
}
.service-block-2-btn i{
	color: @color; 
}
.service-box-2:hover .service-box-2-icon{
	background: @color;
	border: 2px solid @color;
}
.service-box-3:hover{
	border: 2px solid @color; 
}
.service-box-3-icon i{ 
	color: @color; 
}
.service-box-3-btn i {
	color: @color; 
}

.service-box-3-btn:hover{
	color: @color;
}
.features-box-icon i{ 
	color: @color; 
}
.features-box-2-icon i{ 
	color: @color; 
}
.features-box-3 i{ 
	color: @color;
}
.features-box-4 .features-box-4-icon i{ 
    color: @color; 
}
.service-section:hover{ 
    background: @color;
} 
.service-section-icon i{
    color: @color; 
}
.testmonial-box-content strong{
	color: @color; 
}
.testmonials-carousel-2 .testmonial-item .stars i{ 
	color: @color;
}
.testmonials-carousel-3 .testmonial-rating i{
	color: @color; 
}
.testmonial-box-2 .quote-icon{
	color: @color; 
}
.testmonial-item-5-img img{ 
	border: 2px solid @color; 
}
.testmonial-item-5 .stars i{ 
	color: @color;
}
.contact-icon-box i{ 
	color: @color; 
}
.contact-form-2 input:focus, .contact-form-2 textarea:focus, .contact-form-2 select:focus{
	border-color: @color;
}
.primary-overlay-10:before {
    background: @color; 
}

.primary-overlay-20:before {
    background: @color; 
}

.primary-overlay-30:before {
    background: @color; 
}

.primary-overlay-40:before {
    background: @color; 
}

.primary-overlay-50:before {
    background: @color; 
}

.primary-overlay-60:before {
    background: @color; 
}

.primary-overlay-70:before {
    background: @color; 
}

.primary-overlay-80:before {
    background: @color; 
}

.primary-overlay-90:before {
    background: @color; 
}

.primary-overlay-100:before {
    background: @color; 
}
.pricing-box h2{ 
	color: @color; 
}

.pricing-box h2 sup{
	color: @color; 
}
.pricing-box ul li i{ 
	color: @color; 
}
.pricing-box-button a{  
	border: 2px solid @color; 
}
.pricing-box-button a:hover{ 
	background: @color;
	color: #fff;
}

.pricing-box-button-active a{ 
	background: @color;
} 


/*--------- Style 2 ----------*/
.pricing-section{ 
	border: 2px solid @color; 
}
.pricing-section-price h2{ 
	color: @color; 
}
.pricing-section-price h2 sup{
	color: @color; 
}
.pricing-box-3-category h4{
    color: @color; 
}
.pricing-box-3:hover h2 span{
    color: @color;
}
.pricing-box-3-button{ 
    color: @color; 
    border: 1.5px solid @color; 
}
.pricing-box-3-sale { 
    background: @color; 
}
.team-box-2:hover .team-box-2-info h6{
	color: @color;
}
.team-box-2-icon li a i:hover{
	color: @color;
}
.team-box-3-info ul li i:hover{
    color: @color; 
}
.timeline-container::after { 
    border: 2px solid @color; 
}
.timeline h2{ 
    color: @color; 
}

.timeline-left-all h2{ 
    color: @color; 
}
.timeline-right-all h2{ 
    color: @color; 
}
@media screen and (max-width: 600px) {
     
    .timeline-right-all h2{ 
        color: @color; 
    }
}
.contact-box-info-4:hover{
    border-color: @color;
}

.contact-box-info-4 i{
    color: @color; 
}
.contact-box-info-4 h5{
    color: @color; 
}
.contact-box-place-office ul li i{
    color: @color; 
}
.search-result a:hover {
	color: @color;
}
.sidebar-primary .sidebar-title:after { 
	background: @color; 
}
.vertical-nav-1 li a:hover {
	color: @color;
}
.error-section-2 h1 { 
	color: @color; 
}
.shop-classic-hot-img{ 
	background: @color; 
}
.shop-product h3 a:hover{
    color: @color;
}
.price-star i { 
    color: @color;
}
.price-star ul li{
    display: inline-block;
    color: @color; 
}
.product-categories ul li a:hover{
    color: @color;
}
.product-tags ul li a:hover{
    color: @color;
}
.add-to-cart-button{ 
    background: @color; 
}
.product-share a i:hover{
    color: @color;
}
.shop-tabs .tabs .tab-menu li:hover a, .tabs li:hover i {
    color: @color;
}

.shop-tabs .tab-menu .active-tab a, .shop-tabs .active-tab a i {
    color: @color !important;
    border-color: @color !important;
}
.product-tab-body h2:after, .product-tab-body h3:after, .product-tab-body h4:after, .product-tab-body h5:after{
     
    background: @color; 
}
.rating:not(:hover) label input:checked ~ .icon,
.rating:hover label:hover input ~ .icon {
    color: @color;
}

.rating label input:focus:not(:checked) ~ .icon:last-child { 
    text-shadow: 0 0 5px @color;
}

.customer-review-img{ 
	border: 2px solid @color; 
}
.customer-review-block strong{ 
    color: @color; 
}
.customer-review-stars i{
    color: @color; 
}
.portolio-boxed-overlay { 
    background-color: @color;
}
.portolio-boxed-2 .portfolio-btn a:hover{
	border-color: @color;
	color: @color;
}
.blog-team-box{ 
	background: @color; 
}
.blog-list-info li i{
	color: @color; 
}
blockquote{ 
	border-left: 4px solid @color; 
}
#search-input button i{
	color: @color; 
}
.blog-post-categories ul li a:hover{
	color: @color;
}
.blog-post-categories ul li:hover a span{
	color: @color;
}
.top-news-info h3 a:hover{
	color: @color;
}
.archive-box ul li a:hover{
	color: @color;
}
.blog-post-follow ul li:hover {
	background: @color;
}
.blog-comment-user strong{
	color: @color; 
}
.blog-widget-title:after { 
	background: @color; 
}
.footer-nav a:hover{
	color: @color;
}
.footer-news a:hover{
	color: @color;
}
.footer-news strong i{
	color: @color; 
}
.footer-subscribe-form button{
	background: @color; 
}

.footer-subscribe-form button:hover{
	color: @color; 
}