/*background-color*/

#goToTop :hover,
.eu-cookie-bar-notification button:hover,
.eu-cookie-bar-notification a:hover,
.header-logo a img,
.footer-menu a:hover:before,
.social-sharing a:hover,
.poll .buttons input:hover,
.block .list a:hover:before,
.block .list .active a:before,
.block .list .sublist > .inactive:hover a:before,
.pager li a:hover,
.pager li span,
.vendor-list a:hover,
.contact-vendor input[type='button']:hover,
.overview .add-to-cart-button:hover,
.overview .add-to-wishlist-button:hover,
.variant-overview .add-to-wishlist-button:hover,
.overview .add-to-compare-list-button:hover,
.overview .email-a-friend-button:hover,
.overview .subscribe-button:hover,
.download-sample a:hover,
.variant-overview .add-to-cart-button:hover,
.attributes .qq-upload-button,
.mfp-container .apply-shipping-button:hover,
.write-review .button-1:hover,
.wishlist-content .button-2:hover,
.compare-products-page .button-2:hover,
.enter-password-form input[type="submit"]:hover,
.contact-page .button-1:hover,
.email-a-friend-page .button-1:hover,
.apply-vendor-page .button-1:hover,
.registration-page .button-1:hover,
.registration-result-page .button-1:hover,
#check-availability-button:hover,
.login-page .button-1:hover,
.password-recovery-page .button-1:hover,
.account-page .button-1:hover,
.account-page .edit-address-button:hover,
.account-page .order-details-button:hover,
.account-page .delete-address-button:hover,
.account-page .return-items-button:hover,
.order-details-page .page-title a:hover .return-request-page .button-1:hover,
.account-page .delete-selected-biss-button:hover,
.avatar-page input[type="submit"].upload-avatar-button,
.shopping-cart-page .button-1:hover,
.checkout-page .button-1:hover,
.shopping-cart-page .button-2:hover,
.checkout-page .button-2:hover,
.estimate-shipping-button:hover,
.checkout-attributes .qq-upload-button,
.return-request-file .qq-upload-button,
.order-details-page .actions input:hover,
.search-input .button-1:hover,
.blog-page .tags a:hover,
.blogpost-page .tags a:hover,
.new-comment .button-1:hover,
.news-list-page .news-items .read-more:hover,
.topic-post .pm-link-button:hover,
.profile-info-box .pm-link-button:hover,
.forum-edit-page .buttons input:hover,
.move-topic-page .buttons input:hover,
.private-message-send-page .buttons input:hover,
.private-messages-page .buttons input:hover,
.private-message-view-page .buttons input:hover,
.ajaxCart .productAddedToCartWindowCheckout:hover,
.mega-menu .box li a:hover:before,
.jCarouselMainWrapper .slick-prev:hover,
.jCarouselMainWrapper .slick-next:hover,
.jCarouselMainWrapper .slick-dots .slick-active button,
.previous-product a:hover,
.next-product a:hover,
.ropc button:hover,
.rich-blog-homepage .view-all a:hover,
.post-actions .read-more:hover,
.blog-search-results li a:hover:before,
.post-navigation a:hover,
.nivo-controlNav a.active,
.anywhere-slider .slick-active button,
.sale-of-the-day-offer .owl-controls .owl-dot.active span,
.inputs.upload .k-button.k-upload-button span,
.page-body form > .buttons .k-button:hover,
.k-edit-buttons.k-state-default button.k-dialog-insert.k-button,
#submit-reply .buttons .k-button:hover,
.my-tickets-page .clear-filters:hover,
.manage-tickets-page .clear-filters:hover,
.k-widget.confirmation-wrapper button,
.overview .submit-ticket-button:hover {
  background-color: #48bdbf;
}
.ui-slider-handle,
.k-pager-numbers span.k-state-selected {
  background-color: #48bdbf !important;
}
/*color*/

.field-validation-valid,
.footer-menu a:hover,
.footer-tax-shipping a:hover,
.footer-powered-by a,
.footer-designed-by a,
.titles ul li.active span,
.home-page-listbox .actual-price,
.block .list a:hover,
.block .list .active > a,
.block .list a.active,
.block .view-all a,
.block .tags li a:hover,
.product-tags-all-page li a:hover,
.breadcrumb h1,
.breadcrumb strong,
.item-box .actual-price,
.tax-shipping-info a:hover,
.overview .value,
.variant-overview .value,
.product-review-links a:hover,
.product-no-reviews a:hover,
.overview .product-price,
.variant-overview .product-price,
.customer-entered-price .price-range,
.ui-tabs .ui-tabs-nav li:hover a,
.product-tags-list li a:hover,
.ui-datepicker-calendar td a:hover,
.ui-datepicker-calendar .ui-datepicker-today,
.product-reviews-page h1 a,
.product-review-item .review-info a,
.wishlist-page .share-info a:hover,
.compare-products-page .clear-list:hover,
.topic-block a:hover,
.topic-page a:hover,
.email-a-friend-page .title a:hover,
.registration-result-page .result,
.login-page .inputs.reversed .forgot-password a:hover,
.account-page .button-2:hover,
.order-details-page .page-title a:hover,
.return-request-list-page a:hover,
.order-total-price .cart-total-right,
.cart-total .order-total,
.terms-of-service span:hover,
.cart-collaterals .current-code,
.opc .back-link a:hover,
.order-details-page .data-table a:hover .order-details-page td.total,
.return-request-page td.price,
.sitemap-page a:hover,
.post-date,
.news-date,
.blog-posts .buttons a:hover,
.new-comment .result,
.comment-time,
.news-list-homepage .news-items .news-date,
.news-list-homepage .news-items .read-more,
.current-time,
.search-box.forum-search-box .advanced a,
.forums-table-section .view-all,
.forum-page .actions a:hover,
.forum-breadcrumb li:last-child a,
.forum-topic-page .topic-actions a:hover,
.topic-footer .topic-actions a:hover,
.topic-post .username:hover,
.topic-post .post-head a:hover,
.profile-page .topic-title a:hover,
.profile-page .topic-data,
.cart a:hover,
.data-table a:hover,
.compare-products-table a:hover,
.forums-table-section a:hover,
.cart .subtotal,
.compare-products-table .product-price td,
.tier-prices .item-price,
.ajaxCart .k-window-titlebar.k-header .k-window-actions a:hover,
.productAddedToCartWindowDescription strong,
.productAddedToCartWindowSummary a:hover,
.filter-block a.clearFilterOptions:hover,
.filter-block a.clearPriceRangeFilter:hover,
.selected-options-list > li span,
.ajaxFilters .k-window-actions .k-icon:hover,
.filter-block a.toggleControl,
.filtersGroupPanel li.checked label,
.filtersGroupPanel li > label:hover,
.instant-search-item .detail .price,
.mega-menu .box li a:hover,
.quickView .k-window-titlebar.k-header .k-window-actions a:hover,
.quickViewWindow .links-panel a:hover,
.quickViewWindow .variant-info .product-price,
.sale-of-the-day-offer .product-name a,
.sale-of-the-day-offer .price.actual-price,
.rich-blog-homepage .blog-post .read-more,
.blog-instant-search .k-item.k-state-hover,
.rich-blog-autocomplete-last-item span,
.blog-search-results-page .search-term-highlighter,
.blog-instant-search .k-item.k-state-focused,
.blog-page .buttons .read-comments,
.blog-search-results li a:hover,
.post-footer a,
.category-description a:hover,
.manufacturer-description a:hover,
.full-description a:hover,
.topic-html-content a:hover,
.post-body a:hover,
.news-body a:hover,
.custom-tab a:hover,
.order-details-page .product .submit-ticket-button,
ul#TicketModelTicketProductIds_taglist li.k-button,
#TicketProducts_taglist li.k-button,
ul#product-field_taglist li.k-button,
#customer-field_taglist li.k-button,
.ticket-comments .comment-header .left a,
.ticket-comments .comment-body a,
.ticket-comments .attachment-content li {
  color: #48bdbf;
}
/*border-color*/

#goToTop:hover,
.eu-cookie-bar-notification button:hover,
.eu-cookie-bar-notification a:hover,
.poll .buttons input,
.item-box input[type="button"],
.vendor-list a:hover,
.contact-vendor input[type='button']:hover,
.gallery .picture-thumbs a:hover,
.overview .add-to-wishlist-button:hover,
.variant-overview .add-to-wishlist-button:hover,
.overview .add-to-compare-list-button:hover,
.overview .email-a-friend-button:hover,
.overview .subscribe-button:hover,
.download-sample a:hover,
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button,
.mfp-container .apply-shipping-button,
.write-review .button-1,
.wishlist-content .button-2:hover,
/*.wishlist-content .wishlist-add-to-cart-button,*/ .compare-products-page .button-2:hover,
.enter-password-form input[type="submit"]:hover,
.contact-page .button-1,
.email-a-friend-page .button-1,
.apply-vendor-page .button-1,
.registration-page .button-1,
.registration-result-page .button-1,
#check-availability-button,
.login-page .button-1,
.password-recovery-page .button-1,
.account-page .button-1,
.return-request-page .button-1,
.account-page .delete-selected-biss-button:hover,
.order-progress li.active-step a:before,
.shopping-cart-page .button-1:hover,
.checkout-page .button-1:hover,
.shopping-cart-page .button-2:hover,
.checkout-page .button-2:hover,
.estimate-shipping-button:hover,
.cart-footer .button-1,
.checkout-page input[type='submit'],
.confirm-order .button-1,
#checkout-step-confirm-order .buttons .button-1,
.order-details-page .actions input:hover,
.search-input .button-1,
.blog-page .tags a:hover,
.blogpost-page .tags a:hover,
.new-comment .button-1,
.news-list-page .news-items .read-more:hover,
.topic-post .pm-link-button:hover,
.profile-info-box .pm-link-button:hover,
.forum-edit-page .buttons input:hover,
.move-topic-page .buttons input:hover,
.private-message-send-page .buttons input:hover,
.private-messages-page .buttons input:hover,
.private-message-view-page .buttons input:hover,
.forum-edit-page .buttons input[type="submit"],
.move-topic-page .buttons input[type="submit"],
.private-messages-page .buttons input[type="submit"],
.private-message-send-page .buttons input[type="submit"],
.private-message-view-page .buttons input.button-1,
.ajaxCart .productAddedToCartWindowCheckout,
.mega-menu .dropdown,
.previous-product a:hover,
.next-product a:hover,
.user-agreement-page .button-1,
.ropc button:hover,
.complete-button button,
.rich-blog-homepage .view-all a:hover,
.post-actions .read-more:hover,
.post-navigation a:hover,
.page-body form > .buttons .k-button,
#submit-reply .buttons .k-button,
.my-tickets-page .clear-filters,
.manage-tickets-page .clear-filters,
.slick-dots button,
.overview .submit-ticket-button:hover {
  border-color: #48bdbf;
}
.k-pager-numbers span.k-state-selected {
  border-color: #48bdbf !important;
}
/*Desktop Schemes*/

@media all and (min-width: 1025px) {
  /*background-color*/
  
  .ico-inbox .inbox-unread,
  .header-menu .sublist li:hover > a:before,
  .wishlist-qty,
  .cart-qty,
  .mini-shopping-cart input[type="button"]:hover,
  .header-menu > ul > li:hover > a:before,
  .header-menu > ul > li:hover > span:before,
  .header-menu .sublist-wrap:after,
  .product-grid .item-box .buttons input[type="button"]:hover,
  .product-list .item-box .add-info input[type="button"]:hover,
  .sale-of-the-day-offer .go-to-product-page:hover {
    background-color: #48bdbf;
  }
  /*color*/
  
  .cart-sum,
  .mini-shopping-cart .count a,
  .mini-shopping-cart .price span,
  .mini-shopping-cart .quantity span,
  .mini-shopping-cart .totals strong,
  .header-menu > ul > li > a:hover,
  .header-menu > ul > li > span:hover,
  .header-menu .sublist li:hover > a {
    color: #48bdbf;
  }
  .Moti-mail {
    padding-bottom: 1.3em;
    color: #48bdbf;
  }
  /*border-color*/
  
  .mini-shopping-cart input[type="button"]:hover,
  .product-grid .item-box .buttons input[type="button"]:hover,
  .sale-of-the-day-offer .picture-thumbs a:hover,
  .sale-of-the-day-offer .go-to-product-page:hover {
    border-color: #48bdbf;
  }
}
.popup {
  display: flex;
  border: 1px solid #ccc;
  border-radius: 2rem;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}
.popup-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.popup-right {
  flex: 1;
  background: url("https://www.motistore.com/images/uploaded/Homepage/popout/pop-mex.png")
    no-repeat center center;
  background-size: cover;
}
.popup-button {
    margin: 1rem;
    padding: 0.5rem 1rem;
    background-color: #8bccc7;
    color: #fff;
    border: none;
    cursor: pointer;
    width: 90%;
    border-radius: 1rem;
    font-size: 1rem;
    font-family: Poppins, sans-serif !important;
}
.popup-button:hover {
  background-color: #84c1bc;
}

.close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  background-color: #f1f1f1;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.close-button:before,
.close-button:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 16px;
  background-color: #333;
}
.close-button:before {
  transform: rotate(45deg);
}
.close-button:after {
  transform: rotate(-45deg);
}
.close-button:hover {
  background-color: #e0e0e0;
}

/* Para ocultar el pop-up cuando el checkbox esté marcado */
#close-popup:checked + .popup {
  display: none;
}

/* Estilo para el checkbox oculto */
#close-popup {
  display: none;
}
@font-face {
  font-family: "MiFuente";
  src: url("https://www.motistore.com/images/uploaded/Homepage/popout/PlayfairDisplay-BoldItalic.ttf")
    format("truetype");
}
.red-text {
  color: #d01a1a;
  font-size: 2rem;
  font-family: "MiFuente", serif;
}
.simple-text {
  font-size: 1.5rem;
  font-family: Poppins, sans-serif !important;
}
.body-text-popout {
  font-size: 1.2rem;
  font-family: Poppins, sans-serif !important;
  text-align: center;
}
.terms-pop {
    font-size: 0.7rem;
    text-align: left;
    font-family: Poppins, sans-serif !important;
}









.item-box-home {
    position: relative;
    overflow: hidden; 
}

.picture-home::after {
    content: "a"; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity  ease-in-out;
    z-index: 1; /* Asegura que la imagen superpuesta esté por encima de la imagen original pero debajo del texto y los botones */
    color: transparent; /* Hace el contenido invisible */
}

.item-box-home:nth-child(1) .picture-home::after {
    background: url('/images/uploaded/Homepage/Hover_images/Canvas.png') center center / cover no-repeat;
}

.item-box-home:nth-child(2) .picture-home::after {
    background: url('/images/uploaded/Homepage/Hover_images/Etiquetas.png') center center / cover no-repeat;
}

.item-box-home:nth-child(3) .picture-home::after {
    background: url('/images/uploaded/Homepage/Hover_images/Mangas.png') center center / cover no-repeat;
}

.item-box-home:nth-child(4) .picture-home::after {
    background: url('/images/uploaded/Homepage/Hover_images/Photobook.png') center center / cover no-repeat;
}

.picture-home:hover::after {
    opacity: 1;
}

.category-item {
    position: relative;
    z-index: 2; 
}

.tittle-home, .divboton {
    position: relative;
    z-index: 3;
}












.marquee-container {
    width: 100%;
    overflow: hidden;
    background: #48bdbf;
    position: relative;
    font-size: 1rem;
    color: white;
    padding: 1rem;
}
.marquee {
    display: inline-block;
    animation: marquee 10s linear infinite;
    white-space: nowrap;
    display: flex;
    gap: 11.2rem;
}

@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}




.social-networkfooter-logo a {
    display: contents !important;
}
.logo-section{
    display:none;
}
.our-company{
    display: none;
}
.final-section{
    display: none;
}






.esp-factura::after {
    content: " NO REQUIERO FACTURA";
}
.h3-español::after {
    content: " EN CASO DE REQUERIR FACTURA FAVOR DE LLENAR EL CAMPO DE RFC Y SOLICITARLA POR CORREO ADJUNTANDO LA CONSTANCIA DE SITUACIÓN FISCAL EN UN LAPSO NO MAYOR A 24 HORAS A";
}

.divboton button::after {
    content: "Comprar";
}


.footer-menu li a:before{
  display:none;
}
.footer-middle-block.contact-info li.address {
    background: url(/images/uploaded/Footer/map.png) no-repeat center left;
    background-size: 3rem;
}
.footer-middle-block.contact-info li.phone-fax {
    background: url(/images/uploaded/Footer/phone.png) no-repeat center left;
    background-size: 3rem;
}
.footer-middle-block.contact-info li.email-website {
    background: url(/images/uploaded/Footer/mail.png) no-repeat center left;
    background-size: 3rem;
}

.h3-english{
display:none;
}
.eng-factura{
display:none;
}
.Moti-mail-eng{
display:none;
}










@media (max-width: 1025px){

.newsletter-email {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    gap: .4rem;
}

.newsletter-email input[type="email"] {
    background: #ffffff;
    border: solid 1px gray;
    border-radius: 1rem;
}

.newsletter-email input[type="button"] {
    border-radius: 1rem;
}


.footer-middle {
    border-radius: 1rem;
    margin: 1rem;
}

.footer-blocks-holder {
    flex-direction: column;
}
.responsive-nav-wrapper .menu-title {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(/images/uploaded/Homepage/hamburguesa.png) !important;
    background-position: center;
}

.responsive-nav-wrapper .shopping-cart-link{
    display: inline-block;
    background: url(../img/responsive-nav-sprite.png) no-repeat left -133px center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(/images/uploaded/Homepage/cart.png) !important;
    background-position: center;
}
.attributes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.add-to-cart-panel{
display: flex !important;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.add-to-cart-button {
margin: 1rem !important;
}

.attribute-square-container span {
    border-radius: 2rem;
}
}

body{
font-family: Poppins, sans-serif !important;
}
@media (min-width: 1025px){
.header-menu > ul > li {
    margin: 0 40px;
}
}

.item-box .picture img {
    border-radius: 1.5rem;
}

.item-box .picture {
    border-radius: 1rem;
}
.banner-app-prints {
    padding: 2rem 0rem;
}

/*slider principal */

.slider-principal-pc {
    padding: 1rem;
}

.anywhere-slider .picture-slide img {
    border-radius: 1rem;
}

.sub-header {
    box-shadow: none;
}



.footer-blocks-holder {
        display: flex;
        justify-content: space-between;
    }



/*nuevo codigo etiquetas explicativo */
.tittle-etiquetas-explicativo {
    font-size: 1.3rem;
    text-align: center;
    margin: 1rem;
}
.maincontainer {
    font-family: Poppins, sans-serif !important;
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.1);
}
.container-etiquetas-explicativo {  
    display: grid;
    grid-template-columns: 0.5fr 0.8fr 0.8fr 0.8fr;
    grid-template-rows: 1.3fr 0.5fr 0.8fr 0.5fr 0.8fr 0.5fr 0.8fr 0.8fr;
    gap: 10px 10px;
    grid-auto-flow: row;
     text-align: center;
align-items: center;
    }
.thic-etiquetas-explicativo {
    font-weight: bolder;
}

.img-etiquetas-explicativo-mobile {
        max-height: 23rem;
        margin: auto;
        max-width: 95%;
    }
.img-etiquetas-explicativo {
        max-height: 12rem;
        width: fit-content;
        margin: auto;
    }
.item2-etiquetas-explicativo, .item3-etiquetas-explicativo, .item4-etiquetas-explicativo {
    display: flex;
    flex-direction: column;
    padding-bottom: 1rem;
    border-bottom: solid 1px #cbc7c7;
}
.ico-etiquetas-explicativo {
    max-height: 4rem;
    width: fit-content;
}
.apply1-etiquetas-explicativo,
.apply2-etiquetas-explicativo, 
.apply3-etiquetas-explicativo,
.min1-etiquetas-explicativo,
.min2-etiquetas-explicativo,
.min3-etiquetas-explicativo,
.finish2-etiquetas-explicativo,
.water2-etiquetas-explicativo,
.water3-etiquetas-explicativo
{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.item2-etiquetas-explicativo-mobile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    border-bottom: solid 2px gray;
}

.container-mobile {
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr; 
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr; 
  gap: 0px 0px; 
  grid-template-areas: 
    "title-1-mobile ico-1-mobile description-1-mobile"
    "title-2-mobile ico-2-mobile description-2-mobile"
    "title-3-mobile ico-3-mobile description-3-mobile"
    "title-4-mobile ico-4-mobile description-4-mobile"
    "title-5-mobile ico-5-mobile description-5-mobile"; 
align-items: center;
padding-top: 1rem;
}
.container-mobile2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 0px 0px;
    align-items: center;
    padding-top: 1rem;
}

@media (max-width: 1025px){
.maincontainer{
 display:none;
}
.ico-etiquetas-explicativo-mobile {
    max-height: 4.2rem;
}
}
@media (min-width: 1025px){
.maincontainer-mobile{
 display:none;
}
}






/*nuevo menu superior mobile */

.logo-moti-mobile{
     margin: auto;
}
.responsive-nav-wrapper{
     display: flex;
}
.ico-account-mobile {
    background-repeat: no-repeat;
    /*padding-left: 30px !important; */
    background-size: 50%;
    background-image: url(/images/uploaded/Homepage/user.png) !important;
    background-position: center;
}
.ico-usa-mobile {
    background-repeat: no-repeat;
    /*padding-left: 30px !important; */
    background-size: 50%;
    background-image: url(/images/uploaded/Homepage/iconusa.png) !important;
    background-position: center;
}
.ico-usa{
    background-repeat: no-repeat;
    padding-left: 30px !important; 
    background-size: 17%;
    background-image: url(/images/uploaded/Homepage/iconusa.png) !important;
    background-position-y: center;
}
@media (max-width: 1024px){
.responsive-nav-wrapper {
    background: #fff;
   padding: 0.5rem;
}

.responsive-nav-wrapper > div > span, .responsive-nav-wrapper > div > a {
    border-left: 1px solid #fff;
}
.responsive-nav-wrapper > div:last-child > span, .responsive-nav-wrapper > div:last-child > a {
    border-right: 1px solid #fff;
}
.header {
    margin-bottom: 2rem;
    margin-top: 0 !important;
    width: 100%;
}


}


/*menu lateral mobil */
@media (max-width: 1024px){

    .close-menu span {
        color: #fff !important;
        background: url(/images/uploaded/Homepage/close.png) no-repeat right 15px center !important;
        font-family: Poppins, sans-serif !important;
    }
    .justAFixingDivBefore, .header-menu {
        background: #47bcbd !important;
    }
    .header-menu .close-menu {
        background: #47bcbd !important;
        box-shadow: 3px 0 1px rgb(255 255 255) !important;
    }
    .justAFixingDivBefore, .header-menu {
        width: 100% !important;
    }
    .header-menu > ul li > a > span {
        box-shadow: none !important;
        background: #47bcbd !important;
    }
    .notAndroid23 .justAFixingDivBefore, .notAndroid23 .header-menu {
        -webkit-transform: translate(-100vw);
        -ms-transform: translate(-100vw);
        transform: translate(-100vw);


    }
    .header-menu > ul > li > a, .header-menu > ul > li > span {
        text-align: justify !important;
        padding: 1rem 1rem !important;
        background: none !important;
    }
    .plus-button {

        background: url(/images/uploaded/Homepage/arrow_mobile.png) !important;
    }

    .header-menu > ul > li {
        background: #47bcbd !important;
    }
     
.header-menu > ul li > a {
    width: 70vw;
}

.header-menu .sublist-wrap {
    background: #47bcbd !important;
}

.header-menu > ul li {
    background: #47bcbd !important;
}

.header-menu ul li.back-button {
    background: #47bcbd !important;
}

.header-menu .back-button span {
    color: #fff;
}


}










/* Barra busqueda :
 */
.search-box form {
    border: 1px solid #000;
    border-radius: 8px;
    display: flex;
    overflow: hidden;
}
@media (min-width: 1024px){
     .logo-moti-mobile{
      display:none !important;
}
}
@media (max-width: 1024px){
.overlayOffCanvas.show {
    display: none !important;
}
.header-menu > ul > li > a, .header-menu > ul > li > span {
    font-size: 17px !important;
}
.header-menu > ul li > a > span {
    text-transform: none; 
}
.header-menu > ul li > a:after {
    display: none;
}


}

/*Mega menu item decoracion 
 */
.large-cat .dropdown.categories.fullWidth{
    width: 900px !important;
    margin-left: -515px;
}



.mega-menu .title a {
    text-transform: capitalize;
    font: normal 12px 'Poppins', sans-serif !important;
}

#headerMenuParent {
    background-color: #ffffff !important;
}

/* quitar bordes en el header: */
  @media (min-width: 1023px){
.header-options-wrapper {
    border: none;
    display: flex !important;
    justify-content: space-evenly;
    margin: 2rem 0rem;
}
}



/* quitar bordes a la derecha header : */

.customer-header-links li {
    border-right: none; 
}

/* quitar bordes barra busqueda: */

.search-box {
    border: none;
}


.cart-label{
    display:none;
}

/* Iconos : */

/* user : */

.ico-account {
    background-image: url(/images/uploaded/Homepage/user.png) !important;
}
.ico-logout {
    background-image: url(/images/uploaded/Homepage/lock.png) !important;
}
.customer-header-links a {
    font-family: Poppins, sans-serif !important;
}

.header-right {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.header-logo {
    margin: 4px;
    padding: 0 !important;
}

.customer-entered-price {
    padding: 0 0 5px;
    margin: 0 0 5px;
    border-bottom: none;
display: flex !important;
    flex-direction: row;
    align-items: center;
}
.checkout-page .edit-address {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.overview .add-to-cart {
    margin: 0 0 35px;
    padding: 3px 0 0; 
    border-top: 1px solid #ddd;
    display: flex;
    justify-content: space-around;
    align-items: center;
}


ul#payment-method-block :nth-child(3) {
    display: none;
}
@media (min-width: 1281px){
    .home-page-category-grid {
        width: 100%;
        max-width: 2300px;
    }}
    .home-page-category-grid .item-box-home:nth-child(3n+1) {
    clear: none;
    }
    .home-page-category-grid .item-box-home:nth-child(4n+1) {
    clear: both;
    }
    .home-page-category-grid{
        margin: 12px auto;
        background-color: #ffffff;
    }
    @media (min-width: 900px){
    .home-page-category-grid{
         height: 500px; 
    }}
    .picture-home img   {
    width : 100%;
    max-height: fit-content !important;
    }
    @media (min-width: 1001px){
    .home-page-category-grid .item-box-home {
       width: 24.6%;
        margin: 2.3% 0.2% 2.3% 0.2%;
    }}
    .a-picture-home{
    height: 352px;
    }
    @media (min-width: 1025px){
    .item-box .item-box-home {
        font-size: 24px;
        bottom: 0px;
    }}
    .tittle-home .a-tittle-home {
        background: none !important;
        display: flex !important;
        justify-content: center;
        padding: 0 !important;
        margin: 5px;
        text-transform: capitalize !important;
        font-family: Poppins, sans-serif !important;
    }
     @media (max-width: 1025px){
         .item-box .tittle-home {
    font-size: 1.3rem !important;
}
}

    .item-box .tittle-home {
        color: #6c6a68;
        background-color: #ff000000;
        display: contents;
        width: 100%;
        font-size: 1.4rem ;
    }
    .bubbly-button {
        font-family: Poppins, sans-serif !important;
        display: inline-block;
        font-size: 0.6em;
        padding: 0.7em 3em;
        -webkit-appearance: none;
        appearance: none;
        background-color: #f7f7f7;
        color: #818181;
        border-radius: 24px;
        margin: 5px 5px 10px 5px;
        border: 2px solid #c3c3c3;
    }
    .divboton {
        display: inline-flex;
        bottom: 10px;
        width: 100%;
        position: initial;
        justify-content: center;
    }
    .Home-page-Categorias .home-page-category-grid .slick-carousel .slick-list .slick-track .carousel-item .item-box:hover .picture {
        filter: brightness(80%);
    }
   .item-box:hover .bubbly-button {
        background: #48bdbf;
    cursor: pointer;
    color: white;
    border: none;
    }
    .item-box-home .title:before {
        display: none !important;
    }
    @media (min-width: 1025px){
    
    .header-menu.stick {
        background: #fff;
    }
    .header-logo {
        display: block;
       text-align: center !important;
    }
    #headerMenuParent {
        display: block;
     text-align: center;
    background-color: #9e9fa3;
    }
    }
    .home-page-body .sale-of-the-day-offer .title {
        color: #5a5a5a;
    }
    @media (max-width: 1024px){
.header-menu > ul li > a > span {
    color: #fff;
}}
      .header-menu > ul > li > a, .header-menu > ul > li > span {
        color:#000;
        font-family: Poppins, sans-serif !important;
    }
    .html-home-page .nop-jcarousel.manufacturer-grid {
        background: none !important;
    }
    .footer-upper-block .title {
        color: #48bdbf;
    }
    .footer-upper-block .title:after {
        display: none;
    }
    .footer-upper-block .title span {
        text-transform: none;
        font-weight: 500;
    }
    .newsletter-email input[type="button"] {
        text-transform: none;
        background: #a5a5a5;
    }
    input[type="checkbox"], input[type="radio"] {
        accent-color: #48bdbf;
    }
    .social-sharing a.instagram {
        background: #fff url('../img/instagram.png') no-repeat center;
    }
    .home-page-category-tabs{
display:none;
}
 .social-sharing .facebook {
    background: #ffffff url(/images/uploaded/Homepage/facebook.png) no-repeat center !important
}
@media (min-width: 1281px){
    .Home-page-Categorias .nop-jcarousel {
        width: 100% !important;
       height: 100%;
    }
    }
    .nop-jcarousel .slick-list {
    height: 500px;
}
  .Home-page-Categorias .home-page-category-grid .slick-carousel .slick-list .slick-track .carousel-item .item-box .title a {
    background: none !important;
    display: flex !important;
    justify-content: center;
    padding: 0 !important;
    margin: 5px;
    text-transform: capitalize;
}  
   .jCarouselMainWrapper .category-grid .item-box .title {
    color: #6c6a68;
    background-color: #ff000000;
    display: contents;
    width: 100%;
}
.nop-jcarousel .slick-list {
    height: 100%;
}    
.item-box .title:before {
    display: none;
}    
@media (min-width: 1281px){
.home-page-body .sale-of-the-day-offer {
    padding: 5px 0;
}}    
    .Home-page-Categorias .nop-jcarousel {
    margin: 8px auto;
}
  .nop-jcarousel .carousel-item {
    padding: 0 5px;
}  
.Home-page-Categorias .home-page-category-grid .slick-carousel .slick-list .slick-track .carousel-item .item-box .category-item .picture a > img {
    width: 100%;
}    
  .category-grid-home .item-home-page .item-box-home .categoy-item-home:hover .picture {
        filter: brightness(80%);
    }  

@media (min-width: 1025px){
.footer-middle {
        position: relative;
        padding: 3.75rem 0;
        background: #fff;
        border-top: solid 1px #3f3f3f;
    }
.footer-middle-block .title span {
        text-transform: capitalize;
    }

.footer-middle-block .title span {
        text-transform: capitalize;
    }


}

@media (min-width: 1025px){
.header-menu > ul > li {
    display: inline-table !important;
}}
#opc-shipping .custom-attributes {
  display: none;
}






























    
    
    
    
    
    
    
    
    
    
    .modal,
    .modal-box {
      z-index: 900;
    }
    .P-modal-subtittle{
    font-size: 18px;
    }
    .modal-sandbox {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: transparent;
    }
    .P-modal{
    font-size: 15px;
    }
    .modal {
      display: none; 
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: rgb(0,0,0);
      background: rgba(0,0,0,.8);
      overflow: auto;
    }
    .P-alert{
    margin: 9px;
        color: red;
    }
    .modal-box {
      position: relative;
      width: 80%;
      max-width: 920px;
      margin: 100px auto;
      animation-name: modalbox;
      animation-duration: .4s;
      animation-timing-function: cubic-bezier(0,0,.3,1.6);
    }
    
    .modal-header {
      padding: 20px 40px;
        background: #646bd9;
        color: #ffffff;
        text-align: center;
    }
    
    .modal-body {
      background: #ECEFF1;
      padding: 60px 40px;
    }
    
    /* Close Button */
    .close-modal {
      text-align: right;
      cursor: pointer;
    }
    
    /* Animation */
    @-webkit-keyframes modalbox {
      0% {
        top: -250px; 
        opacity: 0;
      }
      100% {
        top: 0; 
        opacity: 1;
      }
    }
    
    @keyframes modalbox {
      0% {
        top: -250px; 
        opacity: 0;
      }
      100% {
        top: 0; 
        opacity: 1;
      }
    }
    
    
    
    
    .pickup-in-store{
    display: none;
    }
    #Modal-bopp-carga{
         float: left;
        position: absolute;
        background-color: bisque;
        height: 17rem;
        width: 40rem;
        z-index: 10000;
       display:none;
    }
    
    #ppplus{
      height: 550px !important;
    }
    
    #payment-info-buttons-container{
         z-index: 10000;
        position: sticky;
    }
    
    
    .page-title{
    display: none;
    }
    
    #Color{
    width: 30px;
        height: 33px;
        border-width: 0px;
        cursor: pointer;
    
    }
    
    #Color_picker{
    margin-top: 1.4em;
    }
    
    .details-link{
    display: none
    }
    .Order-div{
    display: inline-flex;
        justify-content: center;
    }
    .button-margin{
    margin : 1em;
    }
    
    @media (max-width: 760px) {
    .Order-div{
    display: block;
        justify-content: center;
    }
    }
    
    
    
    
    
    .summaryMoti{
    background-color: #f7f7f7;
        font-size: 1.5em;
        position: relative;
        cursor: pointer;
        padding: 1em .5em;
        list-style: none;
        margin: 0.4em;
    
    }
    .motiParrafo{
    color: #757575;
        padding: 1.2em;
        font-size: 1.3em!important;
    }
    .motiLink{
    color:#646bd9;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    .text-prompt{
     white-space: initial;
    }
    #Precio{
    font-size: 19px;
    }
    .Material-especial{
    color: #646bd9;
    display: block;
    }
    
    /*== start of code for tooltips ==*/
    .tool {
        cursor: help;
        position: relative;
        color: #646bd9;
        font-size: 9px;
    }
    .divtool{
    padding: 3px;
    }
    
    /*== common styles for both parts of tool tip ==*/
    .tool::after {
        left: 50%;
        opacity: 0;
        position: inherit;
        z-index: 1;
    }
    .tool:hover::after,
    .tool:focus::after {
        opacity: 1;
        transform: scale(1) translateY(0);
        z-index: 1 !important; 
    }
    
    /*== speech bubble ==*/
    .tool::after {
        background: #3E474F;
        border-radius: .25em;
        bottom: 180%;
        color: #EDEFF0;
        content: attr(data-tip);
        margin-left:-25em;
        padding: 1em;
        transition: all .65s cubic-bezier(.84,-0.18,.31,1.26) .2s;
        transform:  scale(.6) translateY(50%);  
        width: 17.5em;
    }
    
    .tool:hover::after,
    .tool:focus::after  {
        transition: all .65s cubic-bezier(.84,-0.18,.31,1.26);
    }
    
    @media (max-width: 760px) {
      .tool::after { 
            font-size: .73em;
        width: 9em;
      }
    .tool:hover::after {
    margin-left: -39em;
    }
    }
    .attributes dt {
        margin: 0 0 0px;
        margin-top: 6px;
    }
    
    
    
    
    
    #blanquisimo{
        width: 0;
        height: 0;
        opacity: 0;
    }
    .selected-value .attribute-square-container span {
        border-color: #9297e4 !important;
    }
    .overview .qty-input, .variant-overview .qty-input {
        width: 72px;
    }
    #Total{
    font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        color:#646bd9;
        padding: 10.5px 0px;
        display: block;
    }
    .attribute-square-container span {
        width: 3rem !important;
        height: 3rem !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
       border-radius: 1.3rem;
    }
    
    
    
    /* inicia cambios del menu*/
    /*centra label de producto dinamico*/
    
    .customer-entered-price .enter-price-label {
        margin: auto !important;
    }
    .customer-entered-price .price-input {
        display: inline-flex !important;
    }
    
    .attributes dl {
            float: left;
            width: 48%;
            margin: 0 0 1% 4%;
        }
    .attributes dd {
        margin: 0 0 0px;
    }
    /* agrega padding a logo motistore*/
    .header-logo {
        padding: 5px 0;
    }
    /* limita el tamaño del container del menu superior para que haga el salto de linea*/
    .header-menu > ul > li {
        max-width: 7vw;
        display: contents;
    }
    /* elimina paddings para mejor acomodo*/
    #headerMenuParent {
        padding: 0 0 8px 0px;
    }
    
   

    /* justificado central del container*/
    .header-menu > ul {
        text-align: center;
    }
    }
    @media (min-width: 1025px) and (max-width: 1305px){
    .header-menu > ul > li > a, .header-menu > ul > li > span {
        font-size: 90% !important;
    }
    }
    @media (min-width: 1850px) {
    .header-menu > ul > li > a, .header-menu > ul > li > span {
        font-size: 14px!important;
    }}
    /* justificado central del texto adentro del container*/
    .header-menu > ul > li > a, .header-menu > ul > li > span {
        text-align: center;
         text-transform: math-auto;
    }
    /* sin esto las fuentes no se ven*/
    .header-menu > ul {
        font-size: 100%;
    }
    .sub-header-center {
        width: 100%;
    }
    .header-logo {
        text-align: right;
    }
    /* terminan las modificaciones menu superior*/
    .cart .qty-input {
        width: 100px;
    }
    
    
    
    
    
    
    
    
    .shopping-cart-page .shipping-cost {
       display: none;
    }
    .billing-address-page .shipping-cost {
       display: none;
    }
    .shopping-cart-page .order-total {
       display: none;
    }
    .billing-address-page .order-total {
       display: none;
    }
    .cart th, .data-table th, .forums-table-section th {
        border: none !important;
        background: #999;
    }
    .cart th, .data-table th, .forums-table-section th {
        padding: 10px;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        font-family: 'Lato';
        padding-left: 10px;
        color: white !important;
        font-size: initial;
        font-weight: 100 !important;
    }
    .shopping-cart-page .common-buttons input, .shopping-cart-page .common-buttons a {
        max-width: none;
        margin: 0;
        border: 1.5px solid #626AEC;
        border-radius: 4px;
    }
    .cart td, .data-table td, .compare-products-table td, .forums-table-section td {
        border: white;
    }
    .shopping-cart-page .common-buttons {
       border: none;
    }
    .cart td, .data-table td, .compare-products-table td, .forums-table-section td {
        border: 1px none #ddd;
        border-bottom-color: rgb(221, 221, 221);
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }
    
    
    
    
    
    
    
    
    
    /* elimina breadcum en mobil*/
    @media only screen and (max-width: 768px) {
      .breadcrumb {
        display: none;
    }
    .shipping-method .method-list, .payment-method .method-list {
        text-align: left;
    }
    }
    /* quita espacio en blanco superior del editor */ 
    .master-wrapper-content{
        width: 100%;
        padding-top: 0px;
    }
    .breadcrumb {
        position: inherit;
        top: 0;
        left: 0;
        right: 0;
        padding: 20px 0;
        text-align: left;
        background: #f3f3f3;
    }
    .order-progress {
        margin: 0px 0 50px;
    }
     .page-title {
        margin-top: 70px;
    }
    .shopping-cart-page .page-title {
    }
    .search-page .page-title {
        margin-top: 0px;
        background: none;
        position: initial;
    }
    .manufacturer-page .page-title {
        margin-top: 0px;
        background: none;
        position: initial;
    }
    
    .account-page .page-title {
        margin-top: 0px;
        background: none;
        position: initial;
    }
    .topic-page .page-title {
        margin-top: 0px;
        background: none;
        position: initial;
    }
    .password-recovery-page .page-title {
        margin-top: 0px;
        background: none;
        position: initial;
    }
    .manufacturer-list-page .page-title {
        margin-top: 0px;
        background: none;
        position: initial;
    }
    .registration-page .page-title {
        margin-top: 0px;
        background: none;
        position: initial;
    }
    .product-tag-page .page-title {
        margin-top: 0px;
        background: none;
        position: initial;
    }
    .shipping-method-page .shipping-cost {
       display: none;
    }
    .order-details-page .page-title {
        margin-top: 0px;
        background: none;
        position: initial;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    /* quita espacio superior en productos*/ 
    .grid-navigation {
        display: none;}
    /* centra el container de los productos elimina espacio en blanco*/ 
    .center-2 {
        width: 100%;
    }
    /* cambia color de los cuadros de categoria y sub categoria a morado*/ 
    .item-box .title a {
        background: rgb(24 248 251 / 42%);
    }
    /* soluciona el error que se tapaban los atributos de color */ 
    .attribute-squares li:hover .tooltip-container {
        display: none;
    }
    .header-selectors-wrapper select {
        display: none;
    }
    /* oculta menu lateral*/ 
    .block {
     display: none;
    }
    /* oculta la columna antes del footer que contiene información acerca de la empresa */
    .about-us{
     display: none;
    }
    /* oculta la columna antes del footer que debería de contener los últimos tweets */
    .twitter{
     display: none;
    }
    /* oculta el icono de rss*/ 
    .social-sharing .rss {
      display: none;
    }
    /* oculta la columba completa de help*/ 
    .footer-middle-block.customer-services
    {
      display: none;
    }
    /* oculta solo el texto de metodo de pagos*/ 
    .footer-middle-block.opening-time .footer-menu {
        display: none !important;
    }
    /*Estilos para botón fabricantes*/
    .fabricantesBoton a {
        background-color: #646bd9;
        padding: 8px 12px;
        border: 1px solid;
        border-radius: 2px;
        font-family: normal 12px 'Lato', sans-serif;
        font-size: 12px;
        color: #ffffff; 
        text-decoration: none;
        font-weight: bold;
        display: inline-block;  
    }
    /*Cambiar texto de color para botón fabricantes*/
    .fabricantesBoton a:hover {
        color: #ffffff; 
    }
    /*Reduce espacio entre los elementos <a> de teléfono que se encuentran en el footer*/
    .footer-menu li.phone-fax a{
        padding-bottom: 0.02em;
    }
    /*Reduce espacio entre los elementos <a> de correo y website que se encuentran en el footer*/
    .footer-menu li.email-website a{
        padding-bottom: 0.02em;
    }
    /*Reduce espacio del header*/
    .header {
        margin-bottom: 2rem;
        margin-top: 1rem;
        width: 100%;

    }
    /*elimina el espacio abajo del menu*/
    .home-page-body .master-column-wrapper {
        margin-top: 0;
    }
    /*elimina el espacio abajo del menu en movil*/
    .responsive-nav-wrapper-parent {
        margin-bottom: 0px;
    }
    /*Reduce tamaño de logo en celular*/
    .header-logo {
        max-width:85%;
        margin: auto;
    }
    /*Ajsute de tamaño en el baner de mis empresas */
    .html-home-page .manufacturer-grid {
        width: 100%;
        height: 170px;
    }
    
    
  
    
    .nop-jcarousel .slick-list {
        padding: 10px 0 !important;
    }
    
    .page {
        margin: 0 0 10px;
    }
    
    .master-column-wrapper {
        margin: 30px auto 10px;
    }
    /* Agrega iconos al boton cerrar sesion y etc etc*/
    .ico-account{
        background-image: url(/images/uploaded/Mstore.png);
        background-repeat: no-repeat;
        padding-left: 30px !important;
        background-size: 20%;
        background-position-y: center;
    }
    .ico-login{
        background-image: url(/images/uploaded/Homepage/user.png);
        background-repeat: no-repeat;
        padding-left: 30px !important;
        background-size: 17%;
        background-position-y: center;
    }
    .ico-register{
       background-image: url(/images/uploaded/Homepage/newuser.png);
        background-repeat: no-repeat;
        padding-left: 30px !important;
        background-size: 24%;
        background-position-y: center;
        display: none !important; /*se dejó apagado pero con sus estilos*/
    }
    .ico-logout{
        background-image: url(/images/uploaded/cerrar_sesion.png);
        background-repeat: no-repeat;
        padding-left: 30px !important;
        background-size: 17%;
        background-position-y: center;
    }
    
    /* Acomodo del divisor que contiene etiqueta h3 y p */
    #newslatterDiv {
        display: inline-block;
        float: left;
        margin-right: 27%;
        width: 130%;
    }
    
    /* Acomodo de campo de texto y botón */
    .footer-upper-block.newsletter .newsletter {
        margin-left: 170%;
        width: 160%;
    }
    
    /* En caso de que sea dispositivo móvil se regresa todo a la normalidad */
    @media screen and (max-width:1024px){
        #newslatterDiv  {
            display: initial;
            float: initial;
            margin-right: initial;
            width: initial;
        }
    }
    
    /* En caso de que sea dispositivo móvil se regresa todo a la normalidad */
    @media screen and (max-width:1024px){
        .footer-upper-block.newsletter .newsletter{
            margin-left: initial;
            width: initial;
        }
    }
    .edit-item{
    color: #7d82ce;
    font-weight: bold;
    }
    
    div.shipping-options > div.shipping-options-header > div > div:nth-child(3) {
        display: none;
    }
    
    div.shipping-options > div.shipping-options-body > div:nth-child(1) > div:nth-child(3),
    div.shipping-options > div.shipping-options-body > div:nth-child(2) > div:nth-child(3),
    div.shipping-options > div.shipping-options-body > div:nth-child(3) > div:nth-child(3),
    div.shipping-options > div.shipping-options-body > div:nth-child(4) > div:nth-child(3) {
        display: none;
    }