/*===================== 	Premery bg color =====================*/
:root {
    --primary: #7571bb;
}

/* Hex */
.bg-primary,
.meet-ask-row:after,
.dez-separator.style-skew[class*="style-"]:after,
.dez-separator.style-skew[class*="style-"]:before,
.dez-tilte-inner.skew-title:after,
.date-style-2 .post-date,
.date-style-3.skew-date .post-date,
.date-style-3.skew-date .post-date:before,
.overlay-primary-light:after,
.overlay-primary-middle:after,
.overlay-primary-dark:after,
.widget-title:after,
.site-button,
.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,
.footer-line:after,
.testimonial-1 .quote-left:before,
.testimonial-2 .quote-left:before,
.site-filters .site-button.active,
.list-num-count>li:before,
.date-style-4 .post-date strong,
.date-style-3 .post-date,
.date-style-2 .post-date,
.team-social-btn ul li a:hover,
.top-bar-curve:after,
/* .header-style-6 .header-nav .nav>li.active:after, */
/* .header-style-6 .header-nav .nav>li:hover>a:after, */
.owl-prev,
.owl-next,
.scroltop,
#myNavbar li.active a,
.sidenav ul li a:hover,
.widget_calendar table tbody td#today,
.searchform input[type="submit"] {
    background-color: #7571bb;
}

.header-style-6 .header-nav .nav>li.active:after,
.header-style-6 .header-nav .nav>li:hover>a:after
{
    background-color: #7571bb;
}

/*Hex color :hover */
.site-button:active,
/* .site-button:hover, */
.site-button:focus,
.active>.site-button,
.site-button.active,
.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,
.owl-prev:hover,
.owl-prev:active,
.owl-prev:focus,
.owl-next:hover,
.owl-next:active,
.owl-next:focus,
.sidenav .closebtn:hover,
.left-footer-menu .footer-social li a:hover,
.comments-area .comment-form p input[type="submit"]:hover,
.comments-area .comment-form p input[type="submit"]:focus,
.comments-area .comment-form p input[type="submit"]:active,
.widget_calendar table tbody td#today:hover,
.searchform input[type="submit"]:hover {
    background-color: #7571bb;
}
.site-button:hover{
    background:#28a745 ;
}

.site-button-search:hover{
    background:#7571bb !important;
}

.site-button-layer:hover{
    background:#7571bb !important;
}
/* Rgba color */
.dez-info-has.bg-primary {
    background-color: #7571bb;
}

/*===================== 	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,
.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,
.dez-tabs .nav-tabs>li>a i,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.gallery-filters ul li:hover a,
.gallery-filters ul li a:focus,
.gallery-filters ul,
.comments-area .comments-title::first-letter,
.header-style-2.dark .header-nav .nav>li.active>a,
.header-style-2.dark .header-nav .nav>li:hover>a,
.widget_rss ul .rss-date {
    color: #28a745;
}

/*===================== 	Premery border color =====================*/
.navbar-toggle,
.testimonial-4 .testimonial-pic,
.testimonial-4:after,
.testimonial-4 [class*="quote-"],
button.scroltop,
blockquote,
.widget_gallery li:hover,
.header-style-6 .top-bar {
    border-color: #7571bb;
}

.testimonial-5,
.header-style-6 .header-nav .nav>li.active:before {
    border-bottom-color: #7571bb;
}

.dez-tabs.border-tp .nav-tabs>li>a.active {
    border-top-color: #7571bb !important;
}

/*===================== 	Secondery bg color =====================*/
.bg-secondry {
    background-color: #2d3239;
}

/*===================== 	Secondery text color =====================*/
.text-secondry {
    color: #2d3239;
}

/*===================== 		Garllery  =====================*/
.our-gallery .dez-info-has {
    background-color: #28a745;
    box-shadow: 0 0 0 15px #28a745 inset, 0 0 0 16px #ffffff inset;
}

/* Light Gallery */
.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-sub-html,
.lg-toolbar {
    background-color: #7571bb;
}

.lg-outer .lg-toogle-thumb,
.lg-outer .lg-toogle-thumb:hover,
.icon-bx-xs.check-km {
    color: #7571bb;
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: #7571bb;
}

/*===================== 	New Important =====================*/
a.text-primary:hover {
    color: #7571bb !important;
}

.text-primary,
.site-footer .footer-bottom a:hover,
footer .widget_services ul li a:hover {
    color: #7571bb !important;
}

.text-primary-layer{
    color: #ffffff !important;

}

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

a.bg-primary:focus,
a.bg-primary:hover {
    background-color: #7571bb !important;
}