/* ===================== 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");
}
body {
    padding: 0px;
    background: url('../../media/bg.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 ======================= */

header {
    padding-top: 10vh;
    padding-bottom: 10vh;
}

@media (max-width: 1023px) {
    header {
        padding-top: 5vh;
        padding-bottom: 10vh;
    }
}

.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: 5%;
}
.fix_right {
    padding-top: 20px;
}
.infoslide h1, .infoslide h2, .infoslide h3, .infoslide p {
    color: #fff !important;
}
/* ===================== SLIDER CUSTOMIZADO ======================= */


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

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

footer {
    margin-top: 60px;
    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 {
    cursor: pointer;
}
.box_nome_produto_headset:hover, .box_nome_produto_mouse:hover, .box_nome_produto_teclado:hover, .box_nome_produto_microfone:hover {
    background-color:#e01e39 !important;
}

.box_headset, .box_mouse, .box_teclado, .box_microfone {
    cursor: pointer;
}


.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;
}


/* ===================== 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: 10px 40px;
}
.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;
}
footer {
    display: none;
}
.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;
}
#area_01 {
    display: none;

}
@media (max-width: 1023px) {
#escolha_categoria {
    margin-top: -50px;
}

}
.slide_anim {
    position: absolute;
    left:38%;
    top: 24px;
    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: 40px;
}
@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; }
.slide_anim:hover, .slide_anima_bg:hover {
    opacity: 0.8;
}