@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,500,700|Raleway:300,300i,400,400i,500,600,700,700i,800&display=swap);

.text-danger{ color: red !important; }
* {
	margin:0;
	padding: 0;
}
body {
	background: #fff;
	font-family: "Montserrat", sans-serif;
	margin-bottom: 10%;


}

a {
	text-decoration: none;
	outline: none;
}

.full-width {
	position: relative;
	max-width: 100%;
	margin: 0px auto;
}

.container {
	width: 100%;
	border-top: 30px solid #ff6600;
}


.call-buttons {
	text-align: center;
	margin-top: 10%;
}

a.btn-gris {
	width: 40%;
	margin: 2.5%;
	background: rgb(85,85,85);
	background: linear-gradient(90deg, rgba(85,85,85,1) 0%,  rgba(153,153,153,1) 100%);
	color: #fff;
	font-size: 2rem;
	display: inline-block;
	line-height: 40px;
	font-weight: 700;
	padding: 3.5% 0;

}

a.btn-gris:hover {
	background: #ff6600;
	background: linear-gradient(90deg, rgba(255,102,0,1) 0%,  rgba(255,153,51,1) 100%);

}

a.btn-gris .svg-icon {
	width: 40px;
	vertical-align: middle;
}




 /* USER INFO ------------------------ */

 .box-avatar {
 	position: relative;
 	background-image: url(../images/bg-box-avatar.jpg);
 	background-position: top;
 	background-repeat: no-repeat;
 	background-size: cover;
 	min-height: 80px;
 	 }

.box-avatar img.bg-avatar {
	display: block;
	width: 100%;
	position: relative;
	z-index: 5;

}

.box-avatar span.tag_name {
	position: absolute;
	top:10%;
	z-index: 10;
	text-align: center;
	width: 100%;
	color: #fff;
	font-size: 3rem;
	font-weight: 300;

}

.box-avatar span.tag_name strong {
	width: 100%;
	display: block;
	font-size: 3.5rem;
	font-weight: 700;

}
.box-avatar img.img-user-avatar {
	position: absolute;
	bottom: 0;
	z-index: 4;
	width: 100%;
	left: 0;
}


.box-qr-code {
	text-align: right;
	margin-top: 10%;

}

.box-qr-code h1 {
	color: #333;
	font-size: 3rem;
	font-weight: 500;
	margin-right: 8%;

}

.box-qr-code hr {
	border-top: 30px solid #ff6600;
	width: 70%;
	left: 0;
}

.box-qr-code .img-qr-code {
	width: 60%;
	margin: 5% 20%;

}

.box-datos-usuario {
	border: 1px solid #ff6600;
	text-align: center;
	font-size: 2rem;
	color: #333;
	margin: 0 5%;
	padding: 5% 0;

}

.box-datos-belltech {
	text-align: center;
	margin-top: 10%;
}

.box-datos-belltech .logo-belltech {
	min-width: 40%;

}

.box-datos-belltech ul li {
	display: inline;
	margin-bottom: 10%;
}

.box-datos-belltech ul li img {
	width: 8%;
	margin: 1%;
}

.box-datos-belltech p {
	font-size: 2rem;
}

.box-datos-belltech address {
	margin: 5% 0;
	font-style: initial;
}

p.paises {
	max-width: 60%;
	margin:0 auto;
}

@media screen and (max-width: 920px) and (min-width: 621px) {

}

@media screen and (max-width: 620px){

}

/* For 1024 Resolution */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1920px)
{

.container {
	width: 30%;
	margin: 0 auto;
}


.box-avatar span.tag_name,
.box-qr-code h1 {
	font-size: 16px;
}

.box-avatar span.tag_name strong {
	font-size: 22px;

}

a.btn-gris, .box-datos-usuario p, .box-datos-belltech p {
	font-size: 12px;
}

a.btn-gris .svg-icon {
	width: 20px;
}

a.btn-gris {
	padding: 1% 0;
}


}