@media (max-width: 770px) {
  .fundo.fundoInternas #componente {
    font-family: 'Open Sans', sans-serif;
  }
  .fundo.fundoInternas #componente #container-topo {
    padding: 0px;
  }
  .fundo.fundoInternas #componente #container-topo .logo-pen {
    width: 100%;
    margin-left: 0px !important;
  }
  .fundo.fundoInternas #componente #container-topo .menu-pen {
    display: none;
  }
  .fundo.fundoInternas #componente #container-topo .menu-mobile-pen {
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 20px;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile {
    width: 100%;
    height: 100%;
    float: left;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile {
    position: absolute;
    top: 5px;
    left: 10px;
    right: 5px;
    bottom: 10px;
    margin: auto;
    background-color: #f5f5f5;
    border-radius: 30px;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .loading-popup {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .loading-popup .loading-centro {
    color: #f05b3d;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .fechar-popup-mobile {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 17px;
    height: 17px;
    z-index: 999;
    border: 2px solid #f05b3d;
    cursor: pointer;
    border-radius: 100%;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .fechar-popup-mobile:before, .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .fechar-popup-mobile:after {
    position: absolute;
    left: 8px;
    top: 3px;
    content: ' ';
    height: 12px;
    width: 2px;
    background-color: #f05b3d;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .fechar-popup-mobile:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .fechar-popup-mobile:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile:after {
    content: ' ';
    border: 2px solid #fff;
    border-radius: 30px;
    width: 98%;
    height: 98%;
    position: absolute;
    top: 8px;
    right: 8px;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup {
    background-color: transparent;
    position: absolute;
    width: 90%;
    height: 90%;
    overflow-y: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 99;
    font-size: 16px;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup img {
    max-width: 100%;
    margin-left: 0px !important;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup a {
    font-weight: 800;
    font-size: 17px;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup audio {
    background-color: darkgrey;
    padding: 5px;
    border-radius: 40px;
    max-width: 100%;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup video {
    max-width: 100%;
    height: auto;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup::-webkit-scrollbar-button {
    display: none;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup::-webkit-scrollbar-thumb {
    background-color: #f05b3d;
    border-radius: 50px;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup::-webkit-scrollbar-thumb::hover {
    background-color: #f05b3d;
    border-radius: 50px;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup::-webkit-scrollbar-track::hover {
    background-color: transparent;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup::-webkit-scrollbar {
    width: 5px;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup .menu-pen-mobile .menu-mobile-bg {
    height: 240px;
    width: 35px;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup .menu-pen-mobile ul {
    height: 240px;
    width: 230px;
    position: absolute;
    left: 20px;
    top: 0px;
    bottom: 0;
    margin: auto;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup .menu-pen-mobile ul .mobile-item-menu {
    padding: 8px 0px;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup .menu-pen-mobile ul .mobile-item-menu:nth-child(1) {
    padding-top: 0px;
    border-bottom: 1px dashed #ed366b;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup .menu-pen-mobile ul .mobile-item-menu:nth-child(2) {
    border-top: 1px dashed #4693cf;
    border-bottom: 1px dashed #4693cf;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup .menu-pen-mobile ul .mobile-item-menu:nth-child(3) {
    border-top: 1px dashed #93c948;
    border-bottom: 1px dashed #93c948;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup .menu-pen-mobile ul .mobile-item-menu:nth-child(4) {
    border-top: 1px dashed #f79346;
    border-bottom: 1px dashed #f79346;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup .menu-pen-mobile ul .mobile-item-menu:nth-child(5) {
    border-top: 1px dashed #b057a1;
    padding-bottom: 0px;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup .menu-pen-mobile ul .mobile-item-menu .mobile-item-acao {
    display: block;
    line-height: 34px;
    color: #000;
    font-weight: 600;
    padding-left: 70px;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup .titulo-interno-popup {
    display: none;
    background-color: transparent;
    position: absolute;
    width: 85%;
    overflow-y: auto;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 99;
    padding: 15px;
    color: #f05b3c !important;
    font-weight: 700;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup .conteudo-interno-popup {
    display: none;
    background-color: transparent;
    position: absolute;
    width: 85%;
    height: 75%;
    overflow-y: auto;
    top: 110px;
    left: 0;
    right: 0;
    bottom: 0;
    font-weight: 600;
    margin: auto;
    z-index: 99;
    padding: 15px;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup .conteudo-interno-popup::-webkit-scrollbar-button {
    display: none;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup .conteudo-interno-popup::-webkit-scrollbar-thumb {
    background-color: #f05b3d;
    border-radius: 50px;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup .conteudo-interno-popup::-webkit-scrollbar-thumb::hover {
    background-color: #f05b3d;
    border-radius: 50px;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup .conteudo-interno-popup::-webkit-scrollbar-track {
    background-color: #dde0e3;
    border-radius: 50px;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup .conteudo-interno-popup::-webkit-scrollbar-track::hover {
    background-color: #dde0e3;
    border-radius: 50px;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup .conteudo-interno-popup::-webkit-scrollbar {
    width: 5px;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup #contato-pen-mobile {
    display: none;
    background-color: transparent;
    position: absolute;
    width: 85%;
    height: 60%;
    overflow-y: auto;
    top: 110px;
    left: 0;
    right: 0;
    bottom: 0;
    font-weight: 600;
    margin: auto;
    z-index: 99;
    padding: 15px;
    font-size: 16px;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup #contato-pen-mobile #nome, .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup #contato-pen-mobile #telefone, .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup #contato-pen-mobile #email, .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup #contato-pen-mobile #mensagem {
    float: left;
    width: calc(100% - 24px);
    margin-bottom: 14px;
    padding: 6px 12px;
    border-radius: 5px;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid #ccc;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup #contato-pen-mobile #mensagem {
    height: 100px;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup #contato-pen-mobile #enviar {
    background: #519300;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #519300), color-stop(40%, #519300), color-stop(60%, #245700), color-stop(100%, #245700));
    background: -webkit-gradient(linear, left top, left bottom, from(#519300), color-stop(40%, #519300), color-stop(60%, #245700), to(#245700));
    background: linear-gradient(to bottom, #519300 0%, #519300 40%, #245700 60%, #245700 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#519300', endColorstr='#245700', GradientType=0 );
    border: none;
    border-radius: 5px;
    padding: 10px;
    color: #fff;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    width: 125px;
    margin: 0 auto;
    position: relative;
    display: block;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }
  .fundo.fundoInternas #componente #container-topo #container-mobile #popup-mobile .conteudo-popup #contato-pen-mobile #enviar:hover {
    background: #6bb504;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #6bb504), color-stop(40%, #6bb504), color-stop(60%, #2c6900), color-stop(100%, #2c6900));
    background: -webkit-gradient(linear, left top, left bottom, from(#6bb504), color-stop(40%, #6bb504), color-stop(60%, #2c6900), to(#2c6900));
    background: linear-gradient(to bottom, #6bb504 0%, #6bb504 40%, #2c6900 60%, #2c6900 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bb504', endColorstr='#2c6900', GradientType=0 );
  }
  .fundo.fundoInternas #componente #container-encontros #abas-encontros {
    display: none;
  }
  .fundo.fundoInternas #componente #container-encontros #box-conteudo {
    width: calc(100% - 30px);
    padding: 50px 15px;
  }
  .fundo.fundoInternas #componente #container-encontros #box-conteudo #titulo-encontro {
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    font-size: 20px !important;
  }
  .fundo.fundoInternas #componente #container-encontros #box-conteudo #titulo-encontro .first-word {
    font-size: 60px;
    margin-right: 10px;
    line-height: 30px;
  }
  .fundo.fundoInternas #componente #container-encontros #box-conteudo #conteudo-linhadotempo {
    width: 100%;
    height: auto;
    float: right;
    margin-top: 30px;
  }
  .fundo.fundoInternas #componente #container-encontros #box-conteudo #conteudo-linhadotempo img {
    max-width: 100%;
    margin-left: 0px !important;
  }
  .fundo.fundoInternas #componente #container-encontros #box-conteudo #conteudo-linhadotempo ul .area-linhadotempo {
    padding: 0px;
    display: block;
  }
  .fundo.fundoInternas #componente #container-encontros #box-conteudo #conteudo-linhadotempo ul .area-linhadotempo::after, .fundo.fundoInternas #componente #container-encontros #box-conteudo #conteudo-linhadotempo ul .area-linhadotempo::before {
    display: none;
  }
  .fundo.fundoInternas #componente #container-encontros #box-conteudo #conteudo-linhadotempo ul .area-linhadotempo .icone-linhadotempo img {
    width: 25px;
    position: absolute;
    top: 15px;
    left: 15px;
    margin: 0px;
  }
  .fundo.fundoInternas #componente #container-encontros #box-conteudo #conteudo-linhadotempo ul .area-linhadotempo .icone-linhadotempo::after, .fundo.fundoInternas #componente #container-encontros #box-conteudo #conteudo-linhadotempo ul .area-linhadotempo .icone-linhadotempo::before {
    display: none;
  }
  .fundo.fundoInternas #componente #container-encontros #box-conteudo #conteudo-linhadotempo ul .area-linhadotempo .box-linhadotempo {
    width: calc(100% - 30px);
    float: none;
  }
  .fundo.fundoInternas #componente #container-encontros #box-conteudo #conteudo-linhadotempo ul .area-linhadotempo .box-linhadotempo .titulo-linhadotempo {
    margin-left: 40px;
    font-size: 20px !important;
  }
  .fundo.fundoInternas #componente #container-encontros #box-conteudo #conteudo-linhadotempo ul .area-linhadotempo:last-of-type .mobile-linhadotempo {
    display: none;
  }
  .fundo.fundoInternas #componente #container-encontros #box-conteudo #conteudo-linhadotempo ul .area-linhadotempo .mobile-linhadotempo {
    margin: 10px 0px;
    width: 100%;
    height: 60px;
    display: inline-block;
    position: relative;
  }
  .fundo.fundoInternas #componente #container-encontros #box-conteudo #conteudo-linhadotempo ul .area-linhadotempo .mobile-linhadotempo::after {
    content: ' ';
    border-left: 2px solid #bdbdbd;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 1px;
    margin: auto;
    height: 30%;
  }
  .fundo.fundoInternas #componente #container-encontros #box-conteudo #conteudo-linhadotempo ul .area-linhadotempo .mobile-linhadotempo::before {
    content: ' ';
    border-left: 2px solid #bdbdbd;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    margin: auto;
    height: 30%;
  }
  .fundo.fundoInternas #componente #container-encontros #box-conteudo #conteudo-linhadotempo ul .area-linhadotempo .mobile-linhadotempo .circulo {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #bdbdbd;
    position: absolute;
    margin: auto;
    right: 0;
    left: -1px;
    top: 0;
    bottom: 0;
  }
  .fundo.fundoInternas #componente #container-encontros #box-conteudo #conteudo-linhadotempo #paginacao-carregar {
    display: none;
  }
  .fundo.fundoInternas #componente #container-encontros #box-conteudo #conteudo-linhadotempo #paginacao-carregar-mobile {
    background: #519300;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #519300), color-stop(40%, #519300), color-stop(60%, #245700), color-stop(100%, #245700));
    background: -webkit-gradient(linear, left top, left bottom, from(#519300), color-stop(40%, #519300), color-stop(60%, #245700), to(#245700));
    background: linear-gradient(to bottom, #519300 0%, #519300 40%, #245700 60%, #245700 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#519300', endColorstr='#245700', GradientType=0 );
    border: none;
    border-radius: 5px;
    padding: 10px;
    color: #fff;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    width: 125px;
    margin: 20px auto;
    position: relative;
    display: block;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }
  .fundo.fundoInternas #componente #container-encontros #box-conteudo #conteudo-linhadotempo #paginacao-carregar-mobile:hover {
    background: #6bb504;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #6bb504), color-stop(40%, #6bb504), color-stop(60%, #2c6900), color-stop(100%, #2c6900));
    background: -webkit-gradient(linear, left top, left bottom, from(#6bb504), color-stop(40%, #6bb504), color-stop(60%, #2c6900), to(#2c6900));
    background: linear-gradient(to bottom, #6bb504 0%, #6bb504 40%, #2c6900 60%, #2c6900 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bb504', endColorstr='#2c6900', GradientType=0 );
  }
  .fundo.fundoInternas #componente #container-encontros #encontros-mobile {
    display: block;
    position: relative;
    width: 210px;
    margin: 0 auto;
    background-color: #edf2f4;
    margin-bottom: 10px;
    border-radius: 5px;
  }
  .fundo.fundoInternas #componente #container-encontros #encontros-mobile select {
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    padding: 8px 24px 8px 10px;
    border: none;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .fundo.fundoInternas #componente #container-encontros #encontros-mobile select:active, .fundo.fundoInternas #componente #container-encontros #encontros-mobile select:focus {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .fundo.fundoInternas #componente #container-encontros #encontros-mobile:after {
    content: " ";
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #aaa;
  }
}
/*# sourceMappingURL=pen_mobile.css.map */