body {
  font-family: 'Open Sans', sans-serif;
  background-image: url('../img/SVGs/body-bg.svg');
  background-position: center -40px;
  background-repeat: no-repeat;
}
body.index {
  background-position: center -30px;
}
body.index .banner {
  position: relative;
}
body.index .banner .banner-degradebottom {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0d1d2d+0,0d1d2d+100&0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(13, 29, 45, 0) 0%, rgba(13, 29, 45, 1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(13, 29, 45, 0) 0%, rgba(13, 29, 45, 1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(13, 29, 45, 0) 0%, rgba(13, 29, 45, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000d1d2d', endColorstr='#0d1d2d',GradientType=0 ); /* IE6-9 */
  height: 200px;
  position: absolute;
  bottom: -1px;
  width: 100%;
}

a {
  color: #00aeac;
}
a:hover {
  color: #006f6e;
}

::-moz-selection {
  background-color: #00aeac;
  color: white;
}
::selection {
  background-color: #00aeac;
  color: white;
}

.bg-color {
  background-color: #00aeac;
}
.bg-color2 {
  background-color: #3c3c3b;
}
.bg-color3 {
  background-color: #575756;
}
.text-color,
.owl-nav {
  color: #00aeac;
}
.text-color2 {
  color: #3c3c3b;
}
.text-color3 {
  color: #575756;
}
.line-height-1 {
  line-height: 1;
}

.navbar-brand {
  background-color: transparent;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
/* .navbar-brand img { max-width: 180px; height: 115px; width: 100%;} */
.navbar-nav-ul li {
  padding: 5px 10px;
}
.navbar-nav-ul li a {
  color: white;
  font-size: 1rem;
}

.banner {
  background-color: #333;
}
.programas-link .programas-img-container {
  height: 23.5rem;
  overflow: hidden;
  display: block;
}
.programas-link .programas-img-container img {
  margin-top: -20%;
}
.section-aovivo {
}
.section-aovivo .container {
  margin-top: -5rem;
}
.section-aovivo-div {
  color: white;
  min-height: 10rem;
  padding-left: 35px !important;
  padding-right: 35px !important;
}
.section-aovivo-div:hover {
  color: white;
  text-decoration: none;
}
.span-aovivo-container {
  position: absolute;
  top: -15px;
  left: 0;
}
.span-aovivo {
  background-color: red;
  padding: 5px 30px 7px 20px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  font-size: 0.8rem;
  letter-spacing: 2px;
  border-top-left-radius: 100px;
}
.span-aovivo .icon {
  height: 7px;
  width: 7px;
  background-color: white;
  border-radius: 100px;
  position: absolute;
  right: 14px;
  top: 12px;
}

.section-aovivo-div.active {
  transform: scale(1.07);
  z-index: 5;
}
.section-aovivo-div.active:hover {
  background-color: #039694;
}
.icon-fas-play {
  font-size: 2rem;
  position: absolute;
  top: 20px;
  right: 20px;
}

.programas {
  overflow: hidden;
}
.programas a {
  text-decoration: none;
}
.title-section {
  font-size: 2.5rem;
  font-weight: 300;
  letter-spacing: -1px;
}
.desc-program {
  font-size: 0.9rem;
}

.owl-carousel {
  position: relative;
}
.owl-carousel .owl-nav {
  position: absolute;
  top: -70px;
  right: 0;
  font-size: 4rem;
  line-height: 1;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
  display: table;
  width: 3rem;
  float: left;
  overflow: hidden;
}
.owl-carousel .owl-nav .owl-prev span,
.owl-carousel .owl-nav .owl-next span {
  height: inherit;
  margin-top: -5px;
}

.owl-item.active .programas-link img {
  z-index: 0;
  position: relative;
}
.owl-item.active .programas-link:hover img {
  z-index: 2;
}

.publicidade-box .container {
  background-color: #f2f2f2;
  position: relative;
}
.publicidade-box .container .text-publicidade {
  text-align: right;
  position: absolute;
  top: -20px;
  right: 0;
  font-size: 0.6rem;
  color: #999999;
  letter-spacing: 5px;
}

.link-img-hover:hover {
  text-decoration: none;
}
.link-img-hover img {
  transition: all 0.3s ease-in-out;
}
.link-img-hover:hover img {
  transform: scale(1.03);
  transition: all 0.3s ease-in-out;
}
.link-img-hover .hover-effect {
  display: none;
  height: 100%;
  opacity: 0;
  width: 100%;
  position: absolute;
  z-index: 9;
  color: transparent;
  font-size: 500%;
  text-align: center;
}
.link-img-hover:hover .hover-effect {
  transform: scale(1.03);
  display: block;
  color: white;
  opacity: 0.5;
  padding-top: 12%;
}
.owl-carousel-pagVideos .link-img-hover:hover .hover-effect {
  padding-top: 19%;
}
.table tr:nth-child(1) td {
  border-top: none;
}
/*.videos .link-img-hover img { border:4px solid #00aeac;}*/

.btn-outline-tvmar {
  border-color: #00aeac;
  color: #00aeac;
}
.btn-outline-tvmar:hover {
  background-color: #00aeac;
}
.btn-outline-tvmar.rounded {
  border-radius: 100px !important;
  padding-left: 25px;
  padding-right: 25px;
}

.navbar-nav .nav-item {
  border-bottom: 4px solid transparent;
  transition: all 0.3s ease-in-out;
}
.navbar-nav .nav-item:hover {
  border-bottom: 4px solid #00aeac;
  transition: all 0.3s ease-in-out;
}
.navbar-nav .nav-item a {
  transition: all 0.3s ease-in-out;
}
.navbar-nav .nav-item:hover a {
  color: #00aeac;
  transition: all 0.3s ease-in-out;
}

.footer {
  background-color: #e8e8e8;
}
.footer .border-right {
  border-right: 1px solid white !important;
}
.footer ul {
  margin: 0;
  padding: 0;
}
.footer ul li {
  list-style: none;
  line-height: 1.3;
  margin: 15px 0;
}

.owl-carousel .owl-stage-outer {
  overflow: initial;
}

.isDisabled,
.isDisabled:hover {
  cursor: not-allowed;
  color: #7d7d7c;
  text-decoration: none;
}

.pag-interna .header-site {
  position: relative;
  background-image: none;
  margin-bottom: 13rem;
}
/*.pag-interna .header-site .container-bg {background-color: #086661; }
.pag-interna .header-site .navbar-brand {background-color: #00aeac; }*/
.pag-interna .header-site .collapse.navbar-collapse {
  margin-top: 0 !important;
}
.pag-interna.programas {
  overflow: initial;
}

.pag-interna .banner-internas {
  height: 140px;
  background-size: contain;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center top;
  background-color: #00aeac;
}
.pag-interna.atvmar .banner-internas {
  background-image: url('../img/atvmar-grey.jpg');
}
.pag-interna.programas .banner-internas {
  background-image: url('../img/videos-grey.jpg');
}
.pag-interna.programacao .banner-internas {
  background-image: url('../img/programacao-grey.jpg');
}
.pag-interna.contato .banner-internas {
  background-image: url('../img/contato-grey.jpg');
}
.pag-interna.videos .banner-videos .link-img-hover {
  display: contents;
}

.olho {
  font-size: 1.65rem;
  font-weight: 300;
  margin-bottom: 2rem;
  margin-top: 33%;
}
.sidebar.sidebar-right {
  border-right: 1px solid #e4e4e4;
}

.display-5 {
  font-size: 2.8rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -2px;
}

.midias-sociais {
  list-style: none;
  clear: both;
  margin: 0;
  padding: 0;
}
.midias-sociais li {
  float: left;
}
.midias-sociais li a {
  display: table;
  padding: 5px 20px;
  font-size: 2.5rem;
}
.midias-sociais li a:first-child {
  padding-right: 0;
}

.section-aovivo .rounded {
  border-radius: 10px !important;
}
.section-aovivo-div.active.rounded {
  border-radius: 0 !important;
}

.menu-open {
  position: absolute;
  top: 10px;
  right: -10px;
  padding: 20px 10px;
  z-index: 1;
}

/* MENU */
.side-menu-wrapper {
  /* style menu wrapper */
  padding: 40px 0 0 40px;
  position: fixed; /* Fixed position */
  top: 0;
  right: 0; /* Sidebar initial position. "right" for right positioned menu */
  height: 100%;
  z-index: 2;
  transition: 0.5s; /* CSS transition speed */
  width: 250px;
  font-size: 20px;
  box-sizing: border-box;
}
.side-menu-wrapper > ul {
  /* css ul list style */
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: auto; /* enable scroll for menu items */
  height: 95%;
}
.side-menu-wrapper > ul > li > a {
  /* links */
  display: block;
  border-bottom: 1px solid #00aeac;
  padding: 6px 4px 6px 4px;
  color: white;
  transition: 0.3s;
  text-decoration: none;
}
.side-menu-wrapper > ul > li:last-child a {
  border-bottom: none;
}
.side-menu-wrapper > a.menu-close {
  /* close button */
  padding: 8px 0 4px 23px;
  color: #6b6b6b;
  display: block;
  margin: -30px 0 -10px -20px;
  font-size: 35px;
  text-decoration: none;
}

.menu-overlay {
  /* overlay */
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  overflow-y: auto;
  overflow-x: hidden;
  text-align: center;
  opacity: 0;
  transition: opacity 1s;
}

#link-player-mobile {
  cursor: pointer;
}
.btn-play-mobile {
  height: 50px;
  width: 140px;
  position: absolute;
  top: 60%;
  left: calc(50% - 70px);
  padding: 10px 20px;
  border: 1px solid #fff;
  border-radius: 100px;
}
.btn-play-mobile img {
  height: 40px;
  width: 40px;
  position: absolute;
  right: 0;
  top: -10px;
  right: 5px;
  top: 3px;
}

.dadoProgs-img-container {
  display: block;
  overflow: hidden;
}
.dadoProgs-img-container img {
  margin-top: -45px;
  margin-bottom: -45px !important;
}
.horario {
  font-size: 0.7rem;
}
.title-program {
  line-height: 1;
}

.optionInput {
  display: none;
}
.obrigatorio {
  color: red;
}

.scroll {
  position: relative;
}

.icon-scroll,
.icon-scroll:before {
  position: absolute;
  left: 50%;
}

.icon-scroll {
  width: 30px;
  height: 50px;
  margin-left: -15px;
  bottom: 5%;
  margin-top: -35px;
  box-shadow: inset 0 0 0 2px #00aeac;
  border-radius: 25px;
  z-index: 10;
}

.icon-scroll:before {
  content: '';
  width: 8px;
  height: 8px;
  background: #00aeac;
  margin-left: -4px;
  top: 8px;
  border-radius: 4px;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: scroll;
}

.banner {
  background-image: none;
}

@keyframes scroll {
  0% {
    opacity: 1;
    transform: translateY(30px);
  }
  100% {
    opacity: 0;
  }
}
/* 575.95px */
@media (max-width: 736px) {
  body {
    padding: 0 !important;
  }
  .header-site {
    background: url(../img/header-site.png) repeat-x bottom center transparent;
    /*
    height: 11rem;
    position: absolute; 
    top: 0;
    */
    width: 100%;
    z-index: 10;
  }

  .section-aovivo .container {
    margin-top: 0px;
  }
  .section-aovivo-div.active {
    transform: scale(1);
  }
  .span-aovivo-container {
    left: 50%;
    margin-left: -75px;
    top: -40px;
    font-size: 1rem;
  }
  .span-aovivo-container .span-aovivo {
    border-radius: 100px;
    background-color: #007877;
  }
  .span-aovivo-container .span-aovivo-play {
    border-radius: 100px;
    border: 4px solid #007877;
    font-size: 0.7rem;
    padding: 5px;
    display: table;
    height: 50px;
    width: 50px;
    float: right;
    margin-top: -10px;
    margin-left: 5px;
  }
  .span-aovivo-container .span-aovivo-play .icon-fas-play {
    font-size: 1rem;
    position: initial;
  }
  .section-aovivo-div {
    height: auto;
    min-height: auto;
  }
  .span-aovivo {
    position: relative;
  }
  .section-aovivo-div.active.bg-color,
  body,
  .navbar-collapse.collapse.show,
  .side-menu-wrapper {
    background-color: #0d1d2d !important;
  }
  .title-section {
    font-size: 2.5rem;
    letter-spacing: -1px;
  }
  /* .banner img {margin-top: -10%;} */
  .dadoProgs-img-container {
    height: auto;
  }
  .btn-outline-tvmar.rounded {
    padding-left: 15px;
    padding-right: 15px;
  }
  .dadoProgs-img-container img {
    margin-top: -20px;
    margin-bottom: -20px !important;
  }

  .programas-link .programas-img-container {
    height: 15.5rem;
  }
  .pag-interna {
    background-position: center 0;
    background-size: 320%;
    background-color: white !important;
  }
  .pag-interna .container-interna {
    padding-bottom: 4rem;
  }
  .pag-interna .header-site {
    margin-bottom: 4rem;
  }
  .footer .border-right {
    border-right: none !important;
  }
  .banner {
    background-image: url('../img/programas/default.jpg');
    background-size: cover;
  }
  .banner img {
    margin-top: 0;
  }
  .banner .embed-responsive {
    /* margin-top: 45%;
    margin-bottom: 25px; */
  }
}

.img-youtube {
  border-radius: 15px;
  height: 12rem;
  overflow: hidden;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
.banner {
  background-color: transparent;
}
.banner .embed-responsive-item {
  border-radius: 15px;
  overflow: hidden;
  background-color: #000;
}
.section-aovivo .container {
  margin-top: 0;
}