.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

* {
	padding:0px;
	margin:0px;
	list-style-type:0px;
}
a {
	color:#171717;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
ul, li {
	list-style-type:none;
	list-style:none;
}
body {
	color:#171717;
	font-size:100%;
	font-family: 'Libre Franklin', sans-serif;
}
.responsive-img {
	width:100%;
}
.candidate-name {
	padding:15px 25px;
	background:#000;
	color:#fff;

}
.candidate-name h1 {
	font-size:25px;
	text-transform:capitalize;
	padding:0px;
	margin:0px;
}
.codidate-portfolio {
	margin-top:100px;
}
.portfolio-container {
	border-top:1px solid #d7d7d7;
	margin:20px 0 0 0;
	padding:40px 0;
}
.portfolio li {
	float: left;
	margin:10px 15px;
	font-size:18px;
	font-size:25px;
	font-weight:500px;
}
.colom-5 {
	width:20%;
	padding:0 15px;
	float:left;

}
.portfolio-des {
	height:130px;
}
.portfolio-content-wraper {
	position: relative;
	border-radius:5px;
	box-shadow: 0px 3px 1px 1px #ddd;
	margin:10px 0;
}
.portfolio-content-wraper:hover {
	box-shadow: 0px 2px 1px 1px #adadad;
}
.portfolio-content-wraper h2{
	font-size:16px;
	color:#171717;
	padding:5px;
}
.portfolio-content-wraper p {
	font-size:16px;
	color:#3b3b3b;
	position:absolute;
	padding-top:10px;
	bottom:2px;
	left:5px;
}
.right-aside {
	position: fixed;
	right:0px;
}
.portfolio-content-wraper p:before {
	content:'';
	width:30px;
	height:1px;
	background:#bdbdbd;
	position: absolute;
	top:5px;
	left:0px;
}

.detail-main-wraper {
	padding:30px 0;
}
.detail-main-wraper img {
margin:0px auto;
display: block;
}
.pro-des > li {
	margin:0 2px;
	padding:20px 5px;
	border-bottom:1px solid #e1e1e1;
}
.pro-des > li h2 {
	font-size:18px;
	font-weight:500;

}
.pro-des > li .app-icons {
	float:left;
	margin:3px;

}