.chat_oculto {
		display:none;
	}

#conversejs .message.chat-msg .chat-msg__actions .chat-msg__action {
	display:none !important;
}

.row {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
width: 100%;
background-color: #e8eaea;
margin: 0px;
}
.position_controls {
text-align:center;
margin-top:35px;
margin-left:-35px;
}
.video-usuario {
width: 100px;
margin-right: 5px;
margin-left: 5px;
box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}

.content {
margin: 0 auto;
width: 100%;
max-width: 970px;
padding: 0 15px;
}	
.botones-llamar {
width: 80%;
text-align: center;
position: relative;
margin-left: 30px;
}
.titulo {
text-align: center;
width: 100%;
margin-bottom: 10px;
color: #333333;
font-weight: bold;
}
.centro_top10 {
text-align:center;
margin-top:10px;
}
.fullscreen-bg {
position: fixed;
top: 0px;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: -100;
}

.fullscreen-bg__video {
position: absolute;
top: 0px;
left: 0;
width: 600px;
height: auto;
}

.thumb-lg {
display: inline-block;
width: 126px;
}
.lineas {
text-decoration: none;
margin: 0px;
}
.ampliar {
	height: 60px;
	width: 60px;
	position: absolute;
	z-index: 100;
	bottom: 5px;
    right: 5px; 
	border-radius: 50%;
	cursor: pointer;
	margin-top: 20px;
}
.bto-sobre
{
	opacity: 1.0;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	border: 0px;
	cursor: pointer;	

}
.bto-sobre:hover
{
	opacity: 0.7;
	filter: alpha(opacity=40); /* For IE8 and earlier */
	cursor: pointer;
	text-decoration: none;	
}
.colgar {
background-color: #D00B2B;
height: 85px;
width: 85px;
border-radius: 50%;
background-image: url(../images/colgar-ico.png);
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
float: right;
}

.llamar {
background-color: #008676;
height: 85px;
width: 85px;
border-radius: 50%;
background-image: url(../images/llamar-ico.png);
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
}
.img-inferior {
	width: 5.5%;
}

.button {
cursor: pointer;
text-align: center;
vertical-align: middle;
border: 1px solid #f5a911;
background: #ebae05;
background: -webkit-gradient(linear, left top, left bottom, from(#ebae05), to(#f5850c));
background: -moz-linear-gradient(top, #ebae05, #f5850c);
background: linear-gradient(to bottom, #ebae05, #f5850c);
font: normal normal bold 16px tahoma, sans-serif;
color: #000000;
text-decoration: none;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
margin-top: -94px;
margin-right: 3px;
margin-bottom: 0px;
margin-left: 13px;
height: 95px;
width: 95px;
border-radius: 50%;
float: left;
display: inline-block;
}
.button:hover,
.button:focus {
border: 1px solid #ffc214;
background: #ffd106;
background: -webkit-gradient(linear, left top, left bottom, from(#ffd106), to(#ffa00e));
background: -moz-linear-gradient(top, #ffd106, #ffa00e);
background: linear-gradient(to bottom, #ffd106, #ffa00e);
color: #000000;
text-decoration: none;
}
.button:active {
background: #8d6803;
background: -webkit-gradient(linear, left top, left bottom, from(#8d6803), to(#f5850c));
background: -moz-linear-gradient(top, #8d6803, #f5850c);
background: linear-gradient(to bottom, #8d6803, #f5850c);
}
.button:before{
content:  "\0000a0";
display: inline-block;
height: 24px;
width: 24px;
line-height: 24px;
margin: 0 4px -6px -4px;
position: relative;
top: -2px;
left: -3px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACVUlEQVRIiZXWT4hOYRQG8J+bpkka0pAki2mSJFlIkyRJiqyEhYWFJSULC0ksJAs7u8lSFhIlCzYUioUUoQyR/0IMGYbxZyzec933u76Zb76nbt3veZ9zznvOPe95v0nGxwxsxDoswRxMxic8xFWcxm38aeGrAV04gs8YjWcYr/AMHzL+Ny5h6USdL8FAGH9FP1ZF0CI0nejFLtwP7Q/syzRNsSLb9RmpJK1QYHtm1z9WkB4p9d/Y32onTbBIKt9o2P+3iyuxeLRNxzkWYhA/0ZcvbArnN9GR8RtwCqvbCLItfF2TVeFakGsyYa/0kUvxRFHgTtgtg7lSSo9qwt0aW3FxG0F2hN3RAsulw3OxyU7y9/ltBCh9rSikUsDdmuiy6nSejWeieImPmF9gWpAfa6LbmdMejR+/FUYwhK4Cv4Js5mAnXkunu18qZY7675zvwEiBF0H2NhG+w2Z8k9rvDGbH2ko8xgF01+y6gntOGlKj0sAaC2tVo2Awsnmr6rJBqYwlNgR/QqTyQmrVeeMEWYgbmdP8+YlZmfZU8FtK4lAQx8cJQGrX9VKpyozeYGumWRQBX2FKSXbjSyzMbRGkxFSpLJ0Z16nKckcu7g3nA9qfoiU6cFL1PRs6bG8sHK7tcKKYhQvhY0DVaUg7vqUadttxXirZObWxW8MM7MH7sL+lVuJJWCBde4U0GsoSDWVZPMF1PJVKOVMafn1Sab7jGA7GewP2q9ptQLpw+sL5NukiGta8PR+HvqfuNM/gNB5IrXdPNTpyTJfOwZzIsPzb8nIM/T/8BYRyqBKpSMCFAAAAAElFTkSuQmCC") no-repeat left center transparent;
background-size: 100% 100%;
}


.button1 {
display: inline-block;
text-align: center;
vertical-align: middle;
padding: 12px 40px;
border: 1px solid #0a4d51;
border-radius: 8px;
background: #139098;
background: -webkit-gradient(linear, left top, left bottom, from(#139098), to(#0a4d51));
background: -moz-linear-gradient(top, #139098, #0a4d51);
background: linear-gradient(to bottom, #139098, #0a4d51);
font: normal normal bold 16px tahoma, sans-serif;
color: #ffffff;
text-decoration: none;
}

.button1:hover,
.button1:focus {
	border: 1px solid #0c5a5f;
	background: #17adb6;
	background: -webkit-gradient(linear, left top, left bottom, from(#17adb6), to(#0c5c61));
	background: -moz-linear-gradient(top, #17adb6, #0c5c61);
	background: linear-gradient(to bottom, #17adb6, #0c5c61);
	color: #ffffff;
	text-decoration: none;
}
.button1:active {
	background: #0a4d51;
	background: -webkit-gradient(linear, left top, left bottom, from(#0a4d51), to(#0a4d51));
	background: -moz-linear-gradient(top, #0a4d51, #0a4d51);
	background: linear-gradient(to bottom, #0a4d51, #0a4d51);
}


/*tamaño del video interprete*/
#remoteVideo {
top: 10px !important;
left: 10px !important;
background-color: #000;
position: relative;
height: 372px;
}
/*tamaño del video usuario*/
#localVideo {
	top: -80px !important;
	left: -7% !important;
	margin: 0px;
	height: 260px;
	width: 240px;
	right: -100px;
}
/*tamaño del video usuario*/
.fullscreen-bg__video_LOCAL {
position: relative;
top:-100px;
left: 0;
width: 100%;
height: auto;
margin: 0px;
}

/*tamaño del video interprete*/
.fullscreen-bg__video {
	width: 80% !important;
	position: relative;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
}
.fondo-agente {
height: 400px;
width: 64%;
float: right;
margin-right: 35px;
margin-bottom: 5px;
background-color: #ffffff;
margin-left: 10px;
background-size: 50% auto;
background-position: center center;
background-repeat: no-repeat;
position: relative;
}

.fondo-usuario {
height: 430px;
width: 30%;
float: left;
}

.jumbotron {
	color: inherit;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center center;
	width: 272.39;
	height: 230px;
}

.jumbotron2 {
padding: 10px !IMPORTANT;
color: inherit;
background-color: #cacaca !important;
width: 100%;
float: right;
border-radius: 0.25rem;
}

.videoremoto{
background: transparent;
min-height: 350px;
}

.button2 {
display: inline-block;
background-color: #f4511e;
border: none;
color: #FFFFFF;
text-align: center;
font-size: 18px;
padding: 10px;
width: 120px;
transition: all 0.5s;
cursor: pointer;
margin: 5px;
position: absolute;
height: 120px;
border-radius: 50%;
right: 0px;
}

.button2 span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}

.button2 span:after {
content: '\00bb';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s;
}

.button2:hover span {
padding-right: 25px;
}

.button2:hover span:after {
opacity: 1;
right: 0;
}

.button3 {
display: inline-block;
border-radius: 5px;
background-color: #00cc33;
border: none;
color: #FFFFFF;
text-align: center;
font-size: 18px;
padding: 10px;
width: 200px;
transition: all 0.5s;
cursor: pointer;
margin: 5px;
position:relative;
}

.button3 span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}

.button3 span:after {
content: '\00bb';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s;
}

.button3:hover span {
padding-right: 25px;
}

.button3:hover span:after {
opacity: 1;
right: 0;
}

@media (max-width: 850px) {
.fullscreen-bg {
background: url('../img/videoframe.jpg') center center / cover no-repeat;
}
.fullscreen-bg__video {
	width: 95% !important;
	position: relative;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left:0px;
}
.img-inferior {
	width: 7%;
}
.jumbotron {
	color: inherit;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid #D5D5D5;
	width: 100%;
	height: 250px;
	text-align: center;
	
}
.content {
width: 100%;

}
.button {
padding: 10px 10px;
}

.button::before {
height: 14px;
width: 14px;
line-height: 14px;
margin: 0 4px -6px -4px;
position: relative;
top: -2px;
}

.videoremoto{
background:transparent;
min-height:40px;
max-height: 40px;
}

#agente {
    position: relative !important;
  }

/*tamaño del video usuario*/
#localVideo {
    position: relative !important;
    bottom: 10px;
    right: 10px;
    width: 120px;
    height: 90px;
    z-index: 100;
    border-radius: 8px;
	background: black;
	/*box-shadow: 0 0 20px yellow;
	*/
    visibility: visible !important;
  }
  #videoLocal {
	position: relative;
	width: 100%;
	height: auto;
	display: block !important;
  }

  #agente {
    position: relative;
  }

  #botonfullscreen {
    position: absolute;
    z-index: 101;
    transform: scale(0.8);
  }

  .botonera {
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
  }

/*tamaño del video usuario*/
.fullscreen-bg__video_LOCAL {
position: relative;
top: 0px;
left: 0;
width: 100%;
height: auto;
margin: 0px;
}
.fondo-agente {
height: 389px;
width: 99%;		
margin-left: 2px;
margin-right: 2px;
background-position: center center;
}

.fondo-usuario {

height: 450px;
width: 100%;
margin-bottom: 3px;
margin-left: 2px;
margin-right: 2px;
}
.botones-llamar {
	width: 100%;
	text-align: center;
	position: relative;
	margin-left: 0px;
	padding-right: 20px;
	padding-left: 20px;
}
.ampliar {
	height: 80px;
	width: 80px;
	position: absolute;
	z-index: 100;
	right: 5px;
	border-radius: 50%;
	top: 370px;
}
}
@media (max-width: 320px) {
	#localVideo{
		top: -161px !important;
		left: 69.5% !important;
		border-radius: 0px;
		width: 72px;
        height: 82px;
	}

	#remoteVideo {
		height: 310px;
		left: 6px !important;
		background-color: transparent;
	}

	.fondo-usuario {
		height: 200px;
		width: 100%;
		margin-bottom: 3px;
		margin-left: 2px;
		margin-right: 2px;
	}

	.fondo-agente {
		height: 350px;
	}

	.videoremoto {
		max-height: 280px;
	}

	.jumbotron {
		background-color: transparent;
		border: 0px;
	}

	.jumbotron {
		padding: 0px !important;
	}
}
@media (min-width: 300px) and (max-width: 320px) {
	#localVideo {
        top: -348px !important;
        left: 74.5% !important;
        border-radius: 0px;
        width: 55px;
        height: 55px;
    }
	.fondo-agente {
		height: 255px;
	}
}

@media (min-width: 320px) and (max-width: 335px) {
	#localVideo{
		top: -401px !important;
		left: 73.3% !important;
		border-radius: 0px;
		width: 69px;
		height: 69px;
	}
	#remoteVideo {
		height: 310px;
		left: 0px !important;
		background-color: transparent;
		top: -30px !important;
	}
	.fondo-agente {
		height: 250px;
	}
	.fondo-usuario {
		height: 107px;
		width: 100%;
		margin-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
	}
	.titulo {
		margin-top: -25px !important;
		font-size: 14px;
	}
	.llamar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.colgar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.jumbotron {
		background-color: transparent;
		border: 0px;
	}
	.jumbotron {
		padding: 0px !important;
	}
	.fullscreen-bg__video {
		width: 100% !important;
	}
	.inferior {
		height: 115px;
		width: 334px;
	}
	.converse-container {
		width: 250px !important;
	}
}
	@media (min-width: 335px) and (max-width: 346px) {
	#localVideo{
		top: -407px !important;
		left: 74.7% !important;
		border-radius: 0px;
		width: 69px;
		height: 69px;
	}
	#remoteVideo {
		height: 310px;
		left: 0px !important;
		background-color: transparent;
		top: -30px !important;
	}
	.fondo-agente {
		height: 250px;
	}
	.fondo-usuario {
		height: 107px;
		width: 100%;
		margin-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
	}
	.titulo {
		margin-top: -25px !important;
		font-size: 14px;
	}
	.llamar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.colgar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.jumbotron {
		background-color: transparent;
		border: 0px;
	}
	.jumbotron {
		padding: 0px !important;
	}
	.fullscreen-bg__video {
		width: 100% !important;
	}
	.inferior {
		width: 345px;
	}
}
@media (min-width: 346px) and (max-width: 355px) {
	#localVideo{
		top: -411px !important;
        left: 75.5% !important;
		border-radius: 0px;
		width: 69px;
		height: 69px;
	}
	#remoteVideo {
		height: 310px;
		left: 0px !important;
		background-color: transparent;
		top: -30px !important;
	}
	.fondo-agente {
		height: 250px;
	}
	.fondo-usuario {
		height: 107px;
		width: 100%;
		margin-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
	}
	.titulo {
		margin-top: -25px !important;
		font-size: 14px;
	}
	.llamar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.colgar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.jumbotron {
		background-color: transparent;
		border: 0px;
	}
	.jumbotron {
		padding: 0px !important;
	}
	.fullscreen-bg__video {
		width: 100% !important;
	}
	.inferior {
		width: 354px;
	}
}
@media (min-width: 355px) and (max-width: 365px) {
	#localVideo{
		top: -414.5px !important;
        left: 76.4% !important;
		border-radius: 0px;
		width: 69px;
		height: 69px;
	}
	#remoteVideo {
		height: 310px;
		left: 0px !important;
		background-color: transparent;
		top: -30px !important;
	}
	.fondo-agente {
		height: 250px;
	}
	.fondo-usuario {
		height: 107px;
		width: 100%;
		margin-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
	}
	.titulo {
		margin-top: -25px !important;
		font-size: 14px;
	}
	.llamar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.colgar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.jumbotron {
		background-color: transparent;
		border: 0px;
	}
	.jumbotron {
		padding: 0px !important;
	}
	.fullscreen-bg__video {
		width: 100% !important;
	}
	.inferior {
		width: 364px;
	}
}
@media (min-width: 365px) and (max-width: 375px) {
	#localVideo{
		top: -418.2px !important;
        left: 77% !important;
		border-radius: 0px;
		width: 69px;
		height: 69px;
	}
	#remoteVideo {
		height: 310px;
		left: 0px !important;
		background-color: transparent;
		top: -30px !important;
	}
	.fondo-agente {
		height: 250px;
	}
	.fondo-usuario {
		height: 107px;
		width: 100%;
		margin-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
	}
	.titulo {
		margin-top: -25px !important;
		font-size: 14px;
	}
	.llamar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.colgar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.jumbotron {
		background-color: transparent;
		border: 0px;
	}
	.jumbotron {
		padding: 0px !important;
	}
	.fullscreen-bg__video {
		width: 100% !important;
	}
	.inferior {
		width: 374px;
	}
}
@media (min-width: 375px) and (max-width: 385px) {
	#localVideo{
		top: -422px !important;
		left: 77.7% !important;
		border-radius: 0px;
		width: 69px;
		height: 69px;
	}
	#remoteVideo {
		height: 310px;
		left: 0px !important;
		background-color: transparent;
		top: -30px !important;
	}
	.fondo-agente {
		height: 250px;
	}
	.fondo-usuario {
		height: 107px;
		width: 100%;
		margin-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
	}
	.titulo {
		margin-top: -25px !important;
		font-size: 14px;
	}
	.llamar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.colgar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.jumbotron {
		background-color: transparent;
		border: 0px;
	}
	.jumbotron {
		padding: 0px !important;
	}
	.fullscreen-bg__video {
		width: 100% !important;
	}
}
@media (min-width: 385px) and (max-width: 395px) {
	#localVideo{
		top: -426.5px !important;
        left: 78.5% !important;
		border-radius: 0px;
		width: 69px;
		height: 69px;
	}
	#remoteVideo {
		height: 310px;
		left: 0px !important;
		background-color: transparent;
		top: -30px !important;
	}
	.fondo-agente {
		height: 250px;
	}
	.fondo-usuario {
		height: 107px;
		width: 100%;
		margin-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
	}
	.titulo {
		margin-top: -25px !important;
		font-size: 14px;
	}
	.llamar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.colgar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.jumbotron {
		background-color: transparent;
		border: 0px;
	}
	.jumbotron {
		padding: 0px !important;
	}
	.fullscreen-bg__video {
		width: 100% !important;
	}
}
@media (min-width: 395px) and (max-width: 405px) {
	#localVideo{
		top: -413px !important;
        left: 79.1% !important;
		border-radius: 0px;
		width: 69px;
		height: 69px;
	}
	#remoteVideo {
		height: 300px;
		left: 0px !important;
		background-color: transparent;
		top: -18px !important;
	}
	.fondo-agente {
		height: 250px;
	}
	.fondo-usuario {
		height: 115px;
		width: 100%;
		margin-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 10px;
	}
	.titulo {
		margin-top: -25px !important;
		font-size: 14px;
	}
	.llamar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.colgar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.jumbotron {
		background-color: transparent;
		border: 0px;
	}
	.jumbotron {
		padding: 0px !important;
	}
	.fullscreen-bg__video {
		width: 100% !important;
	}
}
@media (min-width: 405px) and (max-width: 415px) {
	#localVideo{
		top: -423.5px !important;
        left: 79.7% !important;
		border-radius: 0px;
		width: 69px;
		height: 69px;
	}
	#remoteVideo {
		height: 310px;
		left: 0px !important;
		background-color: transparent;
		top: -19px !important;
	}
	.fondo-agente {
		height: 270px;
	}
	.fondo-usuario {
		height: 115px;
		width: 100%;
		margin-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 5px;
	}
	.titulo {
		margin-top: -25px !important;
		font-size: 14px;
	}
	.llamar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.colgar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.jumbotron {
		background-color: transparent;
		border: 0px;
	}
	.jumbotron {
		padding: 0px !important;
	}
	.fullscreen-bg__video {
		width: 100% !important;
	}

}
@media (min-width: 415px) and (max-width: 425px) {
	#localVideo{
		top: -422px !important;
        left: 80.4% !important;
		border-radius: 0px;
		width: 69px;
		height: 69px;
	}
	#remoteVideo {
		height: 310px;
		left: 0px !important;
		background-color: transparent;
		top: -14.5px !important;
	}
	.fondo-agente {
		height: 280px;
	}
	.fondo-usuario {
		height: 115px;
		width: 100%;
		margin-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 5px;
	}
	.titulo {
		margin-top: -25px !important;
		font-size: 14px;
	}
	.llamar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.colgar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.jumbotron {
		background-color: transparent;
		border: 0px;
	}
	.jumbotron {
		padding: 0px !important;
	}
	.fullscreen-bg__video {
		width: 100% !important;
	}
}
@media (min-width: 425px) and (max-width: 435px) {
	#localVideo{
		top: -422px !important;
        left: 81.1% !important;
		border-radius: 0px;
		width: 69px;
		height: 69px;
	}
	#remoteVideo {
		height: 310px;
		left: 0px !important;
		background-color: transparent;
		top: -10.4px !important;
	}
	.fondo-agente {
		height: 288px;
	}
	.fondo-usuario {
		height: 115px;
		width: 100%;
		margin-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 5px;
	}
	.titulo {
		margin-top: -25px !important;
		font-size: 14px;
	}
	.llamar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.colgar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.jumbotron {
		background-color: transparent;
		border: 0px;
	}
	.jumbotron {
		padding: 0px !important;
	}
	.fullscreen-bg__video {
		width: 100% !important;
	}
}
@media (min-width: 435px) and (max-width: 450px) {
	#localVideo{
		top: -422px !important;
        left: 81.5% !important;
		border-radius: 0px;
		width: 69px;
		height: 69px;
	}
	#remoteVideo {
		height: 310px;
		left: 0px !important;
		background-color: transparent;
		top: -6.5px !important;
	}
	.fondo-agente {
		height: 295px;
	}
	.fondo-usuario {
		height: 115px;
		width: 100%;
		margin-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 5px;
	}
	.titulo {
		margin-top: -25px !important;
		font-size: 14px;
	}
	.llamar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.colgar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.jumbotron {
		background-color: transparent;
		border: 0px;
	}
	.jumbotron {
		padding: 0px !important;
	}
	.fullscreen-bg__video {
		width: 100% !important;
	}
}
@media (min-width: 450px) and (max-width: 470px) {
	#localVideo{
		top: -422px !important;
        left: 82.1% !important;
		border-radius: 0px;
		width: 69px;
		height: 69px;
	}
	#remoteVideo {
		height: 310px;
		left: 0px !important;
		background-color: transparent;
		top: -0.5px !important;
	}
	.fondo-agente {
		height: 308px;
	}
	.fondo-usuario {
		height: 115px;
		width: 100%;
		margin-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 5px;
	}
	.titulo {
		margin-top: -25px !important;
		font-size: 14px;
	}
	.llamar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.colgar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.jumbotron {
		background-color: transparent;
		border: 0px;
	}
	.jumbotron {
		padding: 0px !important;
	}
	.fullscreen-bg__video {
		width: 100% !important;
	}
}
@media (min-width: 470px) and (max-width: 500px) {
	#localVideo{
		top: -423px !important;
        left: 80.9% !important;
		border-radius: 0px;
		width: 69px;
		height: 69px;
	}
	#remoteVideo {
		height: 310px;
		left: 0px !important;
		background-color: transparent;
		top: -0.5px !important;
	}
	.fondo-agente {
		height: 310px;
	}
	.fondo-usuario {
		height: 115px;
		width: 100%;
		margin-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 5px;
	}
	.titulo {
		margin-top: -25px !important;
		font-size: 14px;
	}
	.llamar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.colgar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.jumbotron {
		background-color: transparent;
		border: 0px;
	}
	.jumbotron {
		padding: 0px !important;
	}
	.fullscreen-bg__video {
		width: 100% !important;
	}
}
@media (min-width: 500px) and (max-width: 550px) {
	#localVideo{
		top: -423px !important;
        left: 78.7% !important;
		border-radius: 0px;
		width: 69px;
		height: 69px;
	}
	#remoteVideo {
		height: 310px;
		left: 0px !important;
		background-color: transparent;
		top: -0.5px !important;
	}
	.fondo-agente {
		height: 310px;
	}
	.fondo-usuario {
		height: 115px;
		width: 100%;
		margin-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 5px;
	}
	.titulo {
		margin-top: -25px !important;
		font-size: 14px;
	}
	.llamar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.colgar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.jumbotron {
		background-color: transparent;
		border: 0px;
	}
	.ampliar {
		height: 55px;
		width: 55px;
		top: 236px;
        right: 5px !important;
	}
	.jumbotron {
		padding: 0px !important;
	}
	.fullscreen-bg__video {
		width: 100% !important;
	}
}
@media (min-width: 550px) and (max-width: 600px) {
	#localVideo{
		top: -423px !important;
        left: 75.7% !important;
		border-radius: 0px;
		width: 69px;
		height: 69px;
	}
	#remoteVideo {
		height: 310px;
		left: 0px !important;
		background-color: transparent;
		top: -0.5px !important;
	}
	.fondo-agente {
		height: 310px;
	}
	.fondo-usuario {
		height: 115px;
		width: 100%;
		margin-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 5px;
	}
	.titulo {
		margin-top: -25px !important;
		font-size: 14px;
	}
	.llamar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.colgar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.jumbotron {
		background-color: transparent;
		border: 0px;
	}
	.ampliar {
		height: 55px;
		width: 55px;
		top: 236px;
        right: 5px !important;
	}
	.jumbotron {
		padding: 0px !important;
	}
	.fullscreen-bg__video {
		width: 100% !important;
	}
}
@media (min-width: 580px) and (max-width: 600px) {
	#localVideo{
        top: -388px !important;
        left: 74% !important;
	}
}
@media (min-width: 600px) and (max-width: 650px) {
	#localVideo{
		top: -388px !important;
        left: 73.5% !important;
		border-radius: 0px;
		width: 69px;
		height: 69px;
	}
	#remoteVideo {
		height: 310px;
		left: 0px !important;
		background-color: transparent;
		top: -0.5px !important;
	}
	.fondo-agente {
		height: 310px;
	}
	.fondo-usuario {
		height: 115px;
		width: 100%;
		margin-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 5px;
	}
	.titulo {
		margin-top: -25px !important;
		font-size: 14px;
	}
	.llamar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.colgar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.jumbotron {
		background-color: transparent;
		border: 0px;
	}
	.ampliar {
		height: 55px;
		width: 55px;
		top: 236px;
		right: 5px !important;
	}
	.jumbotron {
		padding: 0px !important;
	}
	.fullscreen-bg__video {
		width: 100% !important;
	}
}
@media (min-width: 650px) and (max-width: 700px) {
	#localVideo{
        top: -428px !important;
        left: 75.6% !important;
		border-radius: 0px;
		width: 69px;
		height: 69px;
	}
	#remoteVideo {
		height: 350px;
		left: 0px !important;
		background-color: transparent;
		top: -0.5px !important;
	}
	.fondo-agente {
		height: 350px;
	}
	.fondo-usuario {
		height: 115px;
		width: 100%;
		margin-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 5px;
	}
	.titulo {
		margin-top: -25px !important;
		font-size: 14px;
	}
	.llamar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.colgar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.jumbotron {
		background-color: transparent;
		border: 0px;
	}
	.ampliar {
		height: 55px;
		width: 55px;
		top: 274px;
		right: 5px !important;
	}
	.jumbotron {
		padding: 0px !important;
	}
	.fullscreen-bg__video {
		width: 100% !important;
	}
}
@media (min-width: 654px) and (max-width: 659px) {
	#localVideo{
		top: -428px !important;
        left: 75.5% !important;
	}
}
@media (min-width: 659px) and (max-width: 700px) {
	#localVideo{
		top: -428px !important;
        left: 75.3% !important;
	}
}
@media (min-width: 700px) and (max-width: 750px) {
	#localVideo{
		top: -463px !important;
        left: 77.1% !important;
		border-radius: 0px;
		width: 69px;
		height: 69px;
	}
	#remoteVideo {
		height: 385px;
		left: 0px !important;
		background-color: transparent;
		top: -0.5px !important;
	}
	.fondo-agente {
		height: 385px;
	}
	.fondo-usuario {
		height: 115px;
		width: 100%;
		margin-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 5px;
	}
	.titulo {
		margin-top: -25px !important;
		font-size: 14px;
	}
	.llamar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.colgar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.jumbotron {
		background-color: transparent;
		border: 0px;
	}
	.ampliar {
		height: 55px;
		width: 55px;
		top: 310px;
		right: 5px !important;
	}
	.jumbotron {
		padding: 0px !important;
	}
	.fullscreen-bg__video {
		width: 100% !important;
	}
}
@media (min-width: 700px) and (max-width: 701px) {
	.ampliar {
		left: 575px !important;
	}
}
@media (min-width: 750px) and (max-width: 800px) {
	#localVideo{
		top: -528px !important;
        left: 81.1% !important;
		border-radius: 0px;
		width: 69px;
		height: 69px;
	}
	#remoteVideo {
		height: 450px;
		left: 0px !important;
		background-color: transparent;
		top: -0.5px !important;
	}
	.fondo-agente {
		height: 450px;
	}
	.fondo-usuario {
		height: 115px;
		width: 100%;
		margin-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 5px;
	}
	.titulo {
		margin-top: -25px !important;
		font-size: 14px;
	}
	.llamar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.colgar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.jumbotron {
		background-color: transparent;
		border: 0px;
	}
	.ampliar {
		height: 60px;
        width: 60px;
        top: 367px;
        right: 5px !important;
	}
	.jumbotron {
		padding: 0px !important;
	}
	.fullscreen-bg__video {
		width: 100% !important;
	}
}
@media (min-width: 800px) and (max-width: 850px) {
	#localVideo{
		top: -553px !important;
        left: 80.3% !important;
		border-radius: 0px;
		width: 75.1px;
		height: 75px;
	}
	#remoteVideo {
		height: 475px;
		left: 0px !important;
		background-color: transparent;
		top: -0.5px !important;
	}
	.fondo-agente {
		height: 475px;
	}
	.fondo-usuario {
		height: 115px;
		width: 100%;
		margin-bottom: 0px;
		margin-left: 2px;
		margin-right: 2px;
		margin-top: 5px;
	}
	.titulo {
		margin-top: -25px !important;
		font-size: 14px;
	}
	.llamar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.colgar {
		height: 60px;
		width: 60px;
		background-size: 75%;
	}
	.jumbotron {
		background-color: transparent;
		border: 0px;
	}
	.jumbotron {
		padding: 0px !important;
	}
	.fullscreen-bg__video {
		width: 100% !important;
	}
}
@media (min-width: 850px) and (max-width: 900px) {
    #localVideo {
        top: -83px !important;
        left: -32px !important;
		width: 230px !important;
	}
	.llamar {
		height: 75px;
        width: 75px;
		background-size: 75%;
	}
	.colgar {
		height: 75px;
        width: 75px;
		background-size: 75%;
	}
	.fondo-usuario {
		padding-right: 7px !important;
	}
}
@media (min-width: 850px) and (max-width: 851px) {
    #localVideo {
        top: -503px !important;
        left: 571px !important;
        width: 170px !important;
	}
}
@media (min-width: 900px) and (max-width: 950px) {
    #localVideo {
        top: -83px !important;
        left: -25px !important;
		width: 230px !important;
	}
	.llamar {
		height: 75px;
        width: 75px;
		background-size: 75%;
	}
	.colgar {
		height: 75px;
        width: 75px;
		background-size: 75%;
	}
	.fondo-usuario {
		padding-right: 7px !important;
	}
	.fullscreen-bg__video {
		width: 86% !important;
	}
	#remoteVideo {
		top: 13px !important;
        left: -14px !important;
	}
}
@media (min-width: 950px) {
	.llamar {
		height: 75px;
		width: 75px;
		background-size: 75%;
	}
	.colgar {
		height: 80px;
		width: 80px;
		background-size: 75%;
	}
}
.llamar, .colgar, #makecall_LSE {
    position: relative;
    z-index: 9999 !important;
}
@media (min-width: 2048px) {
	.img-inferior {
		width: 3.5%;
	}
}