/*

	DIOGENES JUNIOR

	CONTATO@DIOGENESJUNIOR.COM.BR



*/

.arcade-game > a {
  display: none !important;
}

/*---------------------------------

	RESETS

-----------------------------------*/



html,body{

    height: 100%;

    min-height: 100%;

}



/* TRAVAR A ORIENTAÇÃO PARA SÓ FUNCIONAR NO MODO PAISAGEM */



.ajuste-orientacao-tablet{

  position: fixed;

  display: none;

  top:0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #841b05;

  color: #fff;

  font-family: 'Poppins', sans-serif;

  font-weight: bold;

  text-align: center;

  font-size: 1.7em;

  padding-top: 10%;

  z-index: 999999999999999999999999;

}

.ajuste-orientacao-tablet .titanic{

  width: 90px;

  height: auto;

  display: block;

  margin-left: auto;

  margin-right: auto;

  color: #fff;

  margin-bottom: 20px;

}



.ajuste-orientacao-tablet .titanic svg

.ajuste-orientacao-tablet .titanic path,

.ajuste-orientacao-tablet .titanic rect{

  fill: #FFFFFF !important;

  color: #FFFFFF !important;

  stroke: #FFFFFF !important;

}

.titanic path {

    fill: #fff;

    stroke: #fff;

}



/*

@media(orientation: portrait) and (min-width: 425px) {

  html {

    transform: rotate(-90deg);

    transform-origin: left top;

    width: 100vh;

    overflow-x: hidden;

    position: absolute;

    top: 100%;

    left: 0;

  }

  .ajuste-orientacao-tablet{

    display: block;

  }

}

*/


/* ====== FIX: IMAGEM INTEIRA + FOOTER ABAIXO ====== */

/* ====== REMOVE ESPAÇO BRANCO NO TOPO ====== */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  height: 100%;
}

body{
  padding-top: 0 !important;  /* muito comum ter isso por causa de navbar */
  margin-top: 0 !important;
}

/* garante que o primeiro bloco encoste no topo */
.work,
.work.pagina-00{
  margin: 0 !important;
  padding: 0 !important;
  top: 0 !important;
}

/* mantém a imagem cobrindo a tela */
.work.pagina-00{
  min-height: 94vh;
  background: url("../images/cima-hl-2.jpg") no-repeat center center;
  background-size: cover;
  background-color: #fff;
}



@media(max-width: 540px){

  body{

    overflow-x: hidden;

    background:url("../images/cima-mobile.png") #fff no-repeat;

    background-size: 100% auto;

    /* background-attachment: fixed; */

  }

}









@media(max-width: 540px){

  html,body{

    max-width: 100% !important;



  }

}







/*---------------------------------

	IMPORTS E CONSULTAS E MOBILE



XS = < 544px

SM = > 544px

MD = > 768px

LG = > 992px

XL = > 1200px



CSS GRID

-----------------------------------*/





.wow {

   visibility: hidden;

}

::selection { background: #841b05; color: #fff; } ::-moz-selection { background: #841b05; color: #fff; }





/*@font-face {

    font-family: 'Poppins', sans-serif;

    src: url('font/granstander-clean.regular-webfont.woff2') format('woff2'),

         url('font/granstander-clean.regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}*/



audio,#audio{

  position: absolute;

  display: block;

  left: -99999999px;

  z-index: -1;

}



/*---------------------------------

	HEADER

-----------------------------------*/







header{

  position: relative;

  top: 30px;

  left: 0;

  width: 100%;

  height: auto;

  min-height: 90px;

  background: rgb(108 51 44);

  z-index: 100;

  padding-top: 10px;

  padding-bottom: 10px;

}



header .logo{



}



header .logo img{

  width: 170px;

  height: auto;

}



* a{

  text-decoration: none !important;

}



/*---------------------------------

	MENU DESKTOP

-----------------------------------*/



.menu-desktop{

  text-align: right;

  padding-top: 0px;

}

.menu-desktop a.menu-pai{

  color:#fff;

  text-decoration: none;

  padding: 12px;

  display: inline-block;

  padding-top: 12px;

  padding-bottom: 0.5px;

  font-family: 'Poppins', sans-serif;

  font-size: 1.12em;

  font-weight: bold;

  -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;

}



.menu-desktop a.menu-pai.nao-ativo img{

  opacity: 0;

  -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;

  top: 12px;

  display: block;

  margin-left: auto;

  margin-right: auto;

  width: 25px;

  height: auto;

}



.menu-desktop a.menu-pai.menu-ativo{

   color: #ecd4a8;

   -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;

}



.menu-desktop a.menu-pai.menu-ativo img{

  /* position: relative; */

  opacity: 1;

  top: 12px;

  display: block;

  margin-left: auto;

  margin-right: auto;

  width: 25px;

  height: auto;

  /* left: 50%; */

  /* margin-left: -12.5px; */

  -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;

}





.menu-desktop a.menu-pai img{

  width: 80px;

  height: auto;

  margin-top: -5px;

}



@media(min-height: 768px){

  .menu-desktop{

    padding-top: 10px;

  }

  .menu-desktop a.menu-pai img{

    width: 60px;

    height: auto;

    margin-top: -5px;

  }

}





@media(max-width: 540px){

  header.header-mobile a.menu-ativo{

    color: #f69657 !important;

  }

}



/*

.menu-desktop a.menu-pai.menu-ativo{

  color: #fff;

  text-decoration: none;

  -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;

  border-top:1px solid #70b299;

}

.menu-desktop a.menu-pai:hover,.dropdown.dropdown-inline.open a.menu-pai{

  background: #2b2929;

  color: #fff;

  text-decoration: none;

  -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;

  border-top:1px solid #4b695d;

}

*/



.dropdown-menu{

  line-height: 1em !important;

  padding-bottom: 0px;

  padding-top: 0px;

      top: 87px;

    left: -72px;

  background: #BDD5E1 !important;

  text-align: center;

  border:none !important;

  box-shadow: 0px 3px 6px rgba(000,000,000,0.16) !important;

  border-radius: 5px !important;

}





.dropdown-menu2 {

    min-width: 120px !important;

    top: 50px !important;

    left: -36px !important;

}



.dropdown-menu3 {

    min-width: 120px !important;

    top: 72px !important;

    left: -22px !important;

}



.dropdown-menu-games{

    top: 78px !important;

    left: -86px !important;

}



.dropdown-menu:after, .dropdown-menu:before {

	bottom: 100%;

	left: 50%;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

}



.dropdown-menu:after {

	border-color: rgba(238, 238, 238, 0);

	border-bottom-color: #BDD5E1;

	border-width: 15px;

	margin-left: -15px;

}

.dropdown-menu:before {

	border-color: rgba(204, 204, 204, 0);

	border-bottom-color: #BDD5E1;

	border-width: 16px;

	margin-left: -16px;

}





.dropdown-menu-mudar-cor:after {

  border-color: rgba(238, 238, 238, 0);

  border-bottom-color: #C2C2C2 !important;

  border-width: 15px;

  margin-left: -15px;

}

.dropdown-menu-mudar-cor:before {

  border-color: rgba(204, 204, 204, 0);

  border-bottom-color: #C2C2C2 !important;

  border-width: 16px;

  margin-left: -16px;

}



.drop-toolbar .dropdown-menu2.dropdown-menu-mudar-cor {

    min-width: 58px !important;

    top: 44px !important;

    left: -22px !important;

    margin-top: 5px !important;

    padding-top: 5px !important;

}





.dropdown-menu.dropdownhover-bottom,.dropdown-menu.dropdownhover-right,.dropdown-menu.dropdownhover-left{

  background: #BDD5E1 !important;

  border-radius: 0px;

  text-align: center;

}

.dropdown-menu.dropdownhover-bottom a,.dropdown-menu.dropdownhover-left a{

  color:#3E3E3E;

  font-family: 'Poppins', sans-serif;

  text-decoration: none;

}

.dropdown-menu > li, .dropdown-menu > li,.dropdown-menu > li.open{

  padding-top: 5px;

  padding-bottom: 5px;

  margin-bottom: 0;

  margin-top: 0;

   -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;

}



.dropdown-menu > li:hover, .dropdown-menu > li:hover,.dropdown-menu > li.open:hover,

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,.dropdown-menu > li.open > a {

    text-decoration: none;

    color: #3E3E3E !important;

    background: none !important;

    -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;

}

.dropdown .dropdown-menu .caret {

    border: 4px solid transparent;

    border-left-color: #efefef !important;

    float: right;

    margin-top: 6px;

}



/*

.dropdown-toggle a{

  display: block;

}

*/



.dropup, .dropdown {

    position: relative;

    display: inline-block;

}



.perfilActions{

  position: absolute;

  top: -8px;

  right: 6px;

  cursor: pointer;

}



@media(max-width: 540px){

      .perfilActions {

        position: absolute;

        top: 4px;

        right: auto;

        cursor: pointer;

        left: auto;

        margin-left: auto;

        margin-right: auto;

      }

}



.perfilActions img{

  width: 36px;

  height: auto;

  z-index: 300;

}



.perfilActions a{

  position: absolute;

  display: block;

  color: #fff;

  top: 0;

  right: 14px;

  padding-top: 7px;

  text-decoration: none !important;

  z-index: 400;

}



.perfilActions .progress {

  overflow: hidden;

  position: absolute;

  display: block;

  top: 6px;

  right: -69px;

  z-index: -1;

  height: 20px;

  width: 85px;

  margin-bottom: 20px;

  background-color: #3E3E3E;

  border-radius: 4px;

  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

  font-family: 'Poppins', sans-serif;

  color: #fff !important;

  text-align: right !important;

  opacity: 0;

  -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;

}

.perfilActions:hover .progress {

  opacity: 1;

  -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;

}



.perfilActions .progress-bar {

    line-height: 17px;

    padding-left: 10px;

    

}



#nivelAtualUsuario,

#nivelAtualUsuarioMobile{

  font-weight: bold !important;

}



@media(max-width: 540px){

  .perfilActions{

    position: absolute;

    top: 7px;

    right: 3px;

    cursor: pointer;

    left: auto;

    margin-left: auto;

    margin-right: auto;

  }

  .perfilActions .progress{

      overflow: hidden;

      position: absolute;

      display: block;

      top: 8px;

      right: -60px;

      z-index: -1;

      height: 18px;

      width: 69px;

      margin-bottom: 20px;

      background-color: #3E3E3E;

      border-radius: 4px;

      -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

      font-family: 'Poppins', sans-serif;

      color: #fff !important;

      text-align: right !important;

      opacity: 1;

      -webkit-transition: all 300ms ease;

      -moz-transition: all 300ms ease;

      transition: all 300ms ease;

    }

    .perfilActions .progress-bar {

        line-height: 14px;

        font-size: 12px;

    }

}





/* DROPDOWN DAS TOLLBAR INTERNAS */

.drop-toolbar{

  padding-bottom: 12px;

}





.drop-toolbar .dropdown-menu2 {

    min-width: 120px !important;

    max-width: 120px;

    top: 34px !important;

    left: -45px !important;

}



@media(max-width: 540px){

    .drop-toolbar .dropdown-menu2 {

          min-width: 120px !important;

          top: 55px !important;

          left: auto !important;

          right: -48px;

  }

}



.drop-toolbar .dropdown-menu:after,

.drop-toolbar .dropdown-menu:before {

  bottom: 100%;

  left: 50%;

  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;

}



.drop-toolbar .dropdown-menu:after {

  border-color: rgba(238, 238, 238, 0);

  border-bottom-color: #fff;

  border-width: 15px;

  margin-left: -15px;

}

.drop-toolbar .dropdown-menu:before {

  border-color: rgba(204, 204, 204, 0);

  border-bottom-color: #fff;

  border-width: 16px;

  margin-left: -16px;

}





.drop-toolbar .dropdown-menu.dropdownhover-bottom,

.drop-toolbar .dropdown-menu.dropdownhover-right,

.drop-toolbar .dropdown-menu.dropdownhover-left{

  background: #fff !important;

  border-radius: 0px;

  text-align: center;

}

.drop-toolbar .dropdown-menu.dropdownhover-bottom a,

.drop-toolbar .dropdown-menu.dropdownhover-left a{

  color:#3E3E3E;

  font-family: 'Poppins', sans-serif;

  text-decoration: none;

}



.drop-toolbar .dropdown-menu > li,

.drop-toolbar .dropdown-menu > li,

.drop-toolbar .dropdown-menu > li.open{

  padding-top: 5px;

  padding-bottom: 5px;

  margin-bottom: 0;

  margin-top: 0;

   -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;

}



.drop-toolbar .dropdown-menu > li:hover, 

.drop-toolbar .dropdown-menu > li:hover,

.drop-toolbar .dropdown-menu > li.open:hover,

.drop-toolbar .dropdown-menu > li > a:hover,

.drop-toolbar .dropdown-menu > li > a:focus,

.drop-toolbar .dropdown-menu > li.open > a {

    text-decoration: none;

    color: #3E3E3E !important;

    background: none !important;

    -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;

}













/*---------------------------------

  HEADER MOBILE

-----------------------------------*/

header.header-mobile{

  position: fixed;

  display: block;

  width: 100%;

  height: 60px !important;

  min-height: 10px !important;

  border: none;

  /* background: rgba(10, 122, 142, 1); */

  background: url("../images/header-mobile-hl.png") transparent no-repeat;

  background-size: 100% 100%;

  padding: 0;

  top: auto;

  bottom: 0px !important;

  text-align: center !important; 

  padding-top: 10px;

  padding-left: 15px;

  padding-right: 15px;

}



header.header-mobile a.nao-ativo img{

  width: 20px;

  display: block;

  height: auto;

  margin-bottom: 2.5px;

  margin-left: auto;

  margin-right: auto;

  opacity: 0.30;

}



header.header-mobile a.menu-ativo img{

  width: 20px;

  display: block;

  height: auto;

  margin-bottom: 2.5px;

  margin-left: auto;

  margin-right: auto;

  opacity: 1 !important;

}

header.header-mobile * a{

  color: #fff !important;

  text-decoration: none;

  font-family: 'Poppins', sans-serif;

  font-size: 12px;

}







.logo * a{

  text-decoration: none !important;

}





header.mobile-on-top{

  position: fixed;

  display: block;

  width: 100%;

  height: 60px !important;

  min-height: 10px !important;

  border: none;

  /* background: rgba(10, 122, 142, 1); */

  background: none !important;

  padding: 0;

  top: 0px !important;

  bottom: auto !important;

  text-align: center !important; 

  padding-top: 7px;

  padding-left: 7px;

  padding-right: 7px;

}



header.mobile-on-top .logo{

   text-align: left;

   padding-right: 0px;

}



header.mobile-on-top .logo img{

  width: 58px;

  height: auto;

}



header.mobile-on-top .disable-audio img {

    width: 31px !important;

    height: auto !important;

    margin-left: 3px !important;

}



@media(max-width: 540px){

    .music-player-novo {

      margin-top: -65px;

  }

}





/*---------------------------------

 FERRAMENTA DE DESENHO

-----------------------------------*/



#signature-pad{

  position: absolute;

  display: block;

  top:0;

  left: 0;

  width: 100%;

  height: 557px;

  z-index: 12;

}

.signature-pad--body canvas{

  position: relative;

  top:0;

  left: 0;

  width: 100%;

  height: 557px;

  background: none !important;

}



@media(max-width: 540px){



    #signature-pad{

      position: absolute;

      display: block;

      top:0;

      left: 0;

      width: 100%;

      height: 196px;

      z-index: 12;

    }

    .signature-pad--body canvas{

      position: relative;

      top:0;

      left: 0;

      width: 100%;

      height: 196px;

      background: none !important;

    }





}





/*---------------------------------

 WORK

-----------------------------------*/



.work{

  position: relative;

  display: block;

}





/*---------------------------------

 PÁGINA 00

-----------------------------------*/

.pagina-00{

  margin-top: 250px;

  z-index: 100;

}



  @media(max-height: 768px){



    .pagina-00{

      margin-top: 200px;

      z-index: 100;

      min-height: 85%;

    }



  }



  @media(max-width: 540px){



    .pagina-00{

      margin-top: -10px;

      z-index: 100;

      min-height: 85%;

    }



  }





.pagina-00 .logo{

  padding-top: 25px;

}

.pagina-00 .logo img{

  width: 90%;

  height: auto;

}



@media(max-width: 1366px){



  .pagina-00 .logo{

    padding-top: 25px;

    text-align: center;

  }

  .pagina-00 .logo img{

    width: 80%;

    height: auto;

  }



}



.logo-pequeno{

  text-align: center;

  margin-bottom: 30px;

}



.logo-pequeno img{

  width: 190px;

  height: auto;

}





.pagina-00 .area-login-senha{

  padding-top: 20px;

  text-align: center;



}

.pagina-00 .area-login-senha .caixa-login-senha{

    width: 100%;
    height: auto;
    min-height: 250px;
    background: #fff;
    box-shadow: 0px 0px 15px rgba(62, 62, 62, 0.27);
    border-radius: 22px;
    padding: 20px;
    margin-bottom: 20px;
    text-align: center;

}







.pagina-00 .area-login-senha .caixa-login-senha .form-group{

  text-align: left !important;

}



.pagina-00 .area-login-senha .caixa-login-senha .form-group label{

  font-family: 'Poppins', sans-serif;

  font-weight: bold;

  color: #841b05;
}

.pagina-00 .area-login-senha .caixa-login-senha .form-control{

   font-family: 'Lato', sans-serif;

   border-color: #BEBEBE !important;

   margin-top: 7px;

   border-radius: 10px;

   height: 42px;

   padding-top: 1px !important;

}





.pagina-00 .area-login-senha .caixa-login-senha .btn-lg,

.pagina-00 .area-login-senha .caixa-login-senha .btn-group-lg > .btn {

    padding: 10px 16px;

    font-size: 18px;

    line-height: 1.3333333;

    border-radius: 6px;

    /*padding-top: 5px;

    padding-bottom: 14px;*/

}



.pagina-00 .area-login-senha .caixa-login-senha .text-center{

  text-align: center !important;

}



.pagina-00 .area-login-senha .caixa-login-senha h3{

    margin-top: 7px;
    padding-top: 0px;
    font-family: 'Poppins', sans-serif;
    color: #841b05;
    font-weight: 800;
    text-align: left;
    margin-bottom: -10px;

}

input#resetEmail {
    width: 97%;
}

.area-login-senha > div > p > a {
    color: #841b05;
    font-weight: bold;
}

.area-login-senha > p {
    background: #862012 !important;
}

.area-login-senha > p > a {
    color: white;
    font-weight: bold;
}

.area-login-senha > p {
    background: #fff;
    box-shadow: 0px 0px 15px rgba(62, 62, 62, 0.27);
    border-radius: 11px;
    padding: 10px;
}

.pagina-00 .area-login-senha .caixa-cadastro h3{

  margin-top: 0px;

  padding-top: 0px;

  font-family: 'Poppins', sans-serif;

  color: #841b05;

}



.pagina-00 .area-login-senha .caixa-cadastro h3 small{

  font-size: 13px;

  color: #973158;

}



.pagina-00 .area-login-senha .caixa-cadastro .form-group{

  text-align: left !important;

}



.pagina-00 .area-login-senha .caixa-cadastro .form-group label{

    font-family: 'Poppins', sans-serif !important;

    font-weight: bold;

    color: #973158  !important;

}



.pagina-00 .area-login-senha .caixa-cadastro .form-group .form-control{

   font-family: 'Lato', sans-serif !important;

    color: #000;

    border-color: #BEBEBE !important;

    border-radius: 5px !important;

    height: 40px;

}



.pagina-00 .area-login-senha .caixa-cadastro h3 small span{

  cursor: pointer;

  color: #C2C2C2;

}







.btn-primary,

.btn-primary:hover,

.btn-primary:active,

.btn-primary:visited,

.btn-primary:focus{

   background: #862012 !important;

   border-color: #862012 !important;

   font-family: 'Poppins', sans-serif !important;

   font-weight: bold !important;

}



@media(max-width: 540px){

  

    .btn-primary,

    .btn-primary:hover,

    .btn-primary:active,

    .btn-primary:visited,

    .btn-primary:focus{

        padding-bottom: 14px;

        width: 300px !important;

        max-width: 100%;

        font-size: 15px;

    }



}



/*---------------------------------

 PÁGINA 01

-----------------------------------*/

@media(min-width:1540px){

  .tada{

    min-height: 800px;

    padding-top: 150px;

  }

}



.pagina-01{

  padding-top: 40px;

  min-height: 510px;

}



@media(max-width: 540px){

     .pagina-01{

      padding-top: 37px;

    }

}



.pagina-01 .logo{

  padding-top: 25px;

  animation-iteration-count: infinite !important;

}

.pagina-01 .logo img{

  width:200px;

  height: auto;

}



@media(max-width: 540px){

      .pagina-01 .logo img {

        width: 163px;

        height: auto;



    }

    .pagina-01 .logo{

      padding-top: 38px;

    }

}



.pagina-01 .btn-lg,

.pagina-01 .btn-group-lg > .btn {

    padding: 10px 16px;

    font-size: 18px;

    line-height: 1.3333333;

    border-radius: 6px;

    padding-top: 5px;

    padding-bottom: 14px;

    margin-top: 20px;

}

.pagina-01 h1{

  font-family: 'Poppins', sans-serif !important;

  font-weight: normal !important;

  color: #6B6B6B;

  margin-bottom: 25px;

}

@media(max-width: 540px){



    .pagina-01 h1 {

        font-family: 'Poppins', sans-serif !important;

        font-weight: normal !important;

        color: #6B6B6B;

        margin-bottom: 25px;

        font-size: 25px;

    }

    .pagina-01 .btn-lg, .pagina-01 .btn-group-lg > .btn {

        padding: 10px 16px;

        font-size: 15px;

        line-height: 1.3333333;

        border-radius: 6px;

        padding-top: 5px;

        padding-bottom: 14px;

        margin-top: 20px;

        width: auto !important;

        min-width: 115px;

    }



}





.pagina-01 p{

  font-family: 'Poppins', sans-serif !important;

  color: #6B6B6B;

}



@media(max-width: 540px){

    .pagina-01 p {

        font-family: 'Poppins', sans-serif !important;

        color: #6B6B6B;

        font-size: 12px;

    }

}



.pagina-01 .caixa-conteudo{

  position: relative;

  display: none;

  height: auto;

  min-height: 800px;

  margin-top: 30px;

  /*

  background: url("../images/fundo.png") no-repeat;

  background-size: 100% 100%;

  */

  border-radius: 24px;

  background: linear-gradient(rgba(255,255,255,0.25) 0%, rgba(189, 213, 225, 0.25) 100%);

  /* background: #ff0000; */

  overflow-x: hidden !important;

}

.jsv-main, jsv-container, jsv-view{

  min-height: 800px;

}



@media(max-width: 540px){

   .pagina-01 .caixa-conteudo{

    min-height: 450px;

   }

}

/*---------------------------------

	LOAD

-----------------------------------*/

.carregando{

  position: absolute;

  display: none;

  top:0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(255,255,255,0.75);

  z-index: 9999999;

  text-align: center;

  font-family: 'Poppins', sans-serif !important;

  font-weight: bold !important;

  color: #841b05;

  padding-top: 25%;

}



/* SVG */

.carregando .loader{

  margin: 0 0 2em;

  height: 180px;

  width: 20%;

  text-align: center;

  padding: 1em;

  margin: 0 auto 1em;

  display: inline-block;

  vertical-align: top;

  text-align: center;



}



/*

  Set the color of the icon

*/

.carregando svg{

  width: 150px;

  height: auto;

}

.carregando svg path,

.carregando svg rect{

  fill: #841b05;

}







/*---------------------------------

	RODAPÉ

-----------------------------------*/



/*footer{

  position: relative;

  display: block;

  width: 100%;

  height: 200px;

  background: url("../images/base.png") no-repeat;

  background-size: 100% auto;

  bottom:0;

  left: 0;

  z-index: 1;

}*/



 











/*---------------------------------

	VIEWS

-----------------------------------*/

jsv-main, jsv-container, jsv-view {

    background: none;

}



jsv-content{

  top:0;

  height: fit-content;

  overflow: hidden;

}



.page-content{

  padding: 30px;

  padding-top: 0px;

  height: auto;

}

@media(max-width: 540px){

   .page-content{

    padding: 20px;

   }

}





.page-content .titulo-view{

  text-align: center;

}

.page-content h1,

.page-content h2,

.page-content h3,

.page-content h4,

.page-content h5{

  font-family: 'Poppins', sans-serif !important;

  font-weight: bold !important;

  color: #841b05;

}



.page-content h1{

  font-size: 28px;

  padding-top: 55px;

}



@media(max-width: 540px){

   .page-content h1{

    font-size: 16px;

    padding-top: 18px;

    margin-top: 0px;

    margin-bottom: 45px;

  }

}





/*---------------------------------

	VIEWS BOOKS

-----------------------------------*/

.livro{

  text-align: center;

  margin-bottom: 20px;

}





@media(max-width: 540px){

  .livro{

    text-align: center;

    margin-bottom: 20px;

    padding-left: 5px;

    padding-right: 5px;

  }

}



.livro img{

  width: 100%;

  height: auto;

  margin-top: 12px;

}



.livro a{

  font-family: 'Poppins', sans-serif !important;

  font-weight: bold !important;

  color: #841b05;

  font-size: 16px;

  text-decoration: none;

}



@media(max-width: 540px){

  .livro a {

      font-family: 'Poppins', sans-serif !important;

      font-weight: bold !important;

      color: #E07C3D;

      font-size: 12px;

      text-decoration: none;

  }

}





.livro.livro-disable a{

  color: #C2C2C2;

}



.caixa-livro{

  position: relative;

  display: block;

  width: 100%;

  height: 400px;

  margin-top: 12px;

}



@media(max-width: 540px){

    .caixa-livro{

      position: relative;

      display: block;

      width: 100%;

      height: 105px;

      margin-top: 12px;

      border-radius: 5px;

    }

}





.caixa-livro a{

  display: block;

  width: 100%;

  height: 100%;

  text-decoration: none;

  z-index: 200;

}



.caixa-livro .livroBloqueado{

  position: absolute;

  display: block;

  top:-12px;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 201;

  cursor: pointer;

  opacity: 1;



}



.caixa-livro .livroBloqueado2{

  position: absolute;

  display: block;

  top:-12px;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 202;

  cursor: pointer;

  opacity: 0;



}



.caixa-livro:hover .livroBloqueado{

  opacity: 0;

}



.caixa-livro:hover .livroBloqueado2{

  opacity: 1;

}



.caixa-livro .bloqueio-livro{

    position: absolute;

    display: block;

    top:0px;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 201;

    cursor: pointer;

    opacity: 1;

    background: url("../images/lock.png") transparent no-repeat;

    background-size: cover;

    background-position: center center;

    -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;

}



.caixa-livro .bloqueio-livro:hover{

    position: absolute;

    display: block;

    top:0px;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 201;

    cursor: pointer;

    opacity: 1;

    background: url("../images/lock2.png") transparent no-repeat;

    background-size: cover;

    background-position: center center;

    -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;

}



/* GAMES COMEÇAM DESABILITADOS PARA QUE SÓ SEJAM ATIVADOS DE ACORDO COM O QUE O USUÁRIO DESBLOQUEAR */

#gamesMT1,

#gamesMT2,

#gamesMT3{

  display: none;

}



#gamesMT1Mobile,

#gamesMT2Mobile,

#gamesMT3Mobile{

  display: none;

}



/*---------------------------------

	VIEWS BOOKS UNIDADES

-----------------------------------*/



.data-arrow{

  text-align: left;

  padding-top: 25px;

}



.data-arrow img{

  width: 32px;

  height: auto;

}



@media(max-width: 540px){



      .data-arrow{

        text-align: left;

        padding-top: 0px;

      }



      .data-arrow img{

        width: 22px;

        height: auto;

      }



}



.unidade{

  text-align: center;

  margin-bottom: 20px;

}

.unidade a{

  text-decoration: none;

}

.unidade img{

  width: 100%;

  height: auto;

  margin-top: 12px;

}



@media(max-width: 540px){

      .unidade {

        text-align: center;

        margin-bottom: -10px;

        padding-left: 5px;

        padding-right: 5px;

    }

}





/*---------------------------------

	VIEWS AREA PDF

-----------------------------------*/

@media(max-width: 540px){

  .areaPdf{

    padding-left: 0px;

    padding-right: 0px;

    width: 110%;

    margin-left: -5%;

  }

}



.areaPdf img{

  width: 100%;

  height: auto;

}

.toolbar{

  text-align: center;

}



.toolbar a{

  text-decoration: none;

}



.toolbar img{

  width: 60px;

  margin-bottom: 15px;

}





/*---------------------------------

	VIEWS MEMORY GAME

-----------------------------------*/



.game {

  -webkit-transform-style: preserve-3d;

          transform-style: preserve-3d;

  -webkit-perspective: 500px;

          perspective: 500px;

  min-height: 100%;

  height: 500px;

}



@-webkit-keyframes matchAnim {

  0% {

    background: #bcffcc;

  }

  100% {

    background: white;

  }

}



@keyframes matchAnim {

  0% {

    background: #bcffcc;

  }

  100% {

    background: white;

  }

}

.card {

  float: left;

  width: 25%;

    height: 212px;

  padding: 5px;

  text-align: center;

  display: block;

  -webkit-perspective: 500px;

          perspective: 500px;

  position: relative;

  cursor: pointer;

  z-index: 50;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

@media (max-width: 800px) {

  .card {

    width: 25%;

    height: 100px;

  }

}

.card .inside {

  width: 100%;

  height: 100%;

  display: block;

  -webkit-transform-style: preserve-3d;

          transform-style: preserve-3d;

  transition: .4s ease-in-out;

  background: none;

}

.card .inside.picked, .card .inside.matched {

  -webkit-transform: rotateY(180deg);

          transform: rotateY(180deg);

}

.card .inside.matched {

  -webkit-animation: 1s matchAnim ease-in-out;

          animation: 1s matchAnim ease-in-out;

  -webkit-animation-delay: .4s;

          animation-delay: .4s;

}

.card .front, .card .back {

  border: 0px solid black;

  -webkit-backface-visibility: hidden;

          backface-visibility: hidden;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  padding: 0px;

}

.card .front img, .card .back img {

  max-width: 100%;

  display: block;

  margin: 0 auto;

  max-height: 100%;

}

.card .front {

  -webkit-transform: rotateY(-180deg);

          transform: rotateY(-180deg);

}

@media (max-width: 800px) {

  .card .front {

    padding: 5px;

  }

}

.card .back {

  -webkit-transform: rotateX(0);

          transform: rotateX(0);

}

@media (max-width: 800px) {

  .card .back {

    padding: 10px;

  }

}







@media(max-width: 540px){

  .card {

    width: 33%;

    height: 100px;

    padding: 0px;

}

.card .back {

    padding: 5px;

}



}



.navegacao-game-left{

  text-align: left;

  padding-top: 5px;

    padding-bottom: 14px;

}



.navegacao-game-right{

  text-align: right;

  padding-top: 5px;

    padding-bottom: 14px;

}



.navegacao-game-left img,

.navegacao-game-right img{

  width: 28px;

  height: auto;

}



.game-nome-unidade{

  text-align: center;

}



.game-nome-unidade h3{

  font-family: 'Poppins', sans-serif !important;

  font-weight: bold !important;

  color: #3E3E3E;

  font-size: 18px;

  margin-top: 0px;

}





@media(max-width: 540px){

  .game-nome-unidade h3{

    font-size: 12px;

  }

  .tiutloMobileGame{

    display: block;

    font-size: 18px;

    padding-bottom: 7px;

    margin-top: -6px;

    color: #841b05;

  }

}





.caixa-game-chamada{

  text-align: center;

}



.caixa-game-chamada img{

  width: 90%;

  height: auto;

}



.caixa-game-chamada a{

  text-decoration: none !important;

}



.caixa-game-chamada h5{

  font-family: 'Poppins', sans-serif !important;

  font-weight: bold !important;

  color: #3E3E3E;

}



@media(max-width: 540px){

   .caixa-game-chamada{

      padding-left: 4px;

      padding-right: 4px;

   }

   .caixa-game-chamada h5 {

        font-family: 'Poppins', sans-serif !important;

        font-weight: bold !important;

        color: #3E3E3E;

        margin-top: -7px;

        margin-bottom: 23px;

        text-transform: uppercase;

        font-size: 12px;

    }

    #areaVideosGeral{

      margin-top: -50px;

    }

}



/* VITORIA */

.game-vitoria-game{

  position: fixed;

  display: none;

  top:0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(000,000,000,0.80);

  z-index: 999999999999999999999999999;

  text-align: center;

  padding-top: 100px;

}



.game-vitoria-game img{

  width: 600px;

  height: auto;

}



@media(max-width: 540px){



  .game-vitoria-game img{

    width: 90%;

    height: auto;

    margin-left: -35px;

  }





}



.game-vitoria-game .btn-primary{

  padding-bottom: 18px;

  padding-left: 30px;

  padding-right: 30px;

}



/* DERROTA */

.game-derrota-game{

  position: fixed;

  display: none;

  top:0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(000,000,000,0.80);

  z-index: 9999999999999999999999999;

  text-align: center;

  padding-top: 100px;

}



.game-derrota-game img{

  width: 600px;

  height: auto;

}



@media(max-width: 540px){

   .game-derrota-game img{

    width: 90%;

    height: auto;

    margin-left: -18px;

  }

}



.game-derrota-game .btn-primary{

  padding-bottom: 18px;

  padding-left: 30px;

  padding-right: 30px;

}





/* ALERTAS */

.alertas-usuarios{

  position: fixed;

  display: none;

  top:0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(000,000,000,0.80);

  z-index: 9999999;

  text-align: center;

  padding-top: 0px;

}





.alertas-usuarios .janela{

  position: relative;

  margin-top: 100px;

  width: 400px;

  height: auto;

  background: #fff;

  border-radius: 20px;

  padding: 20px;

  text-align: center;

  margin-left: auto;

  margin-right: auto;

}



@media(max-width: 540px){

    .alertas-usuarios .janela{

      width: 90%;

      height: auto;

    }

}



.alertas-usuarios .janela h3{

   font-family: 'Poppins', sans-serif !important;

    font-weight: bold !important;

    color: #3E3E3E;

    margin-bottom: 18px;

    font-size: 18px;

    line-height: 28px;

}



.alertas-usuarios .janela a{

  padding-bottom: 14px;

}





.termos-de-uso{

   position: fixed;

  display: none;

  top:0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(000,000,000,0.80);

  z-index: 9999999999999999999999999;

  text-align: center;

  padding-top: 0px;

}





.termos-de-uso .janela{

  position: relative;

  margin-top: 20px;

  width: 800px;

  height: auto;

  background: #fff;

  border-radius: 0px;

  padding: 20px;

  text-align: center;

  margin-left: auto;

  margin-right: auto;

  height: 500px;

  overflow-y: scroll;

  padding: 14px;

  padding-bottom: 40px;

  padding-left: 60px;

  padding-right: 60px;

}



@media(max-width: 1025px){

    .termos-de-uso .janela{

       padding-left: 30px;

       padding-right: 30px;

    }

}





@media(max-width: 450px){

    .termos-de-uso .janela{

       padding-left: 15px;

       padding-right: 15px;

       width: 96%;

    }

}







.termos-de-uso .janela h3{

   font-family: 'Poppins', sans-serif !important;

    font-weight: bold !important;

    color: #841b05;

    margin-bottom: 18px;

    font-size: 18px;

}



.termos-de-uso .janela a{

  padding-bottom: 14px;

}



.termos-de-uso p{

  columns: #363636;

  text-align: justify;

  font-family: 'Montserrat', sans-serif;

}







.caixa-video{

  text-align: center;

}



@media(max-width: 540px){

  .caixa-video{

    padding-left: 3px;

    padding-right: 3px;

  }

}



/* VIEW VÍDEOS */

.area-iframe-video{

  position: fixed;

  display: none;

  top:0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(000,000,000,0.80);

  z-index: 9999999999999999999999999;

  text-align: center;

  padding-top: 50px;

}



.area-iframe-video p{

  font-family: 'Poppins', sans-serif !important;

  font-weight: bold !important;

  color: #fff;

  text-align: center;

}



.area-iframe-video iframe{

  font-family: 'Poppins', sans-serif !important;

  font-weight: bold !important;

  color: #fff;

  text-align: center;

  width: 100%;

  height: 490px;

}





.close-video{

  position: absolute;

    display: block;

    top: 3px;

    right: 3px;

    z-index: 9999;

    cursor: pointer;

}



.close-video img{

  width: 50px !important;

  height: auto;

}











.caixa-video img{

  width: 95%;

  height: auto;

  margin-bottom: 20px;

  margin-top: 10px;

  cursor: pointer;

}





.caixa-video a{

  font-family: 'Poppins', sans-serif !important;

  font-weight: bold !important;

  color: #6B6B6B;

  font-size: 14px;

  text-decoration: none;

}







.controles-player-songs{

  position: relative;

  display: block;

  padding: 6px;

  padding-top: 12px;

  text-align: center;

  background: #841b05;

  cursor: pointer;

  margin-top: -18px;

  line-height: 12px;

  color: #fff;

}



.controles-player-songs img{

  margin-left: 14px;

  margin-right: 14px;

  vertical-align: middle;

}



.controles-player-songs p,.controles-player-songs p span,.controles-player-songs span{

  color: #fff;

}



#jp_container  thead{

    color: #841b05;

    padding-top: 6px;

    padding-bottom: 6px;

    border:none !important;



  }



  #jp_container thead th{

    font-family: 'Poppins', sans-serif !important;

    color: #841b05;

    font-weight: 700;

    padding: 14px !important;

    font-size: 20px;

  }





#jp_container tbody{

   font-family: 'Poppins', sans-serif !important;

}



#jp_container tbody a{

  color: #3E3E3E;

  text-decoration: none;

}



#jp_container .table img{

  width: 22px;

  height: auto;

  max-width: 40px;

}



#jp_container .table {

    background: #e9f1f5;

}



.close-game-vitoria{

  position: absolute;

  display: block;

  top: 42px;

  right: 42px;

  z-index: 9999;

  cursor: pointer;

}



.close-game-vitoria img{

  width: 50px !important;

  height: auto;

}





.imagem-oculta img{

  opacity: 0;

}





















.mathing-game .imagens-mathing{

  text-align: center;

}



.mathing-game .imagens-mathing img{

  cursor: pointer;

  width: 100%;

  height: auto;

}





.mathing-game .tabela-acertos{

  padding-top: 65px;

}



.mathing-game .play-audio-mathing{

  padding-top: 30px;

}

.mathing-game .play-audio-mathing img{

  width: 40px;

  height: auto;

}



@media(max-width: 540px){

  .mathing-game .play-audio-mathing{

    text-align: center;

  }

}



.mathing-game .tabela-acertos span{

    position: relative;

    display: inline-block;

    margin: auto;

    text-align: center;

    width: 12%;

    margin-left: 10px;

    margin-right: 10px;

    height: 60px;

    padding-bottom: 5px;

    border-bottom: 6px solid #B8B8B8;

    /* border-radius: 10px; */

}



.mathing-game .tabela-acertos span img{

  position: absolute;

  bottom: 6px;

  width: 45px;

  height: auto;

  cursor: pointer;

  left: 5px;

}



@media(max-width: 540px){

    .mathing-game .tabela-acertos span img{

      width: 26px;

      height: auto;

    }

}





.mathing-game .mathing-acerto,

.mathing-game .mathing-erro{

  cursor: pointer;

  display: none;

}



.mathing-game .mathing-erro{

  width: 33px !important;

}



@media(max-width: 540px){

  .mathing-game .mathing-erro{

    width: 18px !important;

  }

  }





.diogenes-pulse{

  -webkit-animation: diogenes-pulse 1.5s infinite;

}



@-webkit-keyframes diogenes-pulse {

  0% {

    -moz-transform: scale(0.9);

    -ms-transform: scale(0.9);

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }

  70% {

    -moz-transform: scale(1.5);

    -ms-transform: scale(1.5);

    -webkit-transform: scale(1.5);

    transform: scale(1.5);

    box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);

  }

  100% {

    -moz-transform: scale(0.9);

    -ms-transform: scale(0.9);

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

    box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);

  }

}



.diogenes-pulse2{

  -webkit-animation: diogenes-pulse2 0.75s infinite;

}



@-webkit-keyframes diogenes-pulse2 {

  0% {

    -moz-transform: scale(0.9);

    -ms-transform: scale(0.9);

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }

  70% {

    -moz-transform: scale(1.15);

    -ms-transform: scale(1.15);

    -webkit-transform: scale(1.15);

    transform: scale(1.15);

    box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);

  }

  100% {

    -moz-transform: scale(0.9);

    -ms-transform: scale(0.9);

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

    box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);

  }

}







/**/







/* ESTILOS DRAG AND DROP */





.drag-and-drop{

  padding-top: 40px;

}



.drag-and-drop .holder{

  width: 100%;

  margin: 0px auto;

}



.drag-and-drop li {

  list-style: none;

}



.drag-and-drop li a {

  text-decoration: none;

  color: #fff;

  margin: 10px;

  width: 170px;

  display: inline-block;

  float: left;

  text-align: center;

  font-size: 18px;

  cursor: move;

}



@media(max-width: 1025px){

  .drag-and-drop li a {

    width: 130px;

  }

}









.drag-and-drop *[draggable=true] {

  -moz-user-select:none;

  -khtml-user-drag: element;

  cursor: move;

}



/*

.drag-and-drop *:-khtml-drag {

  background-color: rgba(238,238,238, 0.5);

}



.drag-and-drop li a:hover:after {

  content: ' (drag me)';

}

*/



.drag-and-drop ul {

  float: left;

    width: 49%;

    height: auto;

}



.drag-and-drop ul * img{

  width: 160px;

  height: 160px;

  float: left;

  margin-bottom: 14px;

  margin-right: 14px;

  -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;

}



@media(max-width: 1025px){

  .drag-and-drop ul * img{

    width: 120px;

    height: 120px;

  }

}



/*

.drag-and-drop li.over {

  border-color: #333;

  background: #ccc;

}

*/





.drag-and-drop #bin {

  height: auto;

  width: 50%;

  float: left;

  position: relative;

  margin-top: 0;

  text-align: left;

}

.drag-and-drop #bin img{

  width: 70%;

  height: auto;

  -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;

}



@media(max-width: 540px){



  .drag-and-drop #bin img{

    width: 100%;

    height: auto;

    -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;

  }



}



/*

.drag-and-drop #bin.over {

  background: url(images/bin.jpg) top left no-repeat;

}

*/



.drag-and-drop #bin p {

  font-weight: bold;

  text-align: center;

  position: absolute;

  bottom: 20px;

  width: 166px;

  font-size: 32px;

  color: #fff;

  top: -80px;

  left: 40px;

}



@media(max-width: 540px){

  .drag-and-drop li a{

    width: 70% !important;

  }

    .drag-and-drop ul * img {

      width: 100% !important;

      height: auto !important;

  }

}







/* AUDIO PLAYER */



.music-player-novo{



}



.music-player-novo #mainwrap{



}



ul#plList{

  padding-left: 0px;

  font-family: 'Poppins', sans-serif !important;

  color: #841b05;

}



.music-player-novo .add-bottom { margin-bottom:2rem !important; }

.music-player-novo .left { float:left; }

.music-player-novo .right { float:right; }

.music-player-novo .center { text-align:center; }

.music-player-novo .hidden { display:none; }



.music-player-novo .no-support {

    margin:2rem auto;

    text-align:center;

    width:90%;

}





/* Audio Player Styles

================================================== */



.music-player-novo audio {

display:none;

}



.music-player-novo #audiowrap,

.music-player-novo #plwrap {

margin:0 auto;

}



.music-player-novo #tracks {

font-size:0;

position:relative;

text-align:center;

}



.music-player-novo #nowPlay {

display:block;

font-size:0;

}



.music-player-novo #nowPlay span {

display:inline-block;

font-size:1.05rem;

vertical-align:top;

}



.music-player-novo #nowPlay span#npAction {

padding:21px;

width:30%;

}



.music-player-novo #nowPlay span#npTitle {

padding:21px;

text-align:right;

width:70%;

}



.music-player-novo #plList li {

cursor:pointer;

display:block;

margin:0;

padding:21px 0;

}



.music-player-novo #plList li:hover {

background-color:#f2f2f2 !important;

}



.music-player-novo .plItem {

position:relative;

}



.music-player-novo .plTitle {

left:50px;

overflow:hidden;

position:absolute;

right:65px;

text-overflow:ellipsis;

top:0;

white-space:nowrap;

}



.music-player-novo .plNum {

padding-left:21px;

width:25px;

}



.music-player-novo .plLength {

padding-left:21px;

position:absolute;

right:21px;

top:0;

}



.music-player-novo .plSel,

.music-player-novo .plSel:hover {

    background-color:#f2f2f2 !important;

    color:#747474;

    cursor:default !important;

}



.music-player-novo #tracks a {

border-radius:3px;

color:#666 !important;

cursor:pointer;

display:inline-block;

font-size:2rem;

height:35px;

line-height:.175;

margin:0 5px 30px;

padding:10px;

text-decoration:none;

transition:background .3s ease;

}



.music-player-novo #tracks a:last-child {

margin-left:0;

}



.music-player-novo #tracks a:hover,

.music-player-novo #tracks a:active {

background-color:rgba(0,0,0,.1);

color:#fff;

}



.music-player-novo #tracks a::-moz-focus-inner {

border:0;

padding:0;

}





/* Plyr Overrides

================================================== */



.plyr--audio .plyr__controls {

background-color:transparent;

border:none;

color:#fff;

padding:20px 20px 20px 13px;

width:100%;

}



.plyr--audio .plyr__controls button.tab-focus:focus,

.plyr--audio .plyr__controls button:hover,

.plyr__play-large {

background:rgba(0,0,0,.1);

}



.plyr__progress--played,

.plyr__volume--display {

color:rgba(0,0,0,.1);

}



.plyr--audio .plyr__progress--buffer,

.plyr--audio .plyr__volume--display {

background:rgba(0,0,0,.1);

}



.plyr--audio .plyr__progress--buffer {

color:rgba(0,0,0,.1);

}





/* Media Queries

================================================== */



@media only screen and (max-width:600px) {

    #nowPlay span#npAction { display:none; }

    #nowPlay span#npTitle { display:block; text-align:center; width:100%; }

}



/* AUDIO PLAYER */













/* CHECKBOX */

/* Base for label styling */

[type="checkbox"]:not(:checked),

[type="checkbox"]:checked {

  position: absolute;

  left: -9999px;

}

[type="checkbox"]:not(:checked) + label,

[type="checkbox"]:checked + label {

  position: relative;

  padding-left: 1.95em;

  cursor: pointer;

  font-weight: normal;

}



/* checkbox aspect */

[type="checkbox"]:not(:checked) + label:before,

[type="checkbox"]:checked + label:before {

  content: '';

  position: absolute;

  left: 0; top: 0;

  width: 1.25em; height: 1.25em;

  border: 2px solid #841b05;

  background: #fff;

  border-radius: 4px;

  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);

}

/* checked mark aspect */

[type="checkbox"]:not(:checked) + label:after,

[type="checkbox"]:checked + label:after {

    content: '\2713\0020';

    position: absolute;

    top: 0.20em;

    left: 0.65em;

    font-size: 10px;

    font-weight: bold;

    line-height: 0.8;

    color: #E07C3D;

    transition: all .2s;

    font-family: 'Poppins', sans-serif !important;

}

/* checked mark aspect changes */

[type="checkbox"]:not(:checked) + label:after {

  opacity: 0;

  transform: scale(0);

}

[type="checkbox"]:checked + label:after {

  opacity: 1;

  transform: scale(2);

}

/* disabled checkbox */

[type="checkbox"]:disabled:not(:checked) + label:before,

[type="checkbox"]:disabled:checked + label:before {

  box-shadow: none;

  border-color: #bbb;

  background-color: #ddd;

}

[type="checkbox"]:disabled:checked + label:after {

  color: #999;

}

[type="checkbox"]:disabled + label {

  color: #aaa;

}

/* accessibility */

[type="checkbox"]:checked:focus + label:before,

[type="checkbox"]:not(:checked):focus + label:before {

  border: 2px solid #649B4C !important;

}



/* hover style just for information */

.the-check label:hover:before {

  border: 2px solid #649B4C !important;

}





p.the-check{

  margin-bottom: 12px !important;

  font-size: 16px !important;

  font-family: 'Poppins', sans-serif !important;

  color: #3E3E3E !important;

  font-weight: bold;

}





.controles-img{

  padding-top: 12px;

}

.controles-img a{

  text-decoration: none;

}



.controles-img img{

  width: 35px !important;

  height: auto !important;

}



@media(max-width: 540px){

      .controles-img img {

        width: 30px !important;

        height: auto !important;

        border-radius: 7px;

    }

}



.link-similar-book{

  padding-top: 20px;

  opacity: 0;

}



.link-similar-book a{

   font-family: 'Poppins', sans-serif !important;

   color: #fff;

   text-decoration: none;

   background: #649B4C;

   border-radius: 5px;

   padding: 10px;

   padding-top: 3px;

   font-size: 13px;

}



@media(max-width: 540px){

   .link-similar-book{

      padding-top: 14px;

      text-align: center;

    }



   .link-similar-book a {

      font-family: 'Poppins', sans-serif !important;

      color: #fff;

      text-decoration: none;

      background: #649B4C;

      border-radius: 5px;

      padding: 10px;

      padding-top: 3px;

      font-size: 13px;

      width: 100%;

      display: block;

  }

}





.disable-audio img{

  width: 38px !important;

  height: auto !important;

  margin-left: 12px !important;

}







jsv-main, jsv-container, jsv-view {

    left: 0 !important;

}





@media(orientation : landscape) and (max-width: 540px){

  .ajuste-orientacao-tablet{

    display: none !important;

  }

  /*

   .menu-desktop{

    display: block !important;

   }

   */

   .pagina-01 .caixa-conteudo{

    min-height: 400px !important;

   }

   .menu-desktop a.menu-pai img{

    width: 52px !important;

    height: auto;

   }

}





.cores-to-draw{

  padding-left: 4px;

  padding-right: 4px;

}



.cores-to-draw a span{

  display: block;

  width: 14px;

  height: 14px;

  border-radius: 100px;

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 8px;

}





.cores-to-draw .cor1{

  background: #fff;

}



.cores-to-draw .cor2{

  background: #3E3E3E;

}



.cores-to-draw .cor3{

  background: #973158;

}



.cores-to-draw .cor4{

 background: #E07C3D;

}



.cores-to-draw .cor5{

 background: #841b05;

}



.cores-to-draw .cor6{

 background: #649B4C;

}





.manage-account .upload-imagem-perfil{

  text-align: center;

}



.manage-account .upload-imagem-perfil img{

  width: 72%;

  height: auto;

}



.manage-account .upload-imagem-perfil a{

  font-weight: bold !important;

}





.view-access-key table{

  border: 1px solid #C2C2C2;

  text-align: center;

}



.view-access-key table thead{

  border-bottom: 3px solid #C2C2C2;

}



.view-access-key table thead th{

  font-weight: bold;

  font-size: 16px;

  color: #841b05;

  text-align: center !important; 

}





.view-access-key table tbody{

  color: #6B6B6B;

  font-family: 'Montserrat', sans-serif;

  font-weight: bold;

}





/* VIEW VÍDEOS */

.notas-professor{

  position: fixed;

  display: none;

  top:0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(000,000,000,0.80);

  z-index: 9999999999999999999999999;

  text-align: center;

  padding-top: 12px;

}





.notas-professor .close-notas{

  position: absolute;

  display: block;

  top: 42px;

  right: 42px;

  z-index: 9999;

  cursor: pointer;

}



.notas-professor .close-notas img{

  width: 50px !important;

  height: auto;

}





.notas-professor .area-notas-professor{

    position: relative;

    display: block;

    width: 870px;

    margin-left: auto;

    margin-right: auto;

    background: #fff;

    padding: 25px;

    z-index: 400;

    height: 95%;

    text-align: left;

    font-family: 'Montserrat', sans-serif;

    color: #6B6B6B;

    overflow-y: scroll;

}



      .notas-professor .area-notas-professor::-webkit-scrollbar-track {

          background-color: #F4F4F4;

      }

      .notas-professor .area-notas-professor::-webkit-scrollbar {

          width: 1px;

          background: #F4F4F4;

      }

      .notas-professor .area-notas-professor::-webkit-scrollbar-thumb {

          background: #ccc;

      }











.notas-professor .area-notas-professor h2{

  font-family: 'Poppins', sans-serif !important;

  color: #841b05;

  text-align: center;

  margin-bottom: 25px;

  font-size: 25px;

  font-weight: bold;

}



.notas-professor .area-notas-professor table th{

  background: #841b05 !important;

  color: #fff !important;

  font-weight: bold;

  width: 33% !important;

}



.notas-professor .area-notas-professor table tbody tr td{

   width: 33% !important;

}





.notas-professor .area-notas-professor table tbody tr td a{

  color: #6B6B6B !important;

  font-weight: bold;

  text-decoration: none !important;

}



.notas-professor .area-notas-professor table{

    max-height: 264px;

    overflow-y: scroll;

    position: relative;

    display: block;

    width: 100%;

    border: 1px solid #ccc;

}





.truncate{

  text-overflow:ellipsis;

  white-space: nowrap; 

  width: 338px;

  overflow: hidden;

  display: inline-block;

}



.area-adicionar-nova-nota{

  position: absolute;

  display: none;

  top: 30px;

  left: 50%;

  width: 500px;

  margin-left: -250px;

  height: 460px;

  background: #fff;

  border:1px solid #ccc;

  padding: 20px;

  z-index: 700;

  text-align: left;

}



.area-adicionar-nova-nota label{

   font-family: 'Poppins', sans-serif !important;

  color: #841b05;

}





.comunidade .form-control{

  height: 42px;

  font-family: 'Poppins', sans-serif !important;

}





.area-ver-nota{

  position: absolute;

  display: none;

  top: 30px;

  left: 50%;

  width: 500px;

  margin-left: -250px;

  height: auto;

  min-height: 460px;

  background: #fff;

  border:1px solid #ccc;

  padding: 20px;

  z-index: 700;

  text-align: center;

  overflow-y: scroll;

}.area-ver-nota::-webkit-scrollbar-track {

          background-color: #F4F4F4;

      }

.area-ver-nota::-webkit-scrollbar {

          width: 1px;

          background: #F4F4F4;

      }

.area-ver-nota::-webkit-scrollbar-thumb {

          background: #ccc;

      }





.area-ver-nota h2{

   font-family: 'Poppins', sans-serif !important;

   color: #841b05;

}



.area-ver-nota p{

    font-family: 'Montserrat', sans-serif;

    color: #747474;

}





.comunidade .btn-default,

.comunidade .btn-default:hover,

.comunidade .btn-default:visited,

.comunidade .btn-default:focus,

.comunidade .btn-default:active{

  background: #6c332c  !important;

  border-color: #6c332c  !important;

  color: #fff !important;

}



.comunidade .combos-select .form-group{

  display: inline-block;

  font-family: 'Montserrat', sans-serif;

}

.comunidade .combos-select .form-group select{

  width: auto;

  margin-right: 12px;

  min-width: 135px;

  max-width: 150px;

}



@media(max-width: 540px){

    .comunidade .combos-select .form-group {

      display: inline-block;

      font-family: 'Montserrat', sans-serif;

      width: 100%;

  }

  .comunidade .combos-select .form-group select{

    width: 100% !important;

  }



  .comunidade .table{

    background: #fff !important;

  }

}







.comunidade.comunidade-enviar .combos-select .form-group select{

  width: auto;

  margin-right: 12px;

  min-width: 90px;

}





.comunidade .combos-select label{

font-family: 'Poppins', sans-serif !important;

  color: #841b05;

}





.comunidade table thead th{

   font-family: 'Poppins', sans-serif !important;

  color: #841b05;

  padding-top: 14px;

  padding-bottom: 14px;

}



.comunidade table tbody tr td{

  padding-top: 14px;

  padding-bottom: 14px;

  color: #6B6B6B;

  font-family: 'Montserrat', sans-serif;

}



.comunidade table tbody tr td.estrelas i{

  cursor: pointer;

  -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;

}



.comunidade table tbody tr td.estrelas i:hover{

  color: #00ABD6;

  -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;

}



.comunidade table tbody tr td.estrelas .fa-star{

  color: #00ABD6;

}

.comunidade table tbody tr td.estrelas .fa-star-o{

  color: #C2C2C2;

}



.comunidade table tbody tr td.favorito i{

  color: #C2C2C2;

  cursor: pointer;

  font-size: 20px;

  -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;

}



.comunidade table tbody tr td.favorito i:hover,

.comunidade table tbody tr td.favorito i.atividade-favoritada{

  color: #E07C3D;

  cursor: pointer;

  -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;

}





.comunidade .comunidade-enviar-textarea{

  padding-top: 15px;

}



.comunidade .comunidade-enviar-textarea textarea{

  height: auto !important;

  font-family: 'Montserrat', sans-serif;

}





.comunidade .comunidade-enviar-textarea label{

font-family: 'Poppins', sans-serif !important;

  color: #841b05;

}





.actions-inner-atividade{

  text-align: left !important;

}



.actions-inner-atividade a,

.actions-inner-atividade a:hover{

  color: #973158;

  text-decoration: none !important;

}





.btn-upload,

.btn-upload:hover,

.btn-upload:active,

.btn-upload:visited,

.btn-upload:focus{

   background: #AD3C6C !important;

   border-color: #AD3C6C !important;

   font-family: 'Poppins', sans-serif !important;

   font-weight: bold !important;

   padding-bottom: 10px !important;

}



.comunidade .toolbar-enviar-comunidade .coluna-um a{

  float: right;

  margin-top: -38px;

}



.comunidade .toolbar-enviar-comunidade .coluna-um a img{

  width: 32px;

  height: auto;

}



.comunidade .toolbar-enviar-comunidade label{

  font-family: 'Poppins', sans-serif !important;

  color: #841b05;

}



.comunidade .toolbar-enviar-comunidade .coluna-um .form-control{

  width: 310px;



}



.comunidade .toolbar-enviar-comunidade .coluna-dois{

  padding-top: 26px;

}









/* UPLOAD FOTO DE PERFIL */

.area-iframe-upload{

  position: fixed;

  display: none;

  top:0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(000,000,000,0.80);

  z-index: 9999999999999999999999999;

  text-align: center;

  padding-top: 50px;

}



.area-iframe-upload p{

  font-family: 'Poppins', sans-serif !important;

  font-weight: bold !important;

  color: #fff;

  text-align: center;

}



.area-iframe-upload iframe{

  font-family: 'Poppins', sans-serif !important;

  font-weight: bold !important;

  color: #fff;

  text-align: center;

  width: 100%;

  height: 490px;

}





.close-upload{

  position: absolute;

  display: block;

  top: 42px;

  right: 42px;

  z-index: 9999;

  cursor: pointer;

}



.close-upload img{

  width: 50px !important;

  height: auto;

}





#containerFotoPerfil{

  position: relative;

  display: block;

  width: 75px;

  height: 75px;

  border-radius: 100px;

  background:#ccc;

  margin: auto;



  



}



#atividadeFotoPerfil{

   position: relative;

   display: block;

   width: 75px;

   height: 75px;

   border-radius: 100px;

   background:#ccc;

   margin: auto;

   border:1px solid #841b05;

   margin-bottom: 6px;

}



#atividadeNomePerfil{

   font-family: 'Poppins', sans-serif !important;

   color: #841b05;

   font-size: 13px;

}



#containerFotoPerfilMobile{

  position: relative;

  display: block;

  width: 50px;

  height: 50px;

  border-radius: 100px;

  background:#ccc;

  margin: auto;

  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));

}



#manageContainerFotoPerfil{

  position: relative;

  display: block;

  width: 130px;

  height: 130px;

  border-radius: 100px;

  background:#ccc;

  margin: auto;

}





@media(max-width: 540px){

  #manageContainerFotoPerfil{

    width: 80px;

    height: 80px;

  }

}



@media(max-width: 540px){

      .dropdown-menu {

        line-height: 1em !important;

        padding-bottom: 0px;

        padding-top: 0px;

        top: 60px;

        left: auto;

        right: 0px;

        background: #BDD5E1 !important;

        text-align: center;

        border: none !important;

        box-shadow: 0px 3px 6px rgba(000,000,000,0.16) !important;

        border-radius: 5px !important;

    }

    .dropdown-menu:after, .dropdown-menu:before {

        display: none;

    }

    .upload-imagem-perfil{

      text-align: center;

      padding-bottom: 30px;

    }

    label {

        display: inline-block;

        max-width: 100%;

        margin-bottom: 5px;

        font-weight: bold;

        font-size: 12px;

    }

    .form-group {

        margin-bottom: 7px;

    }

    .view-access-key table {

        border: 1px solid #C2C2C2;

        text-align: center;

        font-size: 13px;

    }



    .toolbar-mobile{

        position: relative;

        top: -16px;

        right: auto;

        left: 0;

        z-index: 657;

        width: 110%;

        margin-left: -4.5%;

        background: rgba(0, 171, 214, 0.20);

        margin-bottom: -2px;

        height: 63px;

        border-radius: 15px;

    }

    .toolbar img {

        width: 64px;

        margin-bottom: 15px;

    }



    .dropdown-menu-games {

        top: -90px !important;

        left: -86px !important;

    }

    .dropdown-menu-games * a,.dropdown-menu-games > li > a{

      color: #3E3E3E !important;

    }

    .no-mobile-sem-padding-top h1{

      padding-top: 0px;

      margin-top: 0px;

    }



    .toolbar-mobile .drop-toolbar {        

        display: inline-block;

        padding: 0px;

        margin-left: -2px;

        margin-right: -2px;

    }



}





.caixa-branca-detalhe-atividade{

  position: relative;

  display: block;

  width: 100%;

  height: auto;

  min-height: 650px;

  padding: 25px;

  background: #fff;

  margin-bottom: 12px;

  border:1px solid #C2C2C2;

  border-radius: 24px;

  text-align: center;

}



.caixa-branca-detalhe-atividade h2{

  font-size: 23px;

  margin-bottom: 22px;

}



.area-arquivos-carregados{

  float: none;

  margin-bottom: 10px;

}



.area-arquivos-carregados .arquivo{

   display: inline-block;

   text-align: center;

   padding-left: 12px;

   padding-right: 12px;

}



.area-arquivos-carregados .arquivo img{

  width: 52px;

  height: auto;

}



.area-arquivos-carregados .arquivo a,

.area-arquivos-carregados .arquivo a:hover{

   font-family: 'Poppins', sans-serif;

   text-decoration: none !important;

   color: #AD3C6C !important;

   font-size: 11px;

}



.caixa-branca-detalhe-atividade .favoritar-atividade{

  padding-top: 6px;

  cursor: pointer;

  color: #C2C2C2;

}



.caixa-branca-detalhe-atividade .favoritar-atividade i{

  -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;

}



.report-avaliacoes .coluna-um{

  padding-left: 0px;

  padding-top: 6px;

}



.report-avaliacoes .coluna-um a,

.report-avaliacoes .coluna-um a:hover{

  background: #973158;

  text-decoration: none !important;

  border-radius: 10px;

  padding: 12px;

  padding-top: 1px;

  padding-bottom: 7px;

  color: #fff !important;

  outline: none !important;

  font-family: 'Poppins', sans-serif;

}





.report-avaliacoes .coluna-tres{

  padding-right: 0px;

  padding-top: 6px;

}



.report-avaliacoes .coluna-tres a,

.report-avaliacoes .coluna-tres a:hover{

  background: #00ABD6;

  text-decoration: none !important;

  border-radius: 10px;

  padding: 12px;

  padding-top: 1px;

  padding-bottom: 7px;

  color: #fff !important;

  outline: none !important;

  font-family: 'Poppins', sans-serif;

}



.report-avaliacoes .coluna-dois{

  line-height: 23px;

}

.report-avaliacoes .coluna-dois i.fa-star{

  color: #E07C3D !important;

  font-size: 20px;

}

.report-avaliacoes .coluna-dois i.fa-star-o{

  color: #C2C2C2 !important;

  font-size: 20px;

}



.report-avaliacoes .coluna-dois span{

  color: #FAAE70;

  font-family: 'Poppins', sans-serif;

}





#appendFilesTemporarios{

  margin-top: 20px;

  font-size: 0.9em;

}





@media(max-width: 540px) {



    .drop-toolbar .dropdown-menu2.dropdown-menu-mudar-cor {

        min-width: 58px !important;

        top: 53px !important;

        left: -9px !important;

        margin-top: 5px !important;

        padding-top: 5px !important;

    }

    .mobile-ajuste-margin{

      margin-top: -18px !important;

    }

}  

 





#professorAddNotaToolbarMobile{

      margin-left: 18px;

}



.comunidade .input-group{

  margin-top: 20px;

}



.row2.combos-select
{
}



#playerOficial{

  position: absolute;

  top: -9999%;

  display: block;

}



.rating-atividade{

  cursor: pointer;

}











/*-----------------------

    Audio Player - AP

------------------------*/

#ap{

  display: none;

}

.ap {

  position: fixed;

  left: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 50px;

  font-family: inherit;

  font-size: 14px;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

  border-top: 1px solid #ccc;

  background: #f2f2f2;

  box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);

      z-index: 99999 !important;

}



.ap__inner {

  display: -webkit-box;

  display: flex;

  max-width: 1440px;

  margin: auto;

}



.ap__item {

  display: -webkit-box;

  display: flex;

  -webkit-box-flex: 1;

          flex: 1;

  -webkit-box-pack: center;

          justify-content: center;

  -webkit-box-align: center;

          align-items: center;

}



.ap__item--playback > .ap__controls,

.ap__item--settings > .ap__controls {

  -webkit-box-flex: 0;

          flex: 0 25%;

}



@-webkit-keyframes fs {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.5);

            transform: scale(0.5);

  }

  100% {

    opacity: 1;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

}



@keyframes fs {

  0% {

    opacity: 0;

    -webkit-transform: scale(0.5);

            transform: scale(0.5);

  }

  100% {

    opacity: 1;

    -webkit-transform: scale(1);

            transform: scale(1);

  }

}

.ap__item--track {

  -webkit-box-flex: 1;

          flex: 1 40%;

  padding: 0 20px;

}



.track {

  position: relative;

  width: 100%;

  align-self: flex-start;

  padding: 5px 0 0;

}



.track__title {

  position: absolute;

  width: 100%;

  overflow: hidden;

  padding-right: 80px;

  text-align: left;

  white-space: nowrap;

  text-overflow: ellipsis;

}



.track__time {

  position: absolute;

  top: 5px;

  right: 0;

}



.progress-container {

  position: relative;

  padding: 7px 0;

  margin-top: 15px;

  overflow: hidden;

  cursor: pointer;

}

.progress-container:hover .progress__bar:after {

  opacity: 1;

}



.progress {

  height: 3px;

  border-radius: 3px;

  background: #ddd;

}



.progress__bar,

.progress__preload {

  position: absolute;

  width: 0;

  height: 3px;

  border-radius: 3px 0 0 3px;

}



.progress__bar {

  background: steelblue;

  z-index: 1;

}

.progress__bar:after {

  position: absolute;

  top: 0;

  right: -10px;

  width: 10px;

  height: 10px;

  margin-top: -3px;

  content: '';

  border-radius: 6px;

  background: steelblue;

  opacity: 0;

  -webkit-transition: opacity .3s ease;

  transition: opacity .3s ease;

}



.progress__bar--active:after {

  -webkit-transform: scale(1.4);

          transform: scale(1.4);

}



.progress__preload {

  background: #c4c4c4;

  z-index: 0;

}



.ap__controls,

.ap button {

  margin: 0;

  padding: 0;

  border: 0;

  outline: 0;

  background: transparent;

  position: relative;

  display: block;

  height: 50px;

  text-align: center;

  cursor: pointer;

  -webkit-transition: background .3s ease;

  transition: background .3s ease;

}

.ap__controls:active,

.ap button:active {

  background: rgba(0, 0, 0, 0.1);

}

.ap__controls:hover,

.ap button:hover {

  opacity: 1;

}



.icon-play > path {

  -webkit-transition: all .3s ease;

  transition: all .3s ease;

}



.is-playing .icon-play {

  fill: steelblue;

}



.volume-btn {

  display: block;

  text-align: center;

  width: 100%;

}



.volume {

  position: absolute;

  left: 50%;

  bottom: 45px;

  width: 40px;

  margin-left: -20px;

  height: 120px;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(10px);

          transform: translateY(10px);

  -webkit-transition: all 0.3s cubic-bezier(0.17, 0.72, 0.26, 1.23);

  transition: all 0.3s cubic-bezier(0.17, 0.72, 0.26, 1.23);

  background: #f2f2f2;

  border: 1px solid #ccc;

  border-radius: 1px;

  z-index: 88888;

}

.volume::before, .volume::after {

  content: '';

  position: absolute;

  bottom: -12px;

  border: 7px solid transparent;

  border-top: 7px solid #f2f2f2;

  left: 50%;

  margin-left: -7px;

}

.volume::after {

  bottom: -14px;

  z-index: -1;

  border-top: 7px solid #ccc;

}



.volume-container:hover .volume {

  opacity: 1;

  -webkit-transform: translateY(0);

          transform: translateY(0);

  visibility: visible;

}



.volume__track {

  position: relative;

  display: block;

  width: 3px;

  height: 100px;

  margin: 10px auto;

  background: #ddd;

  border-radius: 3px;

  overflow: hidden;

}



.volume__bar {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  background: steelblue;

  height: 50%;

}



.icon-volume-off {

  display: none;

}



.has-muted .icon-volume-on {

  display: none;

}

.has-muted .icon-volume-off {

  display: inline;

  opacity: .7;

}



.ap__controls.is-active > svg {

  fill: steelblue;

  -webkit-filter: drop-shadow(0 0 3px rgba(70, 130, 180, 0.4));

          filter: drop-shadow(0 0 3px rgba(70, 130, 180, 0.4));

}



@media (max-width: 1024px) {

  .ap__item > .ap__controls {

    -webkit-box-flex: 1;

            flex: 1;

  }

}

@media (max-width: 580px) {

  .ap {

    min-width: 250px;

  }



  .ap, .ap__inner {

    height: auto;

  }



  .ap__inner {

    flex-wrap: wrap;

  }



  .ap__item--track {

    margin-bottom: 10px;

    padding: 0 20px;

    -webkit-box-ordinal-group: 2;

            order: 1;

    -webkit-box-flex: 1;

            flex: 1 1 100%;

  }



  .ap__item--playback,

  .ap__item--settings {

    -webkit-box-flex: 1;

            flex: 1 1 50%;

    -webkit-box-ordinal-group: 3;

            order: 2;

  }

}

/*-----------------------

    Playlist Player - PL

------------------------*/

.pl-container {

  display: none;

  position: fixed;

  top: 0;

  right: 0;

  bottom: 50px;

  left: 0;

  overflow: auto;

  font-family: inherit;

  font-size: 14px;

  background: #fff;

  z-index: 77777;

}



.pl-ul {

  width: 100%;

  max-width: 550px;

  margin: 0 auto;

  padding: 30px 10px 100px 10px;

}



.pl-list {

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

          align-items: center;

  height: 40px;

  line-height: 40px;

}

.pl-list svg {

  fill: steelblue;

}



.pl-list + .pl-list {

  border-top: 1px solid #eee;

}



.pl-list:not(.pl-list--current):hover {

  background: #f6f6f6;

}



.pl-list__track,

.pl-list__remove {

  -webkit-box-flex: 0;

          flex: 0 50px;

  text-align: center;

}



.pl-list__icon {

  display: inline-block;

  width: 0;

  height: 0;

  border-top: 5px solid transparent;

  border-bottom: 5px solid transparent;

  border-left: 8px solid #555;

}



.pl-list__title {

  overflow: hidden;

  padding-right: 10px;

  cursor: pointer;

  text-align: left;

  white-space: nowrap;

  text-overflow: ellipsis;

  -webkit-box-flex: 1;

          flex: 1;

}



.pl-list__remove {

  height: 100%;

  background: transparent;

  border: 0;

  outline: 0;

  cursor: pointer;

  opacity: 0;

  -webkit-transition: opacity .2s ease;

  transition: opacity .2s ease;

}



.pl-list__remove > svg {

  width: 16px;

  height: 16px;

}



.pl-list__eq {

  display: none;

}



.pl-list--current {

  background: steelblue;

  color: #fff;

}



.pl-list--current svg {

  fill: #fff;

}

.pl-list--current .pl-list__eq {

  display: block;

}

.pl-list--current .pl-list__icon {

  display: none;

}



.pl-list:hover .pl-list__remove,

.pl-list--current .pl-list__remove {

  opacity: 1;

}



.pl-list--current .pl-list__remove:hover {

  background: #3f75a2;

}



.pl-list--empty {

  position: absolute;

  top: 50%;

  left: 50%;

  font-size: 2rem;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  letter-spacing: 2px;

  color: #ccc;

}



@-webkit-keyframes eq {

  0% {

    height: 3px;

  }

  50% {

    height: 20px;

  }

  100% {

    height: 3px;

  }

}



@keyframes eq {

  0% {

    height: 3px;

  }

  50% {

    height: 20px;

  }

  100% {

    height: 3px;

  }

}

.eq {

  display: -webkit-box;

  display: flex;

  width: 20px;

  height: 20px;

  margin: 0 auto;

  -webkit-box-pack: justify;

          justify-content: space-between;

  -webkit-box-align: end;

          align-items: flex-end;

}



.eq__bar {

  width: 4px;

  background: #fff;

  -webkit-filter: drop-shadow(0 0 5px #fff);

          filter: drop-shadow(0 0 5px #fff);

}



.eq__bar:nth-child(1) {

  -webkit-animation: eq .8s ease-in-out infinite 0s;

          animation: eq .8s ease-in-out infinite 0s;

}



.eq__bar:nth-child(2) {

  -webkit-animation: eq .8s ease-in-out infinite .2s;

          animation: eq .8s ease-in-out infinite .2s;

}



.eq__bar:nth-child(3) {

  -webkit-animation: eq .8s ease-in-out infinite .4s;

          animation: eq .8s ease-in-out infinite .4s;

}



.h-hide {

  display: none;

}



.h-show {

  display: block;

}

/*-----------------------

    Audio Player - AP

------------------------*/









.livros-fullscreen{

  position: fixed;

  display: none;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(000,000,000,0.55);

  padding: 10px;

  text-align: center;

  z-index: 9999999999999;

}



.livros-fullscreen .item img{

    width: 32%;

    height: auto;

    float: none;

    display: inline-block;

    max-width: auto;

    max-height: 100% !important;

}



.livros-fullscreen .controles-img{

  position: absolute;

  bottom: -14px;

  left: 0;

  width: 100%;

  height: auto;

  z-index: 100;

  text-align: right;

}


.fechar-fullscreeen, .fechar-fullscreeen:hover{

    color: #fff;

    text-decoration: none;

    font-size: 30px;

    display: inline-block;

    width: 47px;

    text-align: center;

    vertical-align: middle;

}

.the-new-fullscreen{

    display: block !important;

    min-height: 904px !important;

    position: absolute !important;

    top: -282px !important;

    left: 0 !important;

    width: 100% !important;

    z-index: 9999999 !important;

    background: #fff !important;

    -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;

}

.the-sinners{

  position: absolute;

  display: none;

  top:0px;

  left: 0px;

  z-index: 500;

  width: 100%;

  height: 100%;

  background: rgba(255,255,255,0.70);

  -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;

}

.the-sinners .square{

  position: relative;

  display: block;

  float: left;

  width: 50%;

  height: 50%;

  border:1px solid #841b05;

  background: none;

  cursor: pointer;

  -webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;

}

/* OCULTAR ACTIVITY BOOK NURSERY */
#listLivros > div.col-lg-4.col-md-4.col-sm-6.col-xs-6.livro.ABNUR {
    display: none !important;
}


/* Faixa sólida do footer */
footer {
  width: 100%;
  background: #6c332c;
}

/* Base do footer-bottom com os tamanhos que você aprovou */
footer .footer-bottom {
  background: transparent !important;
  width: 100% !important;
  padding: 20px 0 !important;
  min-height: 40px !important;

  display: flex !important;
  align-items: center !important; /* centraliza vertical */
}

/* Garante que a linha ocupe toda a largura e não "encolha" */
footer .footer-bottom .container,
footer .footer-bottom .container-fluid {
  width: 100% !important;
}

footer .footer-bottom .row {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;

  display: flex;
  align-items: center;
}

/* Colunas do footer alinhadas e sem “quebras estranhas” */
footer .footer-bottom [class*="col-"] {
  padding-left: 15px;
  padding-right: 15px;
}

/* Texto do footer */
footer .footer-bottom p {
  margin: 0 !important;
  color: #fff !important;
  font-size: 15px;
      font-family: 'Lato', sans-serif;

  line-height: 1.6;
}

/* Link (ex: email) */
footer .footer-bottom a {
  color: #fff !important;
  font-weight: bold;
  text-decoration: none !important;
}

footer .footer-bottom a:hover {
  text-decoration: underline !important;
}

/* Alinhamento à direita no desktop */
footer .footer-bottom .text-right {
  text-align: right !important;
}

/* Mobile: quebra em coluna e centraliza */
@media (max-width: 767px) {
  footer .footer-bottom {
    display: block !important; /* evita bugs de flex em alguns templates antigos */
    text-align: center;
  }

  footer .footer-bottom .row {
    display: block !important;
    text-align: center;
  }

  footer .footer-bottom .text-right {
    text-align: center !important;
    margin-top: 8px;
  }
}

/* ==============================
   FIX CADASTRO: CARD BRANCO + VISIBILIDADE
   cole no FINAL do style.css
============================== */

/* Caixa do cadastro com fundo branco e borda arredondada */
.pagina-00 .area-login-senha .caixa-cadastro{
  width: 100%;
  height: auto;
  min-height: 290px;

  background: rgba(255,255,255,0.92) !important; /* bloco branco */
  border-radius: 22px !important;                /* radius pedido */
  padding: 20px !important;

  box-shadow: 0px 0px 15px rgba(62, 62, 62, 0.27) !important;
  margin-bottom: 20px !important;
  margin-top: 30px;
  text-align: center;
}

/* Título e textos dentro do cadastro com mais contraste */
.pagina-00 .area-login-senha .caixa-cadastro h3{
  color: #841b05 !important;
  font-weight: bold !important;
}

/* Labels mais legíveis (mantém identidade, mas mais escuro) */
.pagina-00 .area-login-senha .caixa-cadastro .form-group label{
  color: #841b05 !important;
}

/* Inputs com um “respiro” e bordas consistentes */
.pagina-00 .area-login-senha .caixa-cadastro .form-control{
  border-radius: 10px !important;
  height: 42px !important;
  margin-top: 7px !important;
}

/* Mobile: card um pouco mais compacto */
@media (max-width: 540px){
  .pagina-00 .area-login-senha .caixa-cadastro{
    padding: 16px !important;
  }

  html, body{
    height: 100%;
    min-height: 100vh;
  }

  body{
    display: flex;
    flex-direction: column;

    /* mantém seu fundo do mobile */
    background: url("./images/cima-mobile.png") #fff no-repeat top center;
    background-size: 100% auto;

    /* NÃO usa padding-bottom aqui, senão cria “buraco” */
    padding-bottom: 0 !important;
  }

  /* seu conteúdo principal cresce para preencher a tela */
  .work.pagina-01{
    flex: 1 0 auto;
  }

  /* footer sempre vai para o final da tela */
  footer{
    margin-top: auto;
    /* sobe exatamente a altura do menu fixo (60px) */
    margin-bottom: 60px;
  }

  /* garante que o menu fique por cima */
  header.header-mobile{
    z-index: 9999;
  }
}


.work.pagina-01 {
  background: #f7f2df;
}