/* ============================================== */
/* Orang Color Style
============================================== */

.nav-container > div > ul li.active a, .nav-container > div > ul li:hover a, .btn.btn-secondary, .page-title h2 span, .vfx-back-mobile, .vfx-project-info .projects-info h3, .meta a, .meta i, .main-text h1 span, .badges h3 span, section#blog article h4:hover, body.dark section#blog article h4:hover, body.dark.blog article a h4:hover, .contact-container .contact .rightside h6 i, .page-title h2 span:nth-child(2), .skill-title, .custom-list h6 i, .blog article h4:hover, .comments-list .comment-reply, body.blog.dark .comments-list .comment-reply:hover, .contact-container ul.vfx-social-intro li a, .navigation li a i, .resume-items .item .card-header .year i.fa-caret-right, .badges h3 span, .chart-bar>.percent {
	color: #f86118;
}
.vfx-navigation.nav-is-visible ul li.active a, .vfx-navigation.nav-is-visible ul li.active a span, .vfx-navigation.nav-is-visible ul li a:hover, .vfx-navigation.nav-is-visible ul li a:hover span {
	color: #f86118 !important;
}
.chart-bar>.item-progress, .navigation li > div a span:after, .nav-container > div > ul li:not(:last-child):hover:after, body.dark .nav-container > div > ul li:not(:last-child):hover:after, .nav-container > div > ul li.active:not(:last-child):after, body.dark .nav-container > div > ul li.active:not(:last-child):after, .contact-container ul.vfx-social-intro li a:hover, .carousel-controls, body.dark .carousel-controls, .resume-items .item a, #vfx-progress-item-line, #header > div.bg, .ah-headline.clip .ah-words-wrapper::after, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary:before, section#blog .post-date, .resume-items .item-label, .btn, .comments-form button, .comments-form button:hover, .comments-form button:focus, .comments-form button:active, .vfx-back-mobile, .page-title .title-head-subtitle:before, .page-title .title-head-subtitle:after, #about ul.vfx-social-intro li a:hover {
	background-color: #f86118;
}
.contact-container ul.vfx-social-intro li a, #about ul.vfx-social-intro li a, .btn.btn-secondary, .btn.btn-secondary:focus, .chart-bar>.percent {
	border: 2px solid #f86118;
}
.page-title .animated-bar, ul.custom-list li .align-items-center .info-icon i {
	background:#f86118;	
}
.page-title .animated-bar::before, #about .vfx-services-section .utf-single-service .service-icon, .title-section:before, .vfx-blog-figure .post-date {
	background:#f86118;	
}
@media (max-width: 767px) {
body.light .resume-items .item{
    border-bottom: 1px solid #f89d71;
}
}
#about .vfx-services-section .utf-single-service:hover, body.light #about .vfx-services-section .utf-single-service:hover, body.dark #about .vfx-services-section .utf-single-service:hover {
    background:#f86118;
    border-color: #f86118;    
}
.vfx-count-section .count-box .count, #about .vfx-services-section .utf-single-service:hover .service-icon, #about ul.vfx-social-intro li a {
	color:#f86118;
}
body.dark .preloader-container h1, body.light .preloader-container h1, body.dark .vfx-personal-about-info h6 a:hover, body.light .vfx-personal-about-info h6 a:hover, ul.custom-list li .align-items-center .info-details .utf-info-value a:hover{
	color:#f86118;
}
.resume-items .item .bullet{
	background:#f86118 !important;	
}
.resume-items .item .card-header .year i{
	color:#f86118;
}
.arrow {
	border: 2px solid #f86118;
	border-width: 0 2px 2px 0;
}
.resume-items .item:before {
	border-left: 3px solid #f86118;
}
.resume-items .item .bullet {
	border: 2px solid #f86118;
}
.vfx-personal-about-info .image-container:before {
	border: 6px solid #f86118;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active {
	border-color: #f86118;
}
#portfolio-items li a div {
	background: #f86118;
}
.form .message i.fa-check-circle{
	color:#f86118;
}