body {
    min-height: 1200px
}

.sticky.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1001;
    width: 100%
}

.header-mobile>#rp3store-mobile-menu {
    position: fixed;
    right: 0;
    bottom: 100%;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

@media screen and (min-width:992px) {
    .header-mobile {
        display: none
    }

    #mobile-search-bar {
        display: none
    }

    #search-box-menu {
        display: none
    }

    .rp3store-menu-desktop {
        z-index: 99;
        width: 100%;
        background-color: #f5f5f5;
    }

    .rp3store-menu-desktop .wrapper {
        position: relative;
        padding: 0 30px;
        min-height: 40px;
        line-height: 40px;
        margin: auto;
        display: grid;
        align-items: center;
        justify-content: center
    }

    .rp3store-menu-desktop .wrapper .logo a {
        color: #f2f2f2;
        font-size: 30px;
        font-weight: 600;
        text-decoration: none
    }

    .rp3store-menu-desktop .wrapper .nav-links {
        display: inline-flex;
        margin: 0;
        padding: 0;
        min-height: 40px
    }

    .rp3store-menu-desktop .nav-links li {
        list-style: none
    }

    .rp3store-menu-desktop .nav-links .dropdown {
        position: unset
    }

    .rp3store-menu-desktop .nav-links li a {
        text-decoration: none;
        font-family: Red Hat Display;
        font-size: 11px !important;
        color: #182849;
        padding: 9px 15px;
        border-radius: 0;
        transition: all .3s ease
    }

    .rp3store-menu-desktop .nav-links .sub-menu.sub-menu {
        line-height: 30px;
        padding: 0
    }

    .rp3store-menu-desktop .nav-links .mega-menu ul .sub-menu.sub-menu a {
        color: #7a7b7a;
        line-height: 20px
    }

    .rp3store-menu-desktop .nav-links .mega-menu ul .dropdown-mega-menu:hover, .rp3store-menu-desktop .nav-links .mega-menu ul .sub-menu.sub-menu a:hover {
        text-decoration: underline
    }

    .rp3store-menu-desktop .nav-item .see-more {
        color: #E13A4A!important
    }

    .rp3store-menu-desktop .nav-links>.nav-item:not(.mega-menu) .sub-menu.sub-menu {
        padding-top: 20px;
        padding-left: 5px;
        position: absolute;
        background-color: #fff;
        padding-bottom: 20px;
        border-width: thin;
        border-style: solid;
        border-color: #ededed
    }

    .rp3store-menu-desktop .nav-links li>a {
        color: #4d4d4d;
        display: block;
        font-size: 1rem;
        font-weight: 400;
        padding-left: 1.0416666667rem;
        padding: 0 1.0416666667rem;
        position: relative;
        width: 100%
    }

    .rp3store-menu-desktop .nav-links>li>a {
        font-weight: 500 !important;
        text-transform: uppercase;
        color: #182949;
        letter-spacing: 1px
    }

    .rp3store-menu-desktop .nav-links .mega-menu ul .dropdown-mega-menu {
        color: #182849;
        font-weight: 500;
        text-transform: uppercase
    }

    #rp3-header {
        background-color: #fff;
        width: 100%
    }

    .rp3store-menu-desktop .nav-links>li>a:not(.customize-link):after {
        background: none repeat scroll 0 0 transparent;
        bottom: 0;
        content: "";
        display: block;
        height: 2px;
        left: 50%;
        position: absolute;
        background: #E13A4A;
        transition: width .3s ease 0s, left .3s ease 0s;
        width: 0
    }

    .rp3store-menu-desktop .active:not(.content-sub-menu li){
        border-bottom-style: solid!important;
        border-bottom-color: #E13A4A!important;
        border-bottom: 2px;
        height: 40px;
    }

  .rp3store-menu-desktop .nav-links>li>a:active {
        visibility: visible;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
      }

     .rp3store-menu-desktop .nav-links>li>a:hover:after {
        width: 100%;
        left: 0
    } 

   

    .rp3store-menu-desktop .nav-links .mobile-item {
        display: none
    }

    .rp3store-menu-desktop .nav-links .content-sub-menu {
        line-height: 45px;
        top: 85px;
        opacity: 0;
        visibility: hidden;
        margin: 0;
        padding: 0
    }

    .rp3store-menu-desktop .nav-links li:hover .content-sub-menu, .rp3store-menu-desktop .nav-links li:hover .mega-box {
        transition: all .3s ease;
        top: 40px;
        opacity: 1;
        visibility: visible
    }

    .rp3store-menu-desktop .nav-links li:hover.mega-menu>.content-sub-menu {
        background: #fff
    }

    .rp3store-menu-desktop .sub-menu li li {
        padding-bottom: 10px
    }

    .rp3store-menu-desktop .sub-menu li a {
        width: 100%;
        display: block;
        font-weight: 400;
        border-radius: 0;
        letter-spacing: 1px
    }

    .rp3store-menu-desktop .mega-menu>.content-sub-menu {
        position: absolute;
        left: 0;
        width: 100%;
        top: 85px;
        min-height: 200px;
        opacity: 0;
        padding: 25px 50px;
        display: grid;
        visibility: hidden;
        flex-wrap: wrap;
        justify-content: center
    }

    .rp3store-menu-desktop .mega-menu>.content-sub-menu>.sub-menu>.nav-item, .rp3store-menu-desktop .mega-menu>.content-sub-menu>.sub-menu>.row>.ss>.sub-menux>.nav-item {
        width: 180px;
        margin: 24px 0 10px 32px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .row>.image-menu {
        top: 85px;
        display: block;
        justify-content: center;
        align-items: center
    }

    .rp3store-menu-desktop .mega-menu>.content-sub-menu>.sub-menu>.row>.ss>.sub-menux {
        height: 500px;
        opacity: 1;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-radius: 5px;
        position: relative;
        max-height: calc(85vh - 200px);
        overflow-y: auto;
        overflow-x: hidden
    }

    .rp3store-menu-desktop .mega-menu>.content-sub-menu>.sub-menu {
        height: auto;
        opacity: 1;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-radius: 5px;
        position: relative;
        max-height: calc(100vh - 200px)
    }

    .rp3store-menu-desktop .mega-menu>.content-sub-menu>.sub-menu-brand {
        height: auto;
        opacity: 1;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-radius: 5px;
        position: relative;
        max-height: calc(100vh - 200px)
    }

    .rp3store-menu-desktop .mega-menu>.content-sub-menu>.sub-menu>.row {
        max-width: 100%;
        width: unset
    }

    .rp3store-menu-desktop .mega-menu>.content-sub-menu>.sub-menu-brand>.row {
        max-width: 100%;
        width: unset
    }

    .ss {
        display: flex;
        flex-wrap: wrap
    }

    .ss>a {
        display: flex;
        flex-wrap: wrap;
        flex: 0 0 20%;
        height: 110px;
        width: 190px
    }

    .ss>a>.image-logo {
        height: 64px;
        width: 170px;
        display: block;
    	max-width: none;
    }
}

@media screen and (max-width:991px) {
    #responsive-menu {
        display: none
    }

    #rp3-header {
        background-color: #fff;
        width: 100%
    }

    .menu-movile-link a:link {
        color: #000
    }

    .header-mobile a {
        display: block;
        width: 28px;
        height: 18px;
        padding: 110px;
        margin: 5px;
        position: absolute;
        top: 0;
        left: 0;
        text-decoration: none
    }

    .header-mobile a:after, .header-mobile a:before {
        content: '';
        display: block;
        background: #000;
        height: 2px;
        text-decoration: none
    }

    .header-mobile a span {
        background: #000;
        display: block;
        height: 2px;
        margin: 6px 0;
        text-decoration: none
    }

    .mm-ocd {
        --mm-ocd-width: 100%;
        top: 90px
    }

    .sub-menu .mm-spn--open {
        width: 100%
    }

    .sub-menu .mm-spn ul.mm-spn--parent {
        left: 0;
        overflow-y: hidden
    }

    .mm-spn--navbar:after {
        background-color: #000;
        color: #fff;
        opacity: 1
    }
}

.fade {
    display: none
}

.show {
    display: block !important
}