@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;400;700;900&display=swap");
*, *:before, *:after {
  margin: 0;
  padding: 0;
  outline: 0;
  line-height: 1.2;
  letter-spacing: 0em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

object,
embed,
video,
iframe {
  max-width: 100%;
   }

/*iframe,['style']{
    max-width: 100%;
    height: auto;
}*/
img {
  max-width: 100%;
  vertical-align: middle; }

ul {
  list-style: none; }

a {
  text-decoration: none; }

fieldset {
  border: 0; }

input,
select,
textarea {
  padding: 10px;
  width: 100%; }

html{
	scroll-behavior: smooth;	
}
:target{
	scroll-margin-top: .8em;
}
input.btn {
  width: auto;
  cursor: pointer; }

.fontzero {
  font-size: 0; }

.clear {
  clear: both; }

.header_fixed {
  background-color: transparent;
  position: absolute;
  z-index: 99;
  width: 100%;
  left: 0;
  right: 0;
  /* menu mobile 3*/ }
  .header_fixed .menu {
    margin: 0 auto;
    width: 1170px; }
    .header_fixed .menu .header-menu {
      display: block;
      margin: 0 auto;
      width: 100%;
      text-align: center;
      padding: 20px; }
      .header_fixed .menu .header-menu ul {
        width: 475px;
        float: right;
        background-color: #001f92; }
        .header_fixed .menu .header-menu ul li {
          display: inline-block;
          margin: 10px;
          color: #FFF;
          font-family: 'Chakra Petch';
          font-weight: bold;
          cursor: pointer; }
  .header_fixed .mobile-nav-button {
    position: absolute;
    margin: 2rem 2rem 2rem 2rem;
    right: 0;
    top: 0px;
    z-index: 99999999;
    cursor: pointer;
    width: 40px;
    height: 30px;
    display: none; }
  .header_fixed .mobile-nav-button.close-menu {
    border-radius: 50px;
    padding: 5px 3px;
    width: 35px;
    height: 35px; }
  .header_fixed .mobile-nav-button .mobile-nav-button__line {
    width: 80%;
    height: 3px;
    background: #FFF;
    position: relative;
    -webkit-transition: 1s ease;
    transition: 1s ease; }
  .header_fixed .mobile-nav-button .mobile-nav-button__line:nth-of-type(2) {
    margin: 4px 0; }
  .header_fixed .mobile-nav-button .mobile-nav-button__line--1 {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 13px;
    position: absolute;
    background: #242965; }
  .header_fixed .mobile-nav-button .mobile-nav-button__line--2 {
    display: none; }
  .header_fixed .mobile-nav-button .mobile-nav-button__line--3 {
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
    top: 13px;
    position: absolute;
    background: #242965; }

@font-face {
  font-family: 'tt_normsbold';
  src: url("../css/fonts/ttnorms-bold-webfont.eot");
  src: url("../css/fonts/ttnorms-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../css/fonts/ttnorms-bold-webfont.woff2") format("woff2"), url("../css/fonts/ttnorms-bold-webfont.woff") format("woff"), url("../css/fonts/ttnorms-bold-webfont.ttf") format("truetype"), url("../css/fonts/ttnorms-bold-webfont.svg#tt_normsbold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Circular Std Black";
  src: url("../css/fonts/circularstdblack.eot");
  /* IE9*/
  src: url("../css/fonts/circularstdblack.eot?#iefix") format("embedded-opentype"), url("../css/fonts/circularstdblack.woff2") format("woff2"), url("../css/fonts/circularstdblack.woff") format("woff"), url("../css/fonts/circularstdblack.ttf") format("truetype"), url("../css/fonts/circularstdblack.svg#Circular Std Black") format("svg");
  /* iOS 4.1- */ }

@font-face {
  font-family: "Circular Std Book";
  src: url("../css/fonts/circularstdbook.eot");
  /* IE9*/
  src: url("../css/fonts/circularstdbook.eot?#iefix") format("embedded-opentype"), url("../css/fonts/circularstdbook.woff2") format("woff2"), url("../css/fonts/circularstdbook.woff") format("woff"), url("../css/fonts/circularstdbook.ttf") format("truetype"), url("../css/fonts/circularstdbook.svg#Circular Std Book") format("svg");
  /* iOS 4.1- */ }

@font-face {
  font-family: "Abolition W00 Soft";
  src: url("../css/fonts/Abolition W00 Soft.eot");
  /* IE9*/
  src: url("../css/fonts/Abolition W00 Soft.eot?#iefix") format("embedded-opentype"), url("../css/fonts/Abolition W00 Soft.woff2") format("woff2"), url("../css/fonts/Abolition W00 Soft.woff") format("woff"), url("../css/fonts/Abolition W00 Soft.ttf") format("truetype"), url("../css/fonts/Abolition W00 Soft.svg#Circular Std Book") format("svg");
  /* iOS 4.1- */ }

.bg-programacao {
  margin-top: 35px;
  background-repeat: no-repeat;
  background-position: center;
  height: 160px; }
  .bg-programacao h2 {
    font-family: 'Chakra Petch';
    background-color: transparent;
    border: none;
    color: #06248e;
    font-size: 29px;
    text-align: center;
    font-weight: 600;
    max-width: 500px;
    margin: 0 auto;
    margin-top: 65px; }

    .tudo {
      padding: 25px; 
	  margin: 0 auto;}
      .tudo h3 {
        font-family: 'Chakra Petch';
        color: #ffbe00;
        font-size: 40px;
        text-align: center;
        font-weight: 600;
        margin-bottom: 20px; }
      .tudo p {
        font-family: 'Chakra Petch';
        color: #fff;
        font-size: 17px;
        text-align: center;
        line-height: 20px;
        font-weight: bold;
        margin-bottom: 5px; }

	
    .comissao .titulares {
      padding: 25px; }
      .comissao .titulares h3 {
        font-family: 'Chakra Petch';
        color: #ffbe00;
        font-size: 40px;
        text-align: center;
        font-weight: 600;
        margin-bottom: 20px; }
      .comissao .titulares p {
        font-family: 'Chakra Petch';
        color: #fff;
        font-size: 17px;
        text-align: center;
        line-height: 20px;
        font-weight: bold;
        margin-bottom: 5px; }
    .comissao .suplentes {
      padding: 20px;}
      .comissao .suplentes h3 {
        font-family: 'Chakra Petch';
        color: #ffbe00;
        font-size: 40px;
        text-align: center;
        font-weight: 600;
        margin-bottom: 20px; }
      .comissao .suplentes p {
        font-family: 'Chakra Petch';
        color: #fff;
        font-size: 17px;
        text-align: center;
        line-height: 20px;
        font-weight: bold;
        margin-bottom: 5px; }	

		
.carousel-programacao .carousel-cell {
  margin: 30px 0; }
  .carousel-programacao .carousel-cell img {
    display: block;
    margin: 0 auto;
    text-align: center; }

.carousel-programacao .flickity-prev-next-button.next {
  right: -20px;
  background: url(../images/next.png) no-repeat center center;
  width: 58px;
  height: 21px; }

.carousel-programacao .flickity-prev-next-button.previous {
  left: -20px;
  background: url(../images/prev.png) no-repeat center center;
  width: 58px;
  height: 21px; }

.carousel-programacao .flickity-prev-next-button {
  background: transparent; }
  .carousel-programacao .flickity-prev-next-button svg {
    display: none; }

/*  --------------------------------- */
    .creajovem .titulares {
      padding: 25px; }
      .creajovem .titulares h3 {
        font-family: 'Chakra Petch';
        color: #ffbe00;
        font-size: 40px;
        text-align: center;
        font-weight: 600;
        margin-bottom: 20px; }
      .creajovem .titulares p {
        font-family: 'Chakra Petch';
        color: #fff;
        font-size: 17px;
        text-align: center;
        line-height: 20px;
        font-weight: bold;
        margin-bottom: 5px; }
    .creajovem .suplentes {
      padding: 20px;}
      .creajovem .suplentes h3 {
        font-family: 'Chakra Petch';
        color: #ffbe00;
        font-size: 40px;
        text-align: center;
        font-weight: 600;
        margin-bottom: 20px; }
      .creajovem .suplentes p {
        font-family: 'Chakra Petch';
        color: #fff;
        font-size: 17px;
        text-align: center;
        line-height: 20px;
        font-weight: bold;
        margin-bottom: 5px; }
		
.carousel {
    width: 100%;
	margin: 80px 0px;}
    .carousel .carousel-cell img {
      width: 100%; 
	  display: block;}
    .carousel .carousel-cell .textoparceiras {
      background-color: #ff8a00;
      padding: 20px;
      height: 360px; }
      .carousel .carousel-cell .textoparceiras p {
        color: #000;
        font-size: 14px;
        line-height: 20px;
        font-family: 'Chakra Petch';
        text-align: justify; }
      .carousel .carousel-cell .textoparceiras .btn-saiba {
        background-color: #092c74;
        font-family: 'Chakra Petch';
        font-weight: bold;
        color: #FFF;
        text-align: center;
        padding: 10px 20px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 20px; }
        .carousel .carousel-cell .textoparceiras .btn-saiba a {
          color: #FFF; }
          .carousel .carousel-cell .textoparceiras .btn-saiba a:hover {
            text-decoration: none; }
    .carousel .flickity-prev-next-button.next {
      right: -40px;
      background: url("../../assets/images/next.png"); }
      .carousel .flickity-prev-next-button.next svg {
        opacity: 0; }
    .carousel .flickity-prev-next-button.previous {
      left: -40px;
      background: url("../../assets/images/prev.png"); }
      .carousel .flickity-prev-next-button.previous svg {
        opacity: 0; }

/*  --------------------------------- */
.btn-inscricao,
.thumb-video,
.btn-crealive {
  margin: 40px 0; 
  text-align: center;}
  .btn-inscricao img,
  .thumb-video img,
  .btn-crealive img {
    display: block;
    margin: 0 auto; }

.foto {
  background-color: #2a4df4;
  padding-bottom: 120px; }
  .foto .container-fluid {
    padding: 0; }
    .foto .container-fluid .row {
      margin: 0; }
    .foto .container-fluid .bg-img {
      padding: 0; }
      .foto .container-fluid .bg-img img {
        margin-top: 60px; }
    .foto .container-fluid h2 {
      position: relative;
      z-index: 99;
      margin: 0 auto;
      color: #FFF;
      font-size: 25px;
      font-family: 'Chakra Petch';
      margin-top: 25px;
      max-width: 200px; }
  .foto .oque {
    margin: 90px 0;
    background: no-repeat center;
    height: 460px; }
    .foto .oque h2 {
      padding: 50px 100px;
      color: #FFF;
      font-size: 40px;
      font-family: 'Chakra Petch';
      font-weight: 600;
      line-height: 50px; }
    .foto .oque p {
      color: #06248e;
      font-family: 'Circular Std Book';
      font-size: 24px;
      margin-top: 125px;
      max-width: 500px; }
  .foto .diferenciais {
    background: no-repeat center;
    height: 503px; }
    .foto .diferenciais h2 {
      color: #06248e;
      font-size: 36px;
      font-family: 'Chakra Petch';
      font-weight: 600;
      line-height: 50px;
      max-width: 100%;
      text-align: center; }
    .foto .diferenciais .itens {
      margin-top: 60px; }
      .foto .diferenciais .itens img {
        max-width: 150px; }
      .foto .diferenciais .itens p {
        color: #06248e;
        font-family: 'Circular Std Book';
        font-size: 16px;
        font-weight: 600;
        margin: 20px auto;
        text-align: center; }
  .foto .curiosidade {
    margin: 120px 0;
    background: no-repeat center;
    height: 397px; }
    .foto .curiosidade h2 {
      padding: 85px 35px;
      color: #FFF;
      font-size: 34px;
      font-family: 'Chakra Petch';
      font-weight: 600;
      line-height: 50px;
      text-align: center; }
    .foto .curiosidade p {
      color: #06248e;
      font-family: 'Circular Std Book';
      font-size: 20px;
      margin-top: 110px;
      max-width: 405px;
      text-align: center; }
    .foto .curiosidade span {
      display: block;
      font-family: 'Chakra Petch';
      font-weight: 600;
      color: #000;
      max-width: 265px;
      font-size: 20px;
      margin-left: 145px;
      padding-top: 28px; }
      .foto .curiosidade span a {
        color: #000; }
        .foto .curiosidade span a:hover {
          text-decoration: none;
          color: #000; }
  .foto .itens-curiosidades {
    margin: 50px 0; }
    .foto .itens-curiosidades .left .item1 {
      margin-left: -60px; }
    .foto .itens-curiosidades .left .item2 {
      margin-left: -40px; }
    .foto .itens-curiosidades .left .item3 {
      margin-left: -30px; }
    .foto .itens-curiosidades .left h3 {
      font-size: 25px;
      font-family: 'Chakra Petch';
      font-weight: 600;
      color: #FFF;
      margin-top: 20px; }
    .foto .itens-curiosidades .left p {
      font-size: 18px;
      font-family: 'Chakra Petch';
      font-weight: 400;
      color: #FFF;
      max-width: 580px; }
    .foto .itens-curiosidades .right h3 {
      font-size: 25px;
      font-family: 'Chakra Petch';
      font-weight: 600;
      color: #FFF;
      text-align: right;
      margin-top: 20px; }
    .foto .itens-curiosidades .right p {
      font-size: 18px;
      font-family: 'Chakra Petch';
      font-weight: 400;
      color: #FFF;
      max-width: 580px;
      float: right;
      text-align: right; }

.creajovem {
  background-color: #06248e;
  padding-bottom: 40px; }
  .creajovem .j-engenheiro {
    background: no-repeat center;
    height: 186px;
    margin-top: -85px; }
    .creajovem .j-engenheiro h2 {
      color: #06248e;
      font-size: 35px;
      max-width: 785px;
      font-family: 'Chakra Petch';
      font-weight: 600;
      margin: 0 auto;
      padding-top: 45px; }
    .creajovem .j-engenheiro p {
      max-width: 810px;
      margin: 0 auto; }
      .creajovem .j-engenheiro p span {
        display: block;
        font-size: 45px;
        font-family: 'Chakra Petch';
        color: #000;
        font-weight: 600;
        margin-right: 180px;
        text-align: right; }
    .creajovem .j-engenheiro p.interrogacao {
      text-align: right;
      margin-top: -175px; }
  .creajovem .text {
    margin-top: 30px; }
    .creajovem .text p {
      font-size: 18px;
      max-width: 600px;
      margin: 15px auto;
      line-height: 21px;
      text-align: center;
      font-family: 'Chakra Petch';
      color: #FFF;
      font-weight: 600; }
	  
	.creajovem .text h2 {
	  width: 250px;
	  color: #06248e ;
	  display: inline-block;
	  text-align: center;
	  background-color: #f7bd27;
	  font-family: 'Chakra Petch';
	  font-size: 25px;
	  margin: 12px;
	  border: 2px solid #000;
	  border-radius: 10px;
      padding: 5px;
      }

.comissao {
  background-color: #2a4df4;
  padding: 0px 0; 
  margin-bottom: -50px;
  }
  .comissao h2 {
    max-width: 400px;
    background-color: #06248e;
    font-family: 'Chakra Petch';
    color: #f7bd27;
    font-size: 40px;
    text-align: center;
    font-weight: 600;
    border: 2px solid #000;
    border-radius: 10px;
    margin: 0 auto;
    padding: 5px; }
	
	.creajovem h2 {
    max-width: 400px;
    background-color: #47dde6;
    font-family: 'Chakra Petch';
    color: #06248e;
    font-size: 40px;
    text-align: center;
    font-weight: 600;
    border: 2px solid #000;
    border-radius: 10px;
    margin: 0 auto;
    padding: 5px; }
  .comissao .bg-comissao {
    background-repeat: no-repeat;
    background-position: center;
    height: 407px; }
    .comissao .bg-comissao .titulares {
      padding: 25px; }
      .comissao .bg-comissao .titulares h3 {
        font-family: 'Chakra Petch';
        color: #f7bd27;
        font-size: 40px;
        text-align: center;
        font-weight: 600;
        margin-bottom: 20px; }
      .comissao .bg-comissao .titulares p {
        font-family: 'Chakra Petch';
        color: #fff;
        font-size: 17px;
        text-align: center;
        line-height: 20px;
        font-weight: bold;
        margin-bottom: 5px; }
    .comissao .bg-comissao .suplentes {
      padding: 20px;
      margin-top: 100px; }
      .comissao .bg-comissao .suplentes h3 {
        font-family: 'Chakra Petch';
        color: #f7bd27;
        font-size: 40px;
        text-align: center;
        font-weight: 600;
        margin-bottom: 20px; }
	  .comissao .bg-comissao .suplentes h2{
        font-family: 'Chakra Petch';
        color: #fff;
        font-size: 20px;
        text-align: center;
        font-weight: 600;
        margin-bottom: 20px; 
		background: none;
		border: none;}
	  .comissao .bg-comissao .suplentes h2 a{
		color: #fff;
		text-decoration: underline;
	  }
      .comissao .bg-comissao .suplentes p {
        font-family: 'Chakra Petch';
        color: #fff;
        font-size: 17px;
        line-height: 20px;
        text-align: center;
        font-weight: bold;
        margin-bottom: 5px; }

  .comissao .bg-revista {
    margin-top: 100px;
    background-repeat: no-repeat;
    background-position: center;
    height: 191px; }
    .comissao .bg-revista h2 {
      font-family: 'Chakra Petch';
      background-color: transparent;
      border: none;
      color: #FFF;
      font-size: 29px;
      text-align: center;
      font-weight: 600;
      max-width: 500px;
      margin: 0 auto;
      margin-top: 35px; }
      .comissao .bg-revista h2 a {
        color: #FFF; }
        .comissao .bg-revista h2 a:hover {
          color: #FFF;
          text-decoration: none; }
	.comissao .bg-revista {
	margin-bottom: 230px;
    background-repeat: no-repeat;
    background-position: center;
    height: 191px; }
    .comissao .bg-revista h2 {
      font-family: 'Chakra Petch';
      background-color: transparent;
      border: none;
      color: #06248e;
      font-size: 29px;
      text-align: center;
      font-weight: 600;
      max-width: 500px;
      margin: 0 auto;
      margin-top: 55px; }
      .comissao .bg-revista h2 a {
        color: #06248e; }
        .comissao .bg-revista h2 a:hover {
          color: #06248e;
          text-decoration: none; }
		  
		  
	.comissao .bg-confira {
    margin-top: 100px;
    background-repeat: no-repeat;
    background-position: center;
    height: 191px; }
    .comissao .bg-confira h2 {
      font-family: 'Chakra Petch';
      background-color: transparent;
      border: none;
      color: #FFF;
      font-size: 29px;
      text-align: center;
      font-weight: 600;
      max-width: 500px;
      margin: 0 auto;
      margin-top: 35px; }
      .comissao .bg-confira h2 a {
        color: #FFF; }
        .comissao .bg-confira h2 a:hover {
          color: #FFF;
          text-decoration: none; }
	.comissao .bg-confira {
    margin-top: 65px;
    background-repeat: no-repeat;
    background-position: center;
    height: 191px; }
    .comissao .bg-confira h2 {
      font-family: 'Chakra Petch';
      background-color: transparent;
      border: none;
      color: #fff;
      font-size: 29px;
      text-align: center;
      font-weight: 600;
      max-width: 500px;
      margin: 0 auto;
      margin-top: 35px; }
      .comissao .bg-confira h2 a {
        color: #fff; }
        .comissao .bg-confira h2 a:hover {
          color: #fff;
          text-decoration: none; }
  .comissao .container-fluid {
    padding: 0;
    margin: 150px 0 0; }
    .comissao .container-fluid .bg-verde {
      background-color: #4dadc3;
      height: 220px;
      margin: 60px 0; }
    .comissao .container-fluid .dep {
      margin-top: -345px; }
      .comissao .container-fluid .dep .bg-depoimento {
        background-repeat: no-repeat;
        background-position: center;
        height: 327px; }
        .comissao .container-fluid .dep .bg-depoimento h2 {
          font-family: 'Chakra Petch';
          background-color: transparent;
          border: none;
          color: #000;
          font-size: 28px;
          text-align: center;
          font-weight: 600;
          max-width: 735px;
          margin: 0 auto;
          margin-top: 100px;
          margin-left: 70px; }
        .comissao .container-fluid .dep .bg-depoimento p {
          max-width: 700px;
          margin: 0 auto;
          color: #4dadc3;
          font-size: 24px;
          text-align: right;
          margin-left: 60px;
          margin-top: 40px; }

.mobile {
  display: none; }

@media (min-width: 1441px) and (max-width: 2560px) {
  .foto .diferenciais {
    background: no-repeat center center/cover;
    height: 666px; }
    .foto .diferenciais h2 {
      margin-top: 40px; }
    .foto .diferenciais .itens {
      margin-top: 145px; }
  .foto .offset-md-5 {
    margin-left: 25.666667%; } }

@media (max-width: 1024px) {
  .desktop {
    display: none; }
  .mobile {
    display: block; } }

@media (max-width: 768px) {
  .desktop {
    display: none; }
  .mobile {
    display: block; }
  .foto .container-fluid .bg-img img {
    margin-top: 0px; }
  .foto .container {
    padding: 0;
    max-width: 100%;
    width: 100%; }
    .foto .container .row {
      margin: 0; }
  .foto .oque {
    height: 595px;
    background: no-repeat center center/cover; }
    .foto .oque h2 {
      padding: 50px 95px 50px 155px;
      max-width: 475px; }
    .foto .oque p {
      margin-top: 10px;
      max-width: 100%;
      padding: 35px 75px; }
  .foto {
    padding-bottom: 180px; }
    .foto .diferenciais {
      height: 725px;
      background: no-repeat center center/cover; }
      .foto .diferenciais .itens {
        margin: 45px 65px;
        text-align: center; }
      .foto .diferenciais h2 {
        max-width: 500px;
        line-height: 35px; }
    .foto .curiosidade {
      background: no-repeat center center/cover;
      height: 295px; }
      .foto .curiosidade h2 {
        padding: 70px 10px;
        font-size: 21px;
        line-height: 35px; }
      .foto .curiosidade p {
        font-size: 15px;
        margin-top: 78px;
        max-width: 295px; }
      .foto .curiosidade span {
        padding-top: 10px;
        margin-left: 95px;
        font-size: 17px;
        max-width: 215px; }
    .foto .itens-curiosidades .left .item1 {
      margin-left: -20px; }
    .foto .itens-curiosidades .left .item2,
    .foto .itens-curiosidades .left .item3 {
      margin-left: 0; }
  .creajovem .j-engenheiro {
    background: center center/cover;
    height: 143px; }
    .creajovem .j-engenheiro h2 {
      padding-top: 30px;
      margin-left: 20px; }
    .creajovem .j-engenheiro p span {
      margin-right: 120px;
      font-size: 40px; }
	  
	.creajovem .j-palestra {
    background: center center/cover;
    height: 143px; }
    .creajovem .j-palestra h2 {
      padding-top: 30px;
      margin-left: 20px; }
    .creajovem .j-palestra p span {
      margin-right: 120px;
      font-size: 40px; }
	
  .comissao .container {
    width: 100%; }
  .comissao .bg-comissao {
    background: center center/cover;
    height: 625px; }
    .comissao .bg-comissao .suplentes {
      margin-top: 20px; }
  .comissao .container-fluid .dep .bg-depoimento {
    background: center center/cover;
    height: 245px; }
    .comissao .container-fluid .dep .bg-depoimento h2 {
      font-size: 23px;
      margin-left: 0;
      margin-top: 65px;
      max-width: 550px; }
    .comissao .container-fluid .dep .bg-depoimento p {
      max-width: 500px;
      font-size: 20px;
      margin-left: 23px;
      font-weight: bold; } }

@media (max-width: 540px) {
  .foto .oque {
    height: 416px; }
    .foto .oque h2 {
      padding: 20px 80px 20px 100px;
      font-size: 30px;
      max-width: 375px; }
    .foto .oque p {
      padding: 0 50px;
      font-size: 18px; }
  .foto .diferenciais {
    height: 510px; }
    .foto .diferenciais h2 {
      max-width: 325px;
      line-height: 20px;
      font-size: 20px; }
    .foto .diferenciais .itens {
      margin: 25px; }
      .foto .diferenciais .itens div {
        width: 32.33333%; }
      .foto .diferenciais .itens img {
        max-width: 105px; }
      .foto .diferenciais .itens p {
        margin: 5px auto;
        font-size: 14px; }
  .foto .curiosidade {
    height: 210px; }
    .foto .curiosidade h2 {
      padding: 50px 10px;
      font-size: 17px;
      line-height: 28px; }
    .foto .curiosidade p {
      font-size: 11px;
      margin-top: 55px;
      max-width: 220px;
      margin-left: -18px; }
    .foto .curiosidade span {
      margin-left: 49px;
      font-size: 12px;
      max-width: 160px; }
  .creajovem .j-engenheiro {
    height: 108px; }
    .creajovem .j-engenheiro h2 {
      font-size: 25px; }
    .creajovem .j-engenheiro p span {
      font-size: 27px; }
    .creajovem .j-engenheiro p.interrogacao {
      margin-top: -117px; }
      .creajovem .j-engenheiro p.interrogacao img {
        max-width: 95px; }

    .comissao .bg-comissao .titulares {
      max-width: 465px;
      padding: 20px; }
      .comissao .bg-comissao .titulares h3 {
        font-size: 25px; }
      .comissao .bg-comissao .titulares p {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 2px; }
    .comissao .bg-comissao .suplentes {
      padding: 20px; }
      .comissao .bg-comissao .suplentes h3 {
        font-size: 25px;}
      .comissao .bg-comissao .suplentes p {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 2px;}
  .comissao .bg-confira {
    background: center center/cover;
    height: 134px; }
    .comissao .bg-confira h2 {
      font-size: 17px;
      max-width: 335px; }
  .comissao .container-fluid .dep .bg-depoimento {
    background-image: url(../images/bg-depoimento-mobile.png) !important;
    height: 347px; }
    .comissao .container-fluid .dep .bg-depoimento h2 {
      max-width: 340px;
      margin: 0 auto;
      margin-top: 80px;
      margin-left: 43px; }
    .comissao .container-fluid .dep .bg-depoimento p {
      max-width: 305px;
      margin-top: 70px;
      margin-left: 23px; }
  .carousel-programacao .carousel-cell img {
    max-width: 70%; }
  .carousel-programacao .flickity-prev-next-button.next {
    right: 10px; }
  .carousel-programacao .flickity-prev-next-button.previous {
    left: 10px; }
  .bg-programacao {
    background: center center/cover;
    height: 125px; }
    .bg-programacao h2 {
      margin-top: 50px; } }

@media (max-width: 414px) {
  .foto .oque {
    height: 320px; }
    .foto .oque h2 {
      padding: 20px 80px;
      font-size: 24px;
      max-width: 343px;
      line-height: 35px; }
    .foto .oque p {
      padding: 0 35px;
      font-size: 14px; }
  .foto .diferenciais {
    height: 398px; }
    .foto .diferenciais h2 {
      font-size: 17px;
      line-height: 18px;
      max-width: 276px;
      margin-top: 10px; }
    .foto .diferenciais .itens div {
      padding: 0 5px; }
    .foto .diferenciais .itens img {
      max-width: 70px; }
    .foto .diferenciais .itens p {
      font-size: 12px; }
  .foto .curiosidade {
    height: 161px; }
    .foto .curiosidade h2 {
      padding: 39px 10px;
      font-size: 12px;
      line-height: 22px; }
    .foto .curiosidade p {
      font-size: 10px;
      max-width: 175px;
      line-height: 10px;
      margin-top: 42px; }
    .foto .curiosidade span {
      margin-left: 35px;
      font-size: 12px;
      margin-top: -8px;
      padding-top: 0; }
  .creajovem .j-engenheiro {
    height: 78px; }
    .creajovem .j-engenheiro h2 {
      font-size: 18px;
      padding-top: 20px; }
    .creajovem .j-engenheiro p span {
      font-size: 18px; }
    .creajovem .j-engenheiro p.interrogacao {
      margin-top: -90px; }
      .creajovem .j-engenheiro p.interrogacao img {
        max-width: 75px; }
      .comissao .titulares h3 {
        font-size: 20px;
        margin-bottom: 10px; }
      .comissao .titulares p {
        line-height: 13px;
        font-size: 15px; }
    .comissao .bg-comissao .suplentes {
      margin-top: -16px; }
      .comissao .suplentes h3 {
        font-size: 20px; }
	 .comissao .suplentes h2 {
	 font-size:15px;}
      .comissao .suplentes p {
        font-size: 15px;
        line-height: 13px; }
	  .creajovem .titulares h3{
		  font-size: 20px;
	  }
	  .creajovem .titulares p{
		  font-size: 15px;
	  }
	  .creajovem .suplentes h3{
		  font-size: 20px;
	  }
	  .creajovem .suplentes p{
		  font-size: 15px;
	  }


		
  .comissao .bg-confira {
    height: 100px; }
    .comissao .bg-confira h2 {
      font-size: 13px;
      max-width: 263px;
      margin-top: 22px; }
  .comissao .container-fluid .dep .bg-depoimento {
    height: 265px; }
    .comissao .container-fluid .dep .bg-depoimento h2 {
      max-width: 247px;
      margin-top: 54px;
      margin-left: 37px;
      font-size: 19px; }
    .comissao .container-fluid .dep .bg-depoimento p {
      margin-left: -35px;
      margin-top: 49px; }
  .foto .itens-curiosidades .left h3,
  .foto .itens-curiosidades .right h3 {
    font-size: 20px; }
  .foto .itens-curiosidades .left p,
  .foto .itens-curiosidades .right p {
    font-size: 16px; }
  .bg-programacao {
    height: 95px; }
    .bg-programacao h2 {
      font-size: 20px;
      margin-top: 40px; } }

@media (max-width: 375px) {
  .foto .oque {
    margin: 100px 0;
    height: 291px; }
    .foto .oque h2 {
      padding: 13px 56px;
      max-width: 285px; }
    .foto .oque p {
      padding: 0 5px 0 40px;
      margin-top: 5px;
      font-size: 13px; }
  .foto .diferenciais {
    height: 378px; }
  .foto .curiosidade h2 {
    padding: 39px 5px;
    font-size: 11px; }
  .foto .curiosidade p {
    font-size: 9px;
    margin-left: -25px; }
  .creajovem .j-engenheiro {
    height: 69px; }
  .creajovem .j-engenheiro h2 {
    margin-left: 35px;
    padding-top: 15px; }
  .creajovem .j-engenheiro p span {
    margin-right: 80px; }
  .comissao .bg-comissao .titulares {
    max-width: 325px; }
  .comissao .bg-confira {
    height: 94px; }
  .comissao .container-fluid .dep .bg-depoimento h2 {
    font-size: 17px;
    margin-left: 23px; }
  .comissao .container-fluid .dep .bg-depoimento p {
    margin-left: -60px; }
  .bg-programacao {
    height: 85px; }
    .bg-programacao h2 {
      margin-top: 35px; } }

@media (max-width: 320px) {
  .foto .oque {
    height: 249px; }
    .foto .oque h2 {
      font-size: 19px;
      max-width: 250px;
      line-height: 27px; }
    .foto .oque p {
      padding: 0 5px 0 20px;
      font-size: 11px; }
  .foto .diferenciais {
    height: 318px; }
    .foto .diferenciais h2 {
      font-size: 15px;
      line-height: 16px;
      max-width: 240px; }
  .foto .diferenciais .itens p {
    font-size: 9px; }
  .foto .diferenciais .itens img {
    max-width: 57px; }
  .foto .curiosidade h2 {
    padding: 40px 5px;
    font-size: 10px;
    line-height: 18px; }
  .foto .curiosidade .col-4 {
    padding: 0;
    margin-left: -15px; }
  .creajovem .j-engenheiro {
    height: 65px; }
  .comissao h2 {
    font-size: 32px; }
  .comissao .bg-comissao {
    height: 290px; }
  .comissao .bg-comissao .titulares {
    max-width: 270px;
    padding: 10px; }
    .comissao .bg-comissao .titulares h3 {
      font-size: 16px; }
    .comissao .bg-comissao .titulares p {
      font-size: 9px; }
  .comissao .bg-comissao .suplentes {
    padding: 10px; }
    .comissao .bg-comissao .suplentes h3 {
      font-size: 16px; }
    .comissao .bg-comissao .suplentes p {
      font-size: 9px; }
  .comissao .bg-confira {
    height: 80px; }
    .comissao .bg-confira h2 {
      font-size: 12px;
      max-width: 240px;
      margin-top: 14px; }
  .comissao .container-fluid .dep .bg-depoimento {
    height: 230px; }
    .comissao .container-fluid .dep .bg-depoimento h2 {
      font-size: 15px;
      margin-left: 11px;
      max-width: 220px; }
    .comissao .container-fluid .dep .bg-depoimento p {
      margin-left: -103px;
      margin-top: 37px;
      font-size: 17px; } }