/*===================================================================================*/
/*  CSS COLORS
/*===================================================================================*/
#masthead .main-navigation > div ul:first-child > li > a:after {
    border-bottom: 2px solid var(--free_theme_color_1);
}

.circle-service-image {
    border: 3px solid var(--free_theme_color_1);
}

.btn-primary, .tnp-widget input.tnp-submit, .pagination > li.active > a.hover-main-color,
.pagination > li.active > span.hover-main-color, .pagination > li > a:hover.hover-main-color,
.pagination > li > span:hover.hover-main-color, .cms-fancy-box-single:hover .fancy-box-icon-inner {
    background: var(--free_theme_color_1);
    color: var(--free_theme_color_4);
    border: 0px solid var(--free_theme_color_1);
}

h2, .h2, h2 a, .h2 a, h3, .h3, h3 a, .h3 a, h4, .h4, h4 a, .h4 a,
.detail-price-number,
h2.service-name,
.cms-carousel.cms-carousel-testimonial .cms-carousel-title {
    color: var(--free_theme_color_1);
}

.btn-primary:hover, .tnp-widget input.tnp-submit:hover {
    border: 0px;
    background: var(--free_theme_color_2);
    border-color: var(--free_theme_color_3);
    color: var(--free_theme_color_3);
}

footer#footer-wrapper #cms-footer-top > .container aside.widget ul li a:hover,
form input:hover, .form input:hover, form input:active, .form input:active, form input:focus, .form input:focus,
select:hover, .form-control:focus, .select2.select2-container:hover, select:active,
.select2.select2-container:active, select:focus, .select2.select2-container:focus {
    border-color: var(--free_theme_color_1);
    color: var(--free_theme_color_1);
}

.mean-container a.meanmenu-reveal > span,
.mean-container a.meanmenu-reveal > span:before,
.mean-container a.meanmenu-reveal > span:after,
input[type='submit'].btn-primary.btn {
    background: var(--free_theme_color_1);
}

#wpbSlider .sp-button:hover, #wpbSlider .sp-button.sp-selected-button,
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: var(--free_theme_color_1);
}

footer #cms-footer-bottom,
footer #cms-footer-top,
.btn-primary:hover {
    background-color: var(--free_theme_color_2);
    border: 0px;
    border-color: var(--free_theme_color_3);
    color: var(--free_theme_color_3)
}

html body .overlay {
    background: var(--free_theme_color_1)50;
}

#cms-footer-top, #cms-footer-top a,
#cms-footer-top aside.widget .wg-title {
    color: var(--free_theme_color_3)
}

.box_img_giftcard.active, .box_img_giftcard:hover {
    border-color: var(--free_theme_color_1);
}