/*------------------------------------------------------
	ELEMENTS COLOR
---------------------------------------------------------*/
.awsm-info{
	background: rgba(228, 116, 69, 0.8);
}
.skill_set{
	background: #E47445;
}
.submit_button,
.personal_skills li span{
	background: #E47445;
}
a,
a:hover,
a:focus {
  color: #E47445;
}
#portfolio_filter li.current a,
#portfolio_filter li a:hover{
	color: #E47445;
	border-bottom: 3px solid #E47445;
}
.awsm-info p a,
.awsm-info p a:hover{
	color: #E47445;
}
.main_nav li a:hover,
.link-active{
	background: #E47445;
	color: #FFF;

	-webkit-box-shadow: 0 -5px 0px rgba(255, 255, 255, 0.3) inset, 0 2px 0 rgba(255, 255, 255, 0.2) inset;
	box-shadow: 0 -5px 0px rgba(255, 255, 255, 0.3) inset, 0 2px 0 rgba(255, 255, 255, 0.2) inset;
}
.button{
	background: #E47445;
	color:#FFF;
}
.button:hover{
	box-shadow: inset 0 0 0px 0.3em rgba(255, 255, 255, 0.5);
	color:#FFF;
}

.awsm-info a:hover {
	box-shadow: inset 0 0 0 0.3em rgba(228, 116, 69, 0.5);
}
.personal_skills li span:before{
	border-color: transparent #E47445 transparent;
}
.lt-ie8 .awsm-info,
.lt-ie8 .submit_button,
.lt-ie8 .skill_set,
.lt-ie8 .button,
.lt-ie8 .main_nav li a:hover,
.lt-ie8 .link-active{
	background: #E47445;
	color:#FFF;
}
.lt-ie8 .button:hover{
	color:#FFF;
}



/*------------------------------------------------------
	SOCIAL ICONS
---------------------------------------------------------*/

.twitter{
	background: url('../../images/icons/orange/twitter.png') no-repeat center top;
}
.dribbble{
	background: url('../../images/icons/orange/dribbble.png') no-repeat center top;
}
.facebook{
	background: url('../../images/icons/orange/facebook.png') no-repeat center top;
}
.gplus{
	background: url('../../images/icons/orange/google.png') no-repeat center top;
}
.linkedin{
	background: url('../../images/icons/orange/linkedin.png') no-repeat center top;
}
.skype{
	background: url('../../images/icons/orange/skype.png') no-repeat center top;
}
.vimeo{
	background: url('../../images/icons/orange/vimeo.png') no-repeat center top;
}
.youtube{
	background: url('../../images/icons/orange/youtube.png') no-repeat center top;
}
.zerply{
	background: url('../../images/icons/orange/zerply.png') no-repeat center top;
}

/*------------------------------------------------------
	SOCIAL ICONS HERO IMAGE
	just navigate from icons list above and choose your icons
---------------------------------------------------------*/

.pos_1{
	background-image: url('../../images/icons/orange/twitter.png');
}
.pos_2{
	background-image: url('../../images/icons/orange/twitter.png');
}
.pos_3{
	background-image: url('../../images/icons/orange/linkedin.png');
}
.pos_4{
	background-image: url('../../images/icons/orange/google.png');
}