/* =================================================================== */
/* Magenta #ff00ff
====================================================================== */
h1 > span,
.projectmanager h3,
.projectmanager li a,
body.blog-page article h4:hover,
.testimonials #quote-carousel h5,
.services-box-item-content:before,
.services-box-item-content h2,
.info-map-boxes-item:before,
.info-map-boxes-item h1,
.info-map-boxes-item a,
.about ul.nav.nav-tabs li a.active,
.services-box-item-cover:before,
.services-box-item-cover:after,
#back-top span:before,
.comments-list .comment-reply,
.blog .blog-content .blog-excerpt .meta a,
.blog .blog-content .blog-excerpt span i, .blog-page .blog-content  span i,
.blog-post .banner .content .top-text h4 i,
.blog-post .post-author a,
.blog-page .meta a,
.blog-page .sidebar .widget:not(.widget-tags) ul li a:hover,
.blog-post .blog-content .comment-reply-link,
.fact-badges h2 span,
.header-fixed .nav-menu ul.nav-menu-inner li a.current,
span.heart,
.nav-menu-icon.active a, .nav-menu-icon a.active, .nav-menu-icon:hover a, .nav-menu-icon a:hover, .nav-menu ul.nav-menu-inner li.active a, .nav-menu ul.nav-menu-inner li a.active, .nav-menu ul.nav-menu-inner li:hover a, .nav-menu ul.nav-menu-inner li a:hover, .header-fixed .nav-menu ul.nav-menu-inner li a.current, .header-fixed .nav-menu ul.nav-menu-inner li.current a
body.dark .nav-menu-icon.active a, body.dark .nav-menu-icon a.active, body.dark .nav-menu-icon:hover a, body.dark .nav-menu-icon a:hover, body.dark .nav-menu ul.nav-menu-inner li.active a, body.dark .nav-menu ul.nav-menu-inner li a.active, body.dark .nav-menu ul.nav-menu-inner li:hover a, body.dark .nav-menu ul.nav-menu-inner li a:hover, body.dark .header-fixed .nav-menu ul.nav-menu-inner li a.current, body.dark .header-fixed .nav-menu ul.nav-menu-inner li.current a,
.latest-post .post-title a:hover,
body.dark .latest-post .post-title a:hover {
    color: #ff00ff;
}
.banner .breadcrumb>li a:hover,
.custom-colorRotatingWords,
.preloader .loader {
  background-image: url(../image/preloader-magenta-light.svg);
  background-repeat:no-repeat;
  background-position: 50% 50%;
}
body.dark .preloader .loader {
  background-image: url(../image/preloader-magenta-dark.svg);
  background-repeat:no-repeat;
  background-position: 50% 50%;
}
.rtl-version .about-right-side .full-image-container.hovered:before {
	border-right: 5px solid #ff00ff;
	border-left:0;
}
.rtl-version .projectmanager blockquote {
	border-left: none;
    border-right: 5px solid #ff00ff;
}
.rtl-version .portfolio .caption h3 {
	border-right: 3px solid #ff00ff;
}
body.double-diagonal .about.safari::before {
	background-image: url(../image/separator-magenta.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
}
@media (max-width:767px){
	.about-right-side .full-image-container.hovered:before  {
		border-top: 5px solid #ff00ff;
		border-left:none;
	}
	.rtl-version .about-right-side .full-image-container.hovered:before {
		border-right:none;
	}
}
@media (max-width:576px){
	.about ul.nav.nav-tabs li a.active {
		background :#ff00ff;
		color:#fff;
	}
}