/*-----------------------------------------
# General
-------------------------------------------*/
*{
box-sizing: border-box;
padding: 0;
margin:0;
text-decoration:none;
}

html{scroll-behavior: smooth; font-size: 16px;}
@media (max-width: 768px){
	html{
		font-size: 14px;
		}
}
a{text-decoration:none;color:#0A020C; cursor: pointer;}
img{object-fit: contain;}
:target:before {
    content: "";
    display: block;
    height: 80px;
    margin: -80px 0 0;
}
body{font-family: "Kanit", sans-serif; color:#0A020C; font-weight:500;}
html, body {
max-width: 100%;
overflow-x:hidden;
}
*::before,
*::after {
  box-sizing: border-box;
}
/*fonts*/
.fw400{font-weight:400;}
.fw500{font-weight:500;}
.fw600{font-weight:600;}
.fs0{font-size: 2.6rem;}
@media (min-width: 1360px){.fs0{font-size: 3rem;}}
h1,.fs1{font-size: 2.027rem;}
h2,.fs2{font-size: 1.802rem;}
h3,.fs3{font-size: 1.602rem;}
h4,.fs4{font-size: 1.424rem;}
h5,.fs5{font-size: 1.266rem;}
h6,.fs6{font-size: 1.125rem;}
small, .textsmall {font-size: 0.889rem;}
p{font-size: 1rem;}
.fontsize1em{font-size: 1rem;}
.textxs {font-size: 0.79rem;}
.textSecF{font-family: "Montserrat", sans-serif; font-weight:400;}
.textSecF700{font-family: "Montserrat", sans-serif; font-weight:700;}
.textup{
letter-spacing: 0.02em;
text-transform: uppercase;}
.lh-0 {line-height: 0;}
/*colors*/
.bgwhite{background:#fff;}
.bgblack{background:#0A020C;}
.bgpurple{background:#9B26B6;}
.bgpurpledark{background:#4C1359;}
.bgpurpledark2{background:#731C88;}
.bgpurpleneon{background:#CF3EF2;}
.bgpurplelight{background:#F6E7FA;}
.bgpurplelight2{background:#F8ECFB;}/*FDFAFE;}*/
.bgpurplegradientlight{background: linear-gradient(90deg, #9B26B6 0%, #CF3EF2 100%);}
.bgsecond{background:#00FFD4;}
.bgseconddark{background:#008F77;}
.bgthird{background:#F45D27;}
.bggray{background:#7B6794;}

.colblack{color:#0A020C;}
.colpurple{color:#9B26B6;}
.colneonpurple{color:#CF3EF2;}
.colgray{color:#7B6794;}
.colsecond{color:#00FFD4;}
.borderblack{border:2px solid #0A020C;}
.borderpurpleneon{border:2px solid #CF3EF2;}
.bordersecond{border:2px solid #00FFD4;}
.borderpurpleneon{border:2px solid #CF3EF2;}
.border-bottompurpleneon{border-bottom: 2px solid #CF3EF2;}


::-moz-selection { /* Code for Firefox */
  color: #fff;background: #9B26B6;}
::selection {color: #fff;background: #9B26B6;}

/* ------ Custom bootstrap ------ */
.accordion-button1:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8.5 4.5C8.5 4.22386 8.27614 4 8 4C7.72386 4 7.5 4.22386 7.5 4.5V7.5H4.5C4.22386 7.5 4 7.72386 4 8C4 8.27614 4.22386 8.5 4.5 8.5H7.5V11.5C7.5 11.7761 7.72386 12 8 12C8.27614 12 8.5 11.7761 8.5 11.5V8.5H11.5C11.7761 8.5 12 8.27614 12 8C12 7.72386 11.7761 7.5 11.5 7.5H8.5V4.5Z' fill='%239B26B6'/%3E%3C/svg%3E%0A");
  transform: rotate(45deg);
}
.accordion-button1::after {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8.5 4.5C8.5 4.22386 8.27614 4 8 4C7.72386 4 7.5 4.22386 7.5 4.5V7.5H4.5C4.22386 7.5 4 7.72386 4 8C4 8.27614 4.22386 8.5 4.5 8.5H7.5V11.5C7.5 11.7761 7.72386 12 8 12C8.27614 12 8.5 11.7761 8.5 11.5V8.5H11.5C11.7761 8.5 12 8.27614 12 8C12 7.72386 11.7761 7.5 11.5 7.5H8.5V4.5Z' fill='%239B26B6'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 1.5rem;
  transition: transform 0.2s ease-in-out;
}
.accordion-button2:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8.5 4.5C8.5 4.22386 8.27614 4 8 4C7.72386 4 7.5 4.22386 7.5 4.5V7.5H4.5C4.22386 7.5 4 7.72386 4 8C4 8.27614 4.22386 8.5 4.5 8.5H7.5V11.5C7.5 11.7761 7.72386 12 8 12C8.27614 12 8.5 11.7761 8.5 11.5V8.5H11.5C11.7761 8.5 12 8.27614 12 8C12 7.72386 11.7761 7.5 11.5 7.5H8.5V4.5Z' fill='%237B6794'/%3E%3C/svg%3E%0A");
  transform: rotate(45deg);
}
.accordion-button2::after {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8.5 4.5C8.5 4.22386 8.27614 4 8 4C7.72386 4 7.5 4.22386 7.5 4.5V7.5H4.5C4.22386 7.5 4 7.72386 4 8C4 8.27614 4.22386 8.5 4.5 8.5H7.5V11.5C7.5 11.7761 7.72386 12 8 12C8.27614 12 8.5 11.7761 8.5 11.5V8.5H11.5C11.7761 8.5 12 8.27614 12 8C12 7.72386 11.7761 7.5 11.5 7.5H8.5V4.5Z' fill='%237B6794'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 1.5rem;
  transition: transform 0.2s ease-in-out;
}
.accordion-button3:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239B26B6'%3e%3cpath fill-rule='evenodd' d='M3.71271 5.7035C3.99632 5.43217 4.45614 5.43217 4.73974 5.7035L8 8.82263L11.2603 5.7035C11.5439 5.43217 12.0037 5.43217 12.2873 5.7035C12.5709 5.97483 12.5709 6.41474 12.2873 6.68607L8.51352 10.2965C8.37733 10.4268 8.19261 10.5 8 10.5C7.80739 10.5 7.62267 10.4268 7.48648 10.2965L3.71271 6.68607C3.4291 6.41474 3.4291 5.97483 3.71271 5.7035Z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}
.accordion-button3::after {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239B26B6'%3e%3cpath fill-rule='evenodd' d='M3.71271 5.7035C3.99632 5.43217 4.45614 5.43217 4.73974 5.7035L8 8.82263L11.2603 5.7035C11.5439 5.43217 12.0037 5.43217 12.2873 5.7035C12.5709 5.97483 12.5709 6.41474 12.2873 6.68607L8.51352 10.2965C8.37733 10.4268 8.19261 10.5 8 10.5C7.80739 10.5 7.62267 10.4268 7.48648 10.2965L3.71271 6.68607C3.4291 6.41474 3.4291 5.97483 3.71271 5.7035Z' /%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 2rem;
  transition: transform 0.2s ease-in-out;
}



/* checkbox custom */
.customcheck {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.customcheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
}

.container:hover input ~ .checkmark {
  background-color: #F6E7FA;
}

.customcheck input:checked ~ .checkmark {
  background-color: #fff;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.customcheck input:checked ~ .checkmark:after {
  display: block;
}

.customcheck .checkmark:after {
  left: 9px;
  top: 4px;
  width: 8px;
  height: 15px;
  border: solid #0A020C;
  border-width: 0 5px 5px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.hideoblg,.hideobsm, .hideobmd{display:block;}
@media (max-width: 500px){.hideobsm{display:none;}}
@media (max-width: 769px){.hideobmd{display:none;}}
@media (max-width: 1024px){.hideoblg{display:none;}}

.dflex-rowtocol-md, .dflex-rowtocol-lg{flex-direction:column;}
.dflex-rowtocol-md-reverse, .dflex-rowtocol-lg-reverse{flex-direction:column-reverse;}
.dflex-coltorow-lg-reverse{flex-direction:row-reverse;}
@media (min-width: 769px){
.dflex-rowtocol-lg,.dflex-rowtocol-lg-reverse{flex-direction:row;}
.dflex-coltorow-lg,.dflex-coltorow-lg-reverse{flex-direction:column;}
}
@media (min-width: 768px){.dflex-rowtocol-md,.dflex-rowtocol-md-reverse{flex-direction:row;}}


/*ornamentos*/
.ornamento{width: 100px; height:7px; content:'';}

/* tilted divisores*/
.skew{
width:100%;
height:100px;
position:relative;
left:0px;
}
.skew-below-purple{
background: linear-gradient(to right bottom, #fff 49%, #9B26B6 50%),    linear-gradient(-50deg, #9B26B6 16px, #fff 0);
}
.skew-top-purple{
 background: linear-gradient(to right bottom, #9B26B6 49%, #fff 50%),    linear-gradient(-50deg, #fff 16px, #9B26B6 0);
}

/* wrapper video */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}
/*-----------------------------------------
# Header/Navbar
-------------------------------------------*/
.header {
  z-index: 200;
  padding: 16px 0;
  height:80px;
  background: #fff;
  transition:0.3s;
}
.header.header-scrolled {
  background: #fff;
  padding: 8px 0;
  height:60px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
}

.header img {
  max-height: 3.2em;
  margin-right:30px;
}
.header-scrolled img {max-height: 3em;}

.adjustheader{display:flex; flex-direction:row; justify-content: space-around;}
@media (max-width: 1024px){.adjustheader{justify-content: space-between;}}
.navbar {margin:0;}
.navbar ul {
margin: 0;
padding: 0;
display: flex;
list-style: none;
align-items: center;
}
.navbar a {
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 30px;
white-space: nowrap;
transition:0.3s;
}
/*.navbar a:hover, .navbar .active, .navbar li:hover > a {
color: #CF3EF2;
}*/
/* Mobile Navigation */
/*hambuguer*/
.mobile-nav-toggle { 
color: #9B26B6;
font-size: 2.5rem;
cursor: pointer;
display: none;
line-height: 0;
}
.mobile-nav-toggle.bi-x {
color: #fff;
}
.navbar li i{display: flex;
  align-items: center; margin-right:5px;}
@media (max-width: 768px) {
.header{  padding: 18px 0;}
.mobile-nav-toggle {display: block;}
.navbar ul {display: none;}
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width:80%;
  height:100%;
  background: #9B26B6;
}
.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}
.navbar-mobile ul {
  display: flex;
  flex-flow:column wrap;
  align-items:start;
  position: absolute;
  top: 35px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #9B26B6;
  overflow-y: auto;
  transition: 0.1s;
}
.navbar-mobile li {
  padding: 20px;
  color: #fff;
  text-align: center;
}
.navbar-mobile a {color: #fff; font-size:1.125em;}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
  color: #fff;
}

/*-----
# Hero
-------*/
.hero{
background: url(../img/bg3.png) left no-repeat;
background-size: cover;
padding:60px 20px 30px 20px;
}
@media (min-width: 1024px){.hero{padding:100px 20px 30px 20px;}}

.hero-form{
	width:100%;
}
@media (min-width: 1024px){
.hero-form{width:75%}
}
/* tira de empresas */
.img-empresa{max-width:105px;height:100%; object-fit: contain;}

/*-----
# Cards Curso
-------*/
.cardcurso{
	width:100%; 
	height:380px; 
	transition:0.5s; 
	position:relative;
	overflow: hidden;}
@media (max-width: 1400px){.cardcurso{height:100%}}
.iconbox{width: 80px; height: 80px; display: inline-block; background-color:#9B26B6;}
.iconcurso{width:65px; height:65px; object-fit: contain;}
.cardcurso::before {
content: '';
position: absolute;
left: 1.5rem;
top: 1.5rem;
width: 80px;
height: 80px;
border-radius: 5px;
transition: all .3s;
z-index: -1;
background: #9B26B6;
}
.cardcurso:hover{color:#fff;cursor: pointer;}
.cardcurso:hover .iconbox{background:#731C88; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)}
.cardcurso:hover::before {
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 0px;
background: #9B26B6;
}

/*-----
# rotina
-------*/
.imagem-icone {width:50px;height:auto; margin-right:20px;vertical-align:middle;object-fit: contain;}

/*-----
# professores coordenador 
-------*/
@media (max-width: 768px){
.professoressection{width:100%; margin-top:0; overflow-x: hidden; padding:0;}
.professoresblackbox{margin:1rem 0 1rem 0; padding:3rem 2rem 0 2rem; max-width:100%;}
.xscroll-professores{display: flex; align-items:center; justify-content:start; flex-wrap: nowrap;overflow-x: scroll; padding-bottom:3rem;}
.fotoprofessor{height:120px; width:120px;}
.bandeiraimg{width:80px; height:auto; object-fit:contain;}
}
@media (min-width: 769px) and (max-width: 1400px){
.professoresblackbox{margin:2rem 0 0 3rem; padding:1rem;}
.xscroll-professores{display: flex;flex-wrap: wrap; overflow-x: hidden;padding-top:2rem;margin: 0 0 2rem 2rem;}
.fotoprofessor{height:180px; width:180px; }
.bandeiraimg{width:120px; height:auto;}
}
@media (min-width: 1401px){
.professoressection{width:75%;  margin-top:3rem;}
.professoresblackbox{margin-left:3rem; padding:4rem 1rem 2rem 3rem;}
.xscroll-professores{display: flex;flex-wrap: wrap; overflow-x: hidden; padding:4rem 1rem;}
.fotoprofessor{height: 210px; width:210px;}
.bandeiraimg{width:120px; height:auto;}
}

.professor-hover {position: relative; width: 30%; margin:5px;}
@media (max-width: 768px){.professor-hover {position: relative; width: 45%; margin:5px;}}


.professor-hover img{width:100%;  height: auto; display: block; object-fit:contain;}
.info{
	position: absolute;
	width:100%;
	height:auto;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all1s ease;
	transition: all 1s ease;
	background: #9B26B6;
	color:#fff;
}

.professor-hover .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  background-color: rgba(10, 2, 12, 1);
}
.professor-hover .overlay p{margin-left:5px;position: absolute;left: 0;bottom:0;}
.professor-hover:hover{cursor: pointer; transition: .5s ease;}
.professor-hover:hover img{opacity: 30%;}
.professor-hover:hover .overlay {opacity: 1;}



/*-----
# footer
-------*/
#footer{position:relative;bottom: 0;margin-bottom:0;}
#footer .logoimg{max-width:270px; height:auto;}
.copyright{position:relative;bottom: 0;width:100%;}

.footernotenoughtcontent{position:absolute; width:100%; bottom:0;}
@media (max-width: 500px){
	.footernotenoughtcontent{position:relative; width:100%; bottom:0;}
}

/*-----
# bottom cta
-------*/
.bottom-cta{
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
	position:fixed;
	bottom:0;
	right:0;
	width:100%;
	z-index:1000;
	height:4.8rem;
	padding:5px 0;
	transition:0.3s;
	margin:0;
}
.bottom-cta.active {
  visibility: visible;
  opacity: 1;
}
/* empresas */
.bg-right{
background: url(../img/bg-right.png) right no-repeat;
background-size: cover;
}
.container-modelo-empresa{margin-top: 120px; margin-bottom:120px;}
.card-modelo{max-width:300px;}
.card-modelo-top-offset{position:relative; top:50px;}
@media (max-width: 1024px){.card-modelo{max-width:220px;}
.card-modelo-top-offset{position:relative; top:0;}}
@media (max-width: 1024px){.container-modelo-empresa{margin-top: 30px; margin-bottom:30px;}}

.spinimg {
position: relative; width:100px; bottom:-60px; left:-5px;
animation-name: spin;
animation-duration: 20s;
animation-iteration-count: infinite;
animation-timing-function: linear; 
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
@media (max-width: 500px){
.spinimg {width:80px; top:50px; right:200px;}
}
.cardmenu{height:80px;}
@media (min-width: 768px){.cardmenu{height:130px;}}

.avatar{max-width:80px; max-height:80px;}
.avatar2{max-width:40px; max-height:40px;}
.box-speech{margin-left:30px; position:relative;}
.box-speech .quote-mark{max-width:75px; z-index:1; position:relative; top:25px;left: -25px;}
.box-speech-speaker{margin-left:30px;}


/* SISTEMA*/
.logo-sistema{max-width:75%; height:auto;}
.stu-nav{display:block;}
.stu-nav-mob{display:none;}
@media (max-width: 768px) {
  .stu-nav{display:none;}
  .stu-nav-mob{display:block; font-size:1.266em;}
}
.colgreen{color:#008F77;}
.colred{color:#dc3545;}
.progress {background:#F6E7FA;}
.moduloconcluido{color: #25282A;}
.moduloconcluido:hover{color: #434B4F;}
.moduloatual{color: #9B26B6;}
.moduloatual:hover{color: #6907A1;}
.modulobloqueado{color: #7B6794;}
.modulobloqueado:hover{color: #7B6794;}
/*button with icon*/
.btni{margin-right:5px;display:flex;align-self: center;}
.btn-icon {position: relative;left: -12px;display: inline-block; margin-left:12px; vertical-align:12%;}
.icon-aulaconcluida{position:absolute; top: 15px; right:0; font-size: 1.125em;}

.cardmoduloliberado .aulas{background:#fff;}
.cardmoduloliberado .accordion-header .accordion-button{background-color:#9B26B6;color:#fff;}
.cardmoduloliberado .accordion-collapse .captextcolor{color:#9B26B6;}
.cardmoduloliberado .btncertificado{display:block;}
.cardmoduloliberado .accordion-collapse .aulas{display:block;}
.cardmoduloliberado .btn-assistir{display:flex !important;}

.cardmodulobloqueado .aulas{background:#FBFBFB; color:#C1B7CD; cursor: not-allowed;}
.cardmodulobloqueado .accordion-header .accordion-button{background-color:#C1B7CD;color:#fff;}
.cardmodulobloqueado .accordion-collapse .captextcolor{color:#C1B7CD;}
.cardmodulobloqueado .btncertificado{display:none !important; }
.cardmodulobloqueado .border-primary{border-color:#C1B7CD !important;}
.cardmodulobloqueado .icon-aulaconcluida{display:none;}
.cardmodulobloqueado .bi-check-circle-fill{display:none;}
.cardmodulobloqueado .btn-assistir{display:none !important;}


.play-btn{width:70px;height:70px;background:radial-gradient(#cf3ef2 50%,rgba(101,111,150,.15) 52%);border-radius:50%;display:block;position:relative;overflow:hidden}.play-btn::after{content:'';position:absolute;left:50%;top:50%;transform:translateX(-40%) translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #fff;z-index:100;transition:all .4s cubic-bezier(.55,.055,.675,.19)}.play-btn:before{content:'';position:absolute;width:90px;height:90px;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation:pulsate-btn 2s;animation:pulsate-btn 2s;-webkit-animation-direction:forwards;animation-direction:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:steps;animation-timing-function:steps;opacity:1;border-radius:50%;border:2px solid rgba(163,163,163,.7);top:-15%;left:-15%;background:rgba(198,16,0,0)}.play-btn:hover::after{border-left:15px solid #cf3ef2;transform:scale(20)}.play-btn:hover::before{content:'';position:absolute;left:50%;top:50%;transform:translateX(-40%) translateY(-50%);width:0;height:0;border:none;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #fff;z-index:200;-webkit-animation:none;animation:none;border-radius:0}@-webkit-keyframes pulsate-btn{0%{transform:scale(.6,.6);opacity:1}100%{transform:scale(1,1);opacity:0}}@keyframes pulsate-btn{0%{transform:scale(.6,.6);opacity:1}100%{transform:scale(1,1);opacity:0}}


/* pagina aula */
.videoaula{margin:0 3rem;}
.videoaula video{display: block; margin: 0 auto; width:100%;}
@media (max-width: 900px) {
	.videoaula{margin:0rem; padding:0;}
	.videoaula h1{font-size: 1.424em;;}
}
.btn-video-aula{color:#0A020C;transition:0.3s;}
.btn-video-aula:hover{color:#9B26B6;}
.circle-icon{width:40px;height:40px;background:#0a020c;border-radius:100%;line-height:0;display:flex;align-items:center;justify-content:center;transition:.3s}
.circle-icon.red{background:#dc3545 !important;}
.btn-video-aula:hover .circle-icon{background:#9B26B6;}
.btn-video-aula:hover .red{background:#9B26B6 !important;}
.imggrayopac{
	filter: grayscale(100%) opacity(30%);
  -webkit-filter: grayscale(100%) opacity(30%);}
.cardaovivo{height:100%;}


/* loading*/
#fountainG{position:relative;width:174px;height:21px;margin:auto}.fountainG{position:absolute;top:0;background-color:#9b26b6;width:21px;height:21px;animation-name:bounce_fountainG;-o-animation-name:bounce_fountainG;-ms-animation-name:bounce_fountainG;-webkit-animation-name:bounce_fountainG;-moz-animation-name:bounce_fountainG;animation-duration:1.035s;-o-animation-duration:1.035s;-ms-animation-duration:1.035s;-webkit-animation-duration:1.035s;-moz-animation-duration:1.035s;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-direction:normal;-o-animation-direction:normal;-ms-animation-direction:normal;-webkit-animation-direction:normal;-moz-animation-direction:normal;transform:scale(.3);-o-transform:scale(.3);-ms-transform:scale(.3);-webkit-transform:scale(.3);-moz-transform:scale(.3);border-radius:14px;-o-border-radius:14px;-ms-border-radius:14px;-webkit-border-radius:14px;-moz-border-radius:14px}#fountainG_1{left:0;animation-delay:416ms;-o-animation-delay:416ms;-ms-animation-delay:416ms;-webkit-animation-delay:416ms;-moz-animation-delay:416ms}#fountainG_2{left:22px;animation-delay:.5225s;-o-animation-delay:.5225s;-ms-animation-delay:.5225s;-webkit-animation-delay:.5225s;-moz-animation-delay:.5225s}#fountainG_3{left:43px;animation-delay:619ms;-o-animation-delay:619ms;-ms-animation-delay:619ms;-webkit-animation-delay:619ms;-moz-animation-delay:619ms}#fountainG_4{left:65px;animation-delay:.7255s;-o-animation-delay:.7255s;-ms-animation-delay:.7255s;-webkit-animation-delay:.7255s;-moz-animation-delay:.7255s}#fountainG_5{left:87px;animation-delay:832ms;-o-animation-delay:832ms;-ms-animation-delay:832ms;-webkit-animation-delay:832ms;-moz-animation-delay:832ms}#fountainG_6{left:109px;animation-delay:.9385s;-o-animation-delay:.9385s;-ms-animation-delay:.9385s;-webkit-animation-delay:.9385s;-moz-animation-delay:.9385s}#fountainG_7{left:130px;animation-delay:1.035s;-o-animation-delay:1.035s;-ms-animation-delay:1.035s;-webkit-animation-delay:1.035s;-moz-animation-delay:1.035s}#fountainG_8{left:152px;animation-delay:1.1415s;-o-animation-delay:1.1415s;-ms-animation-delay:1.1415s;-webkit-animation-delay:1.1415s;-moz-animation-delay:1.1415s}@keyframes bounce_fountainG{0%{transform:scale(1);background-color:#9b26b6}100%{transform:scale(.3);background-color:#fff}}@-o-keyframes bounce_fountainG{0%{-o-transform:scale(1);background-color:#9b26b6}100%{-o-transform:scale(.3);background-color:#fff}}@-ms-keyframes bounce_fountainG{0%{-ms-transform:scale(1);background-color:#9b26b6}100%{-ms-transform:scale(.3);background-color:#fff}}@-webkit-keyframes bounce_fountainG{0%{-webkit-transform:scale(1);background-color:#9b26b6}100%{-webkit-transform:scale(.3);background-color:#fff}}@-moz-keyframes bounce_fountainG{0%{-moz-transform:scale(1);background-color:#9b26b6}100%{-moz-transform:scale(.3);background-color:#fff}}

/* NEW */
.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  transition: 0.3s;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  text-transform: none;
  font-weight: 600;
}

.navbar .dropdown:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar-mobile .dropdown ul {
  display: none;
}

.mundibg{
background:	url(../img/fotos/bgmapamundi.png) left no-repeat;
background-size: cover;}