/* Responsive CSS Style */
@media only screen and (min-width: 2450px) {
h2 {font-size: 9.8rem; width: 85%;}
.container-im{max-width:inherit;}
.bg-topo {background-position: center -2.5%;}
.bg-home.meio {top: 15%;}
.bg-home.fim {min-height:3750px;}
.button-border {font-size: 4.5rem;}
.button-border i {margin-top: 15px;}
#if-video {height:937px}
}
@media only screen and (min-width: 2000px) {
h2 {width: 94%;padding-top: 25%;}
.bg-topo {background-position: center -1.5%;}
.container-im{width:1820px;}
.container-im .col-xl-6 {padding-left: 3.2%;}
.resumo-historias {font-size: 3em; padding: 1.5% 12%;}
.bg-home {top: 19.555%;}
.bg-home.meio {top: 21%;}
.bg-home.fim {min-height:195%;}
.contatos {position: relative;}
#seta {top: 103;}
#if-video {height:956px}
.shadow {top: -14%;}
.lista-videos {margin: 8% auto 0;}
.barra-menu {padding-top: 3.2%;}
.tire-duvidas {font-size: 5em; line-height: 1.3em;}
.resumo-historias.duvidas {font-size: 2.2em; padding: 1.5% 24%;}
.direitos {font-size: 1.5em; padding-top: 2%;}
.cabecalho-pages {padding-top: 40%; padding-bottom: 2.555%;}
.quemsomos {padding-left: .6em; top: 20%;}
.lista-videos a img {width: 353px; height: 499px;}
/*.lista-videos-interno .cat-natureza .categoria-breve .imgcat {width: 100%; height: auto;}*/
.lista-videos .cat-natureza .categoria-breve .imgcat {width: 100%; height: auto;}
}
@media only screen and (max-width: 1600px) {
.container-im {width: 1440px;}
.plataformas img {width: max-content; max-width: 100%;}
#seta {left: 5px;} 
}
@media only screen and (max-width: 1440px) {
/* 1440x800 */
h2 {font-size: 5.7rem; padding-top: 13%;}
.button-border {margin-bottom: 4%;}
.container-im{width:1330px;}
.lista-videos {width: 100%; margin: 3% auto 0;}
.bg-topo, .bg-topo-single {background-size: 100%;}
.bg-home.meio {top: 32%; min-height: 740px;}
.bg-home.fim {top: -930px;min-height: 2050px;}
.resumo-historias.duvidas {padding: 1.5% 24%;}
.plataformas {padding-top: 5.6%;}
#seta {top: 88px;}
#seta-baixo {width: 90px; height: 90px;}
#if-video {height: 700px;}
.im-video {height: 757px;}
.shadow {height: 846px;}
.lista-videos a img {width: 366px; height: 518px;}
}
@media only screen and (max-width: 1370px) {
/* 1366x768 */
h2 {font-size: 5.2rem; width: 82%; padding-top: 10%;}
.container-im{width:1200px;}
.button-border {font-size: 3em; padding: 8px 11.222% 8px 10px;}
.button-border i {margin-right: 5px; margin-top: 4px;}
.ico-play {background-size: 85%;height: 55px; width: 55px;}
.free {font-size: 1.8em; margin-left: 20px;}
.barra-menu {padding-top: 6%; padding-left: 0; padding-right: 0;}
.bg-home.meio {top: 31.555%;}
.bg-home.fim {min-height: 1880px;}
.bg-quemsomos {background-position: center 19%;}
.bg-transparent {padding-top: 43%;}
#if-video {height: 630px;}
.quemsomos {text-align: center; top: 10%;}
a.button-inter {top: 0;}
.bg-quemsomos {background-position: center 0%;}
.lista-videos a img {border-radius: 20px; width: 100%; height: auto;}
.lista-videos .cat-natureza .categoria-breve .imgcat {width: 100%; height: auto; border-radius: 20px;}
.lista-videos-interno .cat-natureza .categoria-breve .imgcat {width: 100%; height: auto;border-radius: 20px;}
}
@media only screen and (max-width: 1281px) {
.container-im {width:1024px;}
.im-video {height: 675px;}
.shadow {height: 764px;}
.plataformas {padding-top: 1.6%;}
.bg-quemsomos {background-position: center 0;}
#if-video {height: 620px;}
.bg-quemsomos {background-position: center -3%;}
}
@media only screen and (max-width: 1024px) {
h1 {font-size: 4.2em;}
h2 {font-size: 5em; width: 100%;}
#seta {top: 78px; left: 0;}
#seta-baixo {width: 70px; height: 70px;}
#if-video {height: 508px;}
.container-im {width:954px;padding-left: 15px; padding-right: 15px;}
.site {min-height: 1385px;}
.menu {line-height: 42px; height: 42px;}
.barra-menu {padding-top: 4.5%;}
.button-border {font-size: 2.3em; padding: 8px 60px 8px 10px; border-radius: 16px; line-height: 1.17em; width: fit-content; max-width: 275px;}
.button-border i {margin-top: 2px;}
.ico-play {background-size: 68%; height: 42px; width: 52px; margin-top: 0;}
.lista-videos {margin: 3% auto 0; width: 100%;}
.lista-videos img {max-width: 100%; width: max-content;}
.bg-home.meio {top: 32.35%;min-height: 615px;}
.playergrande {padding-top: 12%;}
.bg-home.fim {min-height: 1000px; height: 1600px; top: -650px;}
.button.big {font-size: 3em; border-radius: 15px; width: fit-content; max-width: 36%;}
.plataformas img {width: 85%;}
.contamos-historias {padding: 3% 2% 11px; line-height: 1.1em;}
.free {margin-left: 3px;}
.resumo-historias {padding: 1% 2%;}
.campo, .campo-mensagem {width: 100%; font-size: 2.3em;border-radius: 16px;}
.formcontato {padding-top: 1%;}
.resumo-historias.duvidas {padding: 1% 16% 3%;}
.button {font-size: 0.8em; padding: 0 12px; line-height: 30px; border-radius: 7px; top: 10px;}
.select-items div, .select-selected {padding: 6px 0;}
.combo {width: 160px;}
.lista-videos-interno {width: 90%;}
.lista-videos .cat-natureza .categoria-breve img {border-radius: 35px;}
.lista-videos-interno .cat-natureza .categoria-breve .imgcat, .lista-videos-interno a img {border-radius: 35px;}
.lista-videos-interno > .row {margin-left: 0; margin-right: 0;}
.im-video {height: 540px;}
.shadow {height: 614px;}
.quemsomos {text-align: center;}
a.button-inter {font-size: 1.4rem; border-radius: 7px; padding: 2px 13px; top: 9px; line-height: 34px;}
.bg-transparent {padding-top: 52%;}
.plataformas img {max-width: 100%;}
.assista {font-size: 5.2rem;}
.contamos-historias {padding: 6% 2% 11px;}
.content-white {padding: 30px;}
.button-ep2 {font-size: 1.7rem; border-radius: 17px;}
.button-ep2 i {margin-top: 8%;}
.button-ep2 span {padding-right: 5px; margin-left: 55px; padding-top: 2%;}
.button-ep2 span.episodio {font-size: 1.3rem;}

.ico-seta {background-size: 100%; width: 43px; height: 44px;}
.content-white ul {margin-top: 15px;}
#episodios ol li a span::after {left: -26px;}

}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
.container-im {width:100%;}
}
/* Tablets Portrait size to standard 960 (devices and browsers) */

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 790px) {
html {margin-top:0px!important;}
h1 {font-size: 4.2em; line-height: 1em;}
h2 {font-size: 4rem; width: 100%; padding-top: 28%;}
h3 {font-size: 3em;}
#page, #quem {width: 100%; position: relative; display: block;}
#primary-nav {display:none;}
#if-video {height: 385px;}
#episodios {padding-top: 4%; padding-left: 6%;}
#episodios h2 {margin-bottom: 4%;}
#episodios ol li {line-height: 1.6em;}
#episodios ol li a:hover span::after {margin-top: 3px;}
#quemsomos {padding: 5px 3% 5px 5px;}
#direitos-de-imagem {padding: 2% 3% 5% 0;}
#direitos-de-imagem p {color: #012E61;}
#episodios.s-video {padding-left: 2%;}
#episodios.s-video ol li a span::after {margin-top: 5px; left: -20px;}
#contato, #quemsomos {font-size: 1.4rem;}
#combo-flag {width: 135px; padding-top: 1px; width: 150px;}
#combo-flag a span:first-of-type {width: 102px;}
#combo-flag span {padding-left:34px; line-height: 34px; height: 34px; padding: 2px 0 0; font-size: 1.4rem;}
#combo-flag img {margin-top: 2px;}
.bg-topo, .bg-topo-single {background-size: 152%; background-position: top center;}
.container-im {width: 720px;padding-left: 15px; padding-right: 15px;}
.button-border {font-size: 2em; padding:6px 47px 6px 5px; margin-bottom: 10px; width: fit-content; max-width: 65%;}
.button-border i {margin-top: 2px;}
.button-border span {padding-right: 10px;}
.ico-play {height: 40px; width: 40px;}
.free {font-size: 1.4em; margin-bottom: 40px;}
.barra-menu {padding-top: 32px;}
.barra-menu .menu span, .barra-menu .menu i, .barra-menu .menu a {padding: 5px 0 5px 5px;}
.barra-menu div {word-wrap: break-word; flex-wrap: wrap;padding-right: 5px; padding-left: 5px;}
.bg-home.meio {top: 34%;min-height: 500px;}
.contamos-historias {font-size: 3.7em;padding: 4% 5%;}
.tire-duvidas {margin-top: 10%;padding: 4% 5%;}
.exclusivo {margin-top: 20px;}
.assista {padding: 0 4% 2%;font-size: 4.2em;border-bottom-width: 5px;}
.playergrande {padding-top: 9%; width: 17%;}
.combo {width: 120px;}
.button {font-size: 1em; padding: 2px 15px; line-height: 30px;}
.resumo-historias {font-size: 1.5em;}
.resumo-historias.duvidas {padding: 1% 8% 3%;}
.bg-home.fim {top: -500px; min-height: 500px; height:1400px;}
/*.button-ep2 {line-height: 1em; margin-bottom: 0; width: fit-content; max-width: 45%;}*/
.button-ep2 {padding: 1.5% 3% 1.5% 2%;}
.site {min-height:50%;}
.im-video {height: 406px;}
.lista-videos {margin: 9% auto 0;}
.lista-videos a img {border-radius: 25px;}
.lista-videos-interno {width: 100%;}
.lista-videos-interno h3 {font-size: 4.2em; padding-top: 8%;}
.lista-videos-interno a img, .lista-videos-interno .cat-natureza .categoria-breve .imgcat {border-radius: 25px;}
.lista-videos .cat-natureza .categoria-breve .imgcat, .lista-videos-interno .categoria-breve .imgcat {border-radius: 25px;}
.shadow {height: 467px;}
.button, a.button, a.button-inter {font-size:20px;padding:2px 15px;border-radius:6px;line-height:25px;margin-left:5px;top:11px;}
.button.big {font-size: 2.5em;line-height: 35px;padding: 1% 4%;margin: 0.3% auto 6%; max-width: 78%;}
.button-assistir {margin-top: 3%;}
.bg-quemsomos {background-position: center top;}
.cabecalho-pages {padding-top: 43%;}
.cabecalho-pages p {padding-right: 2%;}
.cabecalho-content p {font-size: 1.5em;}
.cabecalho-content ul {padding-bottom: 5%; padding-top: 3%;}
.cabecalho-content.single {padding-top: 5%;}
.conteudo {padding-right: 0;}
.quemsomos {font-size: 5.8em;}
.cabecalho-cat {padding-top: 12%;}
.lrm-show-if-logged-in {font-size: 1.4rem; margin-left: 5px;}
.owl-theme .owl-nav {top: 17%;}
.owl-prev {left: -9%;}
.owl-next {right: -9%;}
}
@media only screen and (max-width: 760px) {
  html {margin-top:0px!important;}
  body {overflow-x: hidden; width: 100%;}
  .container-im {width: calc(100% - 30px);}
}
@media only screen and (max-width: 600px) {
  html {margin-top:0px!important;}
  body {overflow-x: hidden; width: 100%;}
  button {right: unset; bottom: unset; margin: 0 auto;}
  h1 {font-size: 3.2em;padding-bottom:.3em;}
  h2 {font-size: 4em; text-align: center; padding-top: 10%}
  .container-im {width: 100%;}
  #menu-mob, #primary-menu, .bg-home.fim {display: block;}
  #masthead {padding-top: 0;}
  #primary {padding-right: 5px;padding-left: 5px;}
  #slick-mobile-menu {display: block; float: right; top:70px; position: absolute;}
  #if-video {height: 265px; margin-top: 3%;}
  #header-interna {padding-top: 2px; padding-bottom: 0;}
  #interna {background-size: 100%; padding-top: 65%}
  #interna.historia {background-image: url('img/mobile-categoria-manaus-como-ela-e.jpg');}
  #interna.natureza {background-image: url('img/mobile-categoria-natureza.jpg');}
  #interna.lugares {background-image: url('img/mobile-categoria-cultura.jpg');}
  #episodios {margin-left: 0;padding-top:1%;padding-left:4.5%;}
  #episodios h2 {text-align: left; margin-bottom: 4%;font-size: 2.4em;}
  #episodios ol li {font-size: 1.9rem; line-height: 1.7em;}
  #episodios ol li span {padding-left: 5px;}
  #episodios ol li a span::after {margin-top:8px;}
  #episodios ol li a:hover span::after {left: -10px;margin-top: 10px;}
  #episodios ol li::before {content: counter(my-awesome-counter) ":";}
  #episodios.s-video ol li {font-size: 1.9rem;}
  #quem {background-color: unset;padding-top: 0; padding-bottom: 0;}
  .bg-home.fim {top: -300px; height: 900px; min-height: 100px;}
  .desktop {display: none;}
  .mobile {display: block;}
  .header-mobile {background-color: #012E61; margin-left: 0; margin-right: 0;}
  .bg-topo {background-image: url('img/backdrone-mobile-large-.jpg'); background-position: left 4%; background-size: 100%;}
  .bg-topo-single {background-image: none; background-position: 13% top; background-size: auto 26%;
    background: rgba(0,0,0,1); background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 26%, rgba(1,46,97,1) 61%, rgba(1,46,97,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(26%, rgba(0,0,0,1)), color-stop(61%, rgba(1,46,97,1)), color-stop(100%, rgba(1,46,97,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 26%, rgba(1,46,97,1) 61%, rgba(1,46,97,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 26%, rgba(1,46,97,1) 61%, rgba(1,46,97,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 26%, rgba(1,46,97,1) 61%, rgba(1,46,97,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 26%, rgba(1,46,97,1) 61%, rgba(1,46,97,1) 100%);}
  .menu {display: none;}
  .conteudo {padding-right: 4%;}
  .lista-videos {margin-top: 14%;}
  .lista-videos .col-4 {padding-right: 5px; padding-left: 5px;}
  .lista-videos .col-4.cat-manaus, .lista-videos .col-4.cat-natureza {padding-left: 10px;}
  .lista-videos a img {border-radius: 18px;}
  .login, .button, .barra-menu, .button-inter, a.button-inter {position: absolute;}
  .login {top: 40px; right: 5px; width: fit-content; height: 50px; padding-right: 0; padding-left: 0;right: 0;}
  .button, .button-inter {right: 25px; top: 30px;padding: 3px 25px;}
  .barra-menu {padding-top:10px; width: 100%;}
  a.button, a.button-inter {background-color:transparent;border:1px solid #fff;font-size:26px;padding:3px 22px;border-radius:8px;line-height:27px;margin-right:0;}
  a.button-inter {top: 30px; margin-right: 10px;}
  .assista {padding: 0 6% 1%; border-bottom-width: 2.5px; font-size: 3em;}
  .site {min-height: auto;}
  .site-header {padding-top: 0;}
  .site-branding {height: 85px; width: fit-content; margin: 0 auto;}
  .site-branding img {height: 66.555%; margin-top: 25px;}
  .cabecalho-pages {padding-top: 45%;padding-bottom:15px}
  .cabecalho-content p,.cabecalho-cat p, .cabecalho-pages p,.resumo-historias, .barra-menu a:hover, a.button-inter, .content-white h1, .content-white p, .content-white ol, .content-white ul, .content-white ol li, .content-white ol li span, #episodios.s-video h2 {color: #fff;}
  .cabecalho-content p {font-size: 18px;}
  .cabecalho-content h1 {font-size: 2.2rem; padding: 3% 2%;}
  #direitos-de-imagem {padding: 2% 1% 7% 0;}
  #direitos-de-imagem p {padding:0 1% 0 0;font-size:15px;color:#5B97D8;}
  .cabecalho-cat {padding-left: 7%;}
  .cabecalho-cat p, .cabecalho-pages p {padding-right: 2%;}
  .cabecalho-cat h1 {font-size: 3.7em;}
  .tire-duvidas {font-size: 2.8em; padding: 4% 0; margin-top: 10%;}
  .contamos-historias {font-size: 2.3rem; padding: 10% 5% 2%;}
  .resumo-historias {font-size: 20px;}
  .resumo-historias.duvidas {padding: 0 0 17%; font-size: 20px; width: 80%; margin: 0 auto;}
  .button-border {text-align: center; font-size: 2.6em; margin: 0 auto; display: block; border-radius: 8px; border-color: #3194FF;}
  .button-border i {margin-top: 0;}
  .ico-play {background-image: url('img/play-mobile.png'); background-size: 100%;}
  a:hover .button-border span {color: #3194FF;}
  .free {text-align: center; margin: 10px auto; display: block;}
  .shadow {top: -12%; height: 300px;}
  .im-video {height: 270px;}
  .contatos {background-color: #000;}
  .contatos .container-im {width: 100%;}
  .formcontato {padding-bottom: 12%;}
  .bg-home.meio {display: block; min-height: 300px; height: 350px;}
  /*.campo, .campo2, .campo-mensagem, .campo-mensagem2 {color: #5B97D8; border: 2px solid #5B97D8; width: 100%;}
  .campo input, .campo2 input {color: #5B97D8;}
  .campo input::-webkit-input-placeholder, .campo2 input::-webkit-input-placeholder {color: #5B97D8;}
  .campo input::-moz-placeholder, .campo2 input::-moz-placeholder {color: #5B97D8;}
  .campo input::-ms-input-placeholder, .campo2 input::-ms-input-placeholder {color: #5B97D8;}*/
  .button.big {font-size:2.9em;width:275px;border-radius:50px;right:auto;top:5px; max-width: 80%;}
  .logo-imotion img {width: 210px;}
  .direitos {padding: 5px 0 10px;}
  .button-assistir {margin-top: 15px;}
  .lista-videos-interno {width: 87%; padding-bottom: 8%;}
  .lista-videos-interno h3 {padding-top: 17%; font-size: 3.5rem;}
  .lista-videos-interno a img, .lista-videos .cat-natureza .imgcat, .lista-videos .cat-natureza .categoria-breve .imgcat, .lista-videos-interno .cat-natureza .categoria-breve .imgcat {border-radius: 18px;}
  .lista-videos-interno .col-6, .lista-videos-interno .col-4 {padding-left: 7px; padding-right: 7px;}
  .bg-quemsomos {background-position: 0 3%;}
  .quemsomos {font-size:4.8em; text-align: center; width: 100%; padding-top: 20px; padding-bottom: 3%; top: 0;}
  .title-single {display:block;padding:2% 3% 0 5.5%;text-align: left;}
  .title-single p:after {background-image: url('img/seta-cat.png'); background-repeat: no-repeat; background-size: 100%; content: " "; width: 18px; height: 25px; position: absolute; top: 22px; left: 15px;}
  .title-single p {font-family: 'Bebas Kai', sans-serif; font-size: 1.7rem; font-weight: 500; text-transform: uppercase; padding-top: .2em; padding-bottom: 0.2em;}
  .content-white {background-color: transparent; border-radius: 0; padding: 0; margin: 1.5% 5%;}
  .compartilhar-whats {text-align: left; justify-content:left; padding: 0 2.1% 7%;}
  .compartilhar-whats span {padding-right: 15px;}
  .cabecalho-content ul {line-height: 1.2em; font-size: 22px; padding-bottom: 1.2%;}
  ul.mobile {padding-left: 2.1%;}
  .ico-whats {margin-right: 6px;}
  .cont-qs {padding-left: 6%; padding-right: 6%; padding-top: 6%; font-size: 1.5em; text-align: center; line-height: 1.45em;}
  .cont-qs p {padding-bottom: 22px;}
  .button-ep2 {max-width: 100%;}
  .lrm-show-if-logged-in {position: absolute; top: 20px; right: 8%;}
  .entry-title {font-size: 2rem; padding-top: 6%; margin-bottom: 2%;}
  .content-white p a {color: #5B97D8;}
}
@media only screen and (max-width: 550px) {
html {margin-top:0px!important;}
body {overflow-x: hidden; width: 100%;}
button {right: unset; bottom: unset; margin: 0 auto;}
h1 {font-size: 3.2em;padding-bottom:.3em;}
h2 {font-size: 4em; text-align: center; padding-top: 10%}
h3 {padding-top: 16%;}
.container-im {width: 100%;}
#menu-mob, #primary-menu, .bg-home.fim {display: block;}
#masthead {padding-top: 0;}
#primary {padding-right: 5px;padding-left: 5px;}
#slick-mobile-menu {display: block; float: right; top:70px; position: absolute;}
#if-video {height: 265px; margin-top: 3%;}
#header-interna {padding-top: 2px; padding-bottom: 0;}
#interna {background-size: 100%; padding-top: 65%}
#interna.historia {background-image: url('img/mobile-categoria-manaus-como-ela-e.jpg');}
#interna.natureza {background-image: url('img/mobile-categoria-natureza.jpg');}
#interna.lugares {background-image: url('img/mobile-categoria-cultura.jpg');}
#direitos-de-imagem {padding: 2% 1% 7% 0;}
#direitos-de-imagem p {padding: 0 1% 0 0;}
#episodios {margin-left: 0;padding-top:1%;padding-left:4.5%;}
#episodios h2 {text-align: left; margin-bottom: 4%;font-size: 2.4em;}
#episodios ol li {font-size: 1.9rem; line-height: 1.7em;}
#episodios ol li span {padding-left: 5px;}
#episodios ol li a span::after {margin-top:8px;}
#episodios ol li a:hover span::after {left: -10px;margin-top: 10px;}
#episodios ol li::before {content: counter(my-awesome-counter) ":";}
#episodios.s-video ol li {font-size: 1.9rem;}
#quem {background-color: unset;padding-top: 0; padding-bottom: 0;}
.bg-home.fim {top: -300px; height: 900px; min-height: 100px;}
.desktop {display: none;}
.mobile {display: block;}
.header-mobile {background-color: #012E61; margin-left: 0; margin-right: 0;}
.bg-topo {background-image: url('img/backdrone-mobile-large-.jpg'); background-position: left 4%; background-size: 100%;}
.bg-topo-single {background-image: none; background-position: 13% top; background-size: auto 26%;
  background: rgba(0,0,0,1); background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 26%, rgba(1,46,97,1) 61%, rgba(1,46,97,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(26%, rgba(0,0,0,1)), color-stop(61%, rgba(1,46,97,1)), color-stop(100%, rgba(1,46,97,1)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 26%, rgba(1,46,97,1) 61%, rgba(1,46,97,1) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 26%, rgba(1,46,97,1) 61%, rgba(1,46,97,1) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 26%, rgba(1,46,97,1) 61%, rgba(1,46,97,1) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 26%, rgba(1,46,97,1) 61%, rgba(1,46,97,1) 100%);}
.menu {display: none;}
.conteudo {padding-right: 4%;}
.lista-videos img.loading {width: 70%;}
.lista-videos {margin-top: 14%;}
.lista-videos .col-4 {padding-right: 5px;padding-left: 5px;}
.lista-videos a img {border-radius: 18px;}
.lista-videos-interno a img, .lista-videos .cat-natureza .imgcat, .lista-videos .cat-natureza .categoria-breve .imgcat, .lista-videos-interno .cat-natureza .categoria-breve .imgcat {border-radius: 18px;}
.login, .button, .barra-menu, .button-inter, a.button-inter {position: absolute;}
.login {top: 38px; right: 5px; width: fit-content; height: 50px; padding-right: 0; padding-left: 0;right: 0;}
.button, .button-inter {right: 25px; top: 30px;padding: 3px 25px;}
.barra-menu {padding-top:10px; width: 100%;}
a.button, a.button-inter {background-color:transparent;border:1px solid #fff;font-size:25px;border-radius:8px;line-height:25px;margin-right:0;}
a.button {padding:1px 20px;}
a.button-inter {top: 30px; margin-right: 10px;padding:3px 20px;}
.assista {padding: 0 6% 1%; border-bottom-width: 2.5px; font-size: 3em;}
.site {min-height: auto;}
.site-header {padding-top: 0;}
.site-branding {height: 85px; width: fit-content; margin: 0 auto;}
.site-branding img {height: 66.555%; margin-top: 25px;}
.cabecalho-pages {padding-top: 45%;padding-bottom:15px}
.cabecalho-content p,.cabecalho-cat p, .cabecalho-pages p,.resumo-historias, .barra-menu a:hover, a.button-inter, #direitos-de-imagem p,.content-white h1, .content-white p, .content-white ol, .content-white ul, .content-white ol li, .content-white ol li span, #episodios.s-video h2 {color: #fff;}
.cabecalho-content p {font-size: 18px;}
.cabecalho-content h1 {font-size: 2.2rem; padding: 3% 2%;}
.cabecalho-cat {padding-left: 7%; padding-top: 12%;}
.cabecalho-cat p, .cabecalho-pages p {padding-right: 2%;}
.cabecalho-cat h1 {font-size: 3.7em;}
.tire-duvidas {font-size: 2.8em; padding: 4% 0; margin-top: 10%;}
.contamos-historias {font-size: 2.3rem; padding: 10% 5% 2%;}
.resumo-historias {font-size: 20px;}
.resumo-historias.duvidas {padding: 0 0 17%; font-size: 20px; width: 80%; margin: 0 auto;}
.button-border {text-align: center; font-size: 2.6em; margin: 0 auto; display: block; border-radius: 8px; border-color: #3194FF;}
.button-border i {margin-top: 0;}
.ico-play {background-image: url('img/play-mobile.png'); background-size: 100%;}
a:hover .button-border span {color: #3194FF;}
.free {text-align: center; margin: 10px auto; display: block;}
.shadow {top: -12%; height: 300px;}
.im-video {height: 270px;}
.contatos {background-color: #000;}
.contatos .container-im {width: 100%;}
.formcontato {padding-bottom: 12%;}
.bg-home.meio {display: block; min-height: 300px; height: 350px;}
/*.campo, .campo2, .campo-mensagem, .campo-mensagem2 {color: #5B97D8; border: 2px solid #5B97D8; width: 100%;}
.campo input, .campo2 input {color: #5B97D8;}
.campo input::-webkit-input-placeholder, .campo2 input::-webkit-input-placeholder {color: #5B97D8;}
.campo input::-moz-placeholder, .campo2 input::-moz-placeholder {color: #5B97D8;}
.campo input::-ms-input-placeholder, .campo2 input::-ms-input-placeholder {color: #5B97D8;}*/
.button.big {font-size:2.9em;width:275px;border-radius:50px;right:auto;top:5px; max-width: 80%;}
.logo-imotion img {width: 210px;}
.direitos {padding: 5px 0 10px;}
.button-assistir {margin-top: 15px;}
.lista-videos-interno {width: 87%; padding-bottom: 8%;}
.lista-videos-interno h3 {padding-top: 17%; font-size: 3.5rem;}
.lista-videos-interno .col-6, .lista-videos-interno .col-4 {padding-left: 7px; padding-right: 7px;}
.bg-quemsomos {background-position: 0 3%;}
.quemsomos {font-size:4.8em; text-align: center; width: 100%; padding-top: 20px; padding-bottom: 3%; top: 0;}
.title-single {display:block;padding:2% 3% 0 5.5%;text-align: left;}
.title-single p:after {background-image: url('img/seta-cat.png'); background-repeat: no-repeat; background-size: 100%; content: " "; width: 18px; height: 25px; position: absolute; top: 22px; left: 15px;}
.title-single p {font-family: 'Bebas Kai', sans-serif; font-size: 1.7rem; font-weight: 500; text-transform: uppercase; padding-top: .2em; padding-bottom: 0.2em;}
.content-white {background-color: transparent; border-radius: 0; padding: 0; margin: 1.5% 5%;}
.compartilhar-whats {text-align: left; justify-content:left; padding: 0 2.1% 7%;}
.compartilhar-whats span {padding-right: 15px;}
.cabecalho-content ul {line-height: 1.2em; font-size: 22px; padding-bottom: 1.2%;}
ul.mobile {padding-left: 2.1%;}
.ico-whats {margin-right: 6px;}
.cont-qs {padding-left: 6%; padding-right: 6%; padding-top: 6%; font-size: 1.5em; text-align: center; line-height: 1.45em;}
.cont-qs p {padding-bottom: 22px;}
.button-ep2 {max-width: 100%;}
#episodios.s-video ol li a span::after {left: -26px;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
body {font-size: 12px;}
#primary {padding-left: 0; padding-right: 0;}
#if-video {height: 220px;}
.login {top: 32px;}
.im-video {height: 250px;}
.shadow {height: 265px;}
.plataformas {padding-top: 0; margin-top: -150px;}
.site-branding img {height: 60px;}
.site {min-height: auto; height: auto;}
.bg-topo {background-size: 100%;}
.bg-home.meio {height: 350px;}
.icon-menu {margin-left: 2px;}
.navbar-toggler {top:6px;left: 1rem; font-size: 23px; height: 30px; width: 87px; margin: -12px ​auto auto 0;}
.navbar-toggler span {padding-left: 6px;}
a.button, a.button-inter {font-size: 23px; line-height: 24px; padding: 2px 16px;margin-right: 1%; position: absolute; right: 15px;}
a.button-inter {line-height: 26px;}
#interna {padding-top: 77%;}
.cabecalho-cat {padding-top: 15%;}
.ico-play {background-size: 100%;height: 35px; width: 35px; background-image: url('img/play-mobile-425.png');}
.ico-play2 {background-size: 85%;}
.title-single {padding: 2% 3% 0 6.5%;}
.title-single p {line-height: 2.6rem;}
.assista {padding: 4% 4% 1%; font-size: 3.3em;}
.bg-home.fim {top: -280px;}
ul.mobile {padding-bottom: 5%;}
.resumo-historias.duvidas {width: 90%;}
#episodios {padding-left: 5.5%;}
#episodios h2 {font-size: 2.8rem;}
#episodios.s-video {padding-left: 5%;}
#episodios.s-video ol li {font-size: 1.4rem;}
#episodios.s-video ol li a span::after {width:27px;height:27px;margin-top:1px;left:-12px;}
}
@media only screen and (max-width: 425px) {
  .lista-videos-interno h3 {font-size: 3.35rem;}
  .button-assistir {line-height: 1.4em; font-size: 3em;}
  .ico-play2 {width: 61px; height: 61px;}
  .button-ep2 {font-size: 1.4rem;}
  #episodios.s-video h2 {padding-top: 10%;}
  .button.big {max-width: 85%;}
  .im-video {height: 220px;}
  .button, a.button {top: 10px;}
  a.button-inter {top: 28px;}
  .shadow {height: 238px;}
  #episodios ol li a span::after {background-size: 65%; margin-top: 14px;}
  #episodios ol li a:hover span::after {left: -8px;}
  #episodios.s-video ol li a span::after {background-size: 85%;margin-top:4px;}
}
@media only screen and (max-width: 376px) {
#if-video {height: 195px;}
#menu-mob {top: 40px;}
.im-video {height: 195px;}
.site-branding {height: 70px;}
.site-branding img {height: 50px; margin-top:18px;}
.barra-menu {padding-top: 0; padding-left: 15px; padding-right: 15px;}
.login {top: 3px; height: 26px;}
.icon-menu {height: 13px; width: 12px; margin-left: 4px;}
.navbar-toggler {font-size: 20px; height: 28px; padding: 0 4px 0;border-radius: 6px; width: 74px;}
a.button, a.button-inter  {top: 30px; font-size: 20px; padding: 1px 15px; line-height: 23px; border-radius: 6px; position: absolute;}
.navbar-toggler span {padding-left: 5px;}
.navbar-collapse {margin-top: 48px;}
.contamos-historias {font-size: 2.1rem; padding: 13% 5% 2%;}
.resumo-historias {font-size: 1.25em;}
.resumo-historias.duvidas {width: 87%; font-size: 16px;}
.cabecalho-cat h1 {padding-bottom: .3em;}
#episodios {padding-left: 6.5%;padding-top: 2%}
#episodios h2, .lista-videos-interno h3 {font-size: 3rem;}
#episodios ol li a span::after {background-size: 56%; margin-top: 16px; left: 0;}
#episodios ol li a:hover span::after {left: -2px;}
.lista-videos-interno {width: 93%;}
.lista-videos a img {border-radius: 14px;}
.lista-videos .cat-natureza .categoria-breve .imgcat, .lista-videos-interno .cat-natureza .categoria-breve .imgcat {border-radius: 14px;}
.bg-home.fim {top: -230px; height: 700px;}
.tire-duvidas {font-size: 1.8rem;}
.cabecalho-cat {padding-top: 20%;}
.button-border {max-width: 70%;}
.button-ep2 {max-width: 100%;}
.plataformas {margin-top: -180px;}
#episodios.s-video {padding-left: 6.5%;}
#episodios.s-video ol li a span::after {left: -8px;}
}  
@media only screen and (max-width: 360px) {
body {font-size: 11px;}  
#if-video {height: 186px;}
.button-border {max-width: 80%;}
.button-border i {margin-top: -2px;}
.assista {font-size: 3em;} 
/*.ico-play2 {background-size: 81%;}*/
.resumo-historias {font-size: 1.1rem;}
.resumo-historias.duvidas {font-size: 91%; font-size: 1.1rem;}
#episodios ol {padding-left: 5px;}
#episodios ol li a:hover span::after {margin-top: 12px; left: -2px;}
#episodios.s-video ol li a span::after {left:-8px; margin-top: 5px;}


}
@media only screen and (max-width: 320px) {
body {font-size: 9px;}  
#if-video {height: 160px;}
a.button, a.button-inter {font-size: 18px; line-height: 19px; padding: 1px 12px;}
.icon-menu {height: 11px; width: 11px; margin-left: 2px;}
.title-single {padding: 2% 3% 0 8%;}
.navbar-toggler {font-size: 18px; height: 25px; width: 65px;}
.ico-play {height: 33px; width: 33px;}
.ico-play2 {width: 50px; height: 50px;}
.button-assistir {font-size: 1.7rem;line-height: 2.6rem;}
.button-assistir i {margin-right: 0;}
.button-assistir span {padding-left: 59px; padding-right: 5px;}
.button-border {padding: 6px 35px 6px 5px;}
.resumo-historias, .resumo-historias.duvidas {font-size:.85rem;}
#episodios {padding-left: 9%;}
#episodios ol li {font-size: 1.35rem;}
#episodios ol li a span::after {background-size: 55%;}
#episodios ol li a:hover span::after {margin-top: 5px; left:0px;}
#episodios.s-video ol li a span::after {left: -6px;margin-top:-20px;}
#episodios h2, .lista-videos-interno h3 {font-size: 2.4rem;}
.cabecalho-content h1 {font-size: 2rem; padding: 5% 2% 0;}
.cabecalho-content p {font-size: 16px;}
.button-ep2 {font-size: 1.6rem;}

}