@charset "UTF-8";
/* mouseover */

.portfolio1{background:white;position:relative;cursor:pointer;}
.portfolio2{background:white;position:relative;cursor:pointer;}
.portfolio3{background:white;position:relative;cursor:pointer;}
.portfolio4{background:white;position:relative;cursor:pointer;}
.portfolio5{background:white;position:relative;cursor:pointer;}
.portfolio6{background:white;position:relative;cursor:pointer;}
.portfolio7{background:white;position:relative;cursor:pointer;}
.portfolio8{background:white;position:relative;cursor:pointer;}
.portfolio9{background:white;position:relative;cursor:pointer;}
.portfolio10{background:white;position:relative;cursor:pointer;}
.portfolio11{background:white;position:relative;cursor:pointer;}
.portfolio12{background:white;position:relative;cursor:pointer;}
.portfolio13{background:white;position:relative;cursor:pointer;}
.portfolio14{background:white;position:relative;cursor:pointer;}
.portfolio15{background:white;position:relative;cursor:pointer;}
.portfolio16{background:white;position:relative;cursor:pointer;}


.portfolio-customer{
	width:100%;
	height:40%;
	display: table;
	text-align:center;
}
.portfolio-customer p{
	vertical-align:bottom;
	display: table-cell;
	font-family: 'Cormorant Infant', serif;
	font-weight:700;
	font-size:46px;
	color: white;
}
.portfolio-line{
	width:100%;
	height:1px;
	display: table;
	text-align:center;
}

.portfolio-line hr {
	border: 0;
	border-top: 1px solid white;
	border-bottom: 0;
	width:75%;
}

.portfolio-title{
	width:100%;
	height:auto;
	display: table;
	text-align:center;
}

.portfolio-title p{
	vertical-align:top;
	display: table-cell;
	font-family: 'Athiti', sans-serif;
	font-weight:300;
	font-size:28px;
	color: white;
}

.portfolio-desc{
	width:100%;
	height:auto;
	display: table;
	text-align:center;
}

.portfolio-desc p{
	vertical-align:top;
	display: table-cell;
	font-family: 'Athiti', sans-serif;
	font-weight:100;
	font-size:14px;
	color: white;
}


<!--.portfolio-tum{
<!--	background-color:#333333;
<!--}

<!--.portfolio-tum-title{
<!--	width:100%;
<!--	display: table;
<!--	text-align:center;
<!--}

<!--.portfolio-tum-title a{
<!--	vertical-align:middle;
<!--	display: table-cell;
<!--	font-family: 'Cormorant Infant', serif;
<!--	font-weight:700;
<!--	font-size:20px;
<!--	color: white;
<!--	text-decoration:none;
<!--}


<!--.portfolio-tum-title a:hover{
<!--	color:#333333;
<!--	background-color:#15e2e9;
<!--}

.portfolio-transparentbg{
	height:100%;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	background-image:url(../img/portfolio/transperant.png);
	display:none;
}