/* ===================== BASICO ======================= */
@font-face{
    font-family:"rbno31-ultrac";
    src:url("../fonts/RBNo3.1-Light.otf") format("woff"),
    url("../fonts/RBNo3.1-Light.otf") format("opentype"),
    url("../fonts/RBNo3.1-Light.otf") format("truetype");
}
@font-face{
    font-family:"rbno31-ultrab";
    src:url("../fonts/RBNo3.1-Bold.otf") format("woff"),
    url("../fonts/RBNo3.1-Bold.otf") format("opentype"),
    url("../fonts/RBNo3.1-Bold.otf") format("truetype");
}
body {
    padding: 0px;
    background: url('../../media/bg_hyperx.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #191919;
    overflow-x: hidden !important;
}

a.bt_in,
a.bt_in:link,
a.bt_in:hover,
a.bt_in:visited,
a.bt_in:active {
    color: #fff !important;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn:visited {
    color: #fff !important;
    background-color: #c43142;
}

.btn .fas {
    color: #fff !important;
    background-color: transparent;
}

.btn:hover .fas {
    color: #fff !important;
}

.fb-like {
    margin-left: -6px !important;
}
#music, #audio_music {
    position: absolute;
    top: 10px;
    right: 10px;
}

/* ===================== BASICO ======================= */


/* ===================== HEADER CUSTOMIZADO ======================= */

.linha_black {
    background-color: #191919;
    border-bottom: 1px solid #383838;
}


.menu_fixo_pad {
    /*  margin-top: 30px;*/
}

.bg_menu {
    background: url('../../media/bg_menu.jpg');
    background-position: bottom left;
    background-size: cover !important;
    background-repeat: no-repeat;
    max-height: 85px;
}

.menu-topo {
    height: 85px;
}
.selo_iso img {
    margin-bottom: -20px;
    margin-top: 34px;
    width: 135px;
    height: 68px;
}
/* ===================== HEADER CUSTOMIZADO ======================= */


/* ===================== SLIDER CUSTOMIZADO ======================= */

.carousel-item .info {
    z-index: 9999999999999999999;
}

.fundo_slide {
    background-position: 100% top;
}
#produtosperfeitos {
    margin-top: -20px;
}
@media (max-width: 1680px) {
    .fundo_slide {
        background-position: 170% top;
    }
}

@media (max-width: 1440px) {
    .fundo_slide {
        background-position: 200% top;
    }
}

#slider_topo .carousel-control-prev, #slider_topo .carousel-control-next {
    display: none !important; 
}

.infoslide {
    position: relative;
    z-index: 99999999999999999;
    margin-top: 11%;
}
.fix_right {
    padding-top: 20px;
}
.info h1, .info h2, .info h3, .info p {
    color: #fff !important;
}

.info h1 {
    line-height: 3.7rem;
    font-size: 2.9rem;
    letter-spacing: 0.7rem;
    font-family: 'rbno31-ultrac';
}
.info h1 b {
    font-size: 3.6rem !important;
    letter-spacing: 0.7rem;
}
/* ===================== SLIDER CUSTOMIZADO ======================= */


/* ===================== RODAPE ======================= */

.base_rodape {
    padding-top: 50px;
    padding-bottom: 50px;
}

footer {
    margin-top: 60px;
    background-color: #191919;
    background-position: 99% center;
    background-size: 156px 200px;
    background-repeat: no-repeat;
}
footer .copyright p {
    margin-top: 16px;
    color: #09445a !important;
    text-align: right !important;
    font-size: 1.2rem;
}
@media (max-width: 1023px) {

    footer .copyright p {
        margin-top: 22px;
        font-size: 0.8rem;
        line-height: 0.8rem;
    }

}

/* ===================== RODAPE ======================= */




/* ===================== ICONES ======================= */

.icones {
    margin-top: -10px;
    text-align: center;
}

.icones img {
    padding: 7px;
    margin-bottom: 6px;
    max-width: 60px;
}

.icones img:hover {
    padding: 0px;
    opacity: 0.8;
}

.icones p {
    color: #556e7e;
    text-align: center !important;
    font-size: 0.8rem;
    font-weight: bold;
    line-height: 1rem;
}

@media (max-width: 1023px) {
    .icones p {
        font-size: 0.94rem;
        line-height: 1.1rem;
    }
}


/* ===================== ICONES ======================= */


/* ===================== CONTATO ======================= */

.contato_bg {
    border-top: 1px dotted #fff;
    background-color: #f7f7f7;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

@media (max-width: 1023px) {
    .contato_bg {
        border-top: 1px dotted #fff;
        background-color: #f7f7f7;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top right;
        background-image: none !important;
    }
}


/* ===================== CONTATO ======================= */


/* ===================== PRIMEIRA FAIXA - HOME ======================= */
.box_produto {
    margin-top: -18px;
    position: relative;
    padding: 0px 0px 0px 0px;
    border: 10px solid #191919;
    -webkit-transition: background 1s ease-out !important;  
    -moz-transition: background 1s ease-out !important;  
    -o-transition: background 1s ease-out !important;  
    transition: background 1s ease-out !important;  
    overflow: hidden;
    background: linear-gradient(to top, #9f15f9 0%,  #191919 80%, #191919 100%);    
}

.box_hid {
    visibility: hidden;
}
.box_produto img {
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.box_produto:hover img {
    margin-top: -20px;
    padding-bottom: 20px;
}
.box_produto:before {
    content: '';
    position: absolute;
    bottom: -57px;
    right: -57px;
    width: 113px;
    height: 113px;
    transform: rotate(45deg);
    background: #191919;
    display: inline-block;
}

.box_produto:hover {
    background: linear-gradient(to top, #e01e39 0%,  #191919 80%, #191919 100%);    
}
.box_nome_produto {
    margin-top: -10px;
    text-align: center;
    padding: 10px 0px;
    font-family:"rbno31-ultrac";
    font-size: 1.3rem;
    color: #111;
    font-weight: 900;
    background-color:#9f15f9;
    border: 10px solid #191919;
}
@media (max-width: 1023px) {
    .box_produto {
        position: relative;
        padding: 20px 0px 0px 0px;
        border: 5px solid #191919;
    }
    .box_nome_produto {
        padding: 10px 0px;
        font-size: 0.9rem;
        border: 5px solid #191919;
    }
    .box_produto:before {
        bottom: -20px;
        right: -20px;
        width: 40px;
        height: 40px;
    }    
}

.box_nome_produto_headset, .box_nome_produto_mouse, .box_nome_produto_teclado, .box_nome_produto_microfone, .box_nome_produto_geral {
    cursor: pointer;
}
.box_nome_produto_headset:hover, .box_nome_produto_mouse:hover, .box_nome_produto_teclado:hover, .box_nome_produto_microfone:hover, .box_nome_produto_geral:hover {
    background-color:#e01e39 !important;
}

.box_headset, .box_mouse, .box_teclado, .box_microfone, .box_geral {
    cursor: pointer;
}
.h2bg {
  background-color: #bc0f2b;
    color: #fff !important;
    padding: 10px 10px 5px 10px;
    margin-bottom: 10px;

}

.box_headset:hover ~ .box_nome_produto_headset {
    background-color:#e01e39 !important;
}
.box_mouse:hover ~ .box_nome_produto_mouse {
    background-color:#e01e39 !important;
}
.box_teclado:hover ~ .box_nome_produto_teclado {
    background-color:#e01e39 !important;
}
.box_microfone:hover ~ .box_nome_produto_microfone {
    background-color:#e01e39 !important;
}
.box_geral:hover ~ .box_nome_produto_geral {
  background-color:#e01e39 !important;
}

/* ===================== PRIMEIRA FAIXA - HOME ======================= */


/* ===================== SEGUNDA FAIXA - HOME ======================= */

.quiz_mouse, .quiz_headset, .quiz_teclado, .quiz_microfone  {
    margin-top: 10vh;
    background-position: center center  !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    min-height: 600px;
    padding: 5vh 0px 5vh 0px;
}

.quiz_mouse  {
    background: url('../../media/mouse-bg.png');
}
.quiz_headset  {
    background: url('../../media/headset-bg.png');
}
.quiz_teclado  {
    background: url('../../media/teclado-bg.png');
}
.quiz_microfone  {
    background: url('../../media/microfone-bg.png');
}
/* ===================== SEGUNDA FAIXA - HOME ======================= */




/* ===================== QUIZ ======================= */

.carousel-item {
    min-height: 300px;
}
.carousel-item h3 {
    margin-bottom: 40px;
    text-transform: uppercase;
}
.carousel-inner {
    padding: 0px;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
/* ===================== QUIZ ======================= */



/* ===================== RESULTADO ======================= */

#resultado {
    margin-top: 50px;
    padding: 30px 0px 0px 0px;
    background: url('../../media/bg_resultado.jpg');
    background-position: center center;
    background-size: cover !important;
    background-repeat: no-repeat;
}
#resultado h2 {
    margin: 50px 0px 0px 0px;
}
#produtosperfeitos {
    display: none;
    min-height: 200px;
}
.cade_perfeito {
    display: none;
}
.site_oficial {
    display: none;
    width: 0px;
    height: 64px !important;
}

.logo-topo h2 {
    font-size: 1.5rem;
    letter-spacing: 3px;
    white-space: nowrap;
}
.card-img {
    padding-top: 15px;
    border-radius: 10px !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    min-height: 300px;
    background-color: #fff;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
@media (max-width: 1023px) {
    .card-img {
        padding-top: 15px;
        min-height: 260px;
    }
}
.card-img:hover {
    -ms-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);    
}
.sel_produto {
    float: left;
    margin-top: 10px;
}
.form-control {
    font-size: 0.8rem !important;
}
.nome_bot {
  position: absolute;
  text-align: center !important;
  bottom: 5;
  left:0;
  width: 100%;
}
.owl-carousel .owl-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100% !important;
}
.owl-carousel .owl-item img {
    max-width: 70%;
    margin: 0 auto;
}
.nome_produto {
    position: relative;
    padding-top: 10px;
    text-align: center;
    font-size: 1rem;
    line-height: 1.1rem !important;    
    height: 100px;
    color: #fff;
    font-family: 'rbno31-ultrac';
    display: inline-block;
}
.btn_comparar {
    width: 46%;
    float: right;
    text-align: center;
    margin-top: 10px;
    padding: 8px 0px 7px 0px;
    border-radius: 0px;
    font-weight: 900 !important;
    text-transform: uppercase;
    font-size: 0.75rem;
    transition: 0.5s;
    color: #efefef !important;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-image: #fff;
}
.btn_comparar:hover {
    border: 1px solid #efefef;
    background-color: #fff;
    color: #e01e39 !important;
}
.btn_comparar:hover > .imgvs{
    display: none !important;
}

.btn_comparar img {
    margin-top: -3px;
    margin-left: -3px;
}
.selects option {
  margin: 40px;
   background: transparent;
  color: #e01e39 !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.selects {
    appearance: menulist !important;-moz-appearance: menulist !important;-webkit-appearance: menulist !important;-o-appearance: menulist !important;
    border: 1px solid #fff;
    border-radius: 0px !important;
   background: transparent;
    color: #fff !important
}
.selects:active, .selects:focus, .selects:hover {
    border: 1px solid #fff;
    border-radius: 0px !important;
   background: transparent;
    color: #fff !important
}


#produtosperfeitos .card {
    background: transparent;
    border: 0px !important;
}
.imgvs {
    display: inline !important;
    width: auto !important;
}
.cade_perfeito {
    margin-top: 0px;
    width: 100%;
    height: 140px;
    color: #fff !important;
    font-size: 2rem;
    font-family:"rbno31-ultrac";
}
/* ===================== RESULTADO ======================= */    

#escolha_categoria {
    margin-top: 140px;
}

@media (max-width: 1023px) {

    #escolha_categoria {
        margin-top: -50px;
    }

}
.slide_anim {
    position: absolute;
    left:38%;
    top: 154px;
    opacity: 0;
    animation-fill-mode: forwards;
}
.slide_mousepad {
    position: absolute;
    visibility: hidden;
    animation-delay: 1s;
    animation-name: animate-pop2;
    animation-duration: 1s;
    animation-iteration-count: 1;
}
.slide_mouse {
    position: absolute;
    animation-delay: 1s;
    animation-name: animate-pop4;
    animation-duration: 1s;
    animation-iteration-count: 1;
}
.slide_microfone {
    position: absolute;
    animation-delay: 1s;
    animation-name: animate-pop4;
    animation-duration: 1s;
    animation-iteration-count: 1;
}
.slide_teclado {
    position: absolute;
    animation-delay: 1s;
    animation-name: animate-pop3;
    animation-duration: 1s;
    animation-iteration-count: 1;
}
.slide_headset {
    position: absolute;
    animation-delay: 1s;
   display: inline;
    animation-name: animate-pop1;
    animation-duration: 1s;
    animation-iteration-count: 1;
}

.logo-topo img {
    opacity: 0;
       animation-delay: 0.3s;
    animation-name: animate-pop;
    animation-duration: 0.2s;
    animation-iteration-count: 1;  
    animation-fill-mode: forwards;
}

.slide_anima_bg {
    opacity: 0;
           animation-delay: 0.9s;
    animation-name: animate-pop;
    animation-duration: 0.2s;
    animation-iteration-count: 1;  
    animation-fill-mode: forwards;
}

header h1 {
    opacity: 0;
       animation-delay: 0.4s;
    animation-name: animate-pop;
    animation-duration: 0.1s;
    animation-iteration-count: 1;  
    animation-fill-mode: forwards;
}
header .bt_in {
    padding: 20px 50px;
    font-size: 1.1rem;
     opacity: 0;
       animation-delay: 0.4s;
    animation-name: animate-pop;
    animation-duration: 0.2s;
    animation-iteration-count: 1;  
    animation-fill-mode: forwards;   
}
header {
    margin-bottom: -10px;
}
@keyframes animate-pop {
  0% {
    opacity: 0;
    visibility: visible;
    transform: scale(0, 0);
  }

  100% {
    opacity: 1;
    visibility: visible;
    transform: scale(1, 1);
  }
}
@keyframes animate-pop1 {
  0% {
    opacity: 0;
    visibility: visible;
    transform: scale(0, 0);
    transform-origin: top left;
  }

  100% {
    opacity: 1;
    visibility: visible;
    transform: scale(1, 1);
  }
}
@keyframes animate-pop2 {
  0% {
    opacity: 0;
    visibility: visible;
    transform-origin: top right;
    transform: scale(0, 0);
  }

  100% {
    opacity: 1;
    visibility: visible;
    transform: scale(1, 1);
  }
}
@keyframes animate-pop3 {
  0% {
    opacity: 0;
    visibility: visible;
    transform-origin: bottom left;
    transform: scale(0, 0);
  }

  100% {
    opacity: 1;
    visibility: visible;
    transform: scale(1, 1);
  }
}
@keyframes animate-pop4 {
  0% {
    opacity: 0;
    visibility: visible;
    transform-origin: bottom right;
    transform: scale(0, 0);
  }

  100% {
    opacity: 1;
    visibility: visible;
    transform: scale(1, 1);
  }
}

audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-panel {
  background-color: #9f15f9 ;
  color: #9f15f9 ;
  outline: 0 !important;
  border: 0px !important;
}


/* HEADSET */
.bg_headset_jogar { background: url('../../media/headset/jogar2.png'); }
.bg_headset_jogar3 { background: url('../../media/headset/jogar3.png'); }
.headset_jogar:hover ~ .bg_headset_jogar { background: url('../../media/headset/jogar3.png'); }

.bg_headset_ambos { background: url('../../media/headset/ambos2.png'); }
.bg_headset_ambos3 { background: url('../../media/headset/ambos3.png'); }
.headset_ambos:hover ~ .bg_headset_ambos { background: url('../../media/headset/ambos3.png'); }

.bg_headset_trabalho { background: url('../../media/headset/work2.png'); }
.bg_headset_trabalho3 { background: url('../../media/headset/work3.png'); }
.headset_trabalho:hover ~ .bg_headset_trabalho { background: url('../../media/headset/work3.png'); }

.bg_headset_console { background: url('../../media/headset/console2.png'); }
.bg_headset_console3 { background: url('../../media/headset/console3.png'); }
.headset_console:hover ~ .bg_headset_console { background: url('../../media/headset/console3.png'); }

.bg_headset_mobile { background: url('../../media/headset/mobile2.png'); }
.bg_headset_mobile3 { background: url('../../media/headset/mobile3.png'); }
.headset_mobile:hover ~ .bg_headset_mobile { background: url('../../media/headset/mobile3.png'); }

.bg_headset_pc { background: url('../../media/headset/pc2.png'); }
.bg_headset_pc3 { background: url('../../media/headset/pc3.png'); }
.headset_pc:hover ~ .bg_headset_pc { background: url('../../media/headset/pc3.png'); }

.bg_headset_ps { background: url('../../media/headset/ps2.png'); }
.bg_headset_ps2 { background: url('../../media/headset/ps3.png'); }
.headset_ps:hover ~ .bg_headset_ps { background: url('../../media/headset/ps3.png'); }

.bg_headset_xbox { background: url('../../media/headset/xbox2.png'); }
.bg_headset_xbox2 { background: url('../../media/headset/xbox3.png'); }
.headset_xbox:hover ~ .bg_headset_xbox { background: url('../../media/headset/xbox3.png'); }

.bg_headset_switch { background: url('../../media/headset/switch2.png'); }
.bg_headset_switch2 { background: url('../../media/headset/switch3.png'); }
.headset_switch:hover ~ .bg_headset_switch { background: url('../../media/headset/switch3.png'); }

.bg_headset_comfio { background: url('../../media/headset/comfio2.png'); }
.bg_headset_comfio2 { background: url('../../media/headset/comfio3.png'); }
.headset_comfio:hover ~ .bg_headset_comfio { background: url('../../media/headset/comfio3.png'); }

.bg_headset_semfio { background: url('../../media/headset/semfio2.png'); }
.bg_headset_semfio2 { background: url('../../media/headset/semfio3.png'); }
.headset_semfio:hover ~ .bg_headset_semfio { background: url('../../media/headset/semfio3.png'); }


/* MOUSE */
.bg_mouse_comfio { background: url('../../media/mouse/comfio2.png'); }
.bg_mouse_comfio3 { background: url('../../media/mouse/comfio3.png'); }
.mouse_comfio:hover ~ .bg_mouse_comfio { background: url('../../media/mouse/comfio3.png'); }

.bg_mouse_semfio { background: url('../../media/mouse/semfio2.png'); }
.bg_mouse_semfio3 { background: url('../../media/mouse/semfio3.png'); }
.mouse_semfio:hover ~ .bg_mouse_semfio { background: url('../../media/mouse/semfio3.png'); }

/* MOUSE SEM FIO */
.bg_mouse_sfjogar { background: url('../../media/mouse/sfjogar2.png'); }
.bg_mouse_sfjogar3 { background: url('../../media/mouse/sfjogar3.png'); }
.mouse_sfjogar:hover ~ .bg_mouse_sfjogar { background: url('../../media/mouse/sfjogar3.png'); }

.bg_mouse_sfambos { background: url('../../media/mouse/sfambos2.png'); }
.bg_mouse_sfambos3 { background: url('../../media/mouse/sfambos3.png'); }
.mouse_sfambos:hover ~ .bg_mouse_sfambos { background: url('../../media/mouse/sfambos3.png'); }

.bg_mouse_sftrabalho { background: url('../../media/mouse/sfwork2.png'); }
.bg_mouse_sftrabalho3 { background: url('../../media/mouse/sfwork3.png'); }
.mouse_sftrabalho:hover ~ .bg_mouse_sftrabalho { background: url('../../media/mouse/sfwork3.png'); }

.bg_mouse_fps { background: url('../../media/mouse/fps2.png'); }
.bg_mouse_fps3 { background: url('../../media/mouse/fps3.png'); }
.mouse_fps:hover ~ .bg_mouse_fps { background: url('../../media/mouse/fps3.png'); }

.bg_mouse_corrida { background: url('../../media/mouse/corrida2.png'); }
.bg_mouse_corrida3 { background: url('../../media/mouse/corrida3.png'); }
.mouse_corrida:hover ~ .bg_mouse_corrida { background: url('../../media/mouse/corrida3.png'); }

.bg_mouse_terror { background: url('../../media/mouse/terror2.png'); }
.bg_mouse_terror3 { background: url('../../media/mouse/terror3.png'); }
.mouse_terror:hover ~ .bg_mouse_terror { background: url('../../media/mouse/terror3.png'); }

.bg_mouse_acao { background: url('../../media/mouse/acao2.png'); }
.bg_mouse_acao3 { background: url('../../media/mouse/acao3.png'); }
.mouse_acao:hover ~ .bg_mouse_acao { background: url('../../media/mouse/acao3.png'); }


.bg_mouse_rpg { background: url('../../media/mouse/rpg2.png'); }
.bg_mouse_rpg3 { background: url('../../media/mouse/rpg3.png'); }
.mouse_rpg:hover ~ .bg_mouse_rpg { background: url('../../media/mouse/rpg3.png'); }









/* MOUSE COM FIO */
.bg_mouse_jogar { background: url('../../media/mouse/jogar2.png'); }
.bg_mouse_jogar3 { background: url('../../media/mouse/jogar3.png'); }
.mouse_jogar:hover ~ .bg_mouse_jogar { background: url('../../media/mouse/jogar3.png'); }

.bg_mouse_ambos { background: url('../../media/mouse/ambos2.png'); }
.bg_mouse_ambos3 { background: url('../../media/mouse/ambos3.png'); }
.mouse_ambos:hover ~ .bg_mouse_ambos { background: url('../../media/mouse/ambos3.png'); }

.bg_mouse_trabalho { background: url('../../media/mouse/work2.png'); }
.bg_mouse_trabalho3 { background: url('../../media/mouse/work3.png'); }
.mouse_trabalho:hover ~ .bg_mouse_trabalho { background: url('../../media/mouse/work3.png'); }






/* TECLADO */
.bg_teclado_jogar { background: url('../../media/teclado/jogar2.png'); }
.bg_teclado_jogar3 { background: url('../../media/teclado/jogar3.png'); }
.teclado_jogar:hover ~ .bg_teclado_jogar { background: url('../../media/teclado/jogar3.png'); }

.bg_teclado_ambos { background: url('../../media/teclado/ambos2.png'); }
.bg_teclado_ambos3 { background: url('../../media/teclado/ambos3.png'); }
.teclado_ambos:hover ~ .bg_teclado_ambos { background: url('../../media/teclado/ambos3.png'); }

.bg_teclado_trabalho { background: url('../../media/teclado/work2.png'); }
.bg_teclado_trabalho3 { background: url('../../media/teclado/work3.png'); }
.teclado_trabalho:hover ~ .bg_teclado_trabalho { background: url('../../media/teclado/work3.png'); }

.bg_teclado_red { background: url('../../media/teclado/red2.png'); }
.bg_teclado_red3 { background: url('../../media/teclado/red3.png'); }
.teclado_red:hover ~ .bg_teclado_red { background: url('../../media/teclado/red3.png'); }

.bg_teclado_aqua { background: url('../../media/teclado/aqua2.png'); }
.bg_teclado_aqua3 { background: url('../../media/teclado/aqua3.png'); }
.teclado_aqua:hover ~ .bg_teclado_aqua { background: url('../../media/teclado/aqua3.png'); }

.bg_teclado_blue { background: url('../../media/teclado/blue2.png'); }
.bg_teclado_blue3 { background: url('../../media/teclado/blue3.png'); }
.teclado_blue:hover ~ .bg_teclado_blue { background: url('../../media/teclado/blue3.png'); }

.bg_teclado_qualquer { background: url('../../media/teclado/qualquer2.png'); }
.bg_teclado_qualquer3 { background: url('../../media/teclado/qualquer3.png'); }
.teclado_qualquer:hover ~ .bg_teclado_qualquer { background: url('../../media/teclado/qualquer3.png'); }









/* MICROFONES */
.bg_microfone_conferencias { background: url('../../media/microfone/videoconferencia2.png'); }
.bg_microfone_conferencias3 { background: url('../../media/microfone/videoconferencia3.png'); }
.microfone_conferencias:hover ~ .bg_microfone_conferencias { background: url('../../media/microfone/videoconferencia3.png'); }

.bg_microfone_reuniao { background: url('../../media/microfone/reuniao2.png'); }
.bg_microfone_reuniao3 { background: url('../../media/microfone/reuniao3.png'); }
.microfone_reuniao:hover ~ .bg_microfone_reuniao { background: url('../../media/microfone/reuniao3.png'); }

.bg_microfone_estudio { background: url('../../media/microfone/estudio2.png'); }
.bg_microfone_estudio3 { background: url('../../media/microfone/estudio3.png'); }
.microfone_estudio:hover ~ .bg_microfone_estudio { background: url('../../media/microfone/estudio3.png'); }

.bg_microfone_streaming { background: url('../../media/microfone/streaming2.png'); }
.bg_microfone_streaming3 { background: url('../../media/microfone/streaming3.png'); }
.microfone_streaming:hover ~ .bg_microfone_streaming { background: url('../../media/microfone/streaming3.png'); }




.bg_p {
    margin-top: 30px;
    height: 340px;
    background-position: top center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    position: relative;
    padding: 0px 0px 0px 0px;
    -webkit-transition: background 0.1s ease-out !important;  
    -moz-transition: background  0.1s ease-out !important;  
    -o-transition: background  0.1s ease-out !important;  
    transition: background  0.1s ease-out !important;  
    overflow: hidden;
}
/*
.bg_p:before {
    content: '';
    position: absolute;
    top: -33px;
    left: -33px;
    width: 66px;
    height: 66px;
    transform: rotate(45deg);
    background: #191919;
    display: inline-block;
}
.bg_p:after {
    content: '';
    position: absolute;
    bottom: -33px;
    right: -33px;
    width: 66px;
    height: 66px;
        transform: rotate(45deg);
    background: #191919;
    display: inline-block;
}
*/

@keyframes ldio-w3xe5oq7d5 {
  0% { opacity: 1 }
  100% { opacity: 0 }
}
.ldio-w3xe5oq7d5 div {
  left: 94px;
  top: 48px;
  position: absolute;
  animation: ldio-w3xe5oq7d5 linear 1s infinite;
  width: 12px;
  height: 24px;
  border-radius: 6px / 12px;
  transform-origin: 6px 52px;
}.ldio-w3xe5oq7d5 div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -0.9166666666666666s;
  background: #ffffff;
}.ldio-w3xe5oq7d5 div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -0.8333333333333334s;
  background: #ffffff;
}.ldio-w3xe5oq7d5 div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.75s;
  background: #ffffff;
}.ldio-w3xe5oq7d5 div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.6666666666666666s;
  background: #ffffff;
}.ldio-w3xe5oq7d5 div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.5833333333333334s;
  background: #ffffff;
}.ldio-w3xe5oq7d5 div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.5s;
  background: #ffffff;
}.ldio-w3xe5oq7d5 div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.4166666666666667s;
  background: #ffffff;
}.ldio-w3xe5oq7d5 div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.3333333333333333s;
  background: #ffffff;
}.ldio-w3xe5oq7d5 div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.25s;
  background: #ffffff;
}.ldio-w3xe5oq7d5 div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.16666666666666666s;
  background: #ffffff;
}.ldio-w3xe5oq7d5 div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.08333333333333333s;
  background: #ffffff;
}.ldio-w3xe5oq7d5 div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
  background: #ffffff;
}
.loadingio-spinner-spinner-oyckcs2iyc {
  width: 200px;
  height: 200px;
  display: inline-block;
  overflow: hidden;
}
.ldio-w3xe5oq7d5 {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-w3xe5oq7d5 div { box-sizing: content-box; }

.box_promo {
    background-clip: padding-box;
    border: 10px solid transparent;
    background-color: #fff;
}
.box_imagem {
    height: 320px;
    width: 100%;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
.box_promo .box_descr {
    padding: 20px 0px 10px 0px;
    background-color: #fff;
}
.box_promo .box_descr h2 {
        padding-left: 10px;
    padding-right: 10px;
    font-weight: bolder !important;
    font-family: 'rbno31-ultrab';
    text-transform: uppercase;
}
.box_promo .box_descr p {
    padding-left: 20px;
    padding-right: 20px;
}
.box_promo img {
    max-width: 100%;
}
.box_promo h2 {
        font-style: normal;
        font-weight: 700 !important;
        font-size: 13.3px;
        letter-spacing: 2px;
        height: 54px;
        line-height: normal;
        font-family: 'rbno31-ultrac';
        /*background: linear-gradient(to right, #e01e39 0%,  #9608e4 80%, #9608e4 100%);    */
        background: #fff;    
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}



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

Main Components 

-------------------------------- */
.cd-products-comparison-table {
    font-family: 'rbno31-ultrac';
    font-weight: 300 !important;
     margin-bottom: 6em;
   }
   .cd-products-comparison-table::after {
     /* never visible - this is used in jQuery to check the current MQ */
     display: none;
     content: 'mobile';
   }
   .cd-products-comparison-table header {
     display: inline;
     margin-bottom: 20px !important;
   }
   .cd-products-comparison-table header::after {
     clear: both;
     content: "";
     display: table;
   }
   .cd-products-comparison-table h2 {
     float: left;
     font-weight: bold;
   }
   .cd-products-comparison-table .actions {
     float: right;
     width: 100%;
   }
   
   .cd-products-comparison-table .reset {
     color: #404042;
     text-decoration: underline;
   }
   
   
   
   @media only screen and (min-width: 1170px) {
     .cd-products-comparison-table {
       margin-bottom: 8em;
     }
     .cd-products-comparison-table::after {
       /* never visible - this is used in jQuery to check the current MQ */
       content: 'desktop';
     }
     .cd-products-comparison-table header {
       padding: 0 1% 5px;
     }
     .cd-products-comparison-table h2 {
       font-size: 2.4rem;
     }
     .cd-products-comparison-table .reset, .cd-products-comparison-table .filter {
       font-size: 1.6rem;
     }
     .cd-products-comparison-table .filter {
       padding: .6em 2em;
       margin-left: 1.6em;
     }
   }
   
   .cd-products-table {
     position: relative;
   }
   
   
   .cd-products-table .features {
     /* fixed left column - product properties list */
     position: absolute;
     z-index: 1;
     top: 0;
     left: 0;
     width: 180px;
     border-style: solid;
     border-color: #e6e6e6;
     border-top-width: 1px;
     border-bottom-width: 1px;
     background-color: #fafafa;
     opacity: .95;
   }
   .cd-products-table .features::after {
     /* color gradient on the right of .features -  visible while scrolling inside the .cd-products-table */
     content: '';
     position: absolute;
     top: 0;
     left: 100%;
     width: 4px;
     height: 100%;
     background-color: transparent;
     background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.06), transparent);
     background-image: linear-gradient(to right,rgba(0, 0, 0, 0.06), transparent);
     opacity: 0;
   }
   @media only screen and (min-width: 1170px) {
     .cd-products-table .features {
       width: 290px;
     }
   }
   
   .cd-products-table.scrolling .features::after {
     opacity: 1;
   }
   
   .cd-products-wrapper {
       scroll-behavior: smooth;
     -webkit-overflow-scrolling: touch;
     overflow-x: hidden;
     cursor: grabbing;
   
     /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
       overflow-y: hidden !important;
   
     border-style: solid;
     border-color: #333;
     border-top-width: 0px;
     border-bottom-width: 0px;
   }
   
   .cd-products-columns {
     /* products list wrapper */
     width: 1200px;
     margin-left: 180px;
   }
   .cd-products-columns::after {
     clear: both;
     content: "";
     display: table;
   }
   @media only screen and (min-width: 1170px) {
     .cd-products-columns {
       width: 2480px;
       margin-left: 290px;
     }
   }
   
   .cd-products-columns .product {
     position: relative;
     float: left;
     width: 150px;
     text-align: center;
     -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
     -moz-transition: opacity 0.3s, visibility 0.3s, -moz-transform 0.3s;
     transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
   }
   
   .filtering .cd-products-columns .product:not(.selected) {
     opacity: 0;
     visibility: hidden;
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -ms-transform: scale(0);
     -o-transform: scale(0);
     transform: scale(0);
   }
   .no-product-transition .cd-products-columns .product.selected {
     -webkit-transition: opacity 0.3s, visibility 0.3s;
     -moz-transition: opacity 0.3s, visibility 0.3s;
     transition: opacity 0.3s, visibility 0.3s;
   }
   .filtered .cd-products-columns .product:not(.selected) {
     position: absolute;
   }
   @media only screen and (min-width: 1170px) {
     .cd-products-columns .product {
       width: 310px;
     }
   }
   .cd-features-list {
    background-color: #efefef;
   }
   .cd-features-list li {
       line-height: 16px;
       font-size: 0.8rem !important;
   height: 70px;
     font-weight: 400;
     padding: 20px 20px !important;
     border-color: #e6e6e6;
     border-style: solid;
     border-top-width: 1px;
     border-right-width: 1px;
     align-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
   }
   .cd-features-list li.rate {
     /* rating stars */
     padding: 21px 0;
   }
   .cd-features-list li.rate span {
     display: inline-block;
     height: 22px;
     width: 110px;
     background: url(../imgs/cd-star.svg);
     color: transparent;
   }
   @media only screen and (min-width: 1170px) {
     .cd-features-list li {
       font-size: 1.6rem;
     }
     .cd-features-list li.rate {
       padding: 22px 0;
     }
   }
   
   
   .features .cd-features-list li,
   .cd-products-table .features .top-info {
     /* fixed left column - items */
     font-weight: bold;
     /* set line-height value equal to font-size of text inside product cells */
       line-height: 16px;
       font-size: 1rem;
     padding: 20px 10px;
     text-align: left;
   }
   @media only screen and (min-width: 1170px) {
     .features .cd-features-list li,
     .cd-products-table .features .top-info {
       text-transform: uppercase;
       line-height: 16px;
       padding: 25px 40px;
       line-height: 16px;
       font-size: 1rem;
       letter-spacing: 1px;
     }
   }
   /*
   .features .cd-features-list li {
      truncate text with dots 
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
   }*/
   .cd-products-table .top-info a {
     text-align: center !important;
   }
   .cd-products-table .top-info {
     position: relative;
     height: 237px;
     width: 150px;
     text-align: center !important;
   
     padding: 1.25em 0em;
     border-color: #e6e6e6;
     border-style: solid;
     border-right-width: 1px;
     -webkit-transition: height 0.3s;
     -moz-transition: height 0.3s;
     transition: height 0.3s;
     cursor: pointer;
     background: #ffffff;
   }
   
   
   .cd-products-table .top-info::after {
     /* color gradient below .top-info -  visible when .top-info is fixed */
     content: '';
     position: absolute;
     left: 0;
     top: 100%;
     height: 4px;
     width: 100%;
     background-color: transparent;
     background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.06), transparent);
     background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0.06), transparent);
     opacity: 0;
   }
   .vertical-center {
     margin: 0;
     position: absolute;
     top: 50%;
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     margin: 0 auto;
     text-align: center !important;
   }
   .top-info img {
     text-align: center !important;
     margin: 0 auto;
   }
   .boxvm {
     margin: 0 auto;
     text-align: center !important;
     width: 100% !important;
     color: #fff !important;
     font-weight: 900 !important;
     font-family: 'Noto Sans JP', sans-serif;
     height: 75px;
   display: table;
     text-align: center !important;
     font-weight: bold !important;
     font-size: 0.8rem !important;
     width: 100% !important;
     color: #fff !important;
     font-weight: 900 !important;
     background-color: #ff0000;
   }
   .boxvm span {
     text-transform: uppercase;
     display: table-cell;
     vertical-align: middle;
   }
   @media (max-width: 1023px) {
     .cd-products-columns .product {
     width: 250px;
     }
     .cd-products-table .top-info {
     width: 250px;
       height: 300px;
   
     }
     .boxvm {
       font-size: 1.3rem !important;
       margin-top: 80px !important;
       padding: 1.25em 0 !important;
       font-size:1rem !important;
       height: 100px;
   
     }   
   }
   .cd-products-table .top-info img {
     display: block;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
   }
   .cd-products-table .top-info h3, .cd-products-table .top-info img {
     -webkit-transition: -webkit-transform 0.3s;
     -moz-transition: -moz-transform 0.3s;
     transition: transform 0.3s;
   }
   .cd-products-table .top-info .check {
     position: relative;
     display: inline-block;
     height: 16px;
     width: 16px;
     margin: 0 auto 1em;
   }
   .cd-products-table .top-info .check::after, .cd-products-table .top-info .check::before {
     /* used to create the check icon and green circle dot - visible when product is selected */
     position: absolute;
     top: 0;
     left: 0;
     content: '';
     height: 100%;
     width: 100%;
   }
   .cd-products-table .top-info .check::before {
     /* green circle dot */
     border-radius: 50%;
     border: 1px solid #888;
     background: #ffffff;
     -webkit-transition: background-color 0.3s, -webkit-transform 0.3s, border-color 0.3s;
     -moz-transition: background-color 0.3s, -moz-transform 0.3s, border-color 0.3s;
     transition: background-color 0.3s, transform 0.3s, border-color 0.3s;
   }
   .cd-products-table .top-info .check::after {
     /* check icon */
     background: url(../imgs/cd-check.svg) no-repeat center center;
     background-size: 24px 24px;
     opacity: 0;
     -webkit-transition: opacity 0.3s;
     -moz-transition: opacity 0.3s;
     transition: opacity 0.3s;
   }
   @media only screen and (min-width: 1170px) {
     .cd-products-table .top-info {
       height: 266px;
       width: 310px;
     }
     .cd-products-table .top-info h3 {
       padding-top: 1.4em;
       font-size: 1.6rem;
     }
     .cd-products-table .top-info .check {
       margin-bottom: 1.5em;
     }
   }
   .center-img {
     margin: 0 auto;
     width: 200px;
     height: 200px;
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center center;
   }
   .cd-products-table .features .top-info {
     /* models */
     width: 180px;
     cursor: auto;
     background: #fafafa;
   }
   @media only screen and (min-width: 1170px) {
     .cd-products-table .features .top-info {
       width: 290px;
     }
   }
   
   .cd-products-table .selected .top-info .check::before {
     /* green circle dot */
     background: #9dc997;
     border-color: #9dc997;
     -webkit-transform: scale(1.5);
     -moz-transform: scale(1.5);
     -ms-transform: scale(1.5);
     -o-transform: scale(1.5);
     transform: scale(1.5);
     -webkit-animation: cd-bounce 0.3s;
     -moz-animation: cd-bounce 0.3s;
     animation: cd-bounce 0.3s;
   }
   
   @-webkit-keyframes cd-bounce {
     0% {
       -webkit-transform: scale(1);
     }
     60% {
       -webkit-transform: scale(1.6);
     }
     100% {
       -webkit-transform: scale(1.5);
     }
   }
   @-moz-keyframes cd-bounce {
     0% {
       -moz-transform: scale(1);
     }
     60% {
       -moz-transform: scale(1.6);
     }
     100% {
       -moz-transform: scale(1.5);
     }
   }
   @keyframes cd-bounce {
     0% {
       -webkit-transform: scale(1);
       -moz-transform: scale(1);
       -ms-transform: scale(1);
       -o-transform: scale(1);
       transform: scale(1);
     }
     60% {
       -webkit-transform: scale(1.6);
       -moz-transform: scale(1.6);
       -ms-transform: scale(1.6);
       -o-transform: scale(1.6);
       transform: scale(1.6);
     }
     100% {
       -webkit-transform: scale(1.5);
       -moz-transform: scale(1.5);
       -ms-transform: scale(1.5);
       -o-transform: scale(1.5);
       transform: scale(1.5);
     }
   }
   .cd-products-table .selected .top-info .check::after {
     /* check icon */
     opacity: 1;
   }
   
   @media only screen and (min-width: 1170px) {
     .cd-products-table.top-fixed .cd-products-columns > li,
     .cd-products-table.top-scrolling .cd-products-columns > li,
     .cd-products-table.top-fixed .features,
     .cd-products-table.top-scrolling .features {
       padding-top: 260px;
     }
   
     .cd-products-table.top-fixed .top-info,
     .cd-products-table.top-scrolling .top-info {
       height: 260px;
       position: fixed;
       top: 0;
     }
     .no-cssgradients .cd-products-table.top-fixed .top-info, .no-cssgradients
     .cd-products-table.top-scrolling .top-info {
       border-bottom: 1px solid #e6e6e6;
     }
     .cd-products-table.top-fixed .top-info::after,
     .cd-products-table.top-scrolling .top-info::after {
       opacity: 1;
     }
     .cd-products-table.top-fixed .top-info h3,
     .cd-products-table.top-scrolling .top-info h3 {
       -webkit-transform: translateY(-116px);
       -moz-transform: translateY(-116px);
       -ms-transform: translateY(-116px);
       -o-transform: translateY(-116px);
       transform: translateY(-116px);
     }
     .cd-products-table.top-fixed .top-info img,
     .cd-products-table.top-scrolling .top-info img {
       -webkit-transform: translateY(-62px) scale(0.4);
       -moz-transform: translateY(-62px) scale(0.4);
       -ms-transform: translateY(-62px) scale(0.4);
       -o-transform: translateY(-62px) scale(0.4);
       transform: translateY(-62px) scale(0.4);
     }
   
     .cd-products-table.top-scrolling .top-info {
       position: absolute;
     }
   }
   .cd-table-navigation a {
     position: absolute;
     z-index: 2;
     top: 0;
     right: 15px;
     -webkit-transform: translateY(55px);
     -moz-transform: translateY(55px);
     -ms-transform: translateY(55px);
     -o-transform: translateY(55px);
     transform: translateY(55px);
     /* replace text with image */
     overflow: hidden;
     text-indent: 100%;
     white-space: nowrap;
     color: transparent;
     height: 60px;
     width: 40px;
     background: rgba(64, 64, 66, 0.8) url("../imgs/cd-arrow.svg") no-repeat center center;
     border-radius: 3px;
     -webkit-transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
     -moz-transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, -moz-transform 0.3s;
     transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, transform 0.3s;
   }
   .cd-table-navigation a.inactive {
     opacity: 0;
     visibility: hidden;
   }
   .cd-table-navigation a.prev {
     left: 120px;
     right: auto;
     -webkit-transform: translateY(55px) translateX(15px) rotate(180deg);
     -moz-transform: translateY(55px) translateX(15px) rotate(180deg);
     -ms-transform: translateY(55px) translateX(15px) rotate(180deg);
     -o-transform: translateY(55px) translateX(15px) rotate(180deg);
     transform: translateY(55px) translateX(15px) rotate(180deg);
   }
   .no-touch .cd-table-navigation a:hover {
     background-color: #404042;
   }
   @media only screen and (min-width: 1170px) {
     .cd-table-navigation a {
       -webkit-transform: translateY(100px);
       -moz-transform: translateY(100px);
       -ms-transform: translateY(100px);
       -o-transform: translateY(100px);
       transform: translateY(100px);
     }
     .cd-table-navigation a.prev {
       left: 210px;
       -webkit-transform: translateY(100px) translateX(15px) rotate(180deg);
       -moz-transform: translateY(100px) translateX(15px) rotate(180deg);
       -ms-transform: translateY(100px) translateX(15px) rotate(180deg);
       -o-transform: translateY(100px) translateX(15px) rotate(180deg);
       transform: translateY(100px) translateX(15px) rotate(180deg);
     }
     .top-fixed .cd-table-navigation a {
       position: fixed;
     }
     .top-fixed .cd-table-navigation a, .top-scrolling .cd-table-navigation a {
       -webkit-transform: translateY(45px);
       -moz-transform: translateY(45px);
       -ms-transform: translateY(45px);
       -o-transform: translateY(45px);
       transform: translateY(45px);
     }
     .top-fixed .cd-table-navigation a.prev, .top-scrolling .cd-table-navigation a.prev {
       -webkit-transform: translateY(45px) translateX(15px) rotate(180deg);
       -moz-transform: translateY(45px) translateX(15px) rotate(180deg);
       -ms-transform: translateY(45px) translateX(15px) rotate(180deg);
       -o-transform: translateY(45px) translateX(15px) rotate(180deg);
       transform: translateY(45px) translateX(15px) rotate(180deg);
     }
   }
   
   /* -------------------------------- 
   
   No JS
   
   -------------------------------- */
   .no-js .actions {
     display: none;
   }
   
   .no-js .cd-products-table .top-info {
     height: 145px;
   }
   @media only screen and (min-width: 1170px) {
     .no-js .cd-products-table .top-info {
       height: 248px;
     }
   }
   
   .no-js .cd-products-columns .check {
     display: none;
   }
   .cd-products-comparison-table h2 {
     font-size: 22px;
     color: #ff0000;
   }
   .actions .bt_in {
     float: right;
     font-size: 14px;
     padding: 10px 20px;
     text-align: center;
     width: 90px;
     margin-left: 20px;
     margin-right: 20px;
   }
   .actions .bt_in2 {
    float: left;
    font-size: 14px;
    padding: 10px 20px;
    text-align: center;
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
  }   
   .tb_titcz li {
     font-size: 0.6rem !important;
   }
   .top-info a {
     min-height: 300px;
   }
   
   .avisolegal {
     background-color: #111;
     color: #efefef !important;
     width: 100%;
     position: fixed;
     bottom: 0px;
     height: 33px;
     padding: 7px 20px;
     text-align: center;
     left: 0px;
     margin: 0 auto;
     font-size: 11px !important;
     z-index: 9999999999999;
   }
   
   @media (max-width: 1023px) {
   .avisolegal {
     background-color: #111;
     color: #efefef !important;
     width: 100%;
     position: fixed;
     bottom: 0px;
     height: 60px;
     padding: 10px 10px;
     text-align: center;
     left: 0px;
     margin: 0 auto;
     font-size: 11.2px !important;
     z-index: 9999999999999;
   }
   
   
   
   }
   .right, .left {
     border-radius: 50px;
     height: 50px;
     width: 50px;
   }
   @media screen and (orientation:landscape)
   and (min-device-width: 319px) 
   and (max-device-width: 1023px) {
      
     .cd-products-table .top-info {
       height: 277px;
       width: 250px !important;
     }
     .cd-products-columns .product {
       width: 250px !important;
     }  
     .cd-products-table .features {
   
       width: 250px !important;
   
     }  
     .cd-products-columns {
       margin-left: 250px !important;
     }  
     .cd-products-table .features .top-info {
       width: 250px !important;
     }
   }