.font-200 { font-weight: 200 !important; }
.font-300 { font-weight: 300 !important; }
.font-400 { font-weight: 400 !important; }
.font-500 { font-weight: 500 !important; }
.font-700 { font-weight: 700 !important; }
.font-800 { font-weight: 800 !important; }
.font-ultra { font-weight: 900 !important; }
.center { text-align:  center; }
.block { display: block; }

.bg-columns { background: #e1e1e1; }
.border-columns { border: 1px solid red;}

.mg-0 {margin:0 !important;}
.mg-5 {margin: 0.313em !important;}
.mg-10{margin:0.625em !important;}
.mg-20{margin:1.250em !important;}
.mg-30{margin:1.875em !important;}
.mg-top-5{margin-top:0.313em !important;}
.mg-top-7{margin-top:0.438em !important;}
.mg-top-10{margin-top:0.625em !important;}
.mg-top-12 {margin-top: 0.750em !important;}
.mg-top-15 {margin-top: 0.938em !important;}
.mg-top-20{margin-top:1.250em !important;}
.mg-top-30{margin-top:1.875em !important;}
.mg-top-40{margin-top:2.500em !important;}
.mg-top-50{margin-top:3.125em !important;}
.mg-top-60 {margin-top: 3.750em !important;}
.mg-top-70 {margin-top: 4.375em !important;}
.mg-top-100 {margin-top: 6.250em !important;}
.mg-top-170 {margin-top: 10.625em !important;}
.mg-bottom-0{margin-bottom:0 !important;}
.mg-bottom-5{margin-bottom:0.313em !important;}
.mg-bottom-10{margin-bottom:0.625em !important;}
.mg-bottom-15{margin-bottom:0.938em !important;}
.mg-bottom-20{margin-bottom:1.250em !important;}
.mg-bottom-30{margin-bottom:1.875em !important;}
.mg-bottom-40{margin-bottom:2.500em !important;}
.mg-bottom-50{margin-bottom:3.125em !important;}
.mg-bottom-60{margin-bottom:3.750em !important;}
.mg-left-5 {margin-left: 0.313em !important;}
.mg-left-10{margin-left:0.625em !important;}
.mg-left-15{margin-left:0.938em !important;}
.mg-left-20{margin-left:1.250em !important;}
.mg-left-30{margin-left:1.875em !important;}
.mg-left-40{margin-left:2.500em !important;}
.mg-right-5 {margin: 0.313em !important;}
.mg-right-10{margin-right:0.625em !important;}
.mg-right-15{margin-right:0.938em !important;}
.mg-right-20{margin-right:1.250em !important;}
.mg-right-30{margin-right:1.875em !important;}

.pd-0 {padding:0 !important;}
.pd-5 {padding:0.313em !important;}
.pd-10{padding:0.625em !important;}
.pd-15 { padding: 0.938em; }
.pd-20{padding:1.250em !important;}
.pd-30{padding:1.875em !important;}
.pd-40{padding:2.813em !important;}
.pd-100{padding:6.25em !important;}
.pd-top-5{padding-top:0.313em !important;}
.pd-top-10{padding-top:0.625em !important;}
.pd-top-20{padding-top:1.250em !important;}
.pd-top-30{padding-top:1.875em !important;}
.pd-top-40 {padding-top: 2.813em !important;}
.pd-top-60{padding-top:3.750em !important;}
.pd-top-100{padding-top:6.25em !important;}
.pd-bottom-5{padding-bottom: 0.313em !important;}
.pd-bottom-10{padding-bottom:0.313em !important;}
.pd-bottom-10{padding-bottom:0.625em !important;}
.pd-bottom-20{padding-bottom:1.250em !important;}
.pd-bottom-30{padding-bottom:1.875em !important;}
.pd-bottom-40 {padding-bottom: 2.500em !important;}
.pd-bottom-60 {padding-bottom: 3.750em !important;}
.pd-left-10{padding-left:0.625em !important;}
.pd-left-15{padding-left:0.938em !important;}
.pd-left-20{padding-left:1.250em !important;}
.pd-left-30{padding-left:1.875em !important;}
.pd-right-10{padding-right:0.625em !important;}
.pd-right-15{padding-left:0.938em !important;}
.pd-right-20{padding-right:1.250em !important;}
.pd-right-30{padding-right:1.875em !important;}

.texto-10 {font-size: 0.625em !important;}
.texto-11 { font-size: 0.688em !important;}
.texto-12 {font-size: 0.750em !important;}
.texto-13 {font-size: 0.813em !important;}
.texto-14 {font-size: 0.875em !important;}
.texto-16 {font-size: 1em !important;}
.texto-18 {font-size: 1.125em !important;}
.texto-20 {font-size: 1.250em !important;}
.texto-22 {font-size: 1.375em !important;}
.texto-24 {font-size: 1.500em !important;}
.texto-26 {font-size: 1.625em !important;}
.texto-28 {font-size: 1.750em !important;}
.texto-30 {font-size: 1.875em !important;}
.texto-32 {font-size: 2.000em !important;}
.texto-34 {font-size: 2.125em !important;}
.texto-36 {font-size: 2.250em !important;}
.texto-40 {font-size: 2.500em !important;}
.texto-42 {font-size: 2.625em !important;}
.texto-48 {font-size: 3.000em !important;}
.texto-50 {font-size: 3.125em !important;}
.texto-52 {font-size: 3.250em !important;}
.texto-56 {font-size: 3.500em !important;}
.texto-60 {font-size: 3.750em !important;}
.texto-70 {font-size: 4.375em !important;}
.texto-80 {font-size: 5.000em !important;}
.texto-100 {font-size: 6.250em !important;}
.texto-170 {font-size: 10.625em !important;}
.texto-200 {font-size: 12.500em !important;}

.texto { color: #5b5a5d;}
.texto-branco { color: #fff; }
.texto-laranja { color: #FF6927; }
.texto-cinza { color: #bcbec0; }
.texto-verde { color: #1cb853; }
.texto-vermelho { color: #FF0000; }

.bg-laranja { background: #FF6927 !important; }
.bg-footer { background: #1D1D1B !important; }
.bg-cinza { background: #575656 !important; }
.bg-form { background: #2E2E2E !important; }
.bg-branco { background: #ffffff; }
.bg-sobre { background: url('../img/bg-sobre.png') no-repeat top center; width: 100%; }
.bg-projetos-extras { background: url('../img/bg-fundo-projetos-extras.jpg') top center #dddddd; width: 100%; height: 561px; padding-top: 28.125em; }
.bg-projetos-extras-content { background: url('../img/bg-box-projetos-extras.png') repeat-x; width: 100%; }
.bg-conteudo { background: url('../img/bg-conteudo.png') repeat-x; width: 100%; padding-top: 4.688em; }
.bg-box-cinza-1 { background: #bcbec0 !important; }
.bg-box-cinza-2 { background: #c7c8ca !important; }
.bg-box-cinza-3 { background: #d1d3d4 !important; }
.bg-box-cinza-4 { background: #dcddde !important; }

.bg-redes-sociais:hover { background: #FF6927 !important; }

.content-100 { display: block; width: 100%; }


.banner-1 { background: url('../img-portfolio/colegio-nos/000_header_colegionos.jpg') no-repeat top center; width: 100%; height: 700px; }
.banner-2 { background: url('../img-portfolio/atmosfera/000_header_atmosfera.jpg') no-repeat top center; width: 100%; height: 700px; }
.banner-3 { background: url('../img-portfolio/concept/000_header_concept.jpg') no-repeat top center; width: 100%; height: 700px; }
.banner-4 { background: url('../img-portfolio/ctv-nobel/000_header_nobel.jpg') no-repeat top center; width: 100%; height: 700px; }
.banner-5 { background: url('../img-portfolio/vitale-view/000_header_vitaleview.jpg') no-repeat top center; width: 100%; height: 700px; }
.banner-6 { background: url('../img-portfolio/sorria/000_header_sorria.jpg') no-repeat top center; width: 100%; height: 700px; }

.banner-bolsao { background: url('../img/banner-matricula.jpg') no-repeat top center; width: 100%; height: 622px; }

.projetos-extras-line { line-height: 18px !important; }


.shadow { text-shadow: 2px 2px 2px rgba(0,0,0,0.74); }

.bg-topo-sobre-nos { background: url('../img/topo-sobre-nos.jpg') no-repeat top center; width: 100%; height: 444px; }

.round-20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }


.logo { position: absolute; top: 30px; left: 30px; z-index: 2000; }
.menu { position: absolute; top: 30px; right: 30px; z-index: 2000; background: #000000; }


.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

button.copiarCodigo { font-size: 12px; border-radius: 5px; border: none; padding: 10px; xmargin-left: 10px; background-color: #7ccec9; color: white; text-transform: uppercase; cursor: pointer; }

.logo-clientes { xwidth: 100%; }

@media only screen and (max-width: 40.0625em) {
  .logo-clientes { width: 100px !important; }
}


@media (prefers-color-scheme: dark) {
  body {    
    background: #ffffff;
  }

}



.accordion__item {
  margin: 5px auto;
}
.accordion__item .accordion__title {
  position: relative;
  display: block;
  padding: 13px 60px 15px 13px;
  margin-bottom: 2px;
  color: #202020;
  font-size: 14px;
  text-decoration: none;
  background-color: #eaeaea;
  border-radius: 3px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  cursor: pointer;
}
.accordion__item .accordion__title:hover {
  xbackground-color: #e5e4e4;
  transition: all 0.5s ease-out;
}
.accordion__item .accordion-active {
  background-color: #e5e4e4;}
.accordion__item .accordion__title .accordion__arrow {
  position: absolute;
  top: 10px; right: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #fff;
  line-height: 20px;
  font-size: 14px;
  font-weight: 700;
  margin-right: 5px;
  background-color: #c9c9c9;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.accordion__item .accordion__rotate {
  transform: rotate(225deg);
}
.accordion__item .accordion__content {
  padding: 30px;
  margin-bottom: 2px;
  font-size: 14px;
  display: none;
  background-color: #f3f3f3;
}
.accordion__item .accordion__arrow-item {
  font-weight: 700;
}