h1,h2,h3,h4,h5,h6{
	color: #1a1a1a
}
/*=============================================
	Color
===============================================*/
.color_primary{
	color:#0255ff;
}
.color_secondary{
	color:#1a1a1a;
}
.color_white{
	color:#f0f0f0;
}
.color_gray2{
	color: #a5a5a5
}
/*==============================================
	Background Color
================================================*/
.bg_gray, .social_media li a, .service_item i{
	background-color: #f5f5f5;
}
.bg_dark, #scroll{
	background-color:#2a2a2a;
}
.bg_black, .project figure:after{
	background-color: #000
}
footer, .modal-content{
	background-color: #080808
}
/*==============================================
	btn
================================================*/
.btn{
	background-image: linear-gradient(to right, #0255ff 10%, #7885ff 50%, #0255ff 90%);
	color:#fff;
	background-size: 150% auto
}
.btn_primary:hover{
	background-position: right center;
	color: #000
}
/*===============================================
	White color Class
=================================================*/
.color_white, .navbar-light .navbar-nav .nav-link,
.sl-headline.clip span, .social_media li a:hover, 
.service_item:hover i, .project-zoom:after, 
.mixitup-control-active, .controls .control:hover {
	color:#fff;
}
.bg_white, .navbar-toggler-icon, .navbar-light .navbar-toggler,
[class*="section_title_"] .section_title.color_white:after{
	background-color: #fff
}
/*===============================================
	Primary color
=================================================*/
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover,
.sl-headline.clip span.sl-words-wrapper,
.portfolio_image a:hover, .counting_digit .number,
footer a:hover {
	color:#0255ff;
}
.service_item a:hover, .service_item i{
	color:#0255ff;
}
/*===============================================
	Primary Background color
=================================================*/
.bg_primary, .loader span,
[class*="section_title_"] .section_title.color_primary:after,
.about_info ul .fa, .service_item:hover i, .social_media li a:hover,
 .client_item p, .client_item p:before, .modal-header, 
.mixitup-control-active, .controls .control:hover {
	background-color: #0255ff;
}
/*===============================================
	Secondary color
=================================================*/
.color_secondary {
	color: #1a1a1a
}
/*===============================================
	Secondary background color
=================================================*/
.bg_secondary {
	background-color: #1a1a1a
}

.main_menu{
    -webkit-box-shadow: 0 1px 10px rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 10px rgba(255, 255, 255, 0.);
    background-color: rgba(0, 0, 0, 1);
}
.navbar.small {
    background-color: #f0f0f0;
}
/*===============================================
	RGB color css
=================================================*/
.modal-open .modal{
	background: rgba(0, 0, 0, 0.8)
}
/*===============================================
	Border color css
=================================================*/
.service_item, .form-control {
	border-color: #fff
}
.about_info, .service_item:hover, .filter.active, 
.form-control:focus, .portfolio_item i, 
.feedback.owl-carousel .owl-item img {
	border-color: #0255ff
}
hr{
	border-top-color: #484848
}
.service_item:hover{
	box-shadow: 0px 0px 7px 0px #0255ff
}
.sl-headline.clip .sl-words-wrapper::after{
	background-color:#999;
}

.form-control::-webkit-input-placeholder{
	color:#a5a5a5;
	opacity:1
}
.form-control::-moz-placeholder{
	color:#a5a5a5;
	opacity:1
}
.form-control:-ms-input-placeholder{
	color:#a5a5a5;
	opacity:1
}
.form-control::-ms-input-placeholder{
	color:#a5a5a5;
	opacity:1
}
.form-control::placeholder{
	color:#a5a5a5;
	opacity:1
}