.align{
	border-right:1px solid #ddd;
	

}
.width-con{
	width:75%;
}
.container a{
	color:#000;
	text-decoration:none;
}
body{
	background-image:url(/images/shattered.png)
}
.background{
	margin-left:auto;
	margin-right:auto;
	border-radius: 4px;
	display: block;
	padding:0px 30px;
    background-color: white;
    box-shadow: 0 2px 8px rgba(0,0,0,0.24),0 0 2px rgba(0,0,0,.12);
	position:relative;
}
.slot{
	height: 340px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    display: block;

	
}
.margintopbtm{
	    margin-top: 30px;
    margin-bottom: 0px;
}
.margin-top100{
	    margin-top: 20px;
}

.img-fit{
	width:100%;
	position: relative;
    overflow: hidden;
    z-index: 0;
    display: block;
	margin-bottom: 20px;
}
.logo{
	height: auto;
    z-index: 1;
    position: relative;
	width:75%;
	margin:0 auto;
	margin-bottom:44px;
	    padding: 0 20px;
}
.logo img{
	width:100%;
}

.who-is {
	position: absolute;
    left: 0;
    top: 75px;
    z-index: -99;
    background-color: white;
    padding: 0 30px 30px 30px;
    background: #fff;
    /* height: 100%; */
    opacity: 0;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
	text-align:left;
}
h3.who-is-title {
	line-height:2;
	cursor:pointer;
	background-color:#eee;
}
.who-is-title:hover + div.who-is{
	opacity:1;
	z-index:99;
}

.transparent:hover{
	background: none repeat scroll 0 0 rgba(255,255,255,0.9);
    background-repeat: repeat;
    height: 800px;
    margin-top: -440px;
    width: 100%;}
	
.transparent{
	background: none repeat scroll 0 0 transparent;
    margin-left: 0;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.6s ease 0s;
    width: 100%;
    position: relative;
    z-index: 3;
    margin-top: -533px;
	padding-bottom: 350px;
}

.slot:hover .desc{
	opacity:1;
}

.desc{
	margin-top:25px;
	padding-top:180px;
	opacity: 0;
    z-index: 1;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
}