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

:root {
  --bege: #FFEAD3;
  --azul: #004FE1;
  --rosa: #E2006C;
  --amarelo: #FFE700;
}

html {box-sizing: border-box;font-family:"Roboto", sans-serif; scroll-behavior: smooth;}
*, *:before, *:after {box-sizing: inherit;}

body {
 max-width: 1920px;
 height: 100%;  
 background-color: var(--azul) !important;
}

a.nav-brand > img {
 width: 60%;
}

#navbarNav{
 display: flex;
 position: relative;
 justify-content: center;
 top: 0;
}

#navbarNav > .nav-link active {
 padding: 1rem;
}

a.navbar-brand {
  margin: 1rem 0 1rem 8rem;
}

ul.nav-links-top {
 display: inline-flex;
 text-decoration: none;
 padding: 0 0 0 4rem;
}

li {
  list-style-type: none;
}

ul, li > .nav-item-top, .nav-link-top {
 display: inline-flex;
}

a.nav-link-top {
 text-decoration: none;
 color: #ffead3;
 padding: 0 1.3rem 0;
}

a.nav-link-top:hover {
 color: #ffead3;
}

.navbar-toggler {
 border: 0 !important;
}

.navbar-toggler:focus{
  outline-style: none;
  box-shadow: 0 0 0 0;
  border: 0 none;
  outline: 0;
}

.navbar-toggler:active {
 border: 0 !important;
}

span.navbar-toggler-icon {
 margin: 0 8rem 0 0;
 border: 0 !important;
}


/*      MENU LATERAL     */


.offcanvas-header, .offcanvas-body {
 background-color: #004fe1;
}

.offcanvas-header {
 justify-content: end !important;
}

.offcanvas-title {
 color: #ffed00;
 font-family: "Zeppelin 52 Bold", sans-serif !important;
 font-size: .9rem;
}

.offcanvas-header .btn-close {
 color: #ffed00;
}

.offcanvas-body {
 padding: 2rem;
}

.btn-close {
 background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl(56deg 100% 50%)'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
 opacity: 1 !important;
}

.navbar-nav .nav-link, .nav-link.active, .navbar-nav .show>.nav-link {
 color: var(--white) !important;
 font-family: "Basic Sans Bold", sans-serif !important;
 font-size: 1.5rem !important;
}

.nav-item {
 padding: .8rem 0;
 color: #ffffff;
}

.nav-link {
 font-size: 2rem;
}

#nav-link-inicio {
 color: #ffed00 !important;
 font-family: "Zeppelin 52 Bold", sans-serif !important;
 font-size: 1.2rem !important;
}

a.nav-link-button {
 background-color: #e2006c;
 color: rgb(255 234 211);
 padding: 1rem 3rem;
 display: flex;
 text-decoration: none;
}

a.nav-link-button:hover {
 color: rgb(255 234 211);
}

 .wrapper-inscrever {
  //top: 0;
  //display: flex;
  //position: relative;
}

#background-vestibular {
 z-index: -3;
}

section {
 margin: 0;
 position: absolute;
 display: flex;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 justify-content: center;
}

.modal-body, .modal-header, .modal-footer {
 background-color: var(--azul) !important;
}

.modal-body {
 padding: 8rem 2rem !important;
}

.modal-header, .modal-footer {
 border: 0 none !important;
}

h2.title-modalEnem, .title-modalVestAnt, title-modalProvaRed {
  font-family: "Zeppelin 52 Bold", sans-serif !important;
  color: var(--amarelo);
  font-size: 2rem;
}

p.text-modal, .text-modal-note {
 font-family: "Basic Sans Bold", sans-serif !important;
}

p.text-modal{
 color: var(--bege);
}

p.text-modal-note {
 color: var(--amarelo);
}

.accordion-body {
 background-color: var(--bege);
}

tbody, td, tfoot, th, thead, tr {
 border-color: var(--azul) !important;
}

td {
 color: var(--azul) !important;
}

td > a {
 font-size: 1rem;
 color: var (--azul) !important;
 font-family: "Basic Sans Bold", sans-serif !important;
  text-decoration: none;
}

.th-title {
 text-transform: uppercase;
 color: var(--rosa);
}

p.text-notes {
 color: var(--bege);
 font-family: "Basic Sans Bold", sans-serif !important;
 font-size: 1rem;
}

.btn-primary {
 background-color: var(--azul) !important;
 border: var(--azul) !important;
}

#cursos {
 display: flex;
 position: relative;
 background-color: #004fe1;
 padding: 20rem 0;
}

#diferenciais {
 display: flex;
 position: relative;
 background-color: #ffead3;
 padding: 20rem 0;
}

a.bt-saiba-mais {
 color: #004fe1;
 background-color: #FFE700;;
 padding: 1.5rem 2rem;
 text-decoration: none;
}

a.bt-inscreva {
 color: #ffead3;
 background-color: #E2006C;
 padding: 1.5rem 12rem;
 text-decoration: none;
}

a.bt-inscreva:hover {
 color: #ffead3;
}

#beneficios {
 display: flex;
 position: relative;
 background-color: #ffead3;
 padding: 20rem 0;
}

h2.beneficios, .diferenciais {
 color: #E2006C;
 font-family: "Zeppelin 52 Bold", sans-serif !important;
 font-size: 2.68rem;
 padding-top: .98rem;
}

h2.cursos {
 color: #FFE700;
 font-family: "Zeppelin 52 Bold", sans-serif !important;
 font-size: 2.68rem;
 padding-top: .98rem;
}

p.text-beneficios, .text-cursos {
 font-family: "Basic Sans Bold", sans-serif !important;
 font-size: 1.1rem;
}

p.text-beneficios {
 color: #004fe1;
}

p.text-cursos {
 color: #FFFFFF;
}

.box-content{
 position: absolute;
 display: flex;
}

p, a {
 margin: 0;
 color:  var(--white);
 font-family: "Zeppelin 52 Bold", sans-serif !important;
}

p.text-box {
 font-family: "Basic Sans Black", sans-serif !important;
 font-size: .9rem;
 display: block;
 text-align: left;
}

p.text-prova-online, p.text-prova-online-2 {
  color: rgb(255 234 211);
  text-transform: uppercase;
  margin: 0 0 0 -3.5rem;
}

p.text-prova-online-2 {
 font-size: 2rem;
 margin: -.6rem 0 0 -3.5rem;
}

#lettering-vem-pra-ucs {
 display: flex;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 //width: 100% !important;
 position: relative;
}

#col-bolsas-estudo{
 margin-top: 2.7rem !important;
 margin-left: -6rem !important;
}

h1 {

}

a.bt-inscrever{
 padding: 1rem 4.2rem;
 background-color: #cb278b;
 color: rgb(255 234 211);
 font-size: 1.5rem;
 text-decoration: none;
 display: flex;
 justify-content: center;
}

a.bt-inscrever:hover{
 color: rgb(255 234 211);
}

p.text-ingresso, p.text-medicina, a.link-medicina  { 
 color: rgb(255 234 211) !important;
 position: relative;
 display: flex;
 font-family: "Basic Sans", sans-serif !important; 
 text-decoration: none;
}

p.text-ingresso { 
 text-transform: uppercase;
 font-size: 1.15rem;
 top: 8rem;
} 

p.text-medicina, a.link-medicina {
 top: 29rem;
}


.box-blue {
 background-color: #004fe1;
 position: absolute;
 display: flex;
 top: -30rem;
 padding: 6rem 2.5rem;
 text-align: left;
}

.card, .card-header, .card-body {
 background-color: #004fe1 !important;
 border: none !important;
 border-radius: 0 !important; 
}

.card {
 display: flex;
 padding: 1.2rem 1rem;
 position: relative;
 top: 2rem;
}

#card-vest-ant, #card-prova-redacao{
 padding: -4rem;
}

.card-header {
 border: none;
}

#card-header-enem {
 padding-top: 1rem;
}

#card-body-enem {
  padding: .6rem 2.4rem 1rem;
}

#setas-enem{
 display: block;
}

.box-prova-online {
 background-color: #e2006c;
 margin: 0;
 padding: 0;
 position: relative;
}

#setas-provas-online {
 position: absolute;
 display: flex;
}

#lettering-vem-pra-ucs {
 width: 80%;
}

#lettering-inscreva-se {
 width: 100%;
}

#lettering-bolsas-100 {
 width: 70%;
}

footer {
 background-color: #004fe1;
 padding: 1rem 0;
 position: relative;
}

.box-icons-footer{
 margin-left: 15rem;
}

/* FONT-FACE */

@font-face {
  font-family: 'Zeppelin 52 Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Zeppelin 52 Bold'),
    url('/site/midia/arquivos/zeppelin-52-bold-ttf.ttf') format('truetype'),
    url('/site/midia/arquivos/zeppelin-52-bold-woff.woff') format('woff'),
    url('/site/midia/arquivos/zeppelin-52-bold-svg.svg') format('svg');
    url('/site/midia/arquivos/zeppelin-52-bold.otf') format('otf');
}

@font-face {
  font-family: 'Basic Sans';
  font-style: normal;
  font-weight: normal;
  src: local('Basic Sans'),
    url('/site/midia/arquivos/basic-sans-ttf.ttf') format('truetype'),
    url('/site/midia/arquivos/basic-sans-woff.woff') format('woff'),
    url('/site/midia/arquivos/basic-sans-svg.svg') format('svg');
}

@font-face {
  font-family: 'Basic Sans Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Basic Sans Bold'),
    url('/site/midia/arquivos/basic-sans-bold-ttf.ttf') format('truetype'),
    url('/site/midia/arquivos/basic-sans-bold-woff.woff') format('woff'),
    url('/site/midia/arquivos/basic-sans-bold-svg.svg') format('svg');
}

@font-face {
  font-family: 'Basic Sans Black';
  font-style: normal;
  font-weight: normal;
  src: local('Basic Sans Black'),
    url('/site/midia/arquivos/basic-sans-black-ttf.ttf') format('truetype'),
    url('/site/midia/arquivos/basic-sans-black-woff.woff') format('woff'),
    url('/site/midia/arquivos/basic-sans-black-svg.svg') format('svg');
    url('/site/midia/arquivos/zeppelin-52-bold.otf') format('otf');
}

 #bricks-component-Pzqc0sZxcwu_2x9dcabTAg .bricks--section {
  top: 19rem !important;
 }

/* MEDIA QUERIES */

@media (min-width: 0) and (max-width: 320px) {

 a.navbar-brand {
  margin: 0;
 }

 a.nav-link-top {
  padding: 0 0.3rem 0;
 }

 ul.nav-links-top {
  font-size: .5rem;
  margin: 0;
  padding: 1rem 0; 
 }

 #logo-nav {
  width: 50%;
 }

 a.bt-inscrever {
  padding: 1rem;
  font-size: 1.3rem;
 }
 
 #lettering-vem-pra-ucs {
  width: 90%;
 }

 #lettering-bolsas-100 {
  width: 90%;
 }

 #col-bolsas-estudo {
  margin: 1rem 0 2rem !important;
 }

 #col-vem-pra-ucs {
  top: 1.5rem;
  position: relative;
 }

 .logo-rodape {
  width: 35%;
 }


 #bricks-component-Pzqc0sZxcwu_2x9dcabTAg .bricks--column > div {
  top: 17rem;
  position: relative;
 }

 .box-icons-footer {
  position: relative;
  bottom: 4rem;
 }

 footer {
  top: 58rem;
 }
}


@media (min-width: 320.02px) and (max-width: 374.98px) {
 a.navbar-brand {
  margin: 0;
 }
 
 #logo-nav {
  width: 60%;
 }

 ul.nav-links-top {
  text-align: center;
  font-size: .7rem;
 }

 a.nav-link-top {
  padding: 1.2rem 0.7rem 0;
 }

 span.navbar-toggler-icon {
  margin: 0;
 }

 #lettering-vem-pra-ucs {
  width: 60% !important
  left: 0;
  top: 0 !important;
 }

 #lettering-bolsas-100 {
  width: 90%;
 }

 a.bt-inscrever {
  font-size: 1rem;
  padding: 1rem;
  //margin: 1rem 2rem 0;
 }

 p.text-ingresso {
  top: 15.7rem;
 }

 p.text-beneficios {
  font-size: 1rem;
  margin: 0 11rem 0 2rem;
 }

 a.bt-saiba-mais {
  margin: 0 0 0 2rem;
 }

 a.bt-inscreva {
  font-size: 1rem; 
  padding: 1rem;
  display: flex;
  margin-left: 2rem;
 }

 #bricks-component-Pzqc0sZxcwu_2x9dcabTAg .bricks--column > div {
  top: 17rem;
  position: relative;
 }

 .box-icons-footer {
  margin-left: 18rem;
  margin-top: -4.6rem;
  margin-bottom: 0 !important;
  padding-bottom: 0;
 }

 #col-bolsas-estudo {
  margin: 0!important;
 }

 #col-vem-pra-ucs {
  margin-top: 6rem;
 }

 footer{
  top: 58rem;
 }
}

@media (min-width: 375.02px) and (max-width: 424.98px) {

a.navbar-brand {
 margin: 0;
}

#logo-nav {
 width: 70%;
}

a.bt-inscrever {
 font-size: 1.4rem;
}

#col-vem-pra-ucs {
 top: -4rem;
 position: relative;
}

#lettering-vem-pra-ucs {
 width: 60%;
}

 #col-bolsas-estudo {
  margin: -5rem 0 0 0 !important;
 }

.box-icons-footer {
 margin-left: 21rem;
 top: -4.5rem;
 position: relative;
}

 footer {
  top: 39rem;
 }

 #bricks-component-Pzqc0sZxcwu_2x9dcabTAg .bricks--column > div {
  top: 17rem;
  position: relative;
 }
}

@media (min-width: 425.02px) and (max-width: 575.98px) {

a.navbar-brand {
 margin: 0;
}

#lettering-vem-pra-ucs{
 width: 60%;
}

#lettering-bolsas-100 {
 width: 70%;
}

#col-vem-pra-ucs {
 top: -0.5rem;
 position: relative;
}

#col-bolsas-estudo {
  margin: -1rem 0 1rem 3rem !important;
}

.box-icons-footer {
 margin-left: 30rem;
 top: -5rem;
 position: relative;
}

#bricks-component-Pzqc0sZxcwu_2x9dcabTAg .bricks--column > div {
  top: 17rem;
  position: relative;
 }

footer {
 top: 45rem;
 }
}



@media (min-width: 576px) and (max-width: 767.98px) {
  a.navbar-brand {
   margin: 0 0 0 1rem;
  }

 #logo-nav {
  width: 80%;
 }

 ul.nav-links-top {
  padding: 0;
 }

 a.nav-link-top {
  padding: 1rem 0.8rem 0;
  font-size: .9rem;
 }

 #rd-section-k8hluh9z {
  top: 19rem !important;
 }
 
 a.bt-inscrever {
  font-size: 1rem;
  padding: 1rem 2.2rem;
 }

 a.bt-saiba-mais {
  padding: 1rem;
 }

 #lettering-vem-pra-ucs{
  width: 60% !important;
 }

 #lettering-bolsas-100 {
  width: 70% !important;
 }

 #bricks-component-Pzqc0sZxcwu_2x9dcabTAg-wrapper.floating-button .bricks--section, #bricks-component-Pzqc0sZxcwu_2x9dcabTAg-wrapper.floating-button .bricks--row, #bricks-component-Pzqc0sZxcwu_2x9dcabTAg-wrapper.floating-button .bricks--column {
   top: 0 !important;
  }

 #col-vem-pra-ucs {
  width: 100%;
 }

 #col-bolsas-estudo {
  margin: 0 !important;
  width: 100%;
 }

 #col-texto-bolsas-estudo {
  margin-top: 3rem !important;
  width: 100%;
 }

 .box-icons-footer {
  margin-left: 28rem;
  margin-top: -4.4rem;
 }

 footer{
  top: 45rem;
 }
}

@media (min-width: 768px) and (max-width: 991.98px) {
 #rd-close_button-l7uh97q0 {
   top: -300px !important;
 }

 #logo-nav {
  width: 70%;
  margin: -0.4rem 0 0 0;
 }

 a.navbar-brand {
  margin: 0 1rem;
 }

 ul.nav-links-top {
  padding: 0;
 }

 a.nav-link-top {
  padding: 0 0.8rem 0;
  margin: 0.8rem 0;
 }

 #menu-lateral {
  width: 50%;
  margin-top: -0.5rem;
 }

 .box-icons-footer {
  margin-left: 6rem;
 }

 a.bt-inscreva {
  padding: 1.4rem;
 }

 a.bt-inscrever {
  padding: 1rem 2.2rem;
 }

 #col-vem-pra-ucs {
  margin-top: -2rem;
 }

 #col-bolsas-estudo {
   margin-top: -0.5rem !important;
   margin-left: -4rem !important;
 }
  
 #col-texto-bolsas-estudo {
  width: 70%;
  margin-top: 2rem;
 }

 footer {
  top: 22rem;
 }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
 #rd-close_button-l7uh97q0 {
   top: -300px !important;
 }

 a.navbar-brand {
  margin: 1rem 0 1rem 0.8rem;
 }

 a.bt-inscreva {
  padding: 1.4rem 6rem;
  
 }

 h2.beneficios, .diferenciais {
  font-size: 2rem;
 }

 p.text-prova-online {
  margin: 0;
 }

 p.text-prova-online-2 {
  margin: -0.6rem 0 0 0;
 }

 .box-icons-footer {
   margin-left: 10rem;
 }

 footer{
  top: 13rem;
 }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  #rd-close_button-l7uh97q0 {
   top: -300px !important;
 }

 #logo-nav {
  margin-left: -6rem;
 }

 a.bt-inscrever {
  padding: 1rem 2.2rem;
 }

 a.bt-inscreva {
  padding: 1.5rem 9rem;
 }

 h2.beneficios, .diferenciais {
  font-size: 2.2rem;
 }

 .box-icons-footer {
  margin-left: 13.1rem;
 }

 footer {
  top: 8rem;
 }
}

@media (min-width: 1400px) {
 #rd-close_button-l7uh97q0 {
  top: -300px !important;
 }
}