@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700');

html,body {
  background-color: #fff;
  font-family: Raleway, sans-serif;
  color: #777;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin: 10px 20px 30px 20px;
  padding:0
}
a { color: #08c; text-decoration:none}
.vpix4-legal-logo {
	display:block;
	width: 100%;
	padding: 10px 0 20px 0;
	border-bottom: 3px solid #ddd;
	margin: 0 0 20px 0;
	}
.vpix4-legal-logo a {
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
	text-decoration:none;
	}
.vpix4-legal-logo a img {
	width: 60px;
	height: 60px;
	}
	
.modal-header {
		float:left;
		width: 100%;
		padding: 0 0 10px;
		margin: 0 0 25px;
		border-bottom: 2px dashed #eeeeee;
		}
.modal-header h4,
.modal-header h1 {
	font-size: 38px;
	line-height:46px;
	color:#222;
	margin: 0;
	font-weight: 500;
	}
.modal-header h4 span,
.modal-header h1 span  {
	color:#777;
	font-size: 16px;
	font-weight: 500;
	}
/*	
.modal-body h4 {
	font-size:18px;
	font-weight:bold;
	color:#444;
	line-height:26px;
	padding: 0 0 10px 0;
	margin:0;
	color: #333;
	font-weight: 600;
	}
	*/
.modal-body h3,
.modal-body h4 {
	font-size: 22px;
	line-height:30px;
	color:#39c;
	margin: 0;
	padding: 0 0 10px 0;
	font-weight: 600;
	}
.modal-body p {
	display:block;
	width: 100%;
	margin: 0;
	padding: 0 0 30px 0;
	}
.modal-body p.v2 {
	padding: 0 0 10px 0;
	}
button.close { display:none;}

.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs15 {font-size: 15px;}
.fs16 {font-size: 16px;}
.fs17 {font-size: 17px;}
.fs18 {font-size: 18px;}
.fBlack { color:#222}
ul {
	margin: 10px 0 20px 20px;
	}
ul li {
	padding-bottom: 10px;
	}