.about-item {
	position:relative;
	margin:50px 0;
	flex-direction: row;
	display: flex;
	align-items: center;
}
.about-item .num {
	position:absolute;
	top:0;
	left:0;
	font:bold 470px/470px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#060606;
	opacity:.05;
}
.about-item:nth-child(2n+1) .num {
	right:0;
	left:auto;
	margin-right:30px;
}
.about-item>img {
	width:50%;
	margin-right:30px;
}
.about-item:nth-child(2n)>img {
	order: 3;
	margin-left:30px;
	margin-right:0;
}
.about-item-content {
	width:48%;
	display:inline-block;
	vertical-align:middle;
	text-align:left;
}
.about-item-content ul {
	list-style:url(/template/img/li.png);
}
.skillbar {
  position: relative;
  display: inline-block;
  margin: 8px 0;
  width: 100%;
  background: #eee;
  height: 25px;
  border-radius: 3px;
  width: 100%;
}

.skillbar-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 110px;
  font-weight: bold;
  font-size: 13px;
  color: #ffffff;
  background: #000721;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  padding: 0 20px;
  height: 25px;
  line-height: 25px;
}

.skillbar-bar {
  margin:0;
  height: 25px;
  width: 0px;
  background: #000721;
  border-radius: 3px;
  display: inline-block;
}

.skill-bar-percent {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 11px;
  height: 25px;
  line-height: 25px;
  color: #000721;
}
#svg-icons {text-align:justify; padding:20px; border-top:2px solid #dedede; margin-top:20px;}
#svg-icons::after{content:"";display:inline-block;width:100%;}
.svg-icons-holder{position:relative; display:inline-block; cursor:default;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}.svg-icons-holder:hover svg{stroke:#000721!important}.svg-icons-holder .svg-icons{position:relative;}.svg-icons-holder .svg-icons svg{stroke:#575757;vertical-align:middle;height:55px;width:auto;-webkit-transition:stroke .4s ease-out .2s;transition:stroke .4s ease-out .2s}.svg-icons-holder .svg-icons path{fill:none;stroke:inherit;stroke-width:3;stroke-miterlimit:10}.svg-icons-holder:hover .svg-icons{-webkit-transform:translateY(-15px);transform:translateY(-15px)}.svg-icons-holder .svg-text{position:absolute;top:100%;left:50%;opacity:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:-webkit-transform .2s ease-out,opacity .35s ease;transition:transform .2s ease-out,opacity .35s ease;width:100%;-webkit-backface-visibility:hidden}.svg-icons-holder:hover .svg-text{-webkit-transform:translate(-50%,-15px);transform:translate(-50%,-15px);opacity:1; color:#000721;}.touch .svg-icons-holder .svg-icons{opacity:1!important}
@media only screen and (max-width:768px){
	.about-item {display:block;}
	.about-item .num {	top:auto;	left:auto; right:0; bottom:0; font-size:300px; line-height:300px;}
	.about-item-content {width:auto;}
	.about-item>img, .about-item:nth-child(2n)>img{width:100%;	float:none; margin-left:0; margin-right:0;}
	.svg-icons-holder{margin-bottom:50px}
	.svg-icons-holder .svg-icons svg{width:55px; height:auto;}
}