ul.accordion{
    list-style:none;   
    position: absolute;
    z-index:1;
    right:70px;
    top:-5px;
    font-family:'Ubuntu', sans-serif;
    font-size: 16px;
    line-height: 1.5em;
	height:500px !important;
}
ul.accordion li{
    float:right;
    width:170px;
    height:500px;
	margin-top:70px;
	-webkit-transform: skew(-10deg);
       -moz-transform: skew(-10deg);
         -o-transform: skew(-10deg);
    display:block;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    overflow:hidden;
    cursor:pointer;
	
    -moz-box-shadow:1px 3px 15px #555;
    -webkit-box-shadow:1px 3px 15px #555;
    box-shadow:1px 3px 15px #555;
}
ul.accordion li.bg1{
	background: #000;
	opacity:0.8;
	margin-left:7px;
}
ul.accordion li.bg2{
	background: #000;
	opacity:0.8;
	margin-left:7px;

}


ul.accordion li.bg3{
	background: #000;
	opacity:0.8;
	margin-left:7px;

}
ul.accordion li.bleft{
    border-left:2px solid #fff;
}
ul.accordion li .heading{
    background-color:#0E5BB3;
    padding:10px;
    margin-top:200px;
    opacity:1;
    text-transform:uppercase;
    font-style:normal;
    font-weight: lighter;
    letter-spacing:0px;
    text-align:center;
}

ul.accordion li .heading h2{
			-webkit-transform: skew(10deg);
       -moz-transform: skew(10deg);
         -o-transform: skew(10deg);
		 color:#FFF;
		     font-size:18px;
		 text-align:center !important;

}
ul.accordion li .description{
    position:absolute;
    width:360px;
    height:175px;
    bottom:0px;
    left:0px;
    display:none;
}
ul.accordion li .description h2{
    text-transform:uppercase;
    font-style:normal;
    letter-spacing:1px;
    font-size:26px;
    color:#0072C6;
    text-align: center !important;
    margin:-120px 0px 10px 20px;
			-webkit-transform: skew(10deg);
       -moz-transform: skew(10deg);
         -o-transform: skew(10deg);


}
ul.accordion li .description p{
    line-height:14px;
    margin:10px 20px;
    font-family:'Ubuntu', sans-serif;
    font-size: 16px;
	font-style:normal;
	color:#FFF !important;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.6em;
	text-align:center !important;
				-webkit-transform: skew(10deg);
       -moz-transform: skew(10deg);
         -o-transform: skew(10deg);

}
ul.accordion li .description a{
    position:absolute;
    left:120px;
    text-transform:uppercase;
    font-style:normal;
    font-size:18px;
    text-decoration:none !important;
    color:#FFF;
				-webkit-transform: skew(10deg);
       -moz-transform: skew(10deg);
         -o-transform: skew(10deg);

}
ul.accordion li .description a:hover{
    color:#0072C6;
    text-decoration:underline;
}


@media (max-width : 640px) {
    
    ul.accordion{
		visibility:hidden;
}
    
}