section { padding: 120px 0px 0px 0px; width: 100%; height: auto; position: relative; }

/*YOUTUBE*/
.placeholder { min-height: 500px; margin: 20px 0px 60px 0px; padding: 11px 0; position: relative; clear: both; }
.placeholder:after { bottom: -30px; content: ""; height: 30px; left: 50%; margin-left: -510px; position: absolute; width: 1100px }
.placeholder iframe { display:block; height: 470px; margin: 0 auto; width: 1100px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; position: relative; overflow: hidden; }
.placeholder h2 { color: #000000; font: 18px var(--fonte-padrao); text-align: center; padding: 15px 0px; }
.slider { position: relative; width: 1100px; height: 320px; margin-bottom: 80px; text-align: center; overflow: hidden; }
.slider li { list-style-type:none; display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: auto 400px; height: 300px; margin: 10px; width: 250px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; position: relative; overflow: hidden; }
.slider li .area { position: absolute; z-index: 10; background-repeat: no-repeat; background-position: center 40px; background-size: auto 50px; background-image:url(../imagens/ico-play.png); background-color: rgba(0,0,0,0.6); height: 300px; width: 250px; }
.slider li a { display: block; height: 156px }
.slider li .infos { width: 220px; height: auto; margin: 130px 15px 0px 15px; position: absolute; }
.slider li .infos h2 { position: relative; z-index: 11; font: 18px var(--fonte-padrao); color: #ffffff; margin: 0px 0px 8px 0px; line-height: 24px; width: 100%; text-align: left; }
.slider li .infos p { position: relative; z-index: 11; color: #ffffff; font-family:var(--fonte-padrao); font-size: 12px; line-height: 18px; margin: 0px 0px 12px 0px; text-align: left; width: 100% }
.slider li:hover,
.slider li.current .area { background: rgba(51,114,255,0.7); }
.carousel-container { margin: 0 auto; position: relative; width: 1100px }
.carousel-container .controll { cursor: pointer; height: 54px; position: absolute; top: 130px; width: 29px; z-index: 5 }
.carousel-container .prev { margin: inherit !important; cursor: pointer; z-index:100; width:21px; height:40px; text-align: center; font-size: 20px; color: #000000; line-height: 40px; position: absolute; left: -20px; }
.carousel-container .next { margin: inherit !important; cursor: pointer; z-index:100; width:21px; height:40px; text-align: center; font-size: 20px; color: #000000; line-height: 40px; }
.carousel-inner { display: inline-block; position: relative; margin-bottom: 30px; width: 1100px; overflow: hidden; height: 320px; }

@media screen and (max-width: 1100px) {
  section { padding: 60px 0px 0px 0px; }

  .placeholder { min-height: 440px; margin: 20px 0px; padding: 11px 0; position: relative; clear: both; }
  .placeholder:after { bottom: -30px; content: ""; height: 30px; left: inherit; margin-left: inherit; position: absolute; width: 100%; }
  .placeholder iframe { display:block; height: 340px; margin: 10px auto; width: 100%; }
  .placeholder h2 { font: 24px var(--fonte-padrao); line-height: 24px; }
  .slider { position: relative; width: 100%; height: auto; margin-bottom: 80px; text-align: center; overflow: hidden; }
  .slider li { list-style-type:none; display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: auto 400px; height: 300px; margin: 10px; width: 250px; position: relative; overflow: hidden; }
  .carousel-container { margin: 0 auto; position: relative; width: 100%; }
  .carousel-container .controll { cursor: pointer; height: 54px; position: absolute; top: 130px; width: 29px; z-index: 5 }
  .carousel-container .prev { display:none; position:absolute; left: 20px; }
  .carousel-container .next { display:none; position:absolute; right: 20px; }
  .carousel-inner { float: none; height: auto; width: 100%; overflow: hidden; }
}