/* Add here all your CSS customizations */

/* Overwrite theme.css */
html:not(.sticky-header-active) #header.header-semi-transparent-dark .header-body {
	background-color: rgba(0, 0, 0, 0.0) !important;
}

/* Overwrite skin-digital-agency.css */
html .bg-color-dark,
html .bg-dark {
	background-color: #333 !important;
}

/* Overwrite skin-digital-agency.css */
/* #30C57A */
a, html .nav-pills-primary a, .sort-source-wrapper .nav > li.active > a, .sort-source-wrapper .nav > li.active > a:hover, .sort-source-wrapper .nav > li.active > a:focus, .btn-link,  html .btn-outline.btn-primary, html .btn-outline.btn-primary.disabled, html .btn-outline.btn-primary:disabled, html .btn-with-arrow.btn-primary, .pagination > a, .pagination > a:hover, .pagination > a:focus, .pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, body.dark .pagination > li > a, body.dark .pagination > li > span, body.dark .pagination > li > a:hover, body.dark .pagination > li > span:hover, body.dark .pagination > li > a:focus, body.dark .pagination > li > span:focus, html .rating-primary .filled-stars, html .toggle-primary .toggle label, html .toggle-primary .toggle .toggle-title, html .toggle-primary.toggle-minimal .toggle.active > label, html .toggle-primary.toggle-minimal .toggle.active > .toggle-title
{
	color: #eb0bd4;
}

a:hover {
	color: #fc3333;
}

a:focus {
	color: #ff0000;
}

a:active {
	color: #eb0bd4;
}

html .text-color-primary,{
	color: #008dd2 !important;
}
html .text-primary, html .text-color-hover-primary:hover, html .text-hover-primary:hover, .gradient-text-color, .alternative-font,  p.drop-caps:first-letter, html .nav-color-primary nav > ul > li > a, .sort-source.sort-source-style-3 > li.active > a, html .btn-with-arrow.btn-primary:active
{
	color: #eb0bd4 !important;
}

html .svg-fill-color-primary svg path, html .svg-fill-color-primary svg rect, html .svg-stroke-color-primary svg path, html .svg-stroke-color-primary svg rect,  
{
	fill: #eb0bd4 !important;
}

.gradient-text-color {
	background: linear-gradient(to bottom right, #eb0bd4, #e36159);
	background-image: linear-gradient(to right, #eb0bd4, #e36159);
}

html .bg-color-primary, html .bg-primary, html .bg-color-hover-primary:hover, html .bg-hover-primary:hover,  html .bg-color-after-primary:after, html .bg-color-hover-after-primary:after:hover, html .bg-color-before-primary:before, html .bg-color-hover-before-primary:before:hover, p.drop-caps.drop-caps-style-2:first-letter, html .nav-color-primary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before, html .btn-outline.btn-primary:active, html .btn-outline.btn-primary.active, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination .page-item.active .page-link, html section.section-primary, section.page-header .page-header-title-border 
{
	background-color: #eb0bd4 !important;
}

.bg-gradient, section.section.section-overlay-opacity-gradient:before {
	background: linear-gradient(135deg, #eb0bd4 0%, #e36159 80%);
}
/* Color Transition */
@-webkit-keyframes colorTransition {
	0% {
		background-color: #eb0bd4;
	}

	33% {
		background-color: #e36159;
	}

	66% {
		background-color: #ee847d;
	}

	100% {
		background-color: #5c0303;
	}
}

@keyframes colorTransition {
	0% {
		background-color: #eb0bd4;
	}

	33% {
		background-color: #e36159;
	}

	66% {
		background-color: #ee847d;
	}

	100% {
		background-color: #5c0303;
	}
}

html .border-color-primary, html .border-color-hover-primary:hover,  html .overlay-color-primary:not(.no-skin):before, html .btn-primary:hover,
html .btn-primary.hover, html .btn-primary.disabled, html .btn-primary:disabled, html .btn-primary-scale-2:hover, html .btn-primary-scale-2.hover, html .show > .btn-outline.btn-primary.dropdown-toggle, html .btn-with-arrow.btn-primary.btn-outline, html section.section-primary  
{
	border-color: #eb0bd4 !important;
}

html .box-shadow-1-primary:before, html .blockquote-primary,  
{
	box-shadow: 0 30px 90px #eb0bd4 !important;
}

html .nav-color-primary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul, .sort-source.sort-source-style-2 > li.active > a:after {
	border-top-color: #eb0bd4 !important;
}

.nav-active-style-1 > li > a:hover, .nav-active-style-1 > li > a:focus, .nav-active-style-1 > li > a.active, .sort-source.sort-source-style-3 > li.active > a,  
{
	border-bottom-color: #eb0bd4;
}

.nav-pills > li.active > a, .nav-pills .nav-link.active, .nav-pills > li.active > a:hover, .nav-pills .nav-link.active:hover, .nav-pills > li.active > a:focus, .nav-pills .nav-link.active:focus, html .nav-pills-primary .nav-link.active, html .nav-pills-primary > li.active > a, html .nav-pills-primary .nav-link.active:hover, html .nav-pills-primary > li.active > a:hover, html .nav-pills-primary .nav-link.active:focus, html .nav-pills-primary > li.active > a:focus, html .badge-primary, html .btn-primary, html .btn-primary.disabled, html .btn-primary:disabled, body.dark .pagination > .active > a, body.dark .pagination > .active > span, body.dark .pagination > .active > a:hover, body.dark .pagination > .active > span:hover, body.dark .pagination > .active > a:focus, body.dark .pagination > .active > span:focus, .pagination > .active > a, body.dark .pagination > .active > a, .pagination > .active > a.disabled,
body.dark .pagination > .active > a.disabled, .pagination > .active > a:disabled, body.dark .pagination > .active > a:disabled, .custom-control-input:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, html .alert-primary, html .progress-bar-primary, html .word-rotator.loading-bar-primary .word-rotator-words::after, .process .process-step-circle, .process .process-step:hover .process-step-circle, html .page-header-color.page-header-primary, html .toggle-primary .toggle.active > label, html .toggle-primary .toggle.active > .toggle-title, html .toggle-primary.toggle-simple .toggle > label:after, html .toggle-primary.toggle-simple .toggle > .toggle-title:after 
{
	background-color: #eb0bd4;
}

.section-scroll-dots-navigation.scroll-dots-navigation-colored > ul > li > a:before, html .btn-outline.btn-primary:hover, html .btn-outline.btn-primary.hover, .process-connecting-line .connecting-line 
{
	background: #eb0bd4;
}

html .btn-primary, .pagination > .active > a.disabled, body.dark .pagination > .active > a.disabled, .pagination > .active > a:disabled, body.dark .pagination > .active > a:disabled 
{
	border-color: #eb0bd4 #eb0bd4 #9c2626;
	color: #FFF;
}

html .btn-outline.btn-primary, html .btn-outline.btn-primary:hover, html .btn-outline.btn-primary.hover, html .btn-with-arrow.btn-primary span, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination .page-item.active .page-link, body.dark .pagination > .active > a, body.dark .pagination > .active > span, body.dark .pagination > .active > a:hover, body.dark .pagination > .active > span:hover, body.dark .pagination > .active > a:focus, body.dark .pagination > .active > span:focus, .pagination > .active > a, body.dark .pagination > .active > a, html .page-header-color.page-header-primary, html .toggle-primary .toggle.active > label, html .toggle-primary .toggle.active > .toggle-title 
{
	border-color: #eb0bd4;
}

html .btn-outline.btn-primary:active, html .btn-outline.btn-primary.active, html .show > .btn-outline.btn-primary.dropdown-toggle {
 
{
	border-color: #eb0bd4 !important;
}

html .toggle-primary .toggle label, html .toggle-primary .toggle .toggle-title 
{
	border-left-color: #eb0bd4;
	border-right-color: #eb0bd4;
}

html .btn-primary:hover, html .btn-primary.hover, .pagination > .active > a:hover, body.dark .pagination > .active > a:hover, .pagination > .active > a.hover, body.dark .pagination > .active > a.hover, .owl-carousel .owl-nav button[class*="owl-"]:hover, .owl-carousel .owl-nav button[class*="owl-"].hover, .tparrows.tparrows-carousel.tp-leftarrow:hover, .tparrows.tparrows-carousel.tp-rightarrow:hover, .tparrows.tparrows-carousel.tp-leftarrow.hover, .tparrows.tparrows-carousel.tp-rightarrow.hover 
{
	/*background-color: #49d38d;
	border-color: #53d594 #53d594 #30C57A;*/
	background-color: #d34949;
	border-color: #d55353 #d55353 #c53030;
}

.btn-gradient:not(.btn-outline):hover,
.btn-gradient:not(.btn-outline).hover {
	background: linear-gradient(135deg, #d34949 0%, #e9807a 80%);
}

.btn-gradient.btn-outline:hover,
.btn-gradient.btn-outline.hover {
	-o-border-image: linear-gradient(135deg, #d34949 0%, #e9807a 80%);
	border-image: linear-gradient(135deg, #d34949 0%, #e9807a 80%);
}

.btn-gradient.btn-outline:hover, .btn-gradient.btn-outline.hover, html .featured-boxes-style-6 .featured-box.featured-box-primary .icon-featured 
{
	color: #d34949;
}

@media (min-width: 992px) {
	#header .header-nav-main nav > ul > li > a {
		/*color: #30C57A;*/
		color: #c53030;
	}
	#header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
		color: #c53030;
	}
}


/** Custome CSS **/