/*
	RESET
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	text-decoration: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
.error
{
    color: red;
    margin-top: 5px;
    margin-bottom: 5px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-o-box-sizing:border-box;
}
a:link{
	text-decoration: none;
	color: inherit;
}
a:visited{
	text-decoration: none;
	color: inherit;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
button.btPublicar {
    color: #fff;
    background-color: #5CCEBF;
    padding: 13px 40px;
    border-radius: 5px;
    display: inline-block;
    text-transform: uppercase;
    margin-left: 5px;
    border: none;
    cursor: pointer;
}
.icon_social_likes.active {
    fill: red;
}

.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}
.clear{
	clear: both;
}

.alert{
    position: absolute;
    bottom: 70px;
    width: 100%;
    min-height: 90px;
    background-color: #ffa800;
    border-radius: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    line-height: 1.2;
    visibility: hidden;
    opacity: 0;
    transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
}
.alert:after{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-color: #ffa800;
    transform: rotate(-45deg);
    position: absolute;
    bottom: -5px;
    right: 10px;
    border-radius: 4px;
}
.alert .close{
    width: 24px;
    height: 24px;
    background-image:url(../img/i-close.png);
    position: absolute;
    top:5px;
    right:5px;
    cursor: pointer;
}

/* FIM RESET */
.checkboxGeral{
    width: 100%;
    display: flex;
    color: #6E82A1;
    position: relative;
    margin: 10px 0px;
}
.checkboxGeral span{
    display: inline-block;
    margin-left: 0px;
    position: absolute;
    top: 3px;
    left: 20px;
}
.mensagemFixa{
    max-width: 800px;
    padding: 0px 10px;
    color: #94A6C0;
    line-height: 1.3;
}
.idiomas{
    max-width: 100px;
    height: 35px;
    overflow: hidden;
    position: relative;
    border:thin solid #7F91A8;
    padding: 4px 10px 4px 10px;
    border-radius: 15px;
    transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    cursor: pointer;
}
.idiomas:hover{
    background-color: #394C63;
}
.idiomas span{
    color: #7F91A8;
    position: relative;
    top:-7px;
}
.checkboxGeral{
    width: 100%;
    display: flex;
    color: #6E82A1;
    position: relative;
    margin: 10px 0px;
}
.checkboxGeral span{
    display: inline-block;
    margin-left: 0px;
    position: absolute;
    top: 3px;
    left: 20px;
}
span.i-idiomas{
    position: relative;
    top: inherit;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../img/i-idiomas.png);
}
.boxIdiomas{
    position: absolute;
    bottom: 70px;
    right: 30px;
    display: none;
}
.boxIdiomas:after{
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background-color: #000;
    position: absolute;
    bottom:-5px;
    right: 10px;
    border-radius: 3px;
    transform: rotate(45deg);
}
.boxIdiomas ul{
    background-color: #000;
    padding: 5px 20px;
    border-radius: 5px;
}
.boxIdiomas ul li{
    padding: 5px 15px;
    color: #94A6C0;
}
@font-face{
	font-family: 'Fira-Sans-Regular';
	src: url('../font/FiraSans-Regular.ttf')format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Fira-Sans-Bold';
	src: url('../font/FiraSans-Bold.ttf')format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Fira-Sans-Italic';
	src: url('../font/FiraSans-Italic.ttf')format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Fira-Sans-SemiBold';
	src: url('../font/FiraSans-SemiBold.ttf')format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Fira-Sans-Medium';
	src: url('../font/FiraSans-Medium.ttf')format('truetype');
	font-weight: normal;
	font-style: normal;
}
html::-webkit-scrollbar{
    width: 7px;
}
html::-webkit-scrollbar-track{
    padding: 0px 3px;
}
html::-webkit-scrollbar-thumb{
    background-color: #8094B5;
    border-radius: 20px;
}
body{
    height: 100vh;
    font-family: 'Fira-Sans-Regular';
    font-size: 13px;
}
.container{
    max-width: 1400px;
    margin:0 auto;
}
.blocoLogin{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.login{
    max-width: 1020px;
    min-width: 1020px;
    min-height: 590px;
    position: relative;
    background: rgb(57,76,99);
    background: linear-gradient(90deg, rgba(57,76,99,1) 0%, rgba(33,45,62,1) 100%);
    border-radius: 14px;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.14), 0px 36.5016px 29.2013px rgba(0, 0, 0, 0.0965974), 0px 17.7209px 14.1767px rgba(0, 0, 0, 0.0778807), 0px 8.6871px 6.94968px rgba(0, 0, 0, 0.0621193), 0px 3.43489px 2.74791px rgba(0, 0, 0, 0.0434026);
}
.logo .content{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.logo .content .blocoLogo {
    width: 280px;
    height: 275px;
    border-radius: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 10px;
}
.logo .content .blocoLogo img{
    width: 100%;
}
.form{
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction:column;
    position: relative;
    transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
}
.form .avatar{
    margin-top: 40px;
}
.form form{
    width: 100%;
    clear: both;
    padding: 10px 30px;
    margin-top: -75px;
}
.form form input[type="text"], .form form input[type="email"], .form form input[type="password"], select{
    width: 100%;
    padding: 14px 35px;
    background-color: #3A4961;
    border-radius: 5px;
    border:none;
    outline: none;
    color:#8195B1;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.14), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.10064), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.083455), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.07), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.056545), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0393604);
}
.form form input[type="text"]::placeholder, .form form input[type="email"]::placeholder, .form form input[type="password"]::placeholder, select{
    color:#8195B1;
}
.form form .email{
    position: relative;
    margin-bottom: 10px;
}
.form form .code{
    position: relative;
    margin-bottom: 10px;
}
.form form span.icon-mail{
    background-image: url(../img/i-mail.png);
    width: 18px;
    height: 18px;
    position: absolute;
    top:14px;
    left: 10px;
}
.form form span.icon{
    color: #8195B1;
    width: 18px;
    height: 18px;
    position: absolute;
    top:14px;
    left: 10px;
}
.form form .code span.icon-code{
    background-image: url(../img/i-code.png);
    width: 18px;
    height: 18px;
    position: absolute;
    top:12px;
    left: 10px;
}
.form form button{
    background-color: #5CCEBF;
    color: #fff;
    text-transform: uppercase;
    display: table;
    width: 100%;
    border:none;
    padding: 14px;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.24), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.172525), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.143066), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.12), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0969343), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0674749);
    transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
}
.form form button:hover{
    background-color: #27897C;
}
.selectWithSearch{
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}
.selectWithSearch .busca{
    display: none;
    width: 100%;
    background-color: #ddd;
    padding: 5px;
    border-radius: 5px;
    position: absolute;
    top:45px;
    left: 0px;
    z-index: 9000;
}
.selectWithSearch .busca ul{
    max-height: 150px;
    overflow-y: scroll;
}
.selectWithSearch .busca ul::-webkit-scrollbar{
    width: 7px;
}
.selectWithSearch .busca ul::-webkit-scrollbar-track{
    background: #8094B5;
    padding: 0px 3px;
}
.selectWithSearch .busca ul::-webkit-scrollbar-thumb{
    background-color: #394C63;
    border-radius: 20px;
}
.selectWithSearch .busca ul li{
    padding: 10px 5px;
}
.selectWithSearch .valor{
    cursor: pointer;
    width: 100%;
    position: relative;
    padding: 14px 15px;
    margin-bottom: 5px;
    background-color: #3A4961;
    border-radius: 5px;
    border:none;
    outline: none;
    color:#8195B1;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.14), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.10064), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.083455), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.07), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.056545), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0393604);
}

.selectWithSearch .valor span.i-caretDown{
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(../img/i-caretDown.png);
    position: absolute;
    top:9px;
    right: 5px;
}
.form span{

}
.form span strong{
    font-family: 'Fira-Sans-Bold';
}
.form .semCadastro{
    margin-top: 30px;
    padding-left: 30px;
    width: 100%;
    position: relative;
}
.form .semCadastro span{
    display: block;
    margin-bottom:5px;
    text-align: left;
    color:#8195B1;
}
.formCadastro{
    display: flex;
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction:column;
    position: absolute;
    top:0px;
    right: 0px;
    width: 385px;
    display: none;
    transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
}
.formCadastro .avatarCadastro{

}

/*perfil - start*/
.menuPerfil{
    position: fixed;
    top:95px;
    left: 0px;
    z-index: 9990;
    display: none;
}
.menuPerfil ul{
    position: relative;
    z-index: 9000;
    top:0px;
    left: 10px;
    border-radius: 14px;
    z-index: 9000;
    background-color: rgba(0,0,0);
    padding: 10px;
    margin:0;
    min-width: 200px;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.14), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.10064), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.083455), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.07), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.056545), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0393604);
}
.menuPerfil ul:before{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-color: rgba(0,0,0);
    position: absolute;
    top:-7px;
    left: 12px;
    border-radius: 3px;
    transform: rotate(45deg);
}
.menuPerfil ul li{
    background-color: #1e1e1e;
    box-shadow: none;
    color: #fff;
    padding: 10px;
    margin-bottom: 5px;
    margin-left: 0px;
    min-height: auto;
    width: 100%;
    display: block;
    text-align: center;
    position: relative;
    z-index: 9000;
    border-radius: 5px;
}
/*perfil - end*/

.formCadastro form{
    width: 100%;
    padding: 30px;
    margin-top: -150px;
}
.formCadastro form h1{
    font-size: 20px;
    color: #D4D4D4;
    text-align: left;
    margin-bottom: 10px;
}
.formCadastro form input[type="text"]{
    width: 100%;
    padding: 14px 35px;
    margin-bottom: 10px;
    background-color: #3A4961;
    border-radius: 5px;
    border:none;
    outline: none;
    color:#8195B1;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.14), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.10064), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.083455), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.07), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.056545), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0393604);
}
.formCadastro form input[type="text"]::placeholder{
    color:#8195B1;
}
.formCadastro form .nome{
    float: left;
    width: 48%;
    position: relative;
}
.formCadastro form .sobrenome{
    float: right;
    width: 48%;
    position: relative;
}
.formCadastro form .email{
    position: relative;
    clear: both;
}
.formCadastro form .telefone{
    position: relative;
    clear: both;
}
form span.icon-nome{
    background-image: url(../img/i-nome.png);
    width: 18px;
    height: 18px;
    position: absolute;
    top:12px;
    left: 10px;
    z-index: 10;
}
.formCadastro form span.icon-sobrenome{
    background-image: url(../img/i-sobrenome.png);
    width: 18px;
    height: 18px;
    position: absolute;
    top:12px;
    left: 10px;
    z-index: 10;
}
.formCadastro form .email span.icon-mail{
    background-image: url(../img/i-mail.png);
    width: 18px;
    height: 18px;
    position: absolute;
    top:12px;
    left: 10px;
    z-index: 10;
}
.formCadastro form span.icon{
    color: #8195B1;
    width: 18px;
    height: 18px;
    position: absolute;
    top:12px;
    left: 10px;
    z-index: 10;
}
.formCadastro form .telefone span.icon-telefone{
    background-image: url(../img/i-telefone.png);
    width: 18px;
    height: 18px;
    position: absolute;
    top:12px;
    left: 10px;
    z-index: 10;
}
.formCadastro form button{
    background-color: #5CCEBF;
    color: #fff;
    text-transform: uppercase;
    display: table;
    width: 100%;
    border:none;
    padding: 14px;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.24), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.172525), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.143066), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.12), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0969343), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0674749);
    transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
}
.formCadastro form button:hover{
    background-color: #27897C;
}
.formCadastro .semCadastro{
    margin-top: 30px;
    padding-left: 30px;
    width: 100%;
    position: relative;
}
.formCadastro .semCadastro span{
    display: block;
    margin-bottom:5px;
    text-align: left;
    color:#8195B1;
}
.cadastroModal .content_modal{
    width: 350px !important;
    min-height: 200px !important;
}
.cadastroModal .content_modal a{
    display: table;
    margin:20px auto 0px auto;
    background: #16a085;
    color: #fff;
    padding: 10px 30px;
    border-radius: 5px;
    border-bottom: 3px solid #0b5e4e;
}
.cadastroModal .content_modal p{
    color: #fff;
    text-align: center;
}
.cadastroModal .content_modal p strong{
    font-weight: normal;
    font-size: 20px;
    display: block;
    background: #445971;
    margin:5px auto;
    padding: 5px 20px;

}
strong{
    font-family: 'Fira-Sans-Bold';
}
.hide{
    opacity: 0;
    display: none;
}
.show{
    opacity: 1;
    display: flex;
}
.hide-emojis{
    opacity: 0;
    disabled: disabled;
}
.show-emojis{
    opacity: 1;
}

/* PERFIL */
.menu{
    width: 290px;
    min-height: 100vh;
    background: rgb(56,75,97);
    background: linear-gradient(90deg, rgba(56,75,97,1) 0%, rgba(33,45,63,1) 100%);
    position: fixed;
    z-index: 9;
    left:0;
    top:0;
    padding: 20px 10px;
}
.menu::-webkit-scrollbar{
    width: 7px;
}
.menu::-webkit-scrollbar-track{
    background: #8094B5;
    padding: 0px 3px;
}
.menu::-webkit-scrollbar-thumb{
    background-color: #394C63;
    border-radius: 20px;
}
.menu .marca{
    width: 100%;
    position: absolute;
    bottom:65px;
    left: 0;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.marca .item{
    max-width: 200px;
    max-height: 200px;
}
.menu .marca .item img{
    width: 100%;
    height: 100%;
    border-radius: 14px;
}
.container_content{
    width: calc(100% - 290px);
    min-height: 100vh;
    position: relative;
    z-index: 9000;
    float: right;
    background-color: #f7f7f7;
    transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    padding-bottom: 0px;
}
.container_content .btMenu{
    width: 24px;
    height: 24px;
    background-image: url(../img/i-menu.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #445971;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.12), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0862625), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0715329), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.06), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0484671), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0337375);
    border-radius: 14px;
    padding: 20px;
    transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    cursor: pointer;
    position: absolute;
    top:30px;
    left: -20px;
    z-index: 9999;
}
.menu .perfil{
    width: 100%;
}
.menu .perfil .blocoImg{
    width: 60px;
    height: 60px;
    background-color: #5CCEBF;
    padding: 3px;
    border-radius: 14px;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.14), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.10064), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.083455), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.07), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.056545), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0393604);
    float: left;
}
.menu .perfil .blocoImg img{
    border-radius: 14px;
    display: table;
    margin:0 auto;
    width: 100%;
}
.menu .perfil .nome{
    float: left;
    margin-left: 15px;
    color: #7F91A8;
    font-size: 16px;
    font-family: 'Fira-Sans-Bold';
    margin-top: 15px;
}
.menu .perfil span.sub{
    color:#E1E1E1;
    font-size: 13px;
    display: block;
    font-family: 'Fira-Sans-Regular';
    margin-top: 3px;
}
.menu ul{
    margin-top:30px
}
.menu ul li{
    background-color: #394C63;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.14), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.10064), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.083455), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.07), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.056545), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0393604);
    border-radius: 14px;
    color: #7F91A8;
    position: relative;
    padding: 15px 15px 15px 50px;
    margin-bottom: 7px;
    text-transform: uppercase;
    transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    visibility: visible;
    opacity: 1;
    min-height: 43px;
}
.menu ul li:hover{
    background-color: #161F2B;
    color: #fff;
    padding: 15px 15px 15px 55px;
}
span.home{
    width: 24px;
    height: 24px;
    background-image: url(../img/i-home.png);
    background-repeat: no-repeat;
    position: absolute;
    top:7px;
    left:17px;
}
span.live{
    width: 24px;
    height: 24px;
    background-image: url(../img/i-live.png);
    background-repeat: no-repeat;
    position: absolute;
    top:9px;
    left:17px;
}
span.videos{
    width: 24px;
    height: 24px;
    background-image: url(../img/i-videos.png);
    background-repeat: no-repeat;
    position: absolute;
    top:9px;
    left:17px;
}
span.social{
    width: 24px;
    height: 24px;
    background-image: url(../img/i-social.png);
    background-repeat: no-repeat;
    position: absolute;
    top:9px;
    left:17px;
}
span.certificado{
    width: 24px;
    height: 24px;
    background-image: url(../img/i-certificado.png);
    background-repeat: no-repeat;
    position: absolute;
    top:9px;
    left:17px;
}
span.icone{
    width: 28px;
    height: 28px;
    position: absolute;
    top:14px;
    left:17px;
}
span.icone-cert{
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    position: absolute;
    top:2px;
    left:5px;
}
span.sair{
    width: 24px;
    height: 24px;
    background-image: url(../img/i-sair.png);
    background-repeat: no-repeat;
    position: absolute;
    top:9px;
    left:17px;
}
div.recorte_video{
    width: 200px;
    height: 200px;
    border-radius: 500px;
    overflow: hidden;
    align-items: center;
    align-content: center;
    justify-content: center;
}
div.content_video{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}
div.content_video video{
    width: 100%;
    height: 100%;
    -moz-transform:scale(1.5);
    -webkit-transform:scale(1.5);
    -o-transform:scale(1.5);
    -ms-transform:scale(1.5);
    transform:scale(1.5);
}
a.btnSalvar{
    margin-top: 15px;
    display: table;
    padding: 10px 33px 10px 45px;
    position: relative;
    background-color: #5CCEBF;
    border-radius: 5px;
    color: #fff;
}
a.btnSalvar span.i-salvar{
    width: 24px;
    height: 24px;
    background-image: url(../img/i-salvar.png);
    background-repeat: no-repeat;
    position: absolute;
    top:4px;
    left: 5px;
    display: block;
}
.allContentLive{
    width: 100%;
    height: 100%;
    padding-left: 50px;
    padding-top: 30px;
    overflow-x: hidden;
}
.allContent{
    width: 100%;
    height: 100%;
    padding-left: 50px;
    padding-top: 30px;
    padding-bottom: 100px;
    overflow-x: hidden;
}
.allContent h2{
    color:#36485E;
    font-size: 30px;
    margin-bottom: 5px;
}
.allContent .subtitle{
    color:#36485E;
}
.allContentLive h2{
    color:#36485E;
    font-size: 30px;
    margin-bottom: 5px;
}
.allContentLive .subtitle{
    color:#36485E;
}
.allContent .blocoImg{
    width: 90px;
    height: 90px;
    background-color: #5CCEBF;
    padding: 5px;
    border-radius: 14px;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.14), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.10064), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.083455), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.07), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.056545), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0393604);
    margin-top: 20px;
}
.allContent .blocoImg img{
    border-radius: 14px;
    display: table;
    margin:0 auto;
    width: 100%;
}
.formProfile{
    margin-top: 30px;
    width: 340px;
    float: left;
    margin-right: 30px;
}
.formProfile input[type="text"], .formProfile input[type="password"]{
    border:thin solid #C9C9C9;
    background-color: #fff;
    border-radius: 14px;
    padding: 10px;
    outline: none;
}
form label{
    margin-bottom: 1px;
    display: block;
}
.formProfile .email{
    margin-top:30px;
}
.formProfile .email input{
    width: 100%;
    margin-bottom: 10px;
    -webkit-appearance:none;
}
.formProfile .email{
    width: 100%;
    margin-bottom: 10px;
}
.formProfile .nome{
    float: left;
    width: 160px;
}
.formProfile .nome input{
    width: 100%;
    margin-bottom: 15px;
}
.formProfile .sobrenome{
    float: left;
    width: 160px;
    margin-left: 18px;
    margin-bottom: 15px;
}
.formProfile .sobrenome input{
    width: 100%;
}
.formProfile .pais{
    float: left;
    width: 160px;
}
.formProfile .pais input{
    width: 100%;
    margin-bottom: 15px;
}
.formProfile .estado{
    float: left;
    width: 160px;
    margin-left: 18px;
}
.formProfile .uploadFoto{
    float: none;
    width: 100%;
    margin-left: 0px;
}
.formProfile .uploadFoto input[type="file"]{
    display: none;
}
.formProfile .uploadFoto label{
    background-color: #5CCEBF;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    padding: 10px 23px 10px 40px;
    position: relative;
    display: table;
}
.formProfile .uploadFoto label span.i-cloud{
    width: 24px;
    height: 24px;
    background-image: url(../img/i-cloud.png);
    background-repeat: no-repeat;
    position: absolute;
    top:4px;
    left: 5px;
    display: block;
}
.formProfile a.gerarCertificado{
    margin-top: 5px;
    display: table;
    padding: 10px 36px 10px 40px;
    position: relative;
    background-color: #5CCEBF;
    border-radius: 5px;
    color: #fff;
}
a.capturarImagem{
    margin-top: 5px;
    display: table;
    padding: 10px 35px 10px 38px;
    position: relative;
    background-color: #5CCEBF;
    border-radius: 5px;
    color: #fff;
}
a.capturarImagem span.i-capturar{
    width: 24px;
    height: 24px;
    background-image: url(../img/i-capturar.png);
    background-repeat: no-repeat;
    position: absolute;
    top:4px;
    left: 5px;
    display: block;
}
a.certificadoAtualizar{
    margin-top: 5px;
    display: table;
    padding: 10px 100px 10px 38px;
    position: relative;
    background-color: #5CCEBF;
    border-radius: 5px;
    color: #fff;
}
a.certificadoEmail{
    margin-top: 5px;
    display: table;
    padding: 10px 57px 10px 38px;
    position: relative;
    background-color: #5CCEBF;
    border-radius: 5px;
    color: #fff;
}
a.certificadoBaixar{
    margin-top: 5px;
    display: table;
    padding: 10px 98px 10px 38px;
    position: relative;
    background-color: #5CCEBF;
    border-radius: 5px;
    color: #fff;
}
.formProfile span.i-download{
    width: 24px;
    height: 24px;
    background-image: url(../img/i-download.png);
    background-repeat: no-repeat;
    position: absolute;
    top:4px;
    left: 5px;
    display: block;
}
.formProfile .estado input{
    width: 100%;
    margin-bottom: 15px;
}
.formProfile .senha{
    float: left;
    width: 160px;

}
.formProfile .senha input{
    width: 100%;
    margin-bottom: 15px;
}
.formProfile .confirmaSenha{
    float: left;
    width: 160px;
    margin-left: 18px;
}
.formProfile .confirmaSenha input{
    width: 100%;
    margin-bottom: 15px;
}
.blocoCertificado{
    display: flex;
    flex-wrap: nowrap;
}
.blocoCertificado .nome{
    width: 100%;
    float: none;
}
.blocoCertificado .sobrenome{
    width: 100%;
    float: none;
    margin:0px 0px 10px 0px;
}
.imgCertificado{
    width: 70%;
    margin-top: 30px;
    float: right;
    padding-right: 30px;
}
.imgCertificado img{
    width: 100%;
    border-radius: 14px;
}
.cardProfile{
    width: 455px;
    min-height: 230px;
    border-radius: 14px;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.11), 0px 36.5016px 29.2013px rgba(0, 0, 0, 0.075898), 0px 17.7209px 14.1767px rgba(0, 0, 0, 0.061192), 0px 8.6871px 6.94968px rgba(0, 0, 0, 0.048808), 0px 3.43489px 2.74791px rgba(0, 0, 0, 0.034102);
    float: left;
    background: rgb(53,131,120);
    background: linear-gradient(236deg, rgba(53,131,120,1) 0%, rgba(78,176,163,1) 100%);
    padding: 0px 15px;
    margin-top: 45px;
    color: #fff;
}
.cardProfile .blocoImg{
    width: 60px;
    height: 60px;
    background-color: #5CCEBF;
    padding: 3px;
    border-radius: 14px;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.14), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.10064), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.083455), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.07), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.056545), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0393604);
    float: left;
}
.cardProfile .blocoImg img{
    border-radius: 14px;
    display: table;
    margin:0 auto;
    width: 100%;
}
.cardProfile .nome{
    float: left;
    margin-left: 15px;
    color: #fff;
    font-size: 16px;
    font-family: 'Fira-Sans-Bold';
    margin-top: 23px;
}
.cardProfile span.sub{
    color:#E1E1E1;
    font-size: 13px;
    display: block;
    font-family: 'Fira-Sans-Regular';
    margin-top: 3px;
    position: relative;
}
.cardProfile span.email{
    color:#E1E1E1;
    font-size: 13px;
    display: block;
    font-family: 'Fira-Sans-Regular';
    margin-top:8px;
    position: relative;
    padding-left: 30px;
}
span.i-email{
    width: 24px;
    height: 24px;
    background-image:url(../img/i-mail-green.png);
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    left:0;
    top:-5px;
}
.cardProfile .cardInteresses{
    margin-top: 30px;
}
.cardProfile .cardInteresses strong{
    font-size: 16px;
    color: #36485E;
    display: block;
    margin-bottom: 5px;
}
.cardProfile .cardInteresses .bloco{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.cardProfile .cardInteresses .bloco .interesse{
    position: relative;
    padding-left: 17px;
    padding-right: 10px;
    margin-bottom: 5px;
}
.cardProfile .cardInteresses .bloco .interesse:after{
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background-image:url(../img/i-check-green.png);
    background-repeat: no-repeat;
    position: absolute;
    top:-2px;
    left:0;
}
.cardProfile .cardInteresses .bloco .interesse span{
    font-size: 13px;
    color: #EBEBEB;
}
.selectInteresses{
    margin-top: 30px;
}
.selectInteresses p{
    font-family: 'Fira-Sans-Bold';
    color:#36485E;
}
.selectInteresses .blocoInteresses{
    margin-top: 15px;
    max-width: 500px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.selectInteresses .blocoInteresses span{
    display: inline-block;
    background-color: #A3A5A7;
    color: #fff;
    padding:5px 18px;
    border-radius: 50px;
    margin-right: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}
.selectInteresses .blocoInteresses span:hover{
    background-color: #394C63;
}
.barraBottom {
    width: 100%;
    height: auto;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #161F2B;
    z-index: 9997;
    padding: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.interacao{

}
.interacao .btn{
    width: 60px;
    height: 24px;
    background-color: #fff;
    border-radius: 50px;
    padding: 2px;
    position: relative;
    float: left;
}
.interacao .btn .circle{
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background-color: #243241;
    cursor: pointer;
    position: absolute;
    top:2px;
    left:2px;
    transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
}
.ativado{
    background-color: #56C0B2 !important;
    transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
}
.interacao span{
    display: inline-block;
    color: #94A6C0;
    float: left;
    padding-top: 8px;
    margin-left: 10px;
}

.iframe{
    position: relative;
    width: 90%;
    padding-bottom: 43%;
    float: left;
}

/* LIVE */
.video{
    position: relative;
    width: min(77%, calc((100vh - 200px) * 16 / 9));
    aspect-ratio: 16 / 9;
    max-height: calc(100vh - 200px);
    float: left;
    margin-top: 15px;
}
.video .emojisBotoes .emojis{
    position: relative;
    top:10px;
    display: flex;
}
.video .emojisBotoes .range{
    position: relative;
    top:10px;
}
.video .emojisBotoes{
    width: 100% !important;
    position: absolute;
    bottom:-45px !important;
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
}
.video .emojisBotoes .botoes{
    position: relative;
    top:30px;
}
.video .emojisBotoes .range{
    position: relative;
    top:13px;
}
.video .emojisBotoes .range input[type="range"]{
    -webkit-appearance: none;
    appearance: none;
    position: relative;
}
.video .emojisBotoes .range input[type=range]:focus {
    outline: none;
}
.video .emojisBotoes .range input[type=range]::runnable-track {
    width: 100%;
    height: 20px;
    cursor: pointer;
    -webkit-animation: 0.2s;
    animation: 0.2s;
    background: rgb(201,42,66);
    background: linear-gradient(90deg, rgba(201,42,66,1) 0%, rgba(216,203,92,1) 50%, rgba(114,209,112,1) 100%);;
    border-radius: 5px;
    padding: 2px 5px;
}
.video .emojisBotoes .range input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 20px;
    cursor: pointer;
    -webkit-animation: 0.2s;
    animation: 0.2s;
    background: rgb(201,42,66);
    background: linear-gradient(90deg, rgba(201,42,66,1) 0%, rgba(216,203,92,1) 50%, rgba(114,209,112,1) 100%);;
    border-radius: 5px;
    padding: 2px 5px;
}
.video .emojisBotoes .range input[type=range]::slider-thumb {
    height: 15px;
    width: 15px;
    border-radius: 100%;
    background: #fff;
    cursor: pointer;
    -webkit-appearance: none;
}
.video .emojisBotoes .range input[type=range]::-webkit-slider-thumb {
    height: 15px;
    width: 15px;
    border-radius: 100%;
    background: #fff;
    cursor: pointer;
    -webkit-appearance: none;
}
.video .emojisBotoes .range input[type="submit"]{
    position: relative;
    top: -13px;
    background-color: #5CCEBF;
    border:none;
    color: #fff;
    border-radius: 5px;
    padding: 10px 20px;
    font-family: 'Fira-Sans-Regular';
    font-size: 13px;
    cursor: pointer;
}
.video .emojisBotoes .aplausos{
    width: 50px;
    height: 50px;
    background-color: #FFFFFF;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.14), 0px 36.5016px 29.2013px rgba(0, 0, 0, 0.0965974), 0px 17.7209px 14.1767px rgba(0, 0, 0, 0.0778807), 0px 8.6871px 6.94968px rgba(0, 0, 0, 0.0621193), 0px 3.43489px 2.74791px rgba(0, 0, 0, 0.0434026);
    position: relative;
    top:10px;
    border-radius: 100px;
    background-image: url(../img/emojis/e-clap2.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color ease 0.5s;
    -moz-transition: background-color ease 0.5s;
    -o-transition: background-color ease 0.5s;
    -webkit-transition: background-color ease 0.5s;
    -ms-transition: background-color ease 0.5s;
    cursor: pointer;
}
.video .emojisBotoes .aplausos .contador{
    background-color: red;
    display: table;
    padding: 2px 4px;
    border-radius: 50px;
    font-size: 11px;
    color: #fff;
    position: absolute;
    top:0px;
    right: 0px;
}
.video .emojisBotoes .aplausos:hover{
    background-color: #212D3F;
}

.video .botoes a{
    background-color: #5CCEBF;
    color: #FFFFFF;
    padding:10px 20px;
    margin-left: 10px;
    border-radius: 5px;
}
.responsive-iframe{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 90px;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 14px;
}
.blocoChat{
    width: 22%;
    height: calc(100vh - 55px);
    float:right;
    margin-top:-30px;
    background: rgb(33,45,63);
    background: linear-gradient(0deg, rgba(33,45,63,1) 0%, rgba(56,75,97,1) 100%);
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.19), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.136582), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.11326), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.095), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0767396), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0534177);
    overflow-y: scroll;
}
.blocoChat::-webkit-scrollbar{
    width: 7px;
}
.blocoChat::-webkit-scrollbar-track{
    padding: 0px 3px;
}
.blocoChat::-webkit-scrollbar-thumb{
    background-color: #8094B5;
    border-radius: 20px;
}



.tabs{
    width: 100%;
    position: relative;
}
.tabs ul{

}
.tabs ul li{
    float: left;
    width: 100%;
}
.tabs label{
    width: 100%;
    color: #7F91A8;
    cursor: pointer;
    padding: 15px 10px 10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom:1px solid #8094B5;
}
.radio_tabs:checked ~ label{
    border-bottom:4px solid #5CCEBF;
}
.radio_tabs{
    display: none;
}
.tabs ul li .content{
    width: 100%;
    position: absolute;
    left: 0;
    top:40px;
    display: none;
    padding: 25px 0px 90px 0px;
}
.radio_tabs:checked ~ .content{
    display: block;
}

.tabs ul li .content .participantes{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

span.i-networking{
    width: 24px;
    height: 24px;
    background-image: url(../img/i-networking.png);
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px;
}
span.i-chat{
    width: 24px;
    height: 24px;
    background-image: url(../img/i-chat.png);
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px;
}
.tabs ul li .content .participante{
    width: 65px;
    padding:0px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}
.tabs ul li .content .participante .notificacao{
    position: absolute;
    color: #fff;
    padding: 3px 5px;
    font-size: 10px;
    background-color: #E11515;
    bottom:17px;
    right:7px;
    border-radius: 3px;
}
.tabs ul li .content .participante .avatar{
    width: 48px;
    height: 48px;
    background-color: #5CCEBF;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.14), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.10064), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.083455), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.07), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.056545), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0393604);
    border-radius: 14px;
    padding: 2px;
}
.tabs ul li .content .participante .avatar img{
    width: 100%;
    border-radius: 14px;
}
.tabs ul li .content .participante span.nome{
    font-size: 11px;
    color: #8094B5;
    margin-top: 8px;
    text-align: center;
    display: block;
}
.tabs .busca{
    width: 100%;
    padding: 0px 20px;
    margin:5px 0px 20px 0px;
    position: relative;
}
.tabs .busca input[type="text"]{
    width: 100%;
    background-color: #394C63;
    border:none;
    border-radius: 5px;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.14), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.10064), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.083455), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.07), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.056545), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0393604);
    padding: 13px 15px;
    outline: none;
    color: #8094B5;
}
.tabs .busca input[type="text"]::placeholder{
    color: #8094B5;
}
.tabs .busca input[type="text"]:-ms-input-placeholder{
    color: #8094B5;
}
.tabs .busca input[type="text"]::-ms-input-placeholder{
    color: #8094B5;
}
.tabs .busca button{
    width: 24px;
    height: 24px;
    background-image: url(../img/i-busca.png);
    background-repeat: no-repeat;
    border:none;
    background-color: transparent;
    position: absolute;
    right: 25px;
    top:10px;
    cursor: pointer;
}

.tabs .chatList{
    width: 100%;
    height: calc(100vh - 260px);
    overflow-y: scroll;
    position: relative;
    padding-bottom: 20px;
    scrollbar-width: thin;
    scrollbar-color: rgb(33,45,63) transparent;
}

.tabs .chatList::-webkit-scrollbar{
    width: 7px;
}
.tabs .chatList::-webkit-scrollbar-track{
    padding: 0px 3px;
}
.tabs .chatList::-webkit-scrollbar-thumb{
    background-color: #8094B5;
    border-radius: 20px;
}
.tabs form#chatGeral{
    position: absolute;
    bottom: 35px;
    width: 100%;
    z-index: 9999;
    padding: 10px;
    box-shadow: 0px -5px 80px rgba(0, 0, 0, 0.13), 0px -5px 24.1177px rgba(0, 0, 0, 0.0847066), 0px -5px 10.0172px rgba(0, 0, 0, 0.065), 0px -5px 3.62304px rgba(0, 0, 0, 0.0452935);
}
.tabs form#chatGeral .contentTextarea{
    width: 100%;
    position: relative;
    /* display: flex; */
    align-items: center;
}
.tabs form#chatGeral .contentTextarea span.i-enviar{
    width: 24px;
    height: 24px;
    background-image: url(../img/i-enviar.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    top:14px;
}
.tabs form#chatGeral textarea{
    width: 100%;
    resize: none;
    border-radius: 14px;
    background-color: #394C63;
    outline: none;
    border:none;
    padding: 10px 40px 10px 10px;
    color:#8094B5;
}
.tabs form#chatGeral textarea::placeholder{
    color: #8094B5;
}
.chatList .mensagens{
    width: 100%;
    padding: 10px 15px;

}
.chatList .mensagens .msg{
    width: 100%;
    color:#7F91A8;
    padding-top: 5px;
    word-break: break-all;
}
.chatList .mensagens .quemEnviou{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.chatList .mensagens .quemEnviou .avatar{
    width: 25px;
    height: 25px;
    margin-right: 5px;
}
.chatList .mensagens .quemEnviou .avatar img{
    width: 100%;
    border-radius: 5px;
}
.chatList .mensagens .quemEnviou span.nome{
    font-family: 'Fira-Sans-Bold';
    color: #8094B5;
}
.chatList .mensagens .msg p{
    line-height: 1.2;
    font-size: 12px;
}


/*
.tabs .chatList li{
    width: 100%;
    float: none;
    position: relative;
    padding: 5px 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 8px 15px 8px 0px;
}
.tabs .chatList ul li:hover{
    background-color:#41546B;
    cursor: pointer;
}
.tabs .chatList ul li .chatPessoa{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding-left: 15px;
}
.tabs .chatList ul li .chatPessoa .avatar{
    width: 48px;
    height: 48px;
    background-color: #5CCEBF;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.14), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.10064), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.083455), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.07), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.056545), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0393604);
    border-radius: 14px;
    padding: 2px;
}
.tabs .chatList ul li .chatPessoa img{
    width: 100%;
    border-radius: 14px;
}
.tabs .chatList ul li .chatPessoa span.nome{
    font-size: 12px;
    color: #8094B5;
    text-align: center;
    display: block;
    margin-left: 5px;
}
.tabs .chatList ul li span.i-ver{
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(../img/i-ver.png);
    background-repeat: no-repeat;
    visibility: hidden;
    opacity: 0;
    transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
}
.tabs .chatList ul li:hover > span.i-ver{
    visibility: visible;
    opacity: 1;
}
*/

.canalChat{
    width: 500px;
    height: 100%;
    min-height: 100%;
    background: rgb(33,45,63);
    background: linear-gradient(0deg, rgba(33,45,63,1) 0%, rgba(56,75,97,0.9) 100%);position: absolute;
    top:0;
    right: -500px;
    display: none;
    z-index: 9999;
    position: absolute;
    overflow-y: scroll;
    font-size: 12px;
    transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
}
.canalChat .container_chat{
    position: relative;
    padding-top: 40px;
    width: 100%;
    height: 100%;
}
.canalChat .container_chat .clear{
    height: 120px;
}
.canalChat .container_chat form{
    padding: 0px 15px;
    position: fixed;
    z-index: 9000;
    bottom: 10px;
    right: 5px;
    width: 500px;
    float: left;
}
.canalChat .container_chat form span.i-enviar{
    width: 24px;
    height: 24px;
    background-image: url(../img/i-enviar2.png);
    background-repeat: no-repeat;
    position: absolute;
    top:10px;
    right: 20px;
}
.canalChat form textarea{
    width: 100%;
    resize: none;
    height: 45px;
    background-color: #6E82A1;
    border-radius: 14px;
    padding: 10px 30px 10px 10px;
    outline: none;
    border:none;
}
.canalChat form textarea::placeholder{
    color: #212D3F;
}
.canalChat::-webkit-scrollbar{
    width: 7px;
}
.canalChat::-webkit-scrollbar-track{
    background: #8094B5;
    padding: 0px 3px;
}
.canalChat::-webkit-scrollbar-thumb{
    background-color: #394C63;
    border-radius: 20px;
}
.canalChat .barraFechar{
    width: 100%;
    height: 40px;
    background-color: #212D3F;
    position: fixed;
    top: 0;
    z-index: 9900;
    color: #6E82A1;
    display: flex;
    align-items: center;
    padding-left: 20px;
}
.canalChat .barraFechar strong{
    font-family: 'Fira-Sans-Bold';
}
.canalChat .barraFechar span.i-close{
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(../img/i-close.png);
    position: fixed;
    top: 8px;
    right: 10px;
    cursor: pointer;
}
.canalChat .pessoa{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    align-items:stretch;
}
.canalChat .pessoa .avatar{
    width: 50px;
    height: 50px;
    max-width: 50px;
    min-width: 50px;
    background-color: #5ccebf;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.14), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.10064), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.083455), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.07), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.056545), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0393604);
    border-radius: 14px;
    padding: 2px;
}
.canalChat .pessoa .avatar img{
    width: 100%;
    border-radius: 14px;
}
.canalChat .pessoa .mensagem{
    width: auto;
    height: auto;
    padding: 10px 10px 5px 10px;
    position: relative;
    background-color: #056162;
    color: #AEC8C9;
    border-radius: 14px;
    display: table;
    margin-left: 20px;
    z-index: 9000;
}
.canalChat .pessoa .mensagem p{
    position: relative;
    z-index: 9999;
    margin-bottom: 5px;
    line-height: 1.2;
}
.canalChat .pessoa .mensagem:before{
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background-color: #056162;
    transform: rotate(45deg);
    position: absolute;
    top:7px;
    left:-3px;
    z-index: 8000;
}

.canalChat .voce{
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-top: 20px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
}
.canalChat .voce .avatar{
    width: 50px !important;
    max-width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    background-color: #5ccebf;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.14), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.10064), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.083455), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.07), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.056545), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0393604);
    border-radius: 14px !important;
    padding: 2px !important;

}
.canalChat .voce .avatar img{
    width: 100%;
    border-radius: 14px;
}
.canalChat .voce .mensagem{
    width: auto;
    height: auto;
    padding: 10px 10px 5px 10px;
    position: relative;
    background-color: #52B5A8;
    color: #212D3F;
    border-radius: 14px;
    display: table;
    margin-right: 20px;
    z-index: 9000;
}
.canalChat .voce .mensagem p{
    position: relative;
    z-index: 9999;
    margin-bottom: 5px;
}
.canalChat .voce .mensagem:before{
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background-color: #52B5A8;
    transform: rotate(45deg);
    position: absolute;
    top:7px;
    right:-3px;
    z-index: 8000;
}

/* GALERIA LIVES */
.galeriaVideos{
    margin-top: 20px;
    padding-bottom: 100px;
    position: relative;
    width: 77%;
    float: left;
}
.galeriaVideos .videosGaleria{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.galeriaVideos .gravacao{
    width: 33.33333333333333%;
    min-height: 240px;
    padding: 10px 10px 50px 10px;
    justify-content: center;

}
.galeriaVideos .gravacao .mask{
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
}
.galeriaVideos .gravacao .mask .block{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    cursor: pointer;
}

.galeriaVideos .gravacao .mask iframe{
    width: 100%;
    height: 100%;
    border-radius: 14px;
}

span.tituloVideo{
    display: block;
    width: 100%;
    height: 50px;
}

/* SOCIAL */
.containerSocial{
    position: relative;
    width: 77%;
    float: left;
}
.blocoSocial{
    max-width: 590px;
    height: auto;
    margin:30px auto;
    padding-bottom: 100px;
}
.blocoSocial form{
    display: block;
}
.blocoSocial form .avatarTextarea{
    display: flex;
}
.blocoSocial form .avatar{
    width: 70px;
    max-width: 70px;
    min-width: 70px;
    height: 70px;
    background-color: #5ccebf;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.14), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.10064), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.083455), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.07), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.056545), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0393604);
    border-radius: 14px;
    padding:3px;

}
.blocoSocial form .avatar img{
    width: 100%;
    border-radius: 14px;
}
.blocoSocial form textarea{
    width: 100%;
    min-height: 70px;
    resize: none;
    border:thin solid #ECECEC;
    border-radius: 14px;
    padding:10px;
    outline: none;
    overflow:hidden;
    margin-left: 15px;
}
.blocoSocial .btsPublicar{
    float: right;
    display: flex;
    margin-top: 10px;
}
.blocoSocial .btsPublicar a.btPublicar{
    color: #fff;
    background-color: #5CCEBF;
    padding: 13px 40px;
    border-radius: 5px;
    display: inline-block;
    text-transform: uppercase;
    margin-left: 5px;
}

.blocoSocial .btsPublicar a.btFoto{
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image:url(../img/i-imagem.png);
    background-position:center;
    background-repeat: no-repeat;
    border-radius: 5px;

}

.insertFoto input[type="file"]{
    display: none;
}
.insertFoto label{
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    position: relative;
    display: table;
    padding: 6px 10px;
    background-color: #ddd;
}

.insertFoto2 label{
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    position: relative;
    display: table;
    padding: 10px 10px;
    background-color: #5ccebf;
}

span.btFoto{
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image:url(../img/i-imagem.png);
    background-position:center;
    background-repeat: no-repeat;
    border-radius: 5px;
}

.blocoSocial .btsPublicar a.btFoto{
    padding: 0px 20px;
    display: inline-block;
    background-image:url(../img/i-imagem.png);
    background-position:center;
    background-repeat: no-repeat;
    background-color: #ddd;
    border-radius: 5px;
    border:thin solid #ccc;

}
.blocoSocial .postagens{
    width: 100%;
    min-height: 300px;
    background-color: #FFFFFF;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.13), 0px 30.1471px 24.1177px rgba(0, 0, 0, 0.0847066), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.065), 0px 4.5288px 3.62304px rgba(0, 0, 0, 0.0452935);
    border-radius: 14px;
    margin-top: 80px;
    border: thin solid #ECECEC;
    padding: 20px;
}
.blocoSocial .postagens .perfilPostagem{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.blocoSocial .postagens .perfilPostagem .avatar{
    width: 50px;
    height: 50px;
    border-radius: 14px;
    background-color: #5CCEBF;
    padding: 3px;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.14), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.10064), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.083455), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.07), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.056545), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0393604);

}
.blocoSocial .postagens .perfilPostagem .avatar img{
    width: 100%;
    border-radius: 14px;
}
.blocoSocial .postagens .perfilPostagem .dados{
    margin-left: 10px;
}
.blocoSocial .postagens .perfilPostagem .dados span{
    display: block;
}
.blocoSocial .postagens .perfilPostagem .dados span.nome{
    font-family: 'Fira-Sans-Bold';
    font-size: 14px;
    color: #8094B5;
    margin-bottom: 4px;
}
.blocoSocial .postagens .perfilPostagem .dados span.data{
    color: #36485E;
}
.blocoSocial .postagens .postagem{
    margin-top: 15px;
    border-bottom:thin solid #ECECEC;
}
.blocoSocial .postagens .postagem .hearts{
    position: relative;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}
.blocoSocial .postagens .postagem .hearts .container-hearts{
    font-size: 12px;
    margin-left: 5px;
}
.blocoSocial .postagens .postagem .hearts .heart{
    cursor: pointer;
}
.blocoSocial .postagens .postagem p{
    line-height: 1.2;
    color: #737373;
    margin-bottom: 10px;
}
.blocoSocial .postagens form{
    display: flex;
}
.blocoSocial .postagens form.escrevaComentario{
    margin-top: 20px;
}
.blocoSocial .postagens form.escrevaComentario .avatar{
    width: 42px;
    height: 42px;
    max-width: 42px;
    min-width: 42px;
}
.blocoSocial .postagens form.escrevaComentario .avatar img{
    width: 100%;
}
.blocoSocial .postagens form.escrevaComentario textarea{
    width: 90%;
    min-height: 42px;
    background-color: #F7F7F7;
}
.blocoSocial .postagens .comentario{
    width: 100%;
    margin-top: 15px;
    display: flex;
}
.blocoSocial .postagens .comentario .avatar{
    width: 42px;
    height: 42px;
    max-width: 42px;
    min-width: 42px;
    padding: 3px;
    background-color: #5CCEBF;
    border-radius: 14px;
}
.blocoSocial .postagens .comentario .avatar img{
    width: 100%;
    border-radius: 14px;
}
.blocoSocial .postagens .comentario .conteudoComentario{
    background-color: #F7F7F7;
    border:thin solid #ececec;
    border-radius: 14px;
    width: 91%;
    margin-left: 15px;
    padding: 10px;
}
.blocoSocial .postagens .comentario .conteudoComentario span.nome{
    display:block;
    font-family: 'Fira-Sans-Bold';
    color: #36485E;
    margin-bottom: 5px;
}
.blocoSocial .postagens .comentario .conteudoComentario p{
    line-height: 1.2;
    color: #737373;
}

/* HOME */
.blocoHome{
    width: 100%;
    padding: 0px 30px;
    padding-bottom: 80px;
}
.bannerPrincipal{
    width: 100%;
}

.bannerPrincipal .banner{
    padding: 10px;
    margin-bottom: 30px;
    width: 100%;
    max-height: none;
    overflow: visible;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.13), 0px 30.1471px 24.1177px rgba(0, 0, 0, 0.0847066), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.065), 0px 4.5288px 3.62304px rgba(0, 0, 0, 0.0452935);
    border-radius: 14px;
}
.bannerPrincipal .banner img{
    width: 100%;
    max-height: 700px;
    object-fit: contain;
    border-radius: 14px;
    position: relative;
    top:0px;
    transition: top ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: top ease 0.5s;
    -webkit-transition: top ease 0.5s;
    -ms-transition: top ease 0.5s;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.11), 0px 36.5016px 29.2013px rgba(0, 0, 0, 0.075898), 0px 17.7209px 14.1767px rgba(0, 0, 0, 0.061192), 0px 8.6871px 6.94968px rgba(0, 0, 0, 0.048808), 0px 3.43489px 2.74791px rgba(0, 0, 0, 0.034102);
}
.bannerPrincipal .banner img:hover{
    top:-20px;
}
.bannerPrincipal .banner .bannerDescription{
    margin: 14px 6px 6px 6px;
    /* color: #737373; */
    line-height: 1.3;
}
.blocos{
    width: 100%;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
}
.blocos::after{
    content: "";
    display: block;
    clear: both;
}
.blocos .bannerPrincipal{
    width: 100%;
    clear: both;
}
.blocos .bloco{
    width: 33.33333333333333%;
    float: left;
    padding: 0px 20px;
    margin-bottom: 30px;
}
.blocos .bloco .content{
    width: 100%;
    height: auto;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.13), 0px 30.1471px 24.1177px rgba(0, 0, 0, 0.0847066), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.065), 0px 4.5288px 3.62304px rgba(0, 0, 0, 0.0452935);
    border-radius: 14px;
    padding: 10px 10px 20px 10px;
    position: relative;
}
.blocos .bloco .content .img{
    width: 100%;
    position: relative;
    padding-top: 20px;
}
.blocos .bloco .content .img img{
    position: relative;
    top:0px;
    width: 100%;
    border-radius: 14px;
    transition: top ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: top ease 0.5s;
    -webkit-transition: top ease 0.5s;
    -ms-transition: top ease 0.5s;
    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.11), 0px 36.5016px 29.2013px rgba(0, 0, 0, 0.075898), 0px 17.7209px 14.1767px rgba(0, 0, 0, 0.061192), 0px 8.6871px 6.94968px rgba(0, 0, 0, 0.048808), 0px 3.43489px 2.74791px rgba(0, 0, 0, 0.034102);
}
.blocos .bloco .content .img img:hover{
    top:-20px;
}
.blocos .bloco .content h2{
    font-size: 20px;
    display: block;
    margin-top: 10px;
    color: #243241;
}
.blocos .bloco .content .contentDescription,
.bannerPrincipal .banner .bannerDescription{
    line-height: 1.3;
    color:#243241;
}
.blocos .bloco .content .contentDescription p,
.bannerPrincipal .banner .bannerDescription p{
    margin: 0 0 8px 0;
}
.blocos .bloco .content .contentDescription ul,
.bannerPrincipal .banner .bannerDescription ul{
    list-style: disc;
    margin: 8px 0 8px 20px;
    padding-left: 14px;
}
.blocos .bloco .content .contentDescription ol,
.bannerPrincipal .banner .bannerDescription ol{
    list-style: decimal;
    margin: 8px 0 8px 20px;
    padding-left: 14px;
}
.blocos .bloco .content .contentDescription li,
.bannerPrincipal .banner .bannerDescription li{
    margin-bottom: 4px;
}

@media screen and (max-width:1650px){
    .video .emojisBotoes{
        width: 100% !important;
        display: table !important;
        bottom: -120px !important;
    }
    .video .emojisBotoes .emojis{
        float: left;
    }
    .video .emojisBotoes .range{
        float: right;
    }
    .video .emojisBotoes .aplausos{
        clear: both;
        float: left;
        margin-top: 20px;
    }
    .video .emojisBotoes .botoes{
        float: right;
        margin-top: 20px;
    }

}
@media screen and (max-width:1400px){
    .tabs .chatList{
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        position: relative;
        padding-bottom: 50px;
    }
    .blocoChat{
        margin-top: 150px !important;
        border:5px solid #161F2B;
    }
}

@media screen and (max-width: 1200px){
    .video .emojisBotoes{
        width: 100% !important;
        display: table !important;
        bottom: -120px !important;
    }
    .video .emojisBotoes .emojis{
        float: left;
    }
    .video .emojisBotoes .range{
        float: right;
    }
    .video .emojisBotoes .aplausos{
        clear: both;
        float: left;
        margin-top: 20px;
    }
    .video .emojisBotoes .botoes{
        float: right;
        margin-top: 20px;
    }

}

@media screen and (max-width: 950px){
    .blocos{
        padding: 0px;
    }
    .blocos .bloco{
        width: 100%;
        padding: 0px;
       float: none;
       margin-bottom: 40px;
    }

    .blocos .bloco .content .img{
        width: 100%;
        position: relative;
        padding-top: 20px;
    }
    .blocos .bloco .content .img img{
        position: relative;
        top:0px;
        width: 100%;
        border-radius: 14px;
        transition: top ease 0.5s;
        -moz-transition: all ease 0.5s;
        -o-transition: top ease 0.5s;
        -webkit-transition: top ease 0.5s;
        -ms-transition: top ease 0.5s;
        box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.11), 0px 36.5016px 29.2013px rgba(0, 0, 0, 0.075898), 0px 17.7209px 14.1767px rgba(0, 0, 0, 0.061192), 0px 8.6871px 6.94968px rgba(0, 0, 0, 0.048808), 0px 3.43489px 2.74791px rgba(0, 0, 0, 0.034102);
    }
    .blocos .bloco .content .img img:hover{
        top:-20px;
    }
    .blocos .bloco .content h2{
        font-size: 20px;
        display: block;
        margin-top: 10px;
        color: #243241;
    }
    .blocos .bloco .content .contentDescription,
    .bannerPrincipal .banner .bannerDescription{
        line-height: 1.3;
        color:#243241;
    }

}

@media screen and (max-width:900px){
    .imgCertificado{
        float: none;
        width: 100%;
    }
    .formProfile{
        float: none;
    }
    .blocoCertificado{
        display: block;
    }
}

@media screen and (max-width:800px){
    .modal{
        padding: 30px;
    }
    .video .emojisBotoes{
        width: 100% !important;
        display: table !important;
        bottom: -120px !important;
    }
    .video .emojisBotoes .emojis{
        float: none;
        width: 100%;
    }
    .video .emojisBotoes .range{
        float: none;
        width: 100%;
        margin-top: 10px;
    }
    .video .emojisBotoes .range input[type="range"]{
        width: 100%;
    }
    .video .emojisBotoes .aplausos{
        float: none;
        display: table;
        margin:10px auto 0px auto;
    }
    .video .emojisBotoes .botoes{
        clear: both;
        float: none;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        top:0px;
    }
    .video .emojisBotoes .botoes a{
        margin-bottom: 5px;
    }
    .blocoChat{
        margin-top: 150px !important;
        border:5px solid #161F2B;
    }
}

@media screen and (max-width:600px){
    .container_content{
        width: 100%;
    }
    .container_content .btMenu{
        left: 20px;
        top:10px;
    }
    .allContent{
        padding-left: 20px;
        margin-top: 40px;
    }
    .allContentLive{
        padding-left: 20px;
        margin-top: 40px;
    }
}

@media screen and (max-width:500px){
    .interacao .btn{
        float: none;
        display: table;
        margin:0 auto;
    }
    .interacao span{
        float: none;
        display: block;
        text-align: center;
        margin-left: 0px;
    }
}
@media screen and (max-width: 1310px){
    .interacao .btn{
        float: none;
    }
    .interacao span{
        display: block;
        color: #94A6C0;
        padding-top: 8px;
        margin-left: 0px;
    }
    .idiomas{
        max-width: 100px;
        height: auto;
        overflow: hidden;
        position: relative;
        border:thin solid #7F91A8;
        padding: 4px 10px 4px 10px;
        border-radius: 15px;
        transition: all ease 0.5s;
        -moz-transition: all ease 0.5s;
        -o-transition: all ease 0.5s;
        -ms-transition: all ease 0.5s;
        -webkit-transition: all ease 0.5s;
        cursor: pointer;
        display: table;
    }
    .idiomas:hover{
        background-color: #394C63;
    }
    .idiomas span{
        display: block;
        color: #7F91A8;
        position: relative;
        top:0;
        text-align: center;
    }
    span.i-idiomas{
        position: relative;
        top: inherit;
        display: block;
        width: 24px;
        height: 24px;
        background-image: url(../img/i-idiomas.png);
        background-position: center center;
        margin:0px auto 5px auto;
    }
}
@media screen and (max-width:800px){
    .barraBottom{
        display: table;
        align-items: inherit;
        justify-content: inherit;
    }
    .interacao{
        display: table;
        margin:0px auto 10px auto;
    }
    .interacao .btn{
        width: 60px;
        height: 24px;
        background-color: #fff;
        border-radius: 50px;
        padding: 2px;
        position: relative;
        float: none;
        display: table;
        margin:0 auto;
    }
    .mensagemFixa{
        max-width: 100%;
        padding: 0px 10px;
        color: #94A6C0;
        line-height: 1.3;
        text-align: center;
    }
    .idiomas{
        max-width: 100%;
        width: 100%;
        height: 35px;
        margin-top: 10px;
    }
}

.correct{
    background-color: #5ccebf !important;
    color: #fff;
}
.incorrect{
    background-color:#E74C3C !important;
}

.title-pag{
    margin-bottom: 20px;
}