/*
*	 Author: beshleyua
*	 Author URL: http://themeforest.net/user/beshleyua
*/

/* TABLE OF CONTENTS
	1. Template Blue
*/

/* 1. Template Blue */
.background {
	background-color: rgba(8, 86, 193, 0.4);
}

.preloader .spinner .double-bounce1,
.preloader .spinner .double-bounce2 {
	background: #0856c1;
}

.lnk:hover,
.button:hover {
	color: #0856c1;
}

.lnk:hover .ion,
.button:hover .ion {
	color: #0856c1;
}

.lnk:hover .arrow:before,
.button:hover .arrow:before,
.lnk:hover .arrow:after,
.button:hover .arrow:after {
	background: #0856c1;
}

input:focus,
textarea:focus,
button:focus {
	border-bottom: 1px solid #0856c1;
}

button:hover {
	border-bottom: 1px solid #0856c1;
}

.header .top-menu ul li:hover a,
.header .top-menu ul li.active a {
	color: #0856c1;
}

.header .top-menu ul li:hover a .icon,
.header .top-menu ul li.active a .icon,
.header .top-menu ul li:hover a .link,
.header .top-menu ul li.active a .link {
	color: #0856c1;
}

.card-started:after {
	background: -moz-linear-gradient(-45deg, rgba(8, 86, 193, 0.4) 0%, rgba(8, 86, 193, 0.01) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(8, 86, 193, 0.4) 0%, rgba(8, 86, 193, 0.01) 100%);
	background: linear-gradient(135deg, rgba(8, 86, 193, 0.4) 0%, rgba(8, 86, 193, 0.01) 100%);
}

.card-started .profile .image:before {
	background: -moz-linear-gradient(-45deg, rgba(8, 86, 193, 0.4) 0%, rgba(8, 86, 193, 0.01) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(8, 86, 193, 0.4) 0%, rgba(8, 86, 193, 0.01) 100%);
	background: linear-gradient(135deg, rgba(8, 86, 193, 0.4) 0%, rgba(8, 86, 193, 0.01) 100%);
	display:none;
}

.card-started .profile .subtitle {
	color: #0856c1;
}

.card-started .profile .social a:hover .ion,
.card-started .profile .social a:hover .fab,
.card-started .profile .social a:hover .fas {
	color: #0856c1;
}

.content .title:before {
	background: -moz-linear-gradient(-45deg, rgba(8, 86, 193, 0.4) 0%, rgba(8, 86, 193, 0.01) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(8, 86, 193, 0.4) 0%, rgba(8, 86, 193, 0.01) 100%);
	background: linear-gradient(135deg, rgba(8, 86, 193, 0.4) 0%, rgba(8, 86, 193, 0.01) 100%);
}

.service-items .service-item .icon {
	color: #0856c1;
	background: -moz-linear-gradient(-45deg, rgba(8, 86, 193, 0.4) 0%, rgba(8, 86, 193, 0.01) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(8, 86, 193, 0.4) 0%, rgba(8, 86, 193, 0.01) 100%);
	background: linear-gradient(135deg, rgba(8, 86, 193, 0.4) 0%, rgba(8, 86, 193, 0.01) 100%);
}

.pricing-items .pricing-item .icon {
	color: #0856c1;
}

.pricing-items .pricing-item .feature-list ul li strong {
	background: rgba(8, 86, 193, 0.4);
}

.fuct-items .fuct-item .icon {
	color: #0856c1;
}

.resume-title .icon,
.skill-title .icon {
	color: #0856c1;
}

.resume-items .resume-item.active .date {
	color: #0856c1;
}

.resume-items .resume-item.active .date:before {
	background: #0856c1;
}

.skills-list ul li .progress .percentage {
	background: #0856c1;
}

.content.works .filter-menu .f_btn.active {
	color: #0856c1;
}

.box-item .image .info:before {
	background: -moz-linear-gradient(-45deg, rgba(8, 86, 193, 0.4) 0%, rgba(8, 86, 193, 0.01) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(8, 86, 193, 0.4) 0%, rgba(8, 86, 193, 0.01) 100%);
	background: linear-gradient(135deg, rgba(8, 86, 193, 0.4) 0%, rgba(8, 86, 193, 0.01) 100%);
}

.post-box .blog-content blockquote {
	border-left: 2px solid #0856c1;
}

.post-box .blog-content ul.list-style li:before {
	background: #0856c1;
}

.post-box .post-comments li .comment-info .name h6 {
	color: #0856c1;
}

.background.gradient {
	background: #50a3a2;
	background: -webkit-linear-gradient(top left, #48b1bf 0%, #0856c1 100%);
	background: linear-gradient(to bottom right, #48b1bf 0%, #0856c1 100%);
}

.social{
		margin-bottom:20px;
		margin-top: 30px;
	}
.arrow_up_buttom{
	
	position: fixed;
	
	left: 20px;
	bottom: 20px;
	font-size: 30px;
	z-index: 9999;
	color:#5886ce;
	
}


@media only screen and (min-width: 768px) {
	.arrow_up_buttom{
		display:none;
	}
	
	
	
}
	iframe{
					width:100%;
					}
@media only screen and (max-width: 768px) {
	.social{
		margin-bottom:0 !important; 
	}
	.content.works .filter-menu .f_btn{
		
		margin:0 0 0 5px !important;
		
	}
		
}
.header .top-menu ul li a .icon {
font-size:30px !important;	
}
.content.works .filter-menu .f_btn input {
	cursor:pointer !important;
}
.blog-img{width:100%;}