body .load.loading {
    display: none !important
}

span.new {
    font-size: 9px;
    font-weight: 700;
    padding: 0 2px;
    position: relative;
    top: -5px;
    background: red;
    color: #ffffff;
    text-align: start;
}


.container-login {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 40px;
    transform: translateX(-12px)
}

.menuBusca .logo {
    margin-top: 10px
}

.ico-search {
    background-image: url(/arquivos/sprite.png);
    background-position: 100% 25.78125%;
    background-size: 711.5384615384615% 612%;
    width: 26px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    transform: translate(5px, -3px)
}

input#search {
    border: 0;
    width: 94%;
    float: inherit;
    height: 40px;
    border-radius: 13px;
    padding-left: 15px;
    border: none;
    outline: 0
}

button.search__btn {
    z-index: 99999
}

button.search__btn {
    border: 0;
    background: 0 0;
    margin-top: 7px
}

.menuBusca {
    padding: 10px 0;
    background: #171717;
    position: relative;
    z-index: 10
}

.ico-profile {
    background-image: url(/arquivos/sprite.png?v=x);
    background-position: 100% 0;
    background-size: 711.5384615384615% 527.5862068965517%;
    width: 26px;
    height: 29px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.minhaContaNew {
    display: flex;
    align-items: center
}

a.profile_btn {
    transform: translateX(-15px)
}

.profile__inner-content {
    position: absolute;
    margin-top: 50px;
    color: #fff;
    padding: 30px;
    opacity: .95;
    width: 310px;
    background: rgba(0, 0, 0, .9);
    right: 12px;
    border-radius: 1px
}

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

.minhaContaNew p {
    margin-bottom: 0;
    font-size: 11pt
}

.trianguloDownMenu {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    width: 10px;
    float: right;
    margin-right: -12px;
    margin-top: -8px
}

i.ico-bag {
    background-image: url(/arquivos/sprite.png);
    background-position: 23.717948717948715% 96%;
    background-size: 637.9310344827586% 546.4285714285714%;
    width: 29px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.qtdCart {
    position: absolute;
    width: 21px;
    height: 21px;
    background: red;
    right: -9px;
    font-size: 12px;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    top: -1px
}

.cartMenu {
    padding-top: 8px;
    position: relative
}

svg.close-button path {
    fill: #fff
}

.profile__inner-content {
    opacity: 0;
    transform: translateY(-10px);
    visibility: hidden;
    transition: all .3s
}

.profile__inner:hover .profile__inner-content {
    opacity: 1;
    transform: translateY(5px);
    visibility: visible;
    transition: all .3s
}

.profile__inner-content ul li div a:hover {
    color: #fff
}

.profile__inner-content ul li div:hover a {
    color: #fff
}

.profile__inner-content ul {
    padding-left: 0
}

.profile__inner a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    transition: all .3s
}

.profile__inner a:hover {
    color: #b31d1d;
    transition: all .3s
}

.profile__inner {
    width: 150px;
    height: 50px;
    position: absolute;
    cursor: pointer;
    left: 42px
}

.livroBusca img {
    width: 100%
}

.livroBusca p {
    color: #fff;
    font-size: 8pt;
    margin: 8px 0 20px 0
}

.resultadoBuscaHeader {
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, .9);
    padding: 25px 10px 30px 10px;
    margin-left: 0;
    display: none;
    z-index: 99999
}

.busca {
   position: relative;
    top: 13px;
    left: 10px;
}

.verTodosBusca a {
    text-align: center;
    text-transform: uppercase;
    background: transparent;
    border-radius: 3px;
    border: 1px solid #ffffff;
    cursor: pointer;
    padding: 3px;
    transition: all .3s;
    font-size: 14px;
    width: 200px;
    padding: 5px 75px !important;
    text-align: center;
    position: relative;
}



.btn-load-more {
    background: #b31d1d;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    width: 250px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: 600;
    font-size: 15pt;
    left: 50%;
    margin-left: -125px;
    margin-top: 40px;
    margin-bottom: 40px;
    cursor: pointer
}

img.loaderBusca {
    width: 40px;
    position: relative;
    left: 50%;
    margin-left: -20px
}

.closeBusca {
    float: right;
    font-family: cursive;
    font-size: 20px;
    font-weight: 800;
    cursor: pointer;
    transform: translateY(-13px)
}

nav.navbar.navbar-expand-lg a {
    color: #fff;
    font-size: 10pt;
    transition: text-shadow .3s;
    padding: 0 !important;
    margin-right: 0 !important
}

nav.navbar.navbar-expand-lg a:hover {
    text-shadow: 0 0 1.55px #fff, 0 0 1.55px #fff;
    transition: text-shadow .3s
}

nav.navbar.navbar-expand-lg a:nth-child(9):hover {
    text-shadow: none
}

.profile__inner-content ul li div:hover {
    background: #770404 !important;
    transition: all .3s
}

.fundoMenuSuperior {
    background: #000;
    margin-top: -3px
}

section.shopping-cart.js-cart {
    background: #000;
    max-width: 400px;
    width: 100%;
    float: right;
    margin-top: 10px;
    position: fixed;
    right: 0;
    z-index: 10;
    color: #fff;
    height: 100%;
    top: 15%;
    transition: all .3s;
    right: -400px
}

section.shopping-cart.js-cart.open.ativeMenuCart {
    right: 0;
    transition: all .3s
}

section.shopping-cart.js-cart.open.activeHeader {
    top: -10px;
    z-index: 9999;
    transition: all .3s
}

i.close-button svg {
    width: 14px
}

p.cart-title {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 0 0 0
}

section.shopping-cart__header.js-cart-header {
    background: #000;
    height: 45px;
    border-bottom: 1px solid #6d6e70
}

i.close-button.js-close-cart {
    position: absolute;
    margin-top: 4px;
    right: 20px;
    z-index: 9999;
    cursor: pointer;
    top: 5px
}

section.shopping-cart__body.js-cart-body {
    padding: 10px 0;
    overflow-y: auto;
    height: 70%;
    overflow-x: hidden
}

span.price__value.js-cart-total-value {
    float: right
}

section.shopping-cart__footer.js-cart-footer.is-visible {
    padding: 15px 15px 40px 16px;
    border-top: 1px solid #6d6e70;
    position: absolute;
    bottom: 15%;
    background: #000;
    width: 100%;
    transition: all .3s
}

section.shopping-cart.js-cart.open.ativeMenuCart.activeHeader section.shopping-cart__footer.js-cart-footer.is-visible {
    bottom: 0;
    transition: all .3s
}

p.price.price--total {
    font-weight: 600
}

input.discount-code-form__input {
    max-width: 257px;
    height: 40px;
    padding-left: 10px;
    border: 1px solid #b31d1d;
    background: 0 0;
    color: #fff;
    width: 100%
}

input.discount-code-form__input::placeholder {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px
}

button.btn.btn--black.discount-code-form__btn {
    background: #b31d1d;
    color: #fff;
    max-width: 100px;
    margin-top: -4px;
    height: 40px;
    border: 0;
    border-radius: 0;
    margin-left: 10px;
    font-size: 12px;
    width: 100%
}

a.button.checkout-button {
    background: #b31d1d;
    color: #fff;
    padding: 15px 100px 15px 100px;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 14px;
    width: 100%;
    display: block;
    text-align: center
}

form.discount-code-form {
    margin-bottom: 20px
}

.product-image {
    width: auto;
    float: left
}

.product-image img {
    width: 80px
}

ul.products-list.js-product-cart-list {
    margin-left: 0;
    padding-left: 0
}

.product-info {
    margin: 0 10px 60px 0
}

a.product-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
    text-transform: uppercase;
    padding: 15px 35px 20px 20px;
    min-height: 100%
}

a.button.product-remove svg {
    color: red;
    width: 15px
}

a.button.product-remove svg {
    fill: red
}

a.button.product-remove {
    width: 30px;
    position: absolute;
    text-align: center;
    right: 15px;
    top: 17px;
    border: 0
}

li.products-list__item {
    position: relative;
    border-bottom: 1px solid #6d6e70;
    flex-direction: column
}

section.product-qty-price {
    color: #fff;
    padding: 0 10px;
    display: flex;
    align-items: center;
    float: right;
    right: 0;
    max-width: 260px;
    width: 100%;
    margin-left: 145px;
    margin-top: -89px
}

.shopping-cart .products-list .product-qty-price__icon {
    font-size: 1.5em;
    font-style: normal
}

.shopping-cart .products-list .product-qty-price .product-qty {
    background: 0 0;
    padding: 10px;
    font-size: 12pt;
    margin: 4px 10px 0 10px;
    font-weight: 600
}

.shopping-cart .products-list .product-qty-price .product-price {
    margin-left: 20px;
    color: #ffd207;
    font-size: 13pt;
    line-height: 50px;
    font-weight: 600
}

p.product-name {
    font-weight: 600;
    text-decoration: underline;
    transition: all .3s
}

p.product-name:hover {
    text-decoration: none;
    transition: all .3s
}

span.price__value.js-cart-value {
    float: right;
    right: 0
}

p.price {
    font-weight: 600
}

a.button.product-remove.js-product-remove,
i.product-qty-price__icon.minus.js-decrement-qty.is-disabled,
i.product-qty-price__icon.plus.js-increment-qty {
    cursor: pointer
}

.dropdown__nav {
    z-index: 999999;
    /*margin-left: -30px*/
}

.marcasMenu ul {
    padding-left: 0;
}

.menuLivros {
    position: relative
}


.dropdown__inner {
    position: absolute;
    z-index: 999;
    right: 35px;
    top: 10px;
}


.blackGround {
    position: absolute;
    z-index: 9000;
    background: rgba(0, 0, 0, .7);
    width: 370px;
    height: 300px;
    /*padding: 10px 0 0 20px;*/
    visibility: hidden;
    /*transform: translateY(-10px);*/
    opacity: 0;
    transition: all .3s
}

.menuLivros:hover .blackGround {
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
    transition: all .3s
}

.menuLivros:hover .dropdown--secondary {
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
    transition: all .3s
}

section.shopping-cart__body.js-cart-body a svg path {
    fill: #fff
}

li.products-list__item:last-child {
    margin-bottom: 250px
}

.conte-text p {
    line-height: 16px;
    font-weight: 600
}

.profile__inner-content ul li:first-child {
    width: 70%
}

.profile__inner-content>p {
    margin: 0 0 5px 0;
    font-weight: 600
}

.dropdown.dropdown--secondary {
    position: absolute;
    z-index: 9000;
    background: rgba(0, 0, 0, .7);
    width: 370px;
    height: 350px;
    padding: 10px 0 0 20px;
    visibility: hidden;
    transform: translateY(-10px);
    opacity: 0;
    transition: all .3s
}

.dropdown__inner.dropdown__inner-secondary.imgHoverMarcas img {
    margin: 0;
    min-height: 210px;
    width: 230px
}

p.cart-title {
    font-weight: 700
}

.product-image {
    max-width: 115px;
    width: 100%
}

p.product-name {
    font-weight: 600;
    text-decoration: none;
    transition: all .3s;
    line-height: 1.2;
    font-size: 13px;
    text-transform: uppercase;
}

i.product-qty-price__icon.minus.js-decrement-qty.is-disabled {
    color: #6d6e70;
    font-weight: 800;
    font-size: 28px
}

i.product-qty-price__icon.plus.js-increment-qty {
    font-weight: 800;
    font-size: 28px
}

span.product-price:before {
    content: "x";
    padding: 0 5px 0 0
}

input#search::-webkit-search-cancel-button {
    display: none
}

@media(min-width:1600px) {
    section.shopping-cart.js-cart.open.ativeMenuCart {
        right: 0
    }
}

section.cadastrese {
    background: #b31111;
    padding: 50px 0 20px 0
}

section.cadastrese form {
    transform: translateY(-20px)
}

section.cadastrese h2 {
    font-size: 80px;
    text-transform: uppercase;
    font-weight: 500
}

section.cadastrese h3 {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 300;
    transform: translateY(-24px)
}

section.cadastrese p {
    font-size: 14px;
    transform: translateY(-29px);
    font-weight: 500
}

.wrapper-cadastrese {
    max-width: 930px;
    margin: 0 auto
}

input.input-cadastre {
    max-width: 370px;
    width: 100%;
    border: none;
    outline: 0;
    border-radius: 10px;
    padding: 0 22px;
    height: 43px
}

button.btn-cadastrarse {
    border: 1px solid #fff;
    background: 0 0;
    color: #fff;
    padding: 8px 20px;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 14px;
    transition: all .3s;
    width: 100%
}

button.btn-cadastrarse:hover {
    background: #0000007a;
    color: #fff;
    transition: all .3s;
    border: 1px solid #b31111
}

.img_futura img {
    width: 169px;
    transform: translate(0, -3px)
}

nav.navbar.navbar-expand-lg a.navbar-brand:last-child {
    display: block;
    padding: 6px 10px 0 10px !important;
    margin: 0 0 !important
}

.profile__inner-content h4 {
    text-transform: capitalize
}

a.profile__image {
    width: 50px;
    height: 50px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10;
    float: left;
    margin: 5px 10px 0 0
}

.vtex-account__user-image.relative.mr5.h3.w3 {
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 2px
}

.box-banner a img {
    width: 100%;
    height: auto
}

.slideHomePrincipal {
    opacity: 0;
    visibility: hidden;
    height: 0
}

.box-banner.ativiceRemove {
    opacity: 0;
    visibility: hidden;
    height: 0
}

.slideHomePrincipal.activeBanner {
    opacity: 1;
    visibility: visible;
    height: fit-content
}

.box-banner {
    height: fit-content
}


input#search{
width: 93%;
}

.qrcode-dark img {
    max-width: 74px;
}


.verTodosBusca a {
    color: white;
}

div#ACCOUNT_Perfil svg {
    display: none;
}
.cartMenu {
    cursor: pointer;
}

body.home,
body.categoria.todos-os-livros.livros,
body.produto,
body.meus-favoritos,
body.institucional.editora,
body.categoria.magicae,
body.departamento.lista-autores,
body.landing-promo.categoria.giftbook,
body.login,
body.account,
body.landing-promo.categoria.dark-home,
body.politica-de-pagamento,
body.experiencia
{
	background: #000 !important;
  	opacity: 1 !important;
  
}

.borboleta {
    position: relative;
    width: auto;
    top: -70px;
    left: -45px;
    z-index: 9999999;
}

.box {
  width:90px;
  margin:20px;
  display:flex;
  position: absolute;
  transform: rotate(17deg);
}
.box::before,
.box::after{
  content:"";
  padding-top:76%; 
  flex:1; 
  background-image:url(https://www.darksidebooks.com.br/arquivos/borboleta-dorian-gray-animada.png);
  background-size:200% 100%; 
  animation:left 1s linear infinite alternate;  
  transform-origin:right;
}
.box::after {
  background-position:right;
  animation-name:right;
  transform-origin:left;
}

@keyframes left{
  to {transform:rotateY(80deg)}
}
@keyframes right{
  to {transform:rotateY(-80deg)}
}

/* Recomendação */

.recomendacao_imagem img {
    width: 40px !important;
}

.recomendacao h1 {
    font-size: 12pt;
}

.recomendacao_imagem {
    float: left;
    width: 20%;
}

.recomendacao_nome {
    float: left;
    width: 80%;
}

.recomendacao {
    border-bottom: 1px solid;
    display: table;
    padding-bottom: 13px;
    margin-bottom: 10px;
}

.recomendacao_nome a {
    color: white;
}

.recomendacao_nome span {
    float: right;
    font-weight: 900;
}

a.recomendacao_comprar {
    background: #b31d1c;
    font-size: 9pt;
    padding: 5px 10px 5px 10px;
    top: 8px;
    position: relative;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 3s linear infinite;
  -moz-animation: rotating 3s linear infinite;
  -ms-animation: rotating 3s linear infinite;
  -o-animation: rotating 3s linear infinite;
  animation: rotating 3s linear infinite;
}


/* Flag de pré-venda*/

.flagVitrine {
    position: absolute;
    font-size: 12px;
    background: #f8c146;
    color: black;
    right: 0;
    font-weight: 500;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: capitalize;
}

.product.product--main {
    position: relative;
}

section.vitrineNaoBeon .flagVitrine {
    margin-top: 39px;
    z-index: 1;
}


.vitrineNaoBeon .flagCashback {
    top: 60px;
}

body.landing-promo .product__inner-content
{
    padding: 40px 20px 20px 12px
}

body.landing-promo  .parcelaPix {
    font-size: 10pt;
    padding-top: 10px;
}



/* CSS VITRINE BEON 21-08*/

.beon-showcase__item-actions {
    margin-top: 30px !important;
}

span.beon-showcase__price {
    font-size: 27px !important;
}


/* CSS FLAG DESCONTO*/

.label-desconto{
    position: absolute;
    font-size: 12px;
    background: #f8c146;
    color: black;
    top: 0;
    right: 0px;
    font-weight: 600;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: capitalize;
    box-shadow: 0px 5px 5px black;
}



/* CSS Selo RA*/

div#reputation-ra {
  margin-left: 4px;
  margin-top: 4px;
    
}

.ra-widget-great.ra-widget-reputation-content.type-1.ra-reputation-loaded {
    width: 65px !important;
    height: 65px !important;
}


img.ra-widget-reputation-stamp {
    height: 20px !important;
    width: auto;
}


.ra-widget-reputation-text {
    font-size: 13px !important;
}


img.ra-widget-reputation-logo {
    width: 60px !important;
}

#ra-widget-reputation{
  width: 85px !important;
}

.selos-qualidade {
    display: flex;
}

/* FIM CSS Selo RA*/


span.prefix {
    font-size: 16px !important;
}

.beon-showcase .beon-showcase__item-price--from .beon-showcase__price {
    color: white !important;
    font-size: 16px !important;
}

.beon-showcase--carousel.beon-showcase--default .beon-showcase__item .beon-showcase__item-price-box .beon-showcase__item-price--from {
    margin-bottom: 20px !important;
}