/*===================== 
	Primary bg color 
=====================*/
:root{
	--primary: #d2dd51;
	--secondary: #13212a;
	--primary-hover: #60cac8;
	--primary-dark: #ea4619;
	--rgba-primary-1: rgba(210,221,81,0.1);
	--rgba-primary-2: rgba(210,221,81,0.2);
	--rgba-primary-3: rgba(210,221,81,0.3);
	--rgba-primary-4: rgba(210,221,81,0.4);
	--rgba-primary-5: rgba(210,221,81,0.5);
	--rgba-primary-6: rgba(210,221,81,0.6);
	--rgba-primary-7: rgba(210,221,81,0.7);
	--rgba-primary-8: rgba(210,221,81,0.8);
	--rgba-primary-9: rgba(210,221,81,0.9);
}

/* Hex */
.menuleft:after,
#loading-area > div,
.bg-primary,
a.bg-primary:hover,
.overlay-primary-light:after,
.overlay-primary-middle:after,
.overlay-primary-dark:after,
.site-button,
.owl-theme.dots-style-1 .owl-dots .owl-dot.active span, 
.owl-theme.dots-style-1 .owl-dots .owl-dot:hover span{
    background-color: #d2dd51;
}
/*Hex color :hover */
.site-button:active,
.site-button:hover,
.site-button:focus,
.active > .site-button,
.bg-primary-dark,
.sidenav .closebtn:hover,
.style-2 .dez-social-icon.dez-border li a:hover{
    background-color: #bcc926;
}
/*===================== 
	Premery text color 
=====================*/
a,
.text-primary,
.site-button.outline,
.dez-countdown .date .time,
.lg-outer .lg-toogle-thumb,
.lg-outer .lg-toogle-thumb:hover,
.dlab-bnr-inr .breadcrumb-row ul li:after, 
.dlab-bnr-inr .breadcrumb-row ul li:last-child,
.testimonial-1 .testimonial-position,
.resume-tag .resume-tag-btn strong,
.knowledge-tag li:after,
.site-filters .active > [class*="site-button"]{
    color: #d2dd51;
}

/*===================== 
	Border Color color 
=====================*/
.timeline .box-left,
.timeline .box-left:after,
.site-button.outline,
.dez-countdown .date .time{
	border-color:#d2dd51;
}

.lg-outer .lg-thumb-item.active, 
.lg-outer .lg-thumb-item:hover{
	border-color: #d2dd51;
}
/* Gradiyant Bottom To Top */
.dlab-gallery-box:after,
.service-box:not(.contact-box):after, 
.service-box:before,
.text-gradient,
.resume-user .site-button,
.extra-nav ul li a.menu-btn{
    background-image: linear-gradient(to top,#bcc926 0,#d2dd51 100%,#bcc926 100%);
    background-size: 200%;
}
.contact-form .form-group:after,
.button-gradient, 
.progress-bar{
    background-image: linear-gradient(to right,#bcc926 0,#d2dd51 100%,#bcc926 500%);
    background-size: 200%;
}
svg.radial-progress:nth-of-type(6n+1) circle{
	stroke: #d2dd51;
}
.resume-tag .resume-tag-btn,
.knowledge-tag li{
	background-color:rgba(210,221,81,0.05);
	border-color:rgba(210,221,81,0.2);
}
/* text dark */
.styleswitcher-right .switcher-btn-bx a,
.resume-user .site-button,
.extra-nav ul li a.menu-btn,
.text-dark .social-sidebar ul li a,
.text-dark .copyright-fixed,
.text-dark .banner-inner .title,
.text-dark .banner-inner .sub-title,
.text-dark .extra-nav ul li a:not(.menu-btn){
	color:#000000;
}

.menu-btn .menu span{
	background:#000;
}
#loading-area {
	background-image: url(../../images/logo-4.png), url(../../images/background/line-bgw-4.png);
}
.content-body-inner{
    background-image: url(../../images/background/line-bgb-4.png);
}