body{
	font-size: 14px;
	color: #333;
	background-color: #fff;
	letter-spacing: 1px;
}
	.overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 3;
	background-color: rgba(0, 0, 0, 0.4);
}

.slides-navigation .prev,
.slides-navigation .next{
	width: 47px;
	height: 47px;
	background-size: cover;
	background-repeat: no-repeat;
}


.slides-navigation a.prev{
	left: 20px;
	background-image: url(back.png);
}

.slides-navigation a.next{
	right: 20px;
	background-image: url(next.png);
}

.slides-navigation{
	z-index: 6;
}

.title-message{
	position: absolute;
	width: 100%;
	height: 250px;
	top: 50%;
	z-index: 5;
	text-align: center;
	margin-top: -125px;
}

.title-message .heading p{
	color: #fff;
	text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
	font-weight: 150;
	letter-spacing: 5px;
}

.title-message .heading .main{
	font-size: 50px;
}

.title-message .heading .sub{
	font-size: 23px;
}

#about{
	margin-top: 50px;
	margin-bottom: 50px;

}
.about-me{
	max-width: 100%;
	border-radius: 300px;
	margin-left:25px;
}

.skills-section{
	background-color: #e74c3c;
	color: #fff;
}

.skill{
	text-align: center;
}

.chart{
	position: relative;
	width: 152px;
	height: 152px;
	display: inline-block;
	margin-left: 25px;
	text-align: center;
}

.chart canvas{
	position: absolute;
	left: 0;
	top: 0;
}

.chart .percent{
	color: #000;
	line-height: 152px;
	display: inline-block;
	font-size: 35px;
}

.chart .percent:after{
	content: '%';
}

.contact-button:link,
.contact-button:visited{
	color: #000;
	padding: 15px 20px;
	display: inline-block;
	margin-top: 20px;
	border: 1px solid #000;
	border-radius: 2px;
	text-decoration: none;
	
}

.contact-button:hover,
.contact-button:active{
	color: #fff;
	background-color: #e74c3c;
	border: 1px solid #e74c3c;
}

.filter{
	text-align: center;
	width: 100%;
}

.filter a{
	color: #bdc3c7;
	border: 1px solid #bdc3c7;
	padding: 10px;
	display: block;
}

.filter li{
	display: inline-block;
	padding: 5px;
}

.filter .current{
	background-color: green;
	color: #fff;

}

.filter a:hover,
.filter a:active{
	text-decoration: none;
}

.section .heading{
	text-align: center;
	padding-bottom: 40px;
	width: 100%;
}


.items li{
	display: inline-block;
	padding: 5px;
}

img {
    opacity: 1.0;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    transition: opacity .6s;
}

img:hover {
    opacity: .5;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.portfolio{
	background-color:  #e74c3c
}

.item-containers .items li a{
	padding: 120px;
}


.copy-right-section{
	background-color: #000;
	color: #fff;
	padding: 30px 5px;
}

.copy-right-section p{
	margin: 0;
}

#navigation{
	background-color: #e74c3c;
	padding: 20px 10px;
	z-index: 100;
	width: 100%;
}

#navigation li{
	padding: 0 10px;
}

#navigation li a{
	color: #fff;
}

.navbar-brand,
.navbar-brand:hover{
	color: #fff;
}

.navbar-toggler-icon{
	background-image: url(burger.png);
}

.fixedNav #navigation{
	position: fixed;
	top: 0;
}