/*============================
	Magenta Rose Color Style
==============================*/
::selection {
	background: #FF00AF;
}
a, a:focus {
	color: #FF00AF;
}
a:hover, a:active {
	color: #f729b6;
}
.form-dark .form-control:focus {
	border-color: #FF00AF !important;
}
.utf-spinner-one {
	border-top-color: #FF00AF;	
}
.utf-spinner-two {
    border-top: 5px solid #FF00AF;
	border-left: 5px solid #FF00AF;	
}
.utf-spinner-three {
	border-top-color: #FF00AF;
	border-bottom-color: #FF00AF;	
}
.utf-spinner-four {
	border-top: 5px solid #FF00AF;	
}
.sub-item-text{
	color:#ffffff;
	background:#FF00AF
}
.utf-service-featured-box i{
	color:#FF00AF
}
.portfolio .utf-portfolio-box .utf-item-overlay-details {
    background: #FF00AF;    
}
.pro-title-bg {
    background: #1e2328;
    padding: 8px 12px;
    border-radius: 10px;
    border: 4px solid rgba(255, 255, 255, 0.05);
}
.utf-hero-content span.typed, .utf-hero-content span.typed-cursor{
	color: #FF00AF;
}
.owl-theme .owl-nav [class*="owl-"]:hover:not(.disabled) {
    background: #FF00AF;
}	
#contact h3:after {
    background:#FF00AF;
}
.primary-menu ul.navbar-nav > li:hover > a:not(.btn), .primary-menu ul.navbar-nav > li > a.active:not(.btn) {
	background:#FF00AF;
	color: #ffffff;
}
.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu li:hover > a:not(.btn) {
	color: #FF00AF;
}
.primary-menu.navbar-line-under-text ul.navbar-nav > li > a:not(.btn):after {
	border-color: #FF00AF;
}
.secondary-nav.nav.alternate .nav-item .nav-link.active {
	border-color: #FF00AF;
}
.page-header.page-header-text-dark .breadcrumb > li a:hover {
	color: #FF00AF;
}
.accordion:not(.accordion-alternate) .card-header a {
	background-color: #FF00AF;
	color: #fff;
}
.nav:not(.nav-pills) .nav-item .nav-link.active, .nav:not(.nav-pills) .nav-item .nav-link:hover {
	color: #FF00AF;
}
.nav-tabs .nav-item .nav-link.active {
	color: #0c2f55;
}
.nav-tabs .nav-item .nav-link.active:after, .nav-tabs .nav-item .nav-link:hover:after {
	background-color: #FF00AF;
}
.nav-tabs .nav-item .nav-link:not(.active):hover {
	color: #FF00AF;
}
.nav-tabs.flex-column .nav-item .nav-link.active {
	color: #FF00AF;
}
.nav-pills .nav-link:not(.active):hover {
	color: #FF00AF;
}
.brands-grid > .row > div a:hover {
	color: #FF00AF;
}
#footer .nav .nav-item .nav-link:focus {
	color: #FF00AF;
}
#footer .nav .nav-link:hover {
	color: #FF00AF;
}
#footer .footer-copyright .nav .nav-link:hover {
	color: #FF00AF;
}
#back-to-top {
	background-color: #FF00AF;
}
.bg-primary, .badge-primary {
	background-color: #FF00AF !important;
}
.text-primary, .btn-light, .btn-outline-light:hover, .btn-link, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active {
	color: #FF00AF !important;
}
.btn-link:hover {
	color: #f729b6 !important;
}
.text-muted {
	color: #8e9a9d !important;
}
.text-light {
	color: #dee3e4 !important;
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
	background-color: #f729b6 !important;
}
.border-primary {
	border-color: #FF00AF !important;
}
.btn-primary {
	background-color: #FF00AF;
	border-color: #FF00AF;
}
.btn-primary:hover {
	background-color: #f729b6;
	border-color: #f729b6;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
	background-color: #f729b6;
	border-color: #f729b6;
}
.btn-primary.focus, .btn-primary:focus {
	background-color: #f729b6;
	border-color: #f729b6;
}
.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
	color: #FF00AF;
	border-color: #FF00AF;
}
.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active:hover, .btn-outline-primary:not(:disabled):not(.disabled):active:hover {
	background-color: #FF00AF;
	border-color: #FF00AF;
	color: #fff;
}
.progress-bar, .nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active {
	background-color: #FF00AF;
}
.page-item.active .page-link, .custom-radio .custom-control-input:checked ~ .custom-control-label:before, .custom-control-input:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before, .custom-control-input:checked ~ .custom-control-label:before {
	background-color: #FF00AF;
	border-color: #FF00AF;
}
.list-group-item.active {
	background-color: #FF00AF;
	border-color: #FF00AF;
}
.page-link {
	color: #FF00AF;
}
.page-link:hover {
	color: #f729b6;
}
.owl-theme.single-slideshow .owl-dots .owl-dot.active span, .owl-theme.single-slideshow .owl-dots .owl-dot:hover span {
	border-color: #FF00AF;
}
.owl-theme.single-slideshow .owl-dots .owl-dot.active span:after, .owl-theme.single-slideshow .owl-dots .owl-dot:hover span:after {
	background-color: #FF00AF;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	border-color: #FF00AF;
}
.owl-theme .owl-dots .owl-dot.active span:after, .owl-theme .owl-dots .owl-dot:hover span:after {
	background-color: #FF00AF;
}
.owl-theme.dots-light .owl-dots .owl-dot.active span:after, .owl-theme.dots-light .owl-dots .owl-dot:hover span:after {
	background-color: #FF00AF;
}
.utf-service-featured-box:hover::after{
	background-color: #FF00AF !important;
}
.blog-post .content .title:hover, .blog-post .content a:hover {
	color: #FF00AF !important;
}
.sidebar .widget .post-recent .post-recent-content a:hover, .sidebar .widget .catagories li a:hover{
	color: #FF00AF;
}
@media (max-width: 991px) {
.pro-title-bg {
    background: #FF00AF;
    padding: 8px 12px;
    border-radius: 10px;
    border: 4px solid rgba(0, 0, 0, 0.1);
}
}