/*===================== 
	Premery bg color 
=====================*/

:root {
    --color-primary: #200087;
    --color-secondry: #582cdb;
}

/* Hex */

.bg-primary,
.theme-bg,
.overlay-primary-light:after,
.overlay-primary-middle:after,
.overlay-primary-dark:after,
.btn,
.primary[class*="dlab-img-overlay"]:after,
.primary[class*="dlab-img-overlay"]:before,
.comments-area .comment-form p input[type="submit"],
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.testimonial-1 .quote-left:before,
.testimonial-2 .quote-left:before,
.site-filters .active>[class*="btn"],
.list-num-count>li:before,
.testimonial-text.bg-primary,
.owl-theme.dots-style-2 .owl-dots .owl-dot.active span,
.owl-btn-1.primary .owl-prev,
.owl-btn-1.primary .owl-next,
.owl-btn-2.primary .owl-prev,
.owl-btn-2.primary .owl-next,
.product-item-size .btn.active,
.ui-widget-header,
.owl-theme.dots-style-3 .owl-dots .owl-dot.active span,
.owl-theme.dots-style-3 .owl-dots .owl-dot:hover span,
.owl-item.active.center .testimonial-text,
.icon-bx-wraper.hover:hover,
.dlab-box-bg.active .icon-box-btn .btn,
.dlab-accordion.primary .acod-head a,
.side-bar .widget_tag_cloud a:hover,
.dlab-overlay-primary:after,
.dlab-overlay-primary:before,
.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-sub-html,
.lg-toolbar,
.menu-tabs .nav-tabs li a.active,
.menu-tabs .nav-tabs li a.active:hover,
.menu-tabs .nav-tabs li a.active:focus,
.menu-tabs .nav-tabs li a:hover,
.fc-day-header.fc-widget-header,
.fc-button.fc-state-default:hover,
.fc-button.fc-state-down,
.fc-button.fc-state-active,
.fc-button.fc-state-default,
.dlab-team .dlab-media,
.service-box.style2 .dlab-info .readmore,
.salon-team:after,
.nail-slider,
#loading-area,
.salon-team .dlab-info .dlab-social-icon li a:hover {
    background-color: #200087;
}

.bg-primary {
    background-color: #200087 !important;
}

/*Hex color :hover */

.btn:active,
.btn:hover,
.btn:focus,
.active>.btn,
.bg-primary-dark,
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus,
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.sidenav .closebtn:hover,
.sidenav .closebtn:focus,
.owl-btn-1.primary .owl-prev:hover,
.owl-btn-1.primary .owl-next:hover,
.owl-btn-2.primary .owl-prev:hover,
.owl-btn-2.primary .owl-next:hover,
.service-box.style2 .dlab-info .readmore:hover,
.date-style-1 .post-date,
.bg-secondry,
.site-footer .footer-social li a:hover,
.site-filters.center [class*="btn"].active,
.sidenav .closebtn {
    background-color: #582cdb;
}

/* Rgba color */

.dlab-team:hover .overlay-bx,
.dlab-info-has.bg-primary,
.dlab-info-has.bg-secondry:hover {
    background-color: rgba(85, 44, 219, 0.9);
}

/*===================== 
	Premery text color 
=====================*/

a,
.text-primary,
.primary li:before,
.breadcrumb-row ul li a,
.header-nav .nav>li.active>a,
.header-nav .nav>li.current-menu-item>a .header-nav .nav>li .sub-menu li a:hover,
.header-nav .nav>li:hover>a,
.header-nav .nav>li .mega-menu>li ul a:hover,
.header-nav .nav>li .sub-menu li:hover>a,
.nav-dark.header-nav .nav>li .sub-menu li:hover>a,
.nav-dark.header-nav .nav>li .mega-menu>li ul a:hover,
blockquote:before,
ol.comment-list li.comment .reply a,
footer a:active,
footer a:focus,
footer a:hover,
footer h1 a,
footer h2 a,
footer h3 a,
footer h4 a,
footer h5 a,
footer h6 a,
footer p a,
button.scroltop,
.testimonial-1 .testimonial-position,
.testimonial-4 .testimonial-name:after,
.testimonial-2 .testimonial-position,
.testimonial-3 .testimonial-position,
.testimonial-3 .quote-left:before,
.acod-head a:after,
.acod-head a,
.acod-head a:hover,
.acod-head a.collapsed:hover,
.dlab-tabs .nav-tabs>li>a i,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.btn.outline,
.btn-link:hover,
.item-info-in ul li a:hover,
.dlab-post-meta.text-primary i,
.dlab-post-meta.text-primary ul li,
.dlab-post-meta.text-primary ul li a,
.dlab-post-meta i,
.comments-area p:before,
.header-nav .nav>li>a.nav-link.active,
.dlab-post-tags .post-tags a,
.dlab-team .dlab-social-icon li a,
.dlab-team .dlab-info .dlab-position,
.main-slider .title,
.video-bnr .sub-title,
.salon-team .dlab-info .dlab-position,
.nail-slider .main-slider .title {
    color: #200087;
}

.text-primary {
    color: #200087 !important;
}

@media only screen and (max-width: 991px) {
    .nav-dark.header-nav .nav>li>a:hover,
    .nav-dark.header-nav .nav>li>a:active,
    .nav-dark.header-nav .nav>li>a:focus {
        color: #200087;
    }
}

/*===================== 
	Premery border color 
=====================*/

blockquote,
ol.comment-list li.comment .reply a,
.navbar-toggle,
.testimonial-4 .testimonial-pic,
.testimonial-4:after,
.testimonial-4 [class*="quote-"],
button.scroltop,
.widget_gallery li:hover,
.owl-slider-banner .owl-theme .owl-dots .owl-dot.active,
.owl-slider-banner .owl-theme .owl-dots .owl-dot:hover,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
input[type="checkbox"]:checked+label:before,
input[type="checkbox"]+label:hover:before,
input[type="radio"]+label:hover:before,
.owl-theme.dots-style-3 .owl-dots .owl-dot.active,
.owl-theme.dots-style-3 .owl-dots .owl-dot:hover,
.side-bar .widget_tag_cloud a:hover,
.contact-form .form-control:hover,
.contact-form .form-control:focus,
.appointment-form .form-control:hover,
.appointment-form .form-control:focus,
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: #200087;
}

/*===================== 
	Secondery text color
 =====================*/

.salon-service .dlab-title a i,
.pricing-table .price-plan .price,
.text-secondry,
.dlab-bnr-inr .sub-title {
    color: #582cdb;
}

::-moz-selection {
    /* Code for Firefox */
    color: #fff;
    background: #200087;
}

::selection {
    color: #fff;
    background: #200087;
}

/* Extra Css */

.bg-gray {
    background-color: #f9ecf2;
}

.overlay-black-light:after,
.overlay-black-middle:after,
.overlay-black-dark:after {
    background: #0e0007;
}

.sidenav.header-nav,
.sidenav,
.contact-form-box .contact-info:after {
    background-image: linear-gradient(to bottom, #25009d, #f80191);
}

@media only screen and (max-width: 991px) {
    .mo-left .header-nav {
        background-image: linear-gradient(to bottom, #25009d, #f80191);
    }
}

.about-img:after,
.service-box.style1 .icon-cell:after {
    background-color: rgba(255, 0, 124, 0.1);
}

.about-img:after {
    color: rgba(255, 0, 124, 0.5);
}