.bd-explica {
  padding: 20px 0px 40px 20px !important; }
  .bd-explica header h2 {
    font-size: 24px !important; }
  .bd-explica header p {
    color: #4D4E53;
    font-size: 16px !important; }
  .bd-explica section {
    width: 68%;
    float: left; }
    .bd-explica section div.desc-video h1 {
      font-size: 20px !important;
      font-family: "newjunebookregular",Arial,Verdana; }
    .bd-explica section div.desc-video p {
      font-family: "newjunebookregular",Arial,Verdana; }
      .bd-explica section div.desc-video p#dataPublicacao {
        margin: 20px 0;
        font-size: 12px;
        font-weight: bold; }
      .bd-explica section div.desc-video p#descricaoVideo {
        font-size: 14px; }
    .bd-explica section #ytplayer, .bd-explica section #ytplayerIE9 {
      width: 100%;
      height: 420px; }
      .bd-explica section #ytplayer .videoPlayerAdjust, .bd-explica section #ytplayerIE9 .videoPlayerAdjust {
        width: 100% !important;
        height: 430px !important; }
        .bd-explica section #ytplayer .videoPlayerAdjust .mejs-overlay, .bd-explica section #ytplayerIE9 .videoPlayerAdjust .mejs-overlay {
          width: 100% !important;
          height: 100% !important; }
  .bd-explica aside {
    display: block;
    width: 30% !important;
    overflow-y: auto;
    height: 430px !important;
    margin-left: 1%;
    position: relative;
    float: left; }
    .bd-explica aside .boxInfoVideo {
      display: block;
      float: left;
      margin-top: 10px;
      width: 100%; }
      .bd-explica aside .boxInfoVideo .thumbVideo {
        display: block;
        width: 120px;
        height: 90.5px;
        float: left; }
        .bd-explica aside .boxInfoVideo .thumbVideo a .imgThumbVideo {
          width: 100%;
          border: solid 1px #999; }
      .bd-explica aside .boxInfoVideo .descriptionVideo {
        display: block;
        float: left;
        width: 162px;
        margin-left: 10px;
        margin-top: 0;
        font-size: 10px;
        text-align: left;
        font-weight: bold; }
        .bd-explica aside .boxInfoVideo .descriptionVideo a {
          font-size: 12px !important;
          display: block;
          color: #000 !important;
          text-decoration: none; }
          .bd-explica aside .boxInfoVideo .descriptionVideo a:hover {
            text-decoration: underline; }
        .bd-explica aside .boxInfoVideo .descriptionVideo .channel {
          margin-top: 6px; }
        .bd-explica aside .boxInfoVideo .descriptionVideo .duration {
          margin-top: 4px;
          font-weight: bold;
          font-size: 11px; }
    .bd-explica aside:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 3px;
      background-color: #BC0023;
      left: 0; }

html.ie9 #ytplayer {
  display: none; }

@media only screen and (max-width: 1279px) {
  .bd-explica section #ytplayer, .bd-explica section #ytplayerIE9 {
    height: 334px; }
    .bd-explica section #ytplayer .videoPlayerAdjust, .bd-explica section #ytplayerIE9 .videoPlayerAdjust {
      height: 336px !important; }
  .bd-explica aside {
    height: 336px !important; }
    .bd-explica aside .boxInfoVideo .thumbVideo {
      width: 82px;
      height: auto; }
    .bd-explica aside .boxInfoVideo .descriptionVideo {
      width: 130px; } }
@media only screen and (max-width: 1023px) {
  .bd-explica {
    padding: 20px 20px 40px 20px !important; }
    .bd-explica section {
      width: 100%;
      text-align: center; }
      .bd-explica section #ytplayer, .bd-explica section #ytplayerIE9 {
        height: 434px; }
        .bd-explica section #ytplayer .videoPlayerAdjust, .bd-explica section #ytplayerIE9 .videoPlayerAdjust {
          height: 439px !important; }
    .bd-explica aside {
      width: 100% !important;
      margin: 20px 0 0 0; }
      .bd-explica aside .boxInfoVideo .thumbVideo {
        width: 120px;
        height: 90.5px; }
      .bd-explica aside .boxInfoVideo .descriptionVideo {
        width: 70%; } }
@media only screen and (max-width: 767px) {
  .bd-explica section #ytplayer, .bd-explica section #ytplayerIE9 {
    height: 367px; }
    .bd-explica section #ytplayer .videoPlayerAdjust, .bd-explica section #ytplayerIE9 .videoPlayerAdjust {
      height: 368px !important; } }
@media only screen and (max-width: 639px) {
  .bd-explica section #ytplayer, .bd-explica section #ytplayerIE9 {
    height: 278px; }
    .bd-explica section #ytplayer .videoPlayerAdjust, .bd-explica section #ytplayerIE9 .videoPlayerAdjust {
      height: 278px !important; }
  .bd-explica aside {
    margin: 30px 0 0 0; }
    .bd-explica aside .boxInfoVideo .descriptionVideo {
      width: 65%; } }
@media only screen and (max-width: 479px) {
  .bd-explica header {
    width: auto !important; }
  .bd-explica section #ytplayer, .bd-explica section #ytplayerIE9 {
    height: 278px; }
    .bd-explica section #ytplayer .videoPlayerAdjust, .bd-explica section #ytplayerIE9 .videoPlayerAdjust {
      height: 278px !important; }
  .bd-explica aside .boxInfoVideo .thumbVideo a img {
    margin-left: 0 !important; }
  .bd-explica aside .boxInfoVideo .descriptionVideo {
    width: 59%; } }
@media only screen and (max-width: 425px) {
  .bd-explica section #ytplayer, .bd-explica section #ytplayerIE9 {
    height: 237px; }
    .bd-explica section #ytplayer .videoPlayerAdjust, .bd-explica section #ytplayerIE9 .videoPlayerAdjust {
      height: 237px !important; } }
@media only screen and (max-width: 375px) {
  .bd-explica section #ytplayer, .bd-explica section #ytplayerIE9 {
    height: 210px; }
    .bd-explica section #ytplayer .videoPlayerAdjust, .bd-explica section #ytplayerIE9 .videoPlayerAdjust {
      height: 210px !important; }
  .bd-explica aside .boxInfoVideo .thumbVideo {
    width: 82px; }
  .bd-explica aside .boxInfoVideo .descriptionVideo {
    width: 170px;
    margin-right: 10px; } }
@media only screen and (max-width: 320px) {
  .bd-explica section #ytplayer, .bd-explica section #ytplayerIE9 {
    height: 188px; }
    .bd-explica section #ytplayer .videoPlayerAdjust, .bd-explica section #ytplayerIE9 .videoPlayerAdjust {
      height: 188px !important; } }
