body {
	background-color : #000;
	font-family: Verdana, Geneva, sans-serif;
	font-size : 16px;
	color : #efefef;
}

a:hover {
	
}

.container {
	max-width : 92%;
	width : 1040px;
	background-color : #333;
	color : #444;
	margin : 0 auto 30px;
	min-height : 50vh;
	border-radius : 20px;
}

.toplogo img {
	display : block;
	max-height : 60px;
	width : auto;
	height : auto;
	margin : 40px auto;
}

.toplogo {
	min-height : 30px;
}

.picuser, .userdata {
	padding-top : 30px;
	padding-bottom : 30px;
}

.picuser img {
	width : 100%;
	border-radius : 20px;
}

.userdata h1 {
	font-size : 40px;
	font-weight : normal;
	margin-bottom : 0px;
	color : #FFF;
	line-height : 1.5;
}

.userdata h2 {
	font-size : 16px;
	font-weight : normal;
	margin-bottom : 0px;
	color : #efefef;
	line-height : 1.5;
}

.userdata hr {
	margin-top : 5px;
	margin-bottom : 5px;
}

.userdata h2.brandname {
	margin-bottom : 40px;
}

.userdata .phone, .userdata .emailml, .userdata .walinkml {
	color : #efefef;
	text-decoration : none;
	display : inline-block;
	font-size : 16px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	margin-bottom : 15px;
	font-weight : normal;
	position: relative;
	display : block;
	text-align : center;
	border-radius : 10px;
	background : #444;
	padding : 10px 5px;
}

.userdata .phone i, .userdata .emailml i, .userdata .walinkml i {
	display : block;
	font-size : 20px;
	color : #ccc;
	margin-bottom : 8px;
}

.userdata .email {
	color : #ccc;
	text-decoration : none;
	font-weight : normal;
	font-size : 20px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	margin-bottom : 15px;
	position: relative;
	display : block;
}

.userdata .adr {
	color : #ccc;
	text-decoration : none;
	font-weight : normal;
	display : block;
	font-size : 20px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	margin-bottom : 15px;
	line-height: 1.2;
}

.userdata .adr a {
	color : #ccc;
	text-decoration : underline;
	font-weight : normal;
	display : block;
	font-size : 16px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	margin-bottom : 0px;
	position: relative;
	display : inline-block;
	transition: all 0.3s ease;
}

.userdata .adr a:hover {
	text-decoration : none;
	transition: all 0.3s ease;
}

.userdata .brandlink {
	color : #ccc;
	text-decoration : none;
	font-weight : normal;
	font-size : 20px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	margin-bottom : 15px;
	position: relative;
	display : inline-block;
}

.socicos {
	margin-bottom : 15px;
}

.socicos a i {
	font-size : 26px;
	color : #FECC00;
	display : inline-block;
	margin : 0px 6px;
}

.socicos-title {
  color: #ccc;
  font-weight: normal;
  display: block;
  font-size: 18px;
  font-family: 'Trebuchet MS', Helvetica, sans-serif;
  margin-bottom: 6px;
}

.socicos a.walink i {
	font-size : 28px;
}

.userdata .btn-primary {
	display : block;
	width : 260px;
	margin-bottom : 15px;
	height : 40px;
	line-height : 40px;
	background : #555;
	color : #FECC00;
	border : 0px solid #FECC00;
	padding : 0px;
}

.userdata .btn-primary i {
	margin-right : 12px;
}

.userdata .btn-primary:hover {
	background : #444;
}

.mb30 {
	margin-bottom : 30px;
}

.clr {
	clear : both;
}

.top-save-vcadr, .notpc {
	display : none;
}

.qr-link {
	color : #FECC00;
}

.mainlinks {
	margin-bottom : 25px;
	text-align : center;
}

.mainlinks-col {
	width : 32%;
	display : inline-block;
}

@media (max-width: 768px) {
	.toplogo img {
		display : block;
		max-height : 60px;
		width : auto;
		height : auto;
		margin : 20px auto;
		max-width : 90%;
	}

	.mainlinks-col {
		width : 48%;
	}
	
	.userdata h1 {
	  font-size: 34px;
	  color : #FECC00;
	}
	
	.mainlinks {
		max-width : 96%;
		margin : 0px auto 25px;
	}
	
	.ml-mail {
		display : none;
	}
	
	body, .toplogo {
		background : #111;
	}

	.container {
	  max-width: 100%;
	  width: 100%;
	  margin: 0 auto;
	  min-height: 50vh;
	  border-radius: 0px;
	  background : #111;
	}

	.picuser, .userdata {
	  padding: 0px;
	}

	.picuser img {
	  width: 90%;
	  border-radius: 10px;
	  margin : 0px auto 15px;
	  display: block;
	}

	.userdata {
		text-align : center;
		padding-bottom : 30px;
	}

	.userdata .btn-primary {
		display : block;
		width : 90%;
		margin : 0px auto 15px;
		border-radius: 10px;
	}

	.top-save-vcadr, .notpc {
		display : block;
	}
	
	.top-save-vcadr .savecard-btn {
		display : block;
		height : 40px;
		line-height : 40px;
		background : #FECC00;
		color : #000;
		border : 0px solid #000;
		padding : 0px;
		display : block;
		width : 90%;
		margin : 0px auto 20px;
		border-radius: 10px;
	}
	
	.top-save-vcadr .savecard-btn i {
		margin-right : 12px;
	}	
	
	.userdata h2.brandname {
	  margin-bottom: 35px;
	}	
}