/* 
	color #edb41d .. #5f0b83
	color2 #fecb1d .. #db6ae4 
	black #111111
	bg #e1e1ed .. #644c66
 */

a,a:active,a:focus{
	color:#edb41d;
}
a:hover{
	color:#fecb1d;
}
#header.header-scrolled{
  background:#e1e1edf0;
}
#header .logo{
	border:none;
  font-weight:500;
  letter-spacing:0px;
}
#header .logo a:hover{
	color:#edb41d;
}
#header .logo a span{
	color:#edb41d;
}
#header .logo img{
  max-height:60px;
  margin-right:10px;
}
#header h1{
	display:inline-block;
}
.navbar .active,.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a{
	color:#edb41d;
}
#hero .btn-get-started{
	background:#edb41d;
}
	#hero .btn-get-started:hover{
		color:#edb41d;
	}
.section-header h3:after{
	background:#edb41d;
}
#featured-services{
  background:#e1e1ed;
}
#featured-services .box-bg{
  background-image:linear-gradient(0deg, #e1e1ed 0%, #fff 67%, #e1e1ed 100%);
}
#featured-services .box{
	text-align:center;
  padding:60px 30px;
}
#featured-services i{
	color:#edb41d;
	font-size:64px;
}
#featured-services h4 a {
  color:#111111;
}
	#featured-services h4 a:hover {
		color:#fecb1d;
	}
#featured-services p {
  color:#111111;
}
#about .about-col .icon{
	background-color:#edb41d;
}
#about .about-col h2{
	height:2.5em;
	padding:0 2em;
}
#about .about-col p{
	height:7em;
}
#about .about-col:hover i ,
#about .about-col h2 a:hover{
	color:#fecb1d;
}
#portfolio #portfolio-flters li.filter-active{
	background:#edb41d;
}
#portfolio #portfolio-flters li:hover{
	background:#fecb1d;
}
#portfolio .portfolio-item{
	height:380px;
}
#portfolio .portfolio-item figure .link-preview,
#portfolio .portfolio-item figure:hover .link-preview{
    left:calc(50% - 18px);
}
#portfolio .portfolio-item .portfolio-info{
	padding:2em 1em 1em;
	height:8em;
}
#portfolio .portfolio-item .portfolio-info h4 span,
#portfolio .portfolio-item:hover .portfolio-info h4 b{
	color:#edb41d;
}
#portfolio .portfolio-item:hover .portfolio-info h4 span{
	color:#333;
}
#portfolio .portfolio-item .portfolio-info p{
	text-transform:none;
}
#portfolio .portfolio-item figure .link-preview:hover, #portfolio .portfolio-item figure .link-details:hover{
	background:#fecb1d;
}
#offers{
  background:url("../img/offers-bg.jpg") center top no-repeat fixed;
  background-size:cover;
  padding:60px 0 40px 0;
  position:relative;
}
	#offers:before{
		content:"";
		position:absolute;
		left:0;
		right:0;
		top:0;
		bottom:0;
		background:rgba(255, 255, 255, 0.8);
	}
#contact .contact-info i{
	color:#edb41d;
}
#footer{
  background:#e1e1ed;
  color:inherit;
}
#footer .credits {
  color:inherit;
}
#footer .credits a{
	color:gray;
}
.back-to-top{
	background:#fecb1d;
}