@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');

*{
	margin:0;
	padding:0;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			vertical-align:middle;
}
body,html{height:100%;}
body{font-family: 'Roboto', sans-serif; font-size:1em; color:#737384; background: #000;}
h1,h2,h3,h4,h5,h6{ font-weight:400;}
p{line-height:1.2em; letter-spacing:0;}
ul,li,ol{list-style:none;}
a{text-decoration:none}

::-webkit-scrollbar{width:7px; height:7px}
::-webkit-scrollbar-thumb { background:blue;border-radius:5px}
::-webkit-scrollbar-track { background:#444}


.site{}
.base-topo{padding: 0;width: 100%;  background: black;  margin-bottom:-1px;position:inherit;top:0;z-index:100;transition:linear .4s all}
.base-topo.topo-auxiliar{background:#000;transition:linear .4s all}
.base-principal{width:100%;margin-top:4rem}

.cad{background: #4b5156;    border-radius: 7px;    padding: 10px 1rem;}
.cad.alt{background: #f4f4f4}
/**/
.inscrito{position:relative;}
.inscrito:before{
	content:"Inscrito";	
	position:absolute;
	background:#08bf08;
	color:#fff;
	right:0;
	top:0;
	display:inline-block;
	z-index:1;
	box-shadow: 0 0 5px 0 #000;
    padding: 0.3rem 0.6rem;
    padding-left: 1.3rem;
    border-radius: 0 0 0 50px;
    text-transform: uppercase;
}

.nao-inscrito{position:relative;}
.nao-inscrito:before{
	content:"Não inscrito";	
	position:absolute;
	background:#e13906;
	color:#fff;
	right:0;
	top:0;
	display:inline-block;
	z-index:1;
	box-shadow: 0 0 5px 0 #000;
    padding: 0.3rem 0.6rem;
    padding-left: 1.3rem;
    border-radius: 0 0 0 50px;
    text-transform: uppercase;
}


/*galeria imagens*/
.galeria-imagens.formacao{grid-template-columns: repeat(4,1fr);}
.galeria-imagens{
	display:grid;
	grid-template-columns: repeat(5,1fr);
	grid-auto-rows:auto;
	grid-gap:15px;
}
.galeria-imagens .item-galeria{	position:relative;display:grid}
.galeria-imagens .item-galeria img{width:100%;height:100%;object-fit:cover}

.galeria-imagens .cx .base-btn {display:grid!important;  bottom: 0!important; top: 0; align-items: center!important; justify-content: center;}

.h-1{grid-row: span 1}
.h-2{grid-row: span 2}
.h-3{grid-row: span 3}

.w-1{grid-column: span 1}
.w-2{grid-column: span 2}

.base-topo .conteudo{
        max-width: 100%;
    align-items: center;
    padding: 15px 44px 15px 14px;
    margin: inherit;
    display: flex;
    justify-content: left;
	margin:0 auto
}
.container-geral.nova .base-topo .conteudo{max-width:100%}
.base-topo .conteudo .menu-topo{display:flex;margin-right: 0;}
.base-topo .menu-topo li{display:inline-block;text-transform: uppercase;font-size:.78rem!important}}
.base-topo .menu-topo li a.btn-outline-laranja{    border: solid 1px #ff6912;  text-transform: uppercase;  margin-right: 1rem; margin-left: 3rem;border-radius:50px}
.base-topo .menu-topo li a.btn-amarelo{border: solid 1px #f07c00;  text-transform: uppercase;    background: #ff9c00;   color: #ffffff!important;border-radius:50px}
.base-topo .menu-topo li a{display:block;padding:10px 10px;color:#fff;}

.base-topo .menu-topo li.sub .thumb{position:relative;width:37px;height:37px;display:block;background:#007fbb;border-radius:3px;padding:0;}
.base-topo .menu-topo li.sub .thumb::after{position:absolute;content:"";border:solid 5px transparent;border-top:solid 5px #fff; right: -17px;top: 17px;}
.base-topo .menu-topo li.sub .thumb img{width:37px;height:37px;overflow:hidden;border-radius:3px}

.base-topo .menu-topo li.sub:hover ul{opacity:1;visibility:visible; transition:opacity 0.4s ease-in-out}
.base-topo .menu-topo li.sub ul{    transform: translateY(-5px);display:block; transition:opacity 0.4s ease-in-out; opacity: 0;  visibility: hidden; position: absolute; top: 56px; background: #000000e3;  border-radius: 5px; width: 205px; right: 49px; right: 27px; z-index: 200; box-shadow: 0 0 8px 0 #747070cf;}
.base-topo .menu-topo li.sub ul li{display:block;border-bottom: solid 1px #dddddd1c;}
.base-topo .menu-topo li.sub ul li:hover{background:#111111c7;transition:all .4s linear}
.base-topo .menu-topo li.sub ul li:last-child{border-bottom: 0;}
.base-topo .menu-topo li.sub ul li a{padding:15px}

.base-topo .menu-topo li.sub ul.sub_2{right:113px;width: 328px;height:392px;overflow-y:auto}
.base-topo .menu-topo li.sub ul.sub_2 li{text-align:left}
.base-topo .menu-topo li.sub ul.sub_2 .thm_capa{margin-right:10px}
.base-topo .menu-topo li.sub ul.sub_2 small,
.base-topo .menu-topo li.sub ul.sub_2 span
{display:block;padding:2px 0}
.base-topo .menu-topo li.sub ul.sub_2 .thm_capa img{height: 100px;}

.bell{padding: 7px 0px 6px 0; margin-right: 1.4rem;position:relative}
.bell .notifica{position: absolute; background: red; color: #fff; border-radius: 50px; top: 0px; right: 7px; padding: 0.1rem 0.4rem;}

.base-topo .mobmenu {display:none; cursor: pointer;   position: absolute;  right: 12px; top: 12px; font-size: 1.9rem; color: #ffffffe8; z-index: 1;}
.menu-lateral{
	position:fixed;
	left:0;
	bottom:0;
	width:15%;
	flex:0 15%;
	top:0;
	background:#000030;
	transition: .3s linear all;
	transform: translateX(0);
	transition: .3s linear all;
	z-index:300
}
.menu-m{display:none}
.base-topo .logo{  display: block; height: 34px; width: 146px;background:url(../img/logo2.png) no-repeat;background-size:contain;}
.conteudo{display:block;width:1412px;margin:0 auto; max-width: 100%;}
.menu-lateral.veraulas{ background: #030304;border-right:solid 1px #484848}

.backAulas .container-geral {  margin-left: 15px;}
.backAulas .container-geral .conteudo {  margin: 0 auto;}
.AddBody .backAulas .container-geral {padding-left: 280px;transition:all .2s linear}


.menu-lateral.veraulas { top: 0;transform: translateX(calc(200px - 476px)); width: 236px;}
.menu-lateral.veraulas .logo{margin-top: 2rem; display: block; height: 34px;  width: 164px;  background: url(../img/logo2.png) no-repeat;  background-size: contain;}
.menu-lateral.nova{transform: translateX(-165px);transition: .3s linear all;}
.menu-lateral.nova .item-menu {  padding-right: 0; transition: all .3s linear;}
.menu-lateral .item-menu li:hover, 
.menu-lateral.nova .item-menu li:hover 
{background: #0000005c;  transition: all .3s linear;}
.item-menu.nova span{transition: .3s linear all;}
.item-menu.nova li i{ margin-left:159px!important; position: relative;transition:margin .3s;font-size: 1.2rem;}

.menu-lateral .logo{   width: 100%;    margin: 0 auto;    text-align: center;    display: block;    padding: 30px 0;}
.menu-lateral .item-menu{ padding: 3rem 0;    /*max-height: 570px;*/margin-top: 3rem;}
.menu-lateral .item-menu li{position:relative;transition: all .3s linear; display:block;padding:15px 0}
.menu-lateral .item-menu li a{ color:#fff;display:block;padding: 0 1.5rem;}
.menu-lateral .item-menu li i{margin: 0 8px;}
.menu-lateral .mobmenu { cursor:pointer;   position: absolute;    right: 12px;    top: 10px;    font-size: 1.5rem;    color: #ffffffe8;}
.menu-lateral .checkmenu {border-radius: 0 20px 20px 0;width:39px;height:40px;background:#1b1b6e url(../img/icon-novo.svg) no-repeat;object-fit:contain;transition:rotate .4s; transform: rotate(0deg); cursor:pointer;   position: absolute;    right: 9px;    top: 10px;    font-size: 1.5rem; display:none;   color: #ffffffe8;transform: translateX(88px)}
.AddBody .menu-lateral .checkmenu.icon-novo {transform: rotate(180deg); right: -38px; border-radius: 50px 0 0 50px;background:#1b1b6e url(../img/icon-novo.svg) no-repeat;object-fit:contain;transition:rotate .4s linear}
.menu-lateral.nova .checkmenu {transform: rotate(0deg);transition:rotate .4s;}
.menu-lateral.nova .checkmenu.icon-novo {}
.remove-side,.expand-side{color:#fff;display:none}
.right-side{margin-top:1rem}
.menu-lateral.veraulas .buscaAulas{padding:1rem}
.menu-lateral.veraulas .buscaAulas form{display:flex;align-items:center;position:relative}
.menu-lateral.veraulas .buscaAulas form button{position: absolute;  right: 12px;  background: none;   border: 0;}
.menu-lateral.veraulas .form-campo {border-color:#e3e6ef!important;color:#fff; padding: 12px; background: none; border: solid 2px #335fddba; border-radius: 67px;}
.menu-lateral.veraulas .form-campo::placeholder{color:#fff;transition:opacity .4s linear}
.menu-lateral.veraulas .form-campo:focus::placeholder{opacity:0;transition:opacity .4s linear}
.menu-lateral.veraulas .item-menu { padding: 0rem;   /*max-height: 570px;*/   margin-top: 0rem;margin-left: 1.2rem;}
.menu-lateral.veraulas .ttacordeon {color:#fff;display:block;padding:1rem 0;transition:all .4s linear}
.menu-lateral.veraulas .ttacordeon:hover {cursor:pointer;opacity:.7;transition:all .4s linear}
.menu-lateral.veraulas .item-menu li{display: flex; align-items: baseline;border-left: solid 1px #ffffff70;}
.menu-lateral.veraulas .item-menu li:first-child{padding-top:0}
.menu-lateral.veraulas .item-menu li:before {content:url(../img/mod-assis.svg);position: relative; left: -8px;}
.menu-lateral.veraulas .item-menu li.assistido:before {content:url(../img/mod-check.svg);position: relative; left: -8px;}
.menu-lateral.veraulas .item-menu li.assistido a{color:#2db3d1}
.menu-lateral.veraulas .item-menu li a { padding: 0 .5rem 0 .3rem;}
.menu-lateral.veraulas .scroll_menu { max-height:440px;overflow-y:auto}
.base-topo.base_aulas .mobmenu { right: 33px;}
.base-topo.base_aulas { height: 72px;}

.Dobra.Assistir{padding-top:0}
.AddBody .menu-lateral.veraulas {transform: translateX(0px);width: 243px;}
.AddBody .menu-lateral .checkmenu { transform: translateX(47px);}

.menu-lateral.nova .item-menu li span {
    position: absolute;
    right: -135px;
    background: #000000b8;
    text-align: left;
    width: 136px;
    height: 54px;
    top: 0;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
	font-size:.8rem;
}

.menu-lateral.nova .item-menu li a:hover .menu-lateral.nova .item-menu li span{display:flex!important;z-index:2}

.container-geral{transition:margin .3s; -ms-flex-preferred-size: 0;    flex-basis: 0;    -ms-flex-positive: 1;    flex-grow: 1;    max-width: 100%;	margin: 0 15px;	margin-left: 0;}
.container-geral.nova{margin: 0 15px 0 15px;  transition: margin .3s;}

.w-6{width:1.5rem;}
.h-6{width:1.5rem;}


#grade{display:flex;justify-content:space-between; width: 100%;padding-left: 4rem;}
#grade .menu-mob{display:flex;}


.quandoForvideo.bannerTopo{
	background:#000 url(../banner/bg-bemvindo.png) no-repeat fixed;
	background-size:cover;
	padding-top:1rem;
	height:auto;
}
.quandoForvideo.bannerTopo img{
	position:inherit;
}
.quandoForvideo.bannerTopo:after{
	content:"";display:none
}
.quandoForvideo.bannerTopo .Dobra .cx .base-btn{
	opacity:1;visibility:visible
}

.bannerTopo{
	width:100%;	height:calc(100vh - 128px);text-align:center;
	background:#010101;
	/*overflow:hidden;
	clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 67% 100%, 0% 88%, 0% 98%, 0% 100%);*/
	position:relative;
	background-size:cover;
	background-repeat: no-repeat!important;
}
.bannerTopo .textoImage{
	display:flex;position: relative; height: 100%;z-index:5
}
.bannerTopo .topolinkposition{
	position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
	font-size:0rem
}
.bannerTopo .textoImage .texto{
	/*background: linear-gradient(108deg, black, #000000de 44%, transparent);
	background: -moz-linear-gradient(108deg, black, #000000de 44%, transparent);
	background: -o-linear-gradient(108deg, black, #000000de 44%, transparent);*/
   width: 100%;
    height: 100%;
    padding-right: 50%;
    display: grid;
    justify-content: start;
    padding-left: 0rem;
    align-items: end;
    padding-bottom: 7rem;
    padding-left: 4%;	
}
.bannerTopo .textoImage .texto .h5{
    font-size: 1.3rem!important;
    margin-bottom: 20px;
    display: block;
    font-weight: inherit;
}
.img-benvindo{display:none}

.botao_promocao{display:grid;background: #5151b7; color: #fff; width: 100%; padding: 0.7rem;text-align:center;justify-content:center;align-items:center;gap:10px;    padding-right: 4rem;}

.bannerTopo .textoImage .texto p{  line-height: 1.4rem;   font-size: 1rem;}
.container-geral.nova .bannerTopo .textoImage .texto{padding-bottom: 10rem;padding-left: 2rem;}
.container-geral.nova .bannerTopo .textoImage .texto h1{	font-size:4em;line-height:4rem;}
.marcacao{background: #ff5200;  display: inline-block;   padding: 0 0.4rem;   border-radius: 2px;}

.bannerTopo .textoImage .texto h1{position:relative;	font-size:3em;line-height:3rem;	text-align:left;font-weight:900;letter-spacing:-2px;color:#fff;margin-bottom: 1.9rem}
.bannerTopo .textoImage .texto h1 .tarja{position: absolute;
    width: 549px;
    height: 46px;
    background: url(../img/tarja.svg) no-repeat;
    bottom: -42px;
    left: 83px;
    z-index: -1;}
.bannerTopo .textoImage .btn.btn-azul:hover {  background: #3aa6eac7;}
.bannerTopo .textoImage .btn.btn-branco:hover {background: #ffffffcf!important;}
.bannerTopo .textoImage .btn { font-size:1.1rem;font-weight:7000; padding: 10px 20px;background:#000030;border-color:#000030!important}
.bannerTopo .textoImage .btn-azul { background:#4968d1;border-color:#4968d1!important}
.bannerTopo .textoImage .btn.btn-laranja {
    border: solid 1px #f07c00!important;
    background: #f07c00!important;
    color: #fff!important;
}

.container-geral.nova .bannerTopo{
	height:calc(100vh - 86px);background-repeat:no-repeat!important
}

.bannerTopo img{    position: absolute;    bottom:0;    width: 100%;    left: 0;    right: 0;	top:0;}

.fumacado{filter:drop-shadow(0 0 0.95rem red)}
.mask{transition:all .4s linear;opacity:0;}
.Dobra{	padding:2rem 0;width:100%;background:none;position: relative; z-index: 1;}
.Dobra .h3{font-size: 1.4rem!important;   margin-bottom: 3px;  color: #ffffffd1;  font-weight: bold;}
/*.Dobra .cx-coment{    box-shadow: 0 0 10px #e4e4e430;}*/
.Dobra .cx-coment img{border-radius: 4px;}

.Dobra .travado .base-btn{display:none!important}
.Dobra .travado .ico{position:absolute;left:10px;top:10px;width:40px;height:40px;border-radius:50px;background:#333 url(../img/cadiado.svg) no-repeat center;background-size: 50%; z-index: 2;transition:all .4s linear}
.Dobra .travado .ico:hover{background:#27c6ff url(../img/cadiado.svg) center no-repeat;background-size:50%;transition:all .4s linear}
.Dobra .cx{position:relative;transition:all .4s linear;}
.Dobra .cx .novo{position: absolute;  right: 0;  top: 0; background: red;  color: #fff; padding: 0.2rem 0.9rem 0.4rem 1.3rem;  border-radius: 0 0 0 38px; box-shadow: 0 0 4px 0 #00000094;}


.Dobra .cx .base-btn{padding:10px;opacity:1; position: inherit; bottom: 30px; left:0;right:0;display:grid;align-items:left;justify-content:center;transition:all .4s linea}
.Dobra .cx:hover .base-btn{opacity:1;z-index:2;transition:all .4s linear;text-align:left}
.Dobra .cx .base-btn p{margin-bottom:1rem;color:#989898;}


/*alt*/
.Dobra .cx.alt .base-btn{opacity:1;z-index:2;transition:all .4s linear;text-align:center;    bottom: 8px;}
.Dobra .cx.alt .base-btn .btn-verde{background:#27da1d}

.Dobra .cx .base-btn .btn{padding:9px 1.8rem;display: inline-block;}
.Dobra .cx:hover .mask{backdrop-filter: blur( 5.5px );-webkit-backdrop-filter: blur( 5.5px );-moz-backdrop-filter: blur( 5.5px );opacity:1;z-index:1;position: absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle, #00000082, #000000d6 73%);transition:opacity .4s linear;}

.Dobra .lSAction > .lSPrev { background: url(../img/seta-left.png) no-repeat center;    background-size:contain;left:4px;}
.Dobra .lSAction > .lSNext { background:url(../img/seta-right.png) no-repeat center;   background-size:contain;right:4px;}
.Dobra .lSAction > a {  width: 58px;    height: 40px; }

.Dobra.formacao .cx{border-radius:7px 7px 0 0}
.lightSlider {height:auto!important}
.lslide{padding:8px 0}
.Dobra .cx-texto{text-shadow: 0 0px 0px BLACK;font-size: 1.3rem;min-height: 38px;color:#cbcbcb;border-radius:0 0 8px 8px;display:grid;padding:10px;align-items:center;justify-content:center;text-transform:uppercase;display:grid;}

.Dobra .listCursos{display:grid;gap:10px;grid-template-columns: 1fr}

.grupo-icon{position:relative;margin:0 auto;display:inline-block;width:2.58rem}
.grupo-icon .w-6{height:1.8rem}
.grupo-icon .chec{position:absolute;     bottom: 0px; right:13px;}
.grupo-icon .cloud{position:absolute;left: 10px;  fill:#000030;   width: 1.5rem;    height: 1.5rem;bottom: -4px;}

.menu-lateral.nova .grupo-icon .chec {  right: -24px;}
.menu-lateral.nova .grupo-icon {  width:auto;}

.screen-video{width:100%;position:relative;	height: calc(100vh - 40px);}
.screen-video .embed-responsive { padding-bottom: 48.5%;}
/*.screen-video:after,*/
.bannerTopo:after{
	content: "";
    position: absolute;
    background: linear-gradient(360deg, black, transparent);
    height: 200px;
    bottom: -7px;
    left: 0;
    right: 0;
    z-index: 1;
}
.Dobra.sobrepor{
	position: relative;
    height: 350px;
    right: 0;
    top: -84px;
	z-index:6
}
.base-topo .conteudo .menu-topo#mais{display:block;}
#grade .text-branco{display:none!important;}


.Dobra.modulos .cx .base-btn {text-align:left;  opacity: 1;   position: relative; background: #161616;min-height: 93px;overflow:hidden}
.Dobra.modulos .cx .thumb img { border-radius:4px 4px 0 0}
.Dobra.modulos .cx-coment { background: #161616;border-radius: 4px;}
.Dobra.modulos .base-btn { display:flex!important;justify-content: space-between; border-radius:0 0 4px 4px;}
.Dobra.modulos .cx .base-btn .btn {padding: 2px 2px; font-size: .7rem!important;}
.Dobra.modulos .cx .base-btn .btn svg{font-size: .7rem!important;}
.Dobra.modulos .cx:hover .mask {   backdrop-filter: none;   -webkit-backdrop-filter:none;   -moz-backdrop-filter:none;}
.Dobra.modulos .cx:hover .base-btn { text-align: left;}
.Dobra.modulos .base-btn .barra-prog{    position: absolute; top: 4px;  left: 15px; right: 15px;}

.formgroup{	position:relative;display:flex;justify-content: flex-end;margin: 0 1rem}
.formgroup .form-campo{	width:20%;border-radius:100px;	border:0;background:none;color:#fff; padding: 9px 15px;}
.formgroup .form-campo::placeholder{color:#ffffffec;opacity:0;transition:opacity .4s linear}
.formgroup .form-campo:focus::placeholder{color:#ffffffec;opacity:1;transition:opacity .4s linear}

.remover{opacity:0}
.formgroup.expand .remover{opacity:1;  position: absolute;  right: 14px;  font-weight: 400;    font-size: .8rem; cursor: pointer;  color: #ffffffcc;  top: 9px;}
.formgroup.expand .remover svg{position:absolute;right: -182px;  left: inherit; width: 2rem;}

/*estica o campo*/
.formgroup.expand{position:absolute;right: 200px; width: 321px;}
.formgroup.expand .form-campo::placeholder{opacity:1;transition:opacity .4s linear}
.formgroup.expand .form-campo{transition:width .4s linear;	width:100%;border:solid 1px #fff;padding-left: 50px;}
.formgroup.expand  svg {transition:margin .4s linear; margin-right:279px}

/*retorna o campo*/
.formgroup.expand.expandNormal .form-campo{ width: 13%; transition: width .4s linear;  padding-left: 15px; border: 0;}
.formgroup.expand.expandNormal .form-campo::placeholder{opacity:0}
.formgroup.expand.expandNormal svg {  margin-right: 0;}
.formgroup.expand.expandNormal .remover{opacity:0}



.formgroup svg{width: 2.4rem; stroke:#fff; height: 2.4rem;position: absolute; right: 1px; top: -1px; border: 0; background: none; border-radius: 50px; padding: 5px;}
.formgroup svg:hover{cursor:pointer }
.formgroup .btn:hover{ box-shadow:none;opacity:.7;transition:all .4s linear; }


#progress {
  width: 100%;
  background-color: #8e8e98;
    border-radius: 20px;
    border: 0
}

#progbar {
  text-align: right;
    color: #ffffff;
    height: 12px;
    width: 0px;
    background: #0d318f;
    border-radius: 20px;
    display: flex;
    justify-content: end;
    align-items: center;
    padding-left:10px;
    padding-right:5px;
    font-weight: 700;
    transition: all 1s linear;
    font-size: .8rem;
}

/*rodape*/
.rodape{
	padding:2rem 0;
    width: 100%;
    background: #030304;
	padding-bottom:0;color: #ffffffa1;
}
.rodape .conteudo { padding: 0!important;}
.rodape .conteudo ul li{ line-height:2rem}
.rodape .text-laranja { color: #de882d!important;}
.rodape .text-verde { color: #43a96a!important;}
.rodape .form-campo { position:relative;  background: none;    border: solid 1px #fff;    border-radius: 10px;    color: #fff;}
.rodape .but {background: none;
    position: absolute;
    right: 0px;
    width: 70px;
    padding: 15px 14px;
    color: #fff;
    border-radius: 10px;
    border: 0;
    border-left: solid 1px;}
.rodape .but:hover{opacity:.8;cursor:pointer;transform:all linear .4s}
.iRedes .fab{color: #b7b5b5;    font-size: 1.5rem;    padding-right: 0.5rem;}
.copy{text-align: center;   color: #9a9a9a;    padding: 1rem;    border-top: solid 1px #292930;    margin-top: 2rem;    font-size: .8rem;}

.controlesV{display:flex;align-items: center; justify-content:center;gap:10px;margin-top: 9px;}
.AddBody .controlesV{ justify-content:left;}
.controlesV .next,
.controlesV .prev
{display:flex; border-radius:3px; align-items: center; transition:all .4s linear; padding: 1rem;  border: solid 1px #8f8e8e;  color: #fff;background: #000;}
.controlesV .next:hover, .controlesV .prev:hover { background: #26459d94;transition:all .4s linear}
.controlesV .next small,
.controlesV .prev small{display:none}
.controlesV .next span, .controlesV .prev span{font-size:1.42rem;color: #6ccaf2;}

.player{margin-top:1rem;margin-bottom: 2rem;border: solid 2px #8f8e8e;  border-radius: 10px;  overflow: hidden;}
.tituloV{display:block;padding:10px 0;color:#e7e7e7;font-weight:100;font-size:1.3rem}
.avaliacao{margin-top:0;}
.avaliacao span{color:#bdbdbd;}

.avaliacao.downloads {max-height:150px; overflow-y:auto}
.avaliacao.downloads .aval_aula {  display: grid;  gap: 14px;  justify-content: left;}
.avaliacao.downloads .aval_aula a{ color: rgb(126 199 255 / 80%);  display: flex;  overflow-wrap: anywhere;  gap: 7px;}

.avaliacao .aval_aula{background:#333;padding:1rem;border-radius:4px;display: grid;  gap: 14px;  justify-content: left;}
.avaliacao .aval_aula a{color:#fff}
.avaliacao .aval_aula .ico-star svg{width:35px;  display: inline-block;}
.avaliacao .aval_aula .ico-star {  transition: all .4s linear;   color: #737384;}

.base-comentarios{margin-top:1rem;background:#333;padding:10px;border-radius:5px}
.base-comentarios .txt_comentario{min-height: 34px;  background: #e5e5e5;    border-radius: 5px;    padding: 1rem;}

.base-comentarios .form-campo {  background: #ffffffad;   border: solid 1px #f3f3f3;  border-radius: 10px;}
.base-comentarios .comentarios{margin-top:2rem;display:grid;grid-template-columns: 50px 78%;gap:10px;}
.base-comentarios .comentarios .ava{ width: 50px;    height: 50px;    border-radius: 50px;    background: #222;    color: #fff;    font-weight: 900;    padding: 10px;    border: solid 1px #ddd;    display: grid;    align-items: center;    justify-content: center;}
.base-comentarios .text-comentario p{color:#ddd;line-height: 1.5rem;}    
.base-comentarios .text-comentario strong{display: block;   color: #ebebeb;   padding-bottom: 6px;}    
.base-comentarios .cont-coment {display: grid; gap:20px;padding:1rem 0}    
.base-comentarios .cont-coment a{color:#9494f7;transition:all .4s linear}    
.base-comentarios .cont-coment a:hover{color:#a1a1a1;transition:all .4s linear}    
.base-comentarios .comentarios.verrecomentado .ava{background:#0f68a1}    
.camporesponder{display:none}
.base-comentarios .verrecomentado{display:none}
.base-comentarios .recomentado{display:grid; grid-template-columns: 40px 1fr;gap: 10px;}
.base-comentarios .comentarios.verrecomentado .recomentado .ava{width:40px;height:40px}



.visible { display: none; }   .show {display: block; }  .hide {   display: none;}

.base-perfil .user{width:100%}
.base-perfil .user .thumb{width:200px;height:200px;overflow:hidden;border-radius:100px;margin:0 auto;background:#ccc;position:relative}
.base-perfil .user .thumb label{position: absolute;
    z-index: 1;
    bottom: 28px;
    left: 25%;
    background: #000;
    color: #fff;
    border-radius: 5px;
    padding: 2px 9px;
	transition:all .4s linear;
	opacity:0;
	
	}
.base-perfil .user .thumb:hover label{transition:all .4s linear;opacity:1;cursor:pointer}
.base-perfil .user .thumb input[type=file]{  position: absolute;  top: 0;  bottom: 0;  left: 0; right: 0;  opacity: 0;}
.base-perfil .user ul{max-height:400px;overflow-y:auto}
.base-perfil .user ul li{    padding: 0.4rem 0.2rem; color: #ffffffc7;}
.base-perfil .form-campo {
    width: 100%;
    padding: 11px 15px;
    background: #666;
    border: solid 1px #828282ba;
    border-radius: 5px;
}
.base-perfil .caixa b,
.base-perfil .caixa small
{  color:#e8e8e8}

.observacao{
	width:100%
}

@media (max-width:1400px){
	.base-topo .menu-topo li { font-size: .7rem!important;}
}
@media (max-width:1327px){
	.base-topo .menu-topo li { font-size: .67rem!important;}
}
@media (max-width:1300px){
	.base-topo .menu-topo li { font-size: .6rem!important;}
	.base-topo .menu-topo li a{ padding:10px 5px}
}


@media (min-width:530px){	
.Dobra .listCursos{grid-template-columns: 1fr 1fr;}
}

@media (min-width:992px){	
.observacao{
	min-height:200px;overflow-y:auto
}
}

@media (min-width:860px){	
.Dobra .listCursos{grid-template-columns: 1fr 1fr;}
.Dobra .cx{display: grid; gap:1rem;   grid-template-columns: 176px 1fr;}
.Dobra .cx .base-btn{justify-content: left;}
}
@media (min-width:1024px){	
.Dobra{padding:5rem 0}
.Dobra .listCursos{grid-template-columns: 1fr 1fr;}
.Dobra .cx{display: grid;    grid-template-columns: 232px 1fr;}
.quandoForvideo.bannerTopo {
    padding-top: 1rem;
    height: calc(100vh - 85px);
    padding-top: 5rem;
}
}

@media (min-width:1280px){	
.Dobra .listCursos{grid-template-columns: 1fr 1fr ;gap:20px}
.Dobra .cx{display: grid;    grid-template-columns: 259px 1fr;}
}

@media (min-width:1706px){	
.quandoForvideo.bannerTopo {
    height: calc(100vh - 230px);
    padding-top: 6rem;
}
}

@media (min-width:1920px){	
.quandoForvideo.bannerTopo {
    height: calc(100vh - 230px);
    padding-top: 6rem;
}
}