@import url('roboto/style.css');
html ,
body {
	height:100%;
	margin:0;
	padding:0;
}
.black-bg {
	background-color:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
.msg-popup {
	display: block;
	background-color: #dcdcdc;
	width: 310px;
	color:#303030;
	font-family: 'roboto';
	line-height: 20px;
}
.popup {
	background-color: #dcdcdc !important;
}
.msg-popup > h3 {
	padding-top:;
	font-size:26px;	
	font-weight:normal;
	margin: 20px 0 20px 0;	
	width: 280px;
	line-height: 30px;
}
.msg-popup > p {
	font-size:16px;
}

#compliance-btn {
	background-color:#464646;	
	width:30px;
	height:30px;
	line-height: 28px;
    text-align: center;
	border-radius: 20px;
	color:white;
	display:inline-block;
	cursor:pointer;
}
#compliance-btn + p {
	display:inline-block;
	width:58%;
	padding-left:10px;
	text-decoration:underline;
	cursor:pointer;
}
#compliance-btn + p:hover {
	color:#8F72B2;
}
#compliance-popup {
	z-index:9;
	background-color:#464646;
	position:absolute;
	top:0;
	left: -50%;
	visibility:hidden;
	opacity:0;
	transition:all .5s ease-out;
	color:#ffffff;
	font-family: 'roboto';
	text-align:left;
	width:637px;
	padding:27px 37px;
	-webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.75);
}
#compliance-popup > h3 {
	font-size:21px;
	margin:0;
}
#compliance-popup p {
	margin:0;
}
#compliance-popup ul {
	list-style-image: url('../images/dot.png');
	margin:0;
	padding:0;
}
#compliance-popup ul li {    
    width: 100%;
    margin: 10px 0 0 0;	
    padding: 0;
}
#compliance-popup ul li h3 {
	display: inline-block;
	vertical-align: top;
	font-size:16px;
	font-weight:bold;
	margin:0 0 13px 0;
	padding:0;
}
#compliance-popup ul li p {
	margin:0 0 20px 0;
	line-height:18px;
}
#compliance-popup ul li p a {
	color:#e5cbf1;
}
#compliance-popup ul li:last-child p:last-of-type {
	margin-top:17px;
}
.visible {
	visibility:visible !important;
	opacity:1 !important;
}
.clear {clear:both;}