#background-video {
  /* Ocupa todo el ancho */
  position:absolute;
  top: 31px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
   display: block;
  /*
  height: 90%;
  */
  width: 100%;
  /*
  margin-left: auto;
  margin-right: 0;

  overflow: hidden;
  object-fit: cover;
    */
  filter: brightness(50%);
  /* position: fixed */
}

#front-video {
  /* Ocupa todo el ancho */
  /*
  position:absolute;
  top: 31px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  */
   display: block;
  /*
  height: 90%;
  */
  width: 100%;
  /*
  margin-left: auto;
  margin-right: 0;

  overflow: hidden;
  object-fit: cover;
    */
  filter: brightness(50%);
  /* position: fixed */
}


.blackback {
  background-color: #000;
}

.blueback {
  background-color: #00f;
}

.greenback {
  background-color: #0f0;
}

.whiteback {
  background-color: #fff;
  color: #000;
}

.redback {
  background-color: #f00;
}

.videotext {
  color:#fff;
  width: 60%;
}

.mymenubar {
  display: flex;
  justify-content: space-between;
  align-items: center;

  position: fixed;
  top:0px;
  margin-top: 0px;
  margin-left: 0px;
  width: 100%;
  background-color: #fff;
  text-align: center;
 
  border-style: solid;
  border-width: 0px;
  border-bottom-width: 1px;
  border-color: #333;
}

.mymenubar>a {
  height: auto;
  width: 60px;
  padding: 3px;
  padding-left: 20px;
}

.mymenubar>span {
  font-size: 1.5rem;
  margin: 0px;
  padding: 0px;
}

.mymenubar>ul {
  padding:0px;
  font-size: 1rem;
}

body {
  /* Tamaño base de de unidad em */
  font-size:clamp(0.9rem, 2vw, 2rem);
}

a {
  color: #333;
}

h1 {
  font-size: 2em;
  margin:4%;
}
h2 {
  font-size: 1.6em;
  margin:4%;
}

h3 {
  font-size: 1.28em;
  margin:4%;
}
h4 {
  font-size: 1.02em;
  margin:4%;
}

h5 {
  font-size: 0.82em;
  margin:4%;
}

p {
  font-size: 0.82em;
  text-indent: 1em;
  margin:4%;
}

.box-logo {
  text-align: center;
  vertical-align: middle;
}
.box-logo-left {
  text-align:right;
  vertical-align: middle;
}
.box-logo-right {
  text-align:left;
  vertical-align: middle;
}


.blackgradback {
  background-color: #89898a;
  /* For browsers that do not support gradients */
  /*background-image: linear-gradient(to bottom right, #314b84, black);*/
  background-image: radial-gradient( #89898a, black);
  color: white;
  padding: 0;
  border: 0;
  margin: 0;
}

.bluegradback {
  background-color: #314b84;
  /* For browsers that do not support gradients */
  /*background-image: linear-gradient(to bottom right, #314b84, black);*/
  background-image: radial-gradient(#314b84, black);
  color: white;
  padding: 0;
  border: 0;
  margin: 0;
}

.redgradback {
  background-color: #314b84;
  /* For browsers that do not support gradients */
  /*background-image: linear-gradient(to bottom right, #314b84, black);*/
  background-image: radial-gradient(#880000, black);
  color: white;
  padding: 0;
  border: 0;
  margin: 0;
}
.button.left {
  border-radius: 0px 20px 20px 0px;
  background-color: #be1d2c;
  margin-left: 0px;
  margin-right: auto;
  display: block;
}

.button.right {
  border-radius: 20px 0px 0px 20px;
  background-color: #be1d2c;
  margin-left: auto;
  margin-right: 0px;
  margin-bottom: 0px;
  display: block;
}
.prod-specs {
  font-size: small;
  padding: 0 2rem 0 2rem;
  margin: 0 2rem 0 2rem ;
}

.prod-specs>li {
  font-size: small;
}

.is-dropdown-submenu-parent>a:after {
  display: none !important;
}
.is-dropdown-submenu {
  min-width: auto;
}

.dropdown.menu > li > a {
  padding: 0px;
}
.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}