/* ====================================================================================
	MAIN STYLES
==================================================================================== */
/*	Body  */
body {-webkit-font-smoothing: antialiased;color: var(--main-default);background: var(--general-white);    font-family: 'Open Sans';}
body.is-reveal-open {overflow: hidden;}
body.disable-scroll {overflow: hidden;}
/* Specify Main Font Family for the website */
body, p, span, strong, small, ul, li, select, input, textarea {font-family: var(--secondary-font);}
h1, h2, h3, h4, h5, h6 {font-family: var(--main-font);color: var(--main-default);}
h1>strong, h2>strong, h3>strong, h4>strong, h5>strong, h6>strong {font-family: var(--main-font);}

/* Transition for Hover & Focus states */
*.trsn, *.trsn:hover, *.trsn:focus,
a, a:hover, a:focus,
button, button:hover, button:focus,
button.button, button.button:hover, button.button:focus,
a.button, a.button:hover, a.button:focus,
span.button, span.button:hover, span.button:focus,
.button, .button:hover, .button:focus,
input, input:hover, input:focus {text-decoration: none !important;outline: none !important;-webkit-transition: all 0.25s ease-in-out !important;-moz-transition: all 0.25s ease-in-out !important;-ms-transition: all 0.25s ease-in-out !important;-o-transition: all 0.25s ease-in-out !important;transition: all 0.25s ease-in-out !important;}

/* ====================================================================================
	GENERAL ELEMENTS
==================================================================================== */
.main-container {width: 100% !important;min-height: 820px;overflow: hidden;}
/*	min-width 1200px  */
@media only screen and (min-width: 1200px) {
	.container {max-width: 1240px;}
}

@media only screen and (max-width: 634px) {
	.col img{
		display: block
	}

	.encuesta{
		text-align:center !important;
		max-width:100% !important;
		margin-top:10px;
	}

	.talk-container__row{
		margin-top:10px !important;
	}

	.principal{
		max-width:120px !important;
	}

	.talk-header__logo{
		width:120px;
	}

}

.encuesta{
	max-width: 190px;
}
body, html{
	background: #004285;
	background: radial-gradient(circle, rgba(0, 66, 133, 1) 0%, rgba(0, 41, 87, 1) 100%);
}

/*	Theme Buttons
==================================================================================== */
.button,
.button>span {font-family: var(--main-font-bold);}
.button {font-size: 1rem;font-weight: 600;margin: 0;padding:.8rem 1.25rem .8rem;display: inline-block;border: none;cursor: pointer !important;}
.button--rounded {-webkit-border-radius: var(--radius-rounded)!important; -moz-border-radius: var(--radius-rounded)!important; border-radius: var(--radius-rounded)!important;}
.button--circular {-webkit-border-radius: var(--radius-circular)!important;-moz-border-radius: var(--radius-circular)!important;border-radius: var(--radius-circular)!important;}
.button--small {font-size: 0.725rem;padding: 0.875rem 1.1rem;}
.button--full {width: 100% !important;padding-right: 1rem;padding-left: 1rem;display: block !important;}
.button--tiny {font-size: 0.825rem;padding: 0.825rem 1rem 0.75rem;}
.button--upp {text-transform: uppercase;letter-spacing: 1px;}
.button--bordered {border-width: 1px;border-style: solid;background: transparent;}
.button--link {padding:0.5rem 0;border-width: 0 0 1px 0;border-style: solid;background: transparent;}
.button--rectangular {-webkit-border-radius:var(--radius-rectangular)!important;-moz-border-radius:var(--radius-rectangular)!important;border-radius:var(--radius-rectangular)!important;}
.button--enlarge {padding-right: 3rem;padding-left: 3rem;}

/* =========================================================================================
	GENERAL STYLES
========================================================================================= */
.talk-container {
	min-height: 100vh;
	padding: 30px;
	/*background: rgb(27, 97, 156);
    background: linear-gradient(90deg, rgba(27, 97, 156, 1) 0%, rgba(36, 112, 176, 1) 57%, rgba(39, 130, 195, 1) 100%);*/
	background-size: cover;
}

/*  Talk Header
========================================================================================= */
.talk-header {
	margin-bottom: 2rem;
}
iframe{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
	border-radius:10px;
}

.talk-header__logo {
	max-width: 130px;
	padding-right:10px;
	margin-right:10px;
}

 .principal {
    margin-left: 20px;
    margin-top: 0px;
    max-width: 140px;
    position: absolute;
    right: 20px;
}
.talk-header__logo_asamblea{
	max-width:170px;
}

.talk-header__link {
	color: #ffb200 !important;
	font-weight: bold;
	line-height: 1;
	display: inline-block;
}
.talk-header__link>.fa-angle-right {
	font-size: 90%;
	margin-left: 1px;
	position: relative;
	top: 1px;
}
.talk-header__divider {
	margin-bottom: 1.5rem;
	border-color: white;
	opacity: .2;
	
}
.col-dos{
	display: flex;
	flex-wrap: wrap;
}
.talk-header__title {
	width: 100%;
	display: flex;
	align-items:center;
	min-width:280px;
}

.columna2
{
	display:flex;
	
}

.talk-chat__content::-webkit-scrollbar{
background:transparent !important;
width:1px;
height:1px;
}

.streamtitle{
	    color: #fff;
    min-width: 430px;
    border: right;
    border-right: 1px solid #39618b;
}

.badget i {
color:#ffb201;
}
.badget img{
	width:15px;
	margin-left:10px;
}

.streamtitle h2{
	color:#fff;
	    color: #fff;
    font-family: sans-serif;
    font-size: 1.4rem;
    font-weight: 800;
}

.talk-header__avatar {
	width: 80px !important;
	min-width: 80px !important;
	max-width: 80px !important;
	height: 80px !important;
	max-height: 80px !important;
	border: 3px solid var(--main-color2);
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	overflow: hidden;
	background: white;
	display: block;
}
.talk-header__guest,
.talk-header__guest>span,
.talk-header__guest>small {
	line-height: 1;
	display: block;
}
.talk-header__guest {
    font-size: 1rem;
    color: white;
    font-weight: 900;
    width: 100%;
    padding-left: 1rem;
}
.talk-header__guest>span,
.talk-header__guest>small {
	text-transform: uppercase;
}
.talk-header__guest>span {
	font-size: 70%;
	color: #4ba6d8;
	margin-bottom: 0.25rem;
}
.talk-header__guest>small {
	font-size: 68%;
    margin-top: 0.5rem;
    line-height: 135%;
}
.talk-header__toggle {
	font-size: .7rem;
	color: var(--main-color1) !important;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
	padding: 0.5rem .75rem;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: white !important;
}
.talk-header__toggle>.svg-inline--fa {
	font-size: 170%;
	margin: 4px 0 10px;
}

/*  Talk Sidebar
========================================================================================= */
.talk-sidebar {
	margin-bottom: 2rem;
}
.talk-sidebar__heading {
	padding-bottom: 1rem;
}

/*  Talk Chat  */
.talk-chat {

	padding: 0 15px;
	position: relative;
}
.talk-chat__heading {
	width: auto;
	height: 50px;
	padding: 0 15px;
	display: flex;
	align-items: center;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	position: absolute;
	top: 0;
	right: 15px;
	left: 15px;
	background: #01254b;
	z-index: 1;
}
.talk-chat__title {
	font-size: 1.25rem;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0.5rem 0 0;
	font-family: 'Open Sans';
	color:#fff !important;
	margin-left: 10px;
    margin-top: 20px;
}
.talk-chat__title:after {
	width: 70px;
    height: 3px;
    margin-top: 4px;
    display: block;
    content: "";
   /* background: #ffb200;*/
    opacity: 1;
}
.talk-chat__container {
	height: 500px;
	padding: 4rem 1rem 1rem;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #01254b
}
.talk-chat__content {
	width: 100%;
	height: 100%;
	border: 1px solid rgba(0,0,0,.05);
	padding:10px 10px;
	overflow: scroll;
	background: rgba(0,0,0,.05);
}
.talk-chat__item {
	margin-bottom: 1.25rem;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;

}
.talk-chat__icon {
	font-size: 1rem;
	color: #4ba6d8 !important;
	line-height: 40px;
	text-align: center;
	width: 30px !important;

	height: 40px;
	-webkit-border-radius: var(--radius-circular) 0 0 var(--radius-circular);
	-moz-border-radius: var(--radius-circular) 0 0 var(--radius-circular);
	border-radius: var(--radius-circular);
	background: transparent;
	/*border:1px solid #ffb300*/
}
.talk-chat__comment {
	width: 100%;
	padding: 0.75rem 0 0;
	display: block;
}
.talk-chat__comment>strong {
	color: #fff;
	line-height: 1;
	display: block;
}
.talk-chat__comment>p {
	font-size: .95rem;
	line-height: 1.35;
	margin: 0.75rem 0 0;
	padding: 1rem;
	-webkit-border-radius: var(--radius-rounded);
	-moz-border-radius: var(--radius-rounded);
	border-radius: var(--radius-rounded);
	color:#fff;
	background:#011b37;
}
.talk-chat__actions {
	padding: 20px 0 0;
}
.talk-chat__button {
	font-size: 1.1rem;
    color: #fff !important;
    text-align: left;
    height: auto;
    padding: 0.55rem 2rem 0.55rem 0.5rem;
    display: block;
    /* border: 2px solid #f2af32; */
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    position: relative;
    max-width: 320px;
    background: #4ba6d8 !important;
    margin: 0 auto;
}
.talk-chat__button:hover {
	color: var(--main-color1) !important;
	background: white !important;
}
.talk-chat__button>.fa-comment-dots {
	font-size: 1.5rem;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px;
}
.talk-chat__button>.fa-angle-right {
	font-size: 1.5rem;
	position: absolute;
	top: 0.75rem;
	right: 1.25rem;
}

/*  Talk Chat > Chat window  */
.talk-chat .chat {
	padding: 0;
}
.talk-chat .chat .listado-chat-left {
	margin-bottom: 20px;
	padding: 0;
}

/*  Talk Chat > Form */
.talk-chat .formulario-chat {
	width: auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	right: 15px;
	left: 15px;
	overflow: hidden;
}
.talk-chat .contenido_chat {
	padding-top: 85px;
	padding-right: 15px;
	padding-left: 15px;
}
.talk-chat .text-gracias-check {
	font-size: 3rem;
	color: white;
	color: greenyellow;
	margin-bottom: 1rem;
}
.talk-chat .texto-chat>strong {
	color: var(--main-color1);
}
.talk-chat .btn-enviar {
	background: #999999 !important;
}
.talk-chat .btn-enviar:hover {
	background: var(--main-color4) !important;
}
.talk-chat .titulo-form-chat {
	background: var(--main-color4);
}
.talk-chat .titulo-form-chat .cerrar-formulario {
	color: white;
	background: var(--main-color4)!important;
}
.talk-chat .cerrar-gracias {
	color: var(--main-color1) !important;
	border-color: white !important;
	background: white !important;
}
.talk-chat .cerrar-gracias:hover {
	color: var(--main-color1) !important;
	border-color: var(--main-color2) !important;
	background: var(--main-color2) !important;
}
.talk-chat .gracias.active {
	background: var(--main-color1);
}

/*  Talk Modal
==================================================================================== */
#talk-modal {
    /*background: #F8F9FC;*/
    background: rgba(0,0,0,.5);
}
.talk-modal__content {
	border: none !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: white;
}
.talk-modal__body {
	padding: 1.75rem;
}
.talk-modal__close {
	font-size: 1.25rem;
	/*color: var(--main-color1);*/
	padding: 0;
	position: absolute;
	top: 1rem;
	right: 1rem;
	opacity: .7;
	background: transparent !important;
	z-index: 2;
}
.talk-modal__column {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.talk-modal__avatar {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	overflow: hidden;
}
.talk-modal__title {
	font-size: 1.5rem;
	color: var(--main-color1);
	margin: 0;
}
.talk-modal__title--principal {
	/*color: var(--secondary-color4);*/
}
.talk-modal__subtitle {
	font-size: .85rem;
	text-transform: uppercase;
	margin-top: 0.25rem;
}
.talk-modal__text {
	margin: 1rem 0 0;
}
.talk-modal__text--secondary {
	color: var(--main-color1);
}
.talk-modal__text--principal {
	/*color: var(--secondary-color4);*/
}

/*  Question Modal
==================================================================================== */
#question-modal {
	background: rgba(0,0,0,.3);
}
.question-modal__content {
	border: none !important;
	-webkit-border-radius: var(--radius-rounded)!important;
	-moz-border-radius: var(--radius-rounded)!important;
	border-radius: var(--radius-rounded)!important;
	background: white !important;
}
.question-modal__header {
	border: none !important;
	background: #003b78;
}
.question-modal__title,
.question-modal__close {
	color: white !important;
}
.question-modal__title {
	font-size: 1.1rem;
	color: white;
	font-weight: bold;    font-family: 'Open Sans';
}
.question-modal__close {
	font-size: 1.35rem;
	margin: 0 !important;
	padding: 0 !important;
	position: relative !important;
}
.question-modal__body {
	padding: 1.25rem 1rem;
}
.question-modal__field {
	margin-bottom: 1.25rem;
}
.question-modal__field:last-child {
	margin-bottom: 0;
}
.question-modal__label {
	font-size: .9rem;
	font-weight: 400;
	line-height: 1;
	margin: 0;
	display: block;
}
.question-modal__input,
.question-modal__textarea {
	width: 100%;
	margin-top: 0.5rem;
}
.question-modal__textarea {
	min-height: 100px !important;
}
.question-modal__disclaimer {
	font-size: .8rem;
}
.question-modal__submit {
	font-family: 'Open Sans';
	color: white !important;
	background:#4ba6d8 !important;
	text-align: center;
	width: 100%;
	border-radius:100px;
	margin-top:10px;
	font-size: 1.1rem;
    color: #003a76 !important;
	font-weight:bold;

}

#form-name-error,#form-question-error{color:#f04b4b; padding-top:10px;display:block;}
.question-modal__submit:hover,
.question-modal__submit:focus {
	background: var(--main-color4);
}

.text-gracias {
    text-align: center;
    padding: 40px 10px;
}

svg.svg-inline--fa.fa-circle-check.text-gracias-check {
    color: #32a106;
    font-size: 40px;
}

.cerrar-gracias{
	margin: 0px 0 55px 0;
    width: auto;
    border-radius: 60px;
}

.forma1 {
    width: 30%;
    position: absolute;
    bottom: 0;
    left: 0;
	display:none;
}

.forma1 img, .forma2 img{
	width: 100%;height:a;
}

.forma2 {
    width: 20%;
    position: absolute;
    top: 0;
    right: 0;	display:none;
}