
.header-section,
.service-box-inner:hover .icon-srv,
.feature-box-inner:hover .icon-feature,
.feature-box-inner:hover .line > i,
.portfolio-categories > li > a:hover, 
.portfolio-categories > li > a.active,
.how-we-work ul li:hover a > i,
.progress-bar-danger,
.statistics-section,
.entry-date .date,
.icon i,
.read-more:focus, 
.read-more:hover,
.send-msg a:focus, .send-msg a:hover,
.beautiful-image,
.view-more,
.cd-tab-filter a:hover, 
.cd-tab-filter a:focus, 
.cd-tab-filter a.selected,
.portfolio-image-block,
.menu-block .nav > li.dropdown > ul.dropdown-menu, .menu-block .nav > li > ul li ul,
.comment-form input[type="submit"]:hover,
.small-dialog {
	background-color: #EAD630;
}

.how-we-work ul li:before,
.how-we-work ul li a i,
.view-more,
.why-choose .view-more,
.paging-navigation .pagination li .page-numbers:hover,
.pagination li .page-numbers.current,
.comment-form input[type="submit"], 
.comments-area p.form-submit .button-1 {
	border-color: #EAD630;
}

.goto-next a:focus, 
.goto-next a:hover,
.feature-box-inner .icon-feature,
.app-content-box h2,
.app-updates h4 i,
.how-we-work ul li a i,
.entry-cover i,
.brag-content h1,
.start-project a, .send-msg a,
.back-top i,
.sub-title-heading span,
.comment .media-list .media-body .media-heading,
.back-home a:hover,
.back-home a:hover,
.single-social a:hover i,
.why-choose .view-more,
.paging-navigation .pagination li .page-numbers:hover,
.pagination li .page-numbers.current,
.post-date .comments-link a:hover {
	color: #EAD630;
}

.features-section:before,
.why-choose:before,
.research-slope:before,
.we-perfection-slope:before,
.clean-code:before,
.we-launch-slope:before,
.project-section:before,
.slope-right,
.slope-left,
.slope-center  {
	border-color: rgba(234,214,48,0.9) transparent;
}

.portfolio-image-block > a:hover:before,
.hover,
.light-box .modal-backdrop, .light-box.modal,
.genius-item-hover {
	background-color: rgba(234,214,48,0.9);
}

/* ## 1201 to 1366 ## */
@media only screen and (min-width: 992px) and (max-width: 1550px)
{
	.we-perfection-slope:before,
	.clean-code:before {
		background-color: rgba(234,214,48,0.9);
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slope-right,
	.slope-left {
		background-color: rgba(234,214,48,0.9);
	}
	
	.slope3 .slope-center {
		border-color: rgba(234,214,48,0.9);
	}
}

@media only screen and (min-width: 319px) and (max-width: 767px)
{
	.features-section:before,
	.why-choose:before,
	.slope-right,
	.slope-left	{
		background-color: rgba(234,214,48,0.9);
	}
	
	.slope3 .slope-center {
		border-color: rgba(234,214,48,0.9);
	}
}