/**************************************INDEX**********************************
- INDEX
- GENERAL
- EFFECTS
- HEADER
- FOOTER
- PRODUCT ARCHIVE
- PRODUCT DETAIL
- CHECKOUT
- REDSYS
- DEVICES
/**************************************GENERAL**********************************/
html, body{
    width: 100vw;
    overflow-x: hidden;
}
.home {
    background: #212529!important;
}
.home > div.w-100 > div.bg-dark {
    background: white!important;
}
.home > div.w-100 > div.bg-dark a{
    color: #212529!important;
}
.home header,
.home header #menu {
    background: #212529!important;
}
.home header .pixelstrap a, .home header .pixelstrap a:hover, .home header .pixelstrap a:active {
    color: white!important;
}
.home .brand-logo a h3.text-dark {
    color: red !important;
}
.home .pixelstrap ul {
    background: #212529!important;
}
.home .title.section-t-space h2.text-dark {
    color: white !important;
}
.home .category-block  a h2.text-white,
.home .category-block  a h2.text-dark {
    color: #e1e1e1 !important;
}
.home .category-row .category-col:last-child .category-block  a h2.text-white,
.home .category-row .category-col:last-child .category-block  a h2.text-dark {
    color: #5f5f5f !important;
}
.home #main-menu {
    background: #212529!important;
}
.home #main-menu .mobile-back {
    color: white !important;
}
.home #main-nav i {
    color: #ffffff !important;
    opacity: 1 !important;
}
.dark-layer{
    position: absolute;
    background: black;
    opacity: 0.1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.full {
    max-width: 100%;
    margin: 0;
    padding: 0;
}
.btn {
    font-family: "Jost", Sans-serif;
    font-weight: 400;
}
.btn-primary {
    background: black;
    border-color: black;
}
.btn-primary:hover {
    background: #898989;
    border-color: #898989;
}
.list-group-item.active {
    z-index: 2;
    color: #000;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, .125);
}
body.loading {
    position: relative;
}
body.loading::before {
    content: 'DANIEL ARNEDO';
    position: fixed;
    inset: 0;
    z-index: 9999999999999;
    background: white;
    font-size: 5rem;
    justify-content: center;
    align-items: center;
    display: flex;
}
footer .light-layout {
    background: #eee !important;
}
.home footer .light-layout {
    background: #212529 !important;
}
.home .footer-logo h2,
.home .footer-theme .sub-title h4,
.home .footer-theme .sub-title li a {
    color: white;
}
@media (max-width: 767px) {
    .hide-on-mobile {
        display: none !important;
    }
}
/**************************************EFFECTS**********************************/
.single-membership-table {
    background-color: #192e3f;
    padding: 35px 30px;
    border-radius: 5px;
    margin-bottom: 30px;
}
.single-membership-table .price {
    font-size: 50px;
    font-weight: bold;
    margin-top: 15px;
    color: #ff8758;
}
.single-membership-table .membership-header h3 {
    font-size: 25px;
    color: #ffffff;
    margin-bottom: 0;
    font-family: "Mulish", sans-serif;
}
.single-membership-table p {
    color: #ffffff;
    border-top: 1px solid #53626f;
    margin-bottom: 0;
    padding-top: 25px;
    margin-top: 22px;
}
.single-membership-table .membership-features-list {
    padding-left: 0;
    margin-top: 30px;
    margin-bottom: 0;
}
.single-membership-table .membership-features-list li {
    list-style-type: none;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    font-family: "Jost", sans-serif;
}
.single-membership-table .membership-btn {
    margin-top: 30px;
}
.fliping-image {
    margin-bottom: 30px;
    border-radius: 5px;
    position: relative;
    z-index: 9;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.fliping-image::before {
    width: 100%;
    content: '';
    position: absolute;
    height: 100%;
    background-color: #ff8758;
    left: 0;
    top: 0;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
}
.fliping-image::before {
    background-color: #192e3f;
}
.fliping-image .image {
    border-radius: 5px;
    position: relative;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.fliping-image .image img {
    width: 100%;
    border-radius: 5px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.fliping-image .image .number {
    position: absolute;
    left: 5px;
    bottom: 5px;
    display: inline-block;
    background-color: #192e3f;
    color: #ffffff;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    border-radius: 5px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.fliping-image .image .hover-number {
    position: absolute;
    left: 20px;
    top: 0;
    font-size: 65px;
    font-weight: bold;
    color: #ffffff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    margin-top: 10px;
}
.fliping-image .content {
    text-align: center;
    margin-top: 25px;
    position: relative;
    z-index: 1;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.fliping-image .content h3 {
    font-size: 25px;
    margin-bottom: 0;
}
.fliping-image .content span {
    font-size: 15px;
    color: #6b6b84;
    font-weight: 500;
    display: inline-block;
    margin-top: 12px;
}
.fliping-image .hover-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 52%;
    -webkit-transform: translateY(-52%);
    transform: translateY(-52%);
    text-align: center;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    opacity: 0;
    visibility: hidden;
    margin-top: 10px;
}
.fliping-image .hover-content h3 {
    font-size: 25px;
    margin-bottom: 0;
}
.fliping-image .hover-content h3 a {
    color: #ffffff;
}
.fliping-image .hover-content span {
    font-size: 15px;
    color: #ffffff;
    font-weight: 500;
    display: inline-block;
    margin-top: 12px;
}
.fliping-image:hover .hover-content {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}
.fliping-image:hover .content {
    opacity: 0;
    visibility: hidden;
}
.fliping-image:hover::before {
    opacity: 1;
    visibility: visible;
}
.fliping-image:hover .image img {
    opacity: 0;
    visibility: hidden;
}
.fliping-image:hover .image .number {
    opacity: 0;
    visibility: hidden;
}
.fliping-image:hover .image .hover-number {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}
.icontext-container {
    margin-bottom: 30px;
    text-align: center;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 28px 0 rgb(0 0 0 / 9%);
    box-shadow: 0 2px 28px 0 rgb(0 0 0 / 9%);
    padding: 35px 30px;
    border-radius: 5px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.icontext-container h3 {
    font-size: 25px;
    margin-bottom: 15px;
}
.icontext-container:hover {
    margin-top: -10px;
    margin-bottom: 40px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.team {
    margin-bottom: 30px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.team .image {
    position: relative;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.team .image .social {
    padding-left: 0;
    list-style-type: none;
    position: absolute;
    right: 25px;
    bottom: 45px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}
.team .content {
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 28px 0 rgb(0 0 0 / 9%);
    box-shadow: 0 2px 28px 0 rgb(0 0 0 / 9%);
    padding: 30px;
    border-radius: 0 0 5px 5px;
}
.team .image .social li:nth-child(1) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.team .image .social li:nth-child(2) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.team .image .social li:nth-child(2) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.team .image .social li:nth-child(2) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.team .image .social li:nth-child(2) {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.team .content h3 {
    margin-bottom: 0;
    font-size: 25px;
}
.team .content span {
    display: block;
    color: #ff8758;
    font-size: 16px;
    margin-top: 12px;
}
.team .image::before {
    content: '';
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    width: 95%;
    height: 95%;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    border: 2px solid #ff8758;
    border-radius: 5px;
}
.team .image img {
    border-radius: 5px 5px 0 0;
    width: 100%;
}
.team:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.team:hover .image .social li {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.blog {
    margin-bottom: 30px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    text-decoration: none;
    color: #192e3f;
}
.blog .blog-image {
    position: relative;
}
.blog .blog-image img {
    border-radius: 5px 5px 0 0;
    width: 100%;
}
.blog .blog-image .tag {
    position: absolute;
    right: 15px;
    bottom: -15px;

    display: inline-block;
    background-color: #ff8758;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 25px;
    border-radius: 30px;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.blog .blog-content {
    background-color: #ffffff;
    padding: 25px;
    -webkit-box-shadow: 0 2px 28px 0 rgb(0 0 0 / 9%);
    box-shadow: 0 2px 28px 0 rgb(0 0 0 / 9%);
    border-radius: 0 0 5px 5px;
}
.blog .blog-content .entry-meta {
    padding-left: 0;
    margin-bottom: 18px;
}
.blog .blog-content h3 {
    font-size: 25px;
    line-height: 1.5;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.blog .blog-content .blog-btn {
    margin-top: 25px;
}
.blog .blog-content .blog-btn .default-btn {
    background-color: #ffede5;
    color: #ff8758;
    font-weight: 600;
}
.blog .blog-content .entry-meta li {
    list-style-type: none;
    display: inline-block;
    font-size: 14px;
    color: #6b6b84;
    font-weight: 400;
    margin-right: 15px;
    position: relative;
    padding-left: 20px;
}
.blog:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.blog:hover .blog-content h3 {
    color: #ff8758;
}
.notdecor {
    text-decoration: none;
}
.title6 h2 {
    font-size: 22px;
    font-weight: 400;
}
/**************************************HEADER**********************************/
#menu.sticky{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: white;
    z-index: 99999;
    animation-name: menufixed;
    animation-duration: 0.5s;
}
.onhover-div.mobile-cart {
    position: relative;
}
#carticon, #searchicon {
    width: 20px !important;
    height: 20px !important;
    margin-top: -5px;
}
.home #carticon, .home #searchicon, .home #selector_lang {
    fill: white !important;
}
.home #selector_lang {
    color: white;
}
.cart-count-bubble {
    position: absolute;
    background-color: transparent;
    color: #000;
    height: 1.7rem;
    width: 1.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    font-weight: 500;
    top: 20px;
    left: -3px;
    line-height: calc(.8 + .1 / 1);
}
.home .cart-count-bubble {
    color: white !important;
}
.main-menu .menu-right .icon-nav {
    width: 80px;
}
#offcanvasCart .offcanvas-body{
    position: relative;
}
#offcanvasCart .offcanvas-body .cart-items{
    height: 90%;
    overflow-y: auto;
    background: white;
    z-index: 999;
}
#offcanvasCart .offcanvas-body .cart-totals {
    position: absolute;
    bottom: 0;
    width: 93%;
}
#offcanvasCart .offcanvas-body .cart-totals .total-estimado {
    text-transform: uppercase;
    font-weight: 500 !important;
    font-size: 22px;
}
.main-menu .menu-right .icon-nav li.mobile-search,
.main-menu .menu-right .icon-nav li.mobile-cart {
    padding-left: 0 !important;
}
#offcanvasCart .offcanvas-body .cart-items .item {
    width: 100%;
}
#offcanvasCart .offcanvas-body .cart-items .item .media{
    width: 100%;
}
#offcanvasCart .offcanvas-body .cart-items .item .media a.media-image {
    display: block;
    width: 34%;
}
#offcanvasCart .offcanvas-body .cart-items .item .media a.media-image img {
    width: 100%;
}
#offcanvasCart .offcanvas-body .cart-items .item .media .media-body {
    padding-left: 15px;
    position: relative;
}
#offcanvasCart .offcanvas-body .cart-items .item .media .media-body a {
    color: black;
}
#offcanvasCart .offcanvas-body .cart-items .item .media .media-body a h4 {
    font-size: 14px;
}
.remove_item {
    position: absolute;
    bottom: 0;
    right: 15px;
    color: black;
}
@keyframes menufixed {
    from {
      top: -60px;
    }
    to {
      top: 0;
    }
}
.main-menu .brand-logo {
    padding-top: 20px;
    padding-bottom: 0;
}
.pixelstrap a, .pixelstrap a:hover, .pixelstrap a:active,
.onhover-div {
    padding-top: 20px;
    padding-bottom: 20px;
}
.sm-horizontal .mobile-back,
.pixelstrap li a,
.pixelstrap li ul li a,
.pixelstrap > li > a:hover, .pixelstrap > li > a:focus, .pixelstrap > li > a:active {
    font-weight: 300 !important;
}
.home .toggle-nav {
    color: white;
    fill: white;
}
@media (max-width: 767px) {
    .sm-horizontal .mobile-back,
    .footer-title,
    .sm-horizontal {
        border: 0 !important;
    }
    .main-menu .menu-right > div:last-child {
        width: 60px !important;
        display: flex;
        align-items: center;
        padding-left: 10px;
    }
    .main-menu .menu-right .icon-nav .mobile-setting, .main-menu .menu-right .icon-nav .mobile-cart, .main-menu .menu-right .icon-nav .mobile-search {
        position: inherit;
    }
    .main-menu .menu-right .icon-nav {
        margin-top: -6px;
    }
    .main-menu .menu-right .icon-nav .mobile-cart {
        position: relative;
        right: 0;
        top: 0;
    }
    .cart-count-bubble {
        top: -5px;
    }
    .main-menu .menu-right {
        margin-top: -5px;
    }
    .toggle-nav svg{
        height: 25px !important;
        width: 25px !important;
        margin-top: -2px;
    }
    #menu header {
        padding-top: 8px;
    }
    .main-menu .menu-right .icon-nav .mobile-cart > div img {
        display: block;
    }
}
@media (min-width: 767px) {
    .main-menu {
        justify-content: flex-start;
    }
    .main-menu .menu-left {
        width: 300px;
    }
    .main-menu .menu-right {
        width: 100%;
    }
    .main-menu .menu-right #main-menu {
        display: flex;
        justify-content: space-between;
    }
    .main-menu .menu-right .icon-nav {
        width: 80px;
    }
    .main-menu .menu-right .pre-main-nave {
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .toggle-nav{
        text-align: end;
    }
    .extrabtns {
        display: flex;
        align-items: center;
    }
    .main-menu .menu-right .icon-nav {
        width: 50px;
    }
}
/**************************************FOOTER**********************************/
.subscribe h4 {
    font-size: 22px;
    font-weight: 400;
}
.footer-logo h2{
    font-size: 24px;
    font-weight: 400;
}
.footer-theme .sub-title h4 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
}
/**************************************PRODUCT ARCHIVE**********************************/
#filter.sticky{
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    background: white;
    z-index: 9999;
    animation-name: filterfixed;
    animation-duration: 0.5s;
}
@keyframes filterfixed {
    from {
      top: 0px;
    }
    to {
      top: 60px;
    }
}
.product-category .product-box .img-wrapper .front a {
    position: relative;
}
.product-category .product-box .img-wrapper .front a .prev {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 45px;
    cursor: pointer;
    color: #00000061;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-category .product-box .img-wrapper .front a .next {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 45px;
    cursor: pointer;
    color: #00000061;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-category .product-box .img-wrapper .front a img{
    display: none;
}
.product-category .product-box .img-wrapper .front a img.active{
    display: block;
}
.top-banner-content h1 {
    font-size: 18px;
}
.product-box .product-detail h4,
.product-box .product-info h4,
.product-wrap .product-detail h4,
.product-wrap .product-info h4 {
    font-size: 14px;
    font-weight: 300;
}
.product-box .product-detail h6, .product-box .product-info h6, .product-wrap .product-detail h6, .product-wrap .product-info h6 {
    text-transform: uppercase;
    font-size: 14px;
    color: black;
    padding-bottom: 0 !important;
    font-weight: 300;
}
.product-box .product-detail .familia, .product-box .product-info .familia, .product-wrap .product-detail .familia, .product-wrap .product-info .familia {
    font-size: 14px;
    color: black;
    font-weight: 300;
    margin-top: 0px !important;
    margin-bottom: 5px !important;
}
.product-box .product-info .add-btn, .product-wrap .product-info .add-btn {
    font-size: 14px !important;
    font-weight: 300;
    margin-top: -5px;
}
.product-style-2.product-box .product-info .add-btn, .product-style-2 .product-wrap .product-info .add-btn {
    bottom: -5px;
}
.product-style-2.product-box .product-info .add-btn .tallas-wrap span,
.product-style-2 .product-wrap .product-info .add-btn .tallas-wrap span{
    padding-right: 10px;
}
.product-box:hover .product-info h4 {
    visibility: hidden !important;
    transition: none !important;
}
.product-style-2.product-box .product-info .add-btn a, .product-style-2 .product-wrap .product-info .add-btn a{
    color: black !important;
    font-size: 14px !important;
}
.collection-product-wrapper .product-wrapper-grid .product-box {
    margin-top: 0 !important;
    margin-bottom: 50px !important;
}
.ratio_asos .bg-size:before {
    display: none !important;
}
.ar-image{
    aspect-ratio: 1 / 1.2 !important;
    object-fit: cover !important;
}
.image-swatch-demo li {
    width: fit-content;
}
.product-style-2.product-box .product-info .color-variant, .product-style-2 .product-wrap .product-info .color-variant {
    position: static;
    display: flex;
    justify-content: start;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 10px;
}
.product-info ul.color-variant li,
.color-variant li {
    border-radius: 0 !important;
    position: relative;
    margin: 0 !important;
}
.product-info ul.color-variant li div.list-color {
    width: 18px !important;
    height: 18px !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.list-color .square{
    border: 1px silver solid;
    width: 12px !important;
    height: 12px !important;
}
.product-info .color-variant li.active:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 12px;
    border-bottom: 1px black solid;
    left: -1px;
    bottom: 5px;
}
.product-right .color-variant li.active:after {
    content: "";
    background-image: none;
    top: 18px;
    left: -2px;
    height: 1px;
    width: 17px;
    position: absolute;
    border-bottom: 1px black solid;
}
@media (max-width: 767px) {
    .product-style-2.product-box .product-info .color-variant, .product-style-2 .product-wrap .product-info .color-variant {
        top: -30px;
        left: 5px;
    }

    .product-category .color-variant {
        /* display: none; */
        /* pointer-events: none; */
    }
    #filter.sticky{
        top: 45px;
    }
    @keyframes filterfixed {
        from {
          top: 0px;
        }
        to {
          top: 45px;
        }
    }
}
/**************************************PRODUCT DETAIL**********************************/
.product-detail h1 {
    font-size: 18px;
    font-weight: 400;
}
.product-detail .price-detail {
    font-size: 18px;
    font-weight: 400;
}
.product-detail .nombreinterno {
    font-size: 14px;
    font-weight: 300;
}
.product-detail .pro_sticky_info {
    border: none !important;
}
.product-detail .btn-compra {
    font-size: 18px;
    font-weight: 400;
}
.product-right .color-variant li {
    height: 15px;
    width: 15px;
    cursor: pointer;
    border: silver 1px solid;
    margin-right: 15px !important;
}
.product-right .price-detail del,
.product-right .price-detail del span {
    font-size: 14px;
    color: #aaaaaa;
    font-weight: 400 !important;
}
.product-right .price-detail ins,
.product-right .price-detail ins span {
    font-size: 14px !important;
    color: #000;
    font-weight: 400 !important;
}
.product-right .price-detail span {
    padding-left: 0 !important;
}
@media (max-width: 767px) {
    #detailform {
        position: fixed;
        bottom: 0;
        z-index: 9999;
        background: white;
        padding-bottom: 15px;
        padding-top: 15px;
        border-top: 1px silver solid;
    }
    .product-right .border-product {
        padding: 0;
    }
    .main-info {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .product-detail .mobile-fix-option,
    .product-detail .mobile-search {
        display: none;
    }
    #selectSize .size-box {
        display: none;
    }
}
/**************************************CHECKOUT**********************************/
.carrito h2.display-5 {
    color: #212529 !important;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0.03em;
}
.carrito #aplica-cupon {
    height: 37px;
}
.carrito .minus,
.carrito .qty,
.carrito .plus {
    background: white;
    border: none;
    font-size: 20px;
    width: fit-content;
    text-align: center;
    font-weight: 300;
    color: black;
}
.carrito .breadcrumb .breadcrumb-item a {
    color: black;
}
.carrito .border-dark{
    border-color: #dfdfdf !important;
}
.carrito label {
    color: #cccccc;
    font-size: 12px;
}
.carrito .select2-selection {
    height: 37px !important;
    border: 1px solid #ced4da !important;
}
.carrito .select2-selection__rendered {
    line-height: 37px !important;
}
.gastoenvio-output {
    font-weight: 100;
    font-size: 14px;
}
.total-title h4 {
    margin-bottom: 0 !important;
}
.total-title h4 b{
    font-weight: 400  !important;
    font-size: 14px  !important;
    color: black  !important;
}
.total-output h4 b {
    font-weight: 500;
    font-size: 26px;
}
.carrito .select2-results__options .select2-results__option {
    width: 100%;
}
.carrito #cupon-wrap {
    display: none;
}
.carrito #main > .container {
    min-height: 100vh;
}
.carrito #main > .container > .row {
    height: 100%;
}
.carrito #main > .container > .row > form {
    height: 100%;
}
/**************************************REDSYS**********************************/
.redsys h1 {
    font-weight: 300 !important;
    color: black !important;
}
/**************************************DEVICES**********************************/
@media (max-width: 767px) {
    .product-style-2.product-box .product-info .add-btn, .product-style-2 .product-wrap .product-info .add-btn {
        bottom: -25px;
    }
    .extrabtns {
        position: fixed;
    }
    .brand-logo {
        position: absolute;
        left: 0;
        margin-right: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .brand-logo,
    #main-nav .toggle-nav {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    #detailform .nombreinterno {
        margin: 0 !important;
        font-size: 12px !important;
    }
    #detailform .main-info .price-detail {
        margin: 0 !important;
    }
    footer .light-layout {
        background: #212529 !important;
    }
    footer h4,
    footer h2,
    footer a {
        color: white !important;
    }
}