.modalbrief  {
    width: 550px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    background-color: unset;
    background-image: unset;
    padding: unset;
    text-align: center;
}

#Checklist_Letter{
    height: 560px;
    width: 330px;
    margin: auto;
}

#Checklist_Letter .title{
    font-family: HPFONT;
    font-style: normal;
    font-size: 8px;
    text-transform: uppercase;
}

#Checklist_Letter .Checklist_Letter1{
	width: 330px;
	margin-top: 0px;
	position: fixed;
	z-index: 5;
}

#Checklist_Letter .Checklist_Letter2{
	width: 330px;
	margin-top: 0px;
	position: fixed;
	opacity: 1;
	z-index: 6;
}

#Checklist_Letter .Checklist_Letter3{
	width: 330px;
	margin-top: -174px;
	position: fixed;
	opacity: 0;
	z-index: 0;
}

#Checklist_Letter .Checklist_Letter4{
	box-shadow: 0px -2px 5px #000;
	margin-left: 3px;
	width: 324px;
	height: 50px;
	margin-top:200px;
	opacity: 0;
	position: fixed;
	overflow: hidden;
	z-index: 1;
}

#Checklist_Letter .Checklist_Letter5{
	position: fixed;
	width: 40px;
	margin-top: 200px;
	margin-left: 142px;
	padding-top: 10px;
	opacity: 0;
	z-index: 1;
}

#Checklist_Letter .Checklist_Desc{
	position: fixed;
	margin-left: 3px;
	width: 324px;
	height: 50px;
	margin-top:200px;
	font-family: calibri;
	line-height: 100%;
	font-size: 11px;
	font-style: italic;
	padding: 65px 0px 0 20px;
	width: 265px;
	color: #151515;
	text-align: justify;
	z-index: 4;
	opacity: 0;
}

#Checklist_Letter .Checklist_Desc img{
	width: 300px;
	position: absolute;
	margin-left: -49px;
	margin-top: 36px;
	opacity: 0;
	transition-: 5s;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition: 0s;
	-ms-transition: 0s;
}

#Checklist_Letter .Checklist_Letter1 img,
#Checklist_Letter .Checklist_Letter2 img,
#Checklist_Letter .Checklist_Letter3 img,
#Checklist_Letter .Checklist_Letter4 img,
#Checklist_Letter .Checklist_Letter5 img{width: 100%;}


#Checklist_Letter:hover .Checklist_Letter1, 
#Checklist_Letter .Checklist_Letter1,
#Checklist_Letter:hover .Checklist_Letter3,
#Checklist_Letter .Checklist_Letter3 {
	transition-: 2s;
	-webkit-transition: 2s;
	-moz-transition: 2s;
	-o-transition: 2s;
	-ms-transition: 2s;
}

#Checklist_Letter:hover .Checklist_Letter2,
#Checklist_Letter .Checklist_Letter2 {
	transition-: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}

#Checklist_Letter:hover .Checklist_Letter4,
#Checklist_Letter:hover .Checklist_Desc,
#Checklist_Letter:hover .Checklist_Letter5 {
	transition-: 3s;
	-webkit-transition: 3s;
	-moz-transition: 3s;
	-o-transition: 3s;
	-ms-transition: 3s;
}

#Checklist_Letter .Checklist_Letter4,
#Checklist_Letter .Checklist_Desc,
#Checklist_Letter .Checklist_Letter5{
	transition-: 1.5s;
	-webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-o-transition: 1.5s;
	-ms-transition: 1.5s;
}

#Checklist_Letter:hover .Checklist_Desc img {
	transition-: 11s;
	-webkit-transition: 11s;
	-moz-transition: 11s;
	-o-transition: 11s;
	-ms-transition: 11s;
}

/*--- HOVER STUFF ---*/
#Checklist_Letter:hover .Checklist_Letter1 {margin-top:250px;}
#Checklist_Letter:hover .Checklist_Letter2 {margin-top:0px;opacity:0;}
#Checklist_Letter:hover .Checklist_Letter3 {margin-top: 76px;opacity:1;	}
#Checklist_Letter:hover .Checklist_Letter4 {height:350px;margin-top:0px;z-index:4;opacity:1;}
#Checklist_Letter:hover .Checklist_Letter5 {margin-top:0px;opacity:1;z-index:4;}
#Checklist_Letter:hover .Checklist_Desc {height:350px;margin-top:0px;z-index:4;opacity:1;}
#Checklist_Letter:hover .Checklist_Desc img{opacity:1;}