/* SKILLS & LANGUAGES */

.box2 {
        width: 49%;
        vertical-align: top;
        display: inline-block;
        *display: inline;
        zoom: 1;
        font-size: medium;
}
.box2:nth-child(1)
{
	margin-left:0;
}

.box2:nth-child(2)
{
       	margin-right:0;
       	overflow:hidden;
	float:right;
}

.pagewrap
{
        width: 100%;
        margin: auto;
        margin-top:40px;
        position:relative;
        z-index:1 !important;
        float:right;
        display:block;
}

.slotcenter {
        width:100%;
}

#container2 {
        text-align: justify;
        -ms-text-justify: distribute-all-lines;
        text-justify: distribute-all-lines;
        text-align:center;
        width:100%;
        margin:0 auto;
}


.SkillsMain
{
	outline:none;
	display:inline-block;
	width:100%;
	height:auto;
}

.SkillsTable
{
	font-size:13px;
	font-family: 'Lato', sans-serif;
	color: #777;
        border-top-right-radius:3px;
        border-bottom-right-radius:3px;

}

.bar {
	background-color: #ddd;
	width: 100%;
	height: 25px;
//	margin-top: 5px;
	}

.bar-inner {
	background-color: #4a89d9;
	width: 0%;
	height: 25px;
	position: relative;
	transition: width 400ms ease-out;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
}

.bar-inner:after {
	position: absolute;
	content: attr(data-percent);
	color: rgba(0,0,0,0);
	font-size: 18px;
	font-weight: 700;
	line-height: 25px;
	background-color: #4a89d9;
        border-top-right-radius:3px;
        border-bottom-right-radius:3px;

}

@media screen and (max-width:900px)
{
	.box2 {
		width:100%;
	}

	.box2:nth-child(2)
	{
		margin-top:20px;
		float:none;
	}
}