body {
 overflow-y:scroll;
 overflow-x:hidden;
 background-color:#000;
 font-family:Nunito,Tahoma,Arial,Helvetica;
 font-size:1em;
 height:100%;
 color:#fff;
 margin:0;
}

::-webkit-scrollbar { width:12px; }
::-webkit-scrollbar-track { background-color:#000; }
::-webkit-scrollbar-thumb { -webkit-border-radius:10px; background-color:#5b6792; }
::-webkit-scrollbar-thumb:hover { background-color:#3b4772; }

::-webkit-input-placeholder { text-transform: initial; }
::-moz-placeholder { text-transform: initial; }
:-moz-placeholder { text-transform: initial; }
:-ms-input-placeholder { text-transform: initial; }

.ui-dialog-titlebar-close {
 visibility:hidden;
}

.ui-tooltip {
 white-space:pre-line;
}

.ui-tooltip-content {
 font-size:0.8em;
}

.ui-state-highlight {
 background-color:#2b3762 !important;
}

.ui-dialog .ui-dialog-content,
.ui-dialog.ui-widget-content {
 background:#fff !important;
 color:#000 !important;
}

.dialog-fixed {
 position:fixed !important; 
}

a {
 text-decoration:none;
 color:#fff;
 outline:none;
}

a:hover {
 color:#ffb;
 text-decoration:underline;
}

img {
 border:0;
}

div {
 box-sizing:border-box;
 margin:0; padding:0;
}

input[type=text],input[type=password] {
 font-size:0.9em;
 border:solid 1px #0b1742;
 border-radius:4px;
 padding:4px;
 margin-bottom:5px;
}

input[type=button],input[type=submit],input[type=file],button {
 font-size:0.9em;
 border:solid 1px #0b1742;
 border-radius:4px;
 padding:10px;
 margin-bottom:5px;
 outline:none;
}

textarea {
 font-size:1.1em;
 border:solid 1px #0b1742;
 border-radius:4px;
 padding:4px;
 margin-bottom:5px;
 resize:none;
}

select {
 font-size:0.9em;
 border:solid 1px #0b1742;
 border-radius:4px;
 padding:2px;
 margin-bottom:5px;
}

hr {
 border:0;
 height:1px;
 background-color:#eee;
 width:80%;
 margin:55px auto;
}

h1,h3 {
 font-size:2em;
 color:#fff;
 font-weight:700;
 line-height:1em;
}

h2 {
 font-size:1.4em;
 font-weight:400;
 line-height:1em;
 color:#eee;
}

blockquote {
 border-left:solid 4px #0b1742;
 padding-left:11px;
}

break {
 flex-basis:100%;
 width:0; height:0; 
 overflow:hidden;
}

.nosel {
 user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 -webkit-user-select:none;
}

.titulo {
 font-family:Nunito,Tahoma,Arial;
 text-align:center;
}

.container {
 max-width:1250px;
 margin:0 auto;
 padding:0 30px;
}

.canvas {
 margin:50px 0;
 padding:inherit;
}

.yt-cont {
 position:relative;
 width:100%;
 height:0;
 padding-bottom:56.25%;
}

.yt-video {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
}

.ishw {
 box-shadow: 0 0 12px #112;
 transition-duration: 1s;
}

.ishw:hover {
 box-shadow: 0 0 12px #ccf;
 transform:scale(0.95);
}

.respnoflex {
 display:flex;
}

#centro {
 margin:40px 0;
}

#faixa {
 position:fixed;
 top:0;
 width:100%;
 padding:16px 13px 13px 13px;
 background-color:#0b1742;
 z-index:1000;
}

.faixa2 {
 display:flex;
 padding:0 16px;
 justify-content:space-between;
}

#logoimg {
 width:153px;
 height:45px;
 cursor:pointer;
 filter:brightness(120%);
}

#logoimg:hover {
 filter:brightness(150%) saturate(1.1);
}

#menu {
 line-height:50px;
 z-index:3;
}

#menu-resp {
 display:none;
 position:fixed;
 top:15px; right:15px;
 width:50px; height:50px;
 cursor:pointer;
}

.menu-item {
 display:inline-block;
 padding-right:13px;
 font-family:Nunito,Arial;
 font-size:0.85em;
 color:#fff;
 cursor:pointer;
}

.menu-item:hover {
 color:#ff219f;
}

.menu-ms {
 display:inline-flex;
 vertical-align:text-bottom;
 cursor:pointer;
}

.menu-msi {
 width:18px;
 height:18px;
 padding-right:10px;
}

.menu-msi:hover {
 filter:brightness(120%);
}

.menu-hamb {
 background-color:#fff;
 height:3px;
 margin:10px 3px;
}

#menu-home {
 display:none;
}

.vitrine,.vitrinep {
 display:flex;
 flex-direction:column;
 align-items:center;
 width:100%;
 height:530px;
 max-width:1250px;
 text-align:center;
 padding-top:125px;
}

#vitrlogo {
 width:auto;
 max-width:400px;
}

#aovivo {
 width:131px;
 height:37px;
 cursor:pointer;
 margin:25px 0;
 filter:drop-shadow(2px 2px 2px #000);
}

#aovivo:hover {
 filter:contrast(114%) drop-shadow(1px 1px 5px #020);
}

#vitr1 {
 width:100%;
 max-width:800px;
 font-family:Play,Arial;
 font-size:2em;
 font-weight:bold;
 margin-top:20px;
 color:#fff;
 text-shadow:2px 2px 0px #000;
}

#vitr2 {
 width:100%;
 max-width:800px;
 margin-top:40px;
 text-shadow:2px 2px 1px #000;
 font-family:Nunito,Arial;
 font-size:1.1em;
 line-height:1.2em;
 color:#fff;
}

#rodape {
 width:100%;
 padding:22px;
 background-color:#060d26;
}

.rodape2 {
 display:flex;
 font-family:Play,Arial;
 font-size:0.85em;
 line-height:2em;
}

.rodape3 {
 margin-right:66px;
}

.rd3zap {
 margin-right:0;
 flex-grow:1;
 text-align:center;
 font-size:1.2em;
}

.rodape2 a {
 color:#fff;
}

.rodape3 a:hover {
 color:#ccf;
}

.rodape2 span {
 color:#ff2697;
 font-size:0.8em;
 margin-right:5px;
}

.rodaapp {
 margin-bottom:26px;
 width:250px;
}

.rdmidia {
 width:34px;
 height:34px;
 vertical-align:middle;
 margin-right:11px;
}

.rdmidia:hover {
 filter:brightness(150%) saturate(1.1);
}

.inweb {
 font-size:0.6em;
 line-height:1.2em;
 margin-top:33px;
 text-align:right;
}

.play-btnav {
 display:inline-block;
 background-color:#e5006d;
 width:115px;
 padding-top:2px;
 margin:7px 1px 0 1px;
 font-size:0.9em;
 line-height:1.6em;
 font-weight:bold;
 font-family:Play,Arial;
 color:#fff;
 cursor:pointer;
}

#playair {
 display:none;
 position:fixed;
 overflow:hidden;
 left:15px; bottom:15px;
 width:270px; height:460px;
 border-radius:25px;
 background-color:#fff;
 text-align:center;
 line-height:1.2em;
 color:#000;
 z-index:2;
}

#playair-topo {
 display:block;
 background-color:#fd017f;
 height:50px;
 padding-top:6px;
 border-radius:24px 24px 0 0;
 cursor:move;
}

#plbots {
 font-size:0.9em;
 margin:20px 0 13px 0;
}

#plbots button {
 cursor:pointer;
 background-color:#def;
 border-color:#0460a2;
 border-radius:15px;
 padding:3px 7px 3px 7px;
}

#plbots button:hover {
 background-color:#fff;
}

.plb {
 width:11px;
 height:11px;
}

.plb2 {
 background-color:#e5006d !important;
 border:solid 1px #c5004d !important;
 width:70px;
 height:26px;
 outline:none;
}

.plb2:hover {
 background-color:#de89b1 !important;
}

#play-slider .ui-slider-handle,
#replay-pos .ui-slider-handle,
#replay-slider .ui-slider-handle {
 background-color:#e5006d ;
 border:solid 1px #c5004d !important;
 outline:none;
}

.ui-widget-content {
 background:inherit !important;
}

#play-video {
 display:none;
}

#webpop {
 display:none;
 position:fixed;
 overflow:hidden;
 right:15px; bottom:15px;
 width:auto; height:auto;
 max-width:320px;
 border-radius:10px;
 background-color:#fff;
 border:solid 3px #e5006d;
 padding:17px;
 line-height:1.3em;
 font-family:Play,Tahoma,Arial;
 font-weight:bold;
 color:#c5004d;
 z-index:3;
 cursor:pointer;
}

.banner {
 display:table;
 margin:20px auto;
}

/*--ResponsiveSlides--*/

.rslides {
 position:relative;
 list-style:none;
 overflow:hidden;
 width:100%;
 padding:0;
 margin:0;
}

.rslides li {
 -webkit-backface-visibility: hidden;
 position:absolute;
 display:none;
 width:100%;
 left:0;
 top:0;
}

.rslides li:first-child {
 position:relative;
 display:block;
 float:left;
}

.rslides img {
 display:block;
 height:auto;
 float:left;
 width:100%;
 border:0;
}

/*--*/

@media (orientation:landscape) and (max-width:1010px) {
 #faixa,#menu-resp { position:initial; }
}

@media screen and (max-width:1230px) {
 .menu-msi {
  display:none;
 }
}

@media screen and (max-width:1165px) {
 body {
  font-size:0.9em;
 }
 .noresp {
  display:none;
 }
 .menu-msi {
  display:inline;
  margin:20px 0;
 }
 #menu-resp {
  display:inline;
 }
 #menu {
  display:none;
  position:absolute;
  top:70px; right:15px;
  background-color:#0b1742;
  line-height:40px;
  width:180px;
  text-align:center;
 }
 .menu-item {
  display:block;
  padding:0;
  font-family:Nunito,Arial;
  font-size:1.1em;
  line-height:35px;
  color:#fff;
  cursor:pointer;
 }
 #menu-home {
  display:inline;
 }
 .vitrine {
  padding-top:90px;
 }
 .rodape2 {
  padding:0 10px !important;
 }
 .ui-icon-circle-triangle-s {
  display:none !important;
 }
}

@media screen and (max-width:940px) {
 .rodape2 {
  display:block;
  font-size:1.1em;
  line-height:2em;
 }
 .rodape3 {
  display:block;
  text-align:center;
  margin:0 auto;
 }
 .rodape3 span,.rodape3 br {
  display:none;
 }
 .rodape3 a {
  display:inline-block;
  width:180px;
  margin-bottom:9px;
 }
 .rd3zap {
  font-size:1.1em;
  margin:20px 0 0 0;
 }
 .rodaapp {
  width:auto;
  margin:22px 0 0 0;
 }
 .ui-slider {
  font-size:1.3em !important;
 }
}

@media screen and (max-width:600px) {
 .canvas {
  margin:0;
  padding:0;
 }
 .respnoflex {
  display:unset;
  text-align:center;
 }
 .vitrine {
  height:auto;
  max-height:530px;
  padding-bottom:20px;
 } 
 #vitr1 {
  margin-top:0;
  width:100%;
 }
 #vitr2 {
  margin-top:20px;
 }
 #vitrlogo {
  width:100%;
 }
 .resp100nomar,.mod14 img {
  width:100% !important;
  height:auto !important;
  margin:0 0 30px 0 !important;
  text-align:left;
 }
}

@media screen and (max-width:400px) {
 .rodape3 a {
  margin-bottom:2px;
 }
 .rodaapp {
  font-size:0.8em;
  margin:11px 0 0 0;
 }
 .inweb {
  font-size:0.5em;
  arvy:nerd;
 }
}