/*!
 * Theme: DevDJ - Colors
 * Presets: red.css
 * Version: 1.0
 * Author: DevDJ
 * Copyright 2021 DevDJ
!*/
::-moz-selection,
::selection {
	background-color: #c80913;
}
#line {
	background: #ff0000;
}
@media only screen and (min-width: 481px) and (max-width: 1199px) {
	nav .menu-wrapper ul li.item-active,nav .menu-wrapper ul li:hover {
		background: #f00;
	}
}
.animation-text {
	color: #f00;
}
.about-section .about-img {
	background: url('../../../images/about-red.png') 50% 50% / cover no-repeat;
}
.about-section .about-content .content .row-content .icon {
	background: #f80203;
}
.skill-section .skill-right div.img-fluid,
.skill-section .skill-right1 div.img-fluid {
	background: url('../../../images/our-skills_red.png') 100% 100% / cover no-repeat;
}
.stat-section,
.partners-section .wave,
.featured-section, .partner-section,
.skill-section .skill-left .prog-container .progress .progress-bar {
	background-image: linear-gradient(to left, #ff0000, #f10107, #e3040d, #d60610, #c80913)
}
#projects .navigation {
	background: #ff0000;
}
#projects .navigation a.active,
#projects .navigation a:active,
#projects .navigation a:hover,
#projects .navigation a:focus {
	color: #ff0000;
}
.btn-danger.btn-coupon,
.btn-danger.btn-coupon:link,
.btn-danger.btn-coupon:focus,
.btn-danger.btn-coupon:active,
.btn-danger.btn-coupon:active:focus,
.btn-danger.btn-discount,
.btn-danger.btn-discount:link,
.btn-danger.btn-discount:focus,
.btn-danger.btn-discount:active,
.btn-danger.btn-coupon:active:focus {
	border-width: 2px;
	border-style: dashed;
	background: #fff;
	color: #ff0000;
	padding: .2rem 1rem;
	outline: none;
}
.btn-animated.btn-focus {
	animation: focus-red-border 2s infinite;
	transition: all .2s;
}
@-webkit-keyframes focus-red-border {
	0% {
		box-shadow: 0 0 0 0 rgba(227, 4, 13, 0.4);
	}
	70% {
		box-shadow: 0 0 0 12px rgba(227, 4, 13, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(227, 4, 13, 0);
	}
}
@keyframes focus-red-border {
	0% {
		box-shadow: 0 0 0 0 rgba(227, 4, 13, 0.4);
	}
	70% {
		box-shadow: 0 0 0 12px rgba(227, 4, 13, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(227, 4, 13, 0);
	}
}