*{-webkit-font-smoothing: antialiased;}
a{transition: all 0.2s ease-in;}
.columns{display: flex;}
.col{width: 50%;}
.content-wrapper{width: 91%;margin: 0 auto;}
.mobile-menu, .apps-two, .vertical-name{display: none;}
.showif{display:none !important;}

header{
    width: 100%;
    padding: 10px 0 3px 0;
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.25);
    position: relative;
    font-family: 'nimbus-sans-condensed', sans-serif;
    font-weight: 400;
}
header a{font-family: 'nimbus-sans-condensed', sans-serif;font-weight: 400;font-style:normal;}
.smoothieking-logo{display: block;width: 83px;padding-bottom: 10px;}
.nav-topRow{text-align: right;margin-bottom: 10px;}
.nav-topRow a, .nav-topRow .apps{
    text-decoration: none;
    display: inline-block;
    color: #e31b23;
    margin-right: 2.1rem;
    position: relative;
    font-size: 18px;
}
.nav-topRow a i, .nav-topRow .apps i{padding-right: 3px;}
.nav-topRow .order-btn{
    color: #fff;
    background-color: #e31b23;
    padding: 6px 1.3rem 6px;
    border-radius: 30px;
}
.nav-topRow .order-btn i{font-size: 1.5rem;}
.nav-topRow .apps .submenu{
    z-index: 5;
    position: absolute;
    top: 25px;
    left: 9px;
    padding: 1rem;
    display: none;
    background-color: #f7f7f7;
    box-shadow: 0 7px 5px -5px rgba(0,0,0,0.25);
}
.nav-topRow .apps .submenu a{display: block;margin: 0 auto;}
.nav-topRow .apps .submenu a:first-of-type{width: 125px;margin-bottom: 5px;}
.nav-topRow .apps .submenu a:last-of-type{width: 127px;}
.nav-bottomRow{display: flex;justify-content: space-between;align-items: center;}
.nav-bottomRow ul li{
    display: inline-block;
    margin-right: 1.6rem;
    padding-bottom: 8px;
    position: relative;
    cursor: pointer;
}
.nav-bottomRow ul li:last-child{margin-right: 0;}
.nav-bottomRow ul li a{color: #000;text-decoration: none;}
/* .nav-bottomRow ul li span{pointer-events: none;} */
.nav-bottomRow ul li span i{padding-left: 3px;}
.nav-bottomRow ul .search-icon{
    background-color: #f3f4f5;
    color: #000;
    text-decoration: none;
    display: inline-block;
    padding: 10px 13px;
    transition: all 0.3s ease-in;
}
.nav-bottomRow .submenu{
    display: none;
    position: absolute;
    top: 37px;
    left: -50px;
    width: 225px;
    background-color: #fff;
    box-shadow: 0 7px 5px -5px rgba(0,0,0,0.25);
}
.nav-bottomRow ul li .sub-submenu{
    display: none;
    z-index: -10;
    position: absolute;
    top: 0;
    left: 0;
    width: 250px;
    padding: 1rem;
    background-color: #f3f4f5;
    box-shadow: 0 7px 5px -5px rgba(0,0,0,0.25);
}
.nav-bottomRow .submenu a{margin-bottom: 5px;display: block;padding: 10px 0 10px 15px;}
.nav-bottomRow .submenu a:last-of-type{margin-bottom: 0;}
.show-innerMenu{z-index: 25 !important;left: 223px !important;display: block !important;}

.show-SubMenu{display: block !important;}

/* ----- FOOTER ----- */
footer{width: 100%;}
footer h4{font-family: 'nimbus-sans-condensed', sans-serif;font-weight: 400;font-size: 1.625rem;}
footer .smoothieking-logo{width: 6.25rem;}
.footer-topRow{background-color: #dadfe1;padding: 4.813rem 0 4.125rem 0;}
.footer-bottomRow{
    background-color: #000;
    padding: 1rem 0;
    color: #fff;
    font-size: 0.85rem;
}
.footer-topRow .social-links{margin-top: 2rem;}
.footer-topRow .social-links h4{margin-bottom: 10px;font-size: 1rem;font-family: 'Montserrat', sans-serif;}
.footer-topRow .social-links a{
    color: #000;
    display: inline-block;
    text-decoration: none;
    border-radius: 60px;
    padding: 10px 16px;
    background-color: #fff;
    margin-right: 10px;
    font-size: 1.25rem;
}
.footer-topRow .social-links a:last-of-type{margin-right: 0;}
.footer-topRow .columns, .footer-bottomRow .columns{justify-content: space-between;align-items: flex-start;}
.footer-topRow .col:last-of-type{display: flex;align-items: flex-start;}
.footer-topRow .col:last-of-type ul:first-of-type{margin-right: 4rem;}
.footer-topRow .col:last-of-type ul li{margin-bottom: 7px;}
.footer-topRow .col:last-of-type ul li:first-child{margin-bottom: 1rem;}
.footer-topRow .col:last-of-type ul li:last-child{margin-bottom: 0;}
.footer-topRow .col:last-of-type ul li a{color: #000;text-decoration: none;}
.copy-links a{color: #fff;text-decoration: none;}
.copy-links span{padding: 0 3px;}

@media (max-width: 1150px){
    .nav-bottomRow ul li{margin-right: 0.9rem;}
}
@media (min-width: 1171px){
    /* .nav-bottomRow ul li:hover .submenu, .nav-topRow .apps:hover .submenu{display:block !important;} */
    .sub-backBtn{display: none;}
}
@media (min-width: 820px){
    .main-navLinks{padding-top: 5px;}
    .nav-topRow .order-btn{margin-right: 10px;}
    .nav-bottomRow .submenu a:hover{background-color: #f3f4f5;}
    .nav-bottomRow ul li:hover{border-bottom: 3px solid #e31b23;}
    .footer-topRow .columns .col:last-of-type a:hover{text-decoration: underline;}
}
@media (max-width:1170px){
    .nav-topRow .apps{display: none;}
    .apps-two{
        display: block;
        margin: 5rem 0 1.5rem 0;
        width: 100%;
        text-align: center;
        position: absolute;
        left: 0;
        bottom: 4.5rem;
    }
    .vertical-name{
        display: block;
        color: #e31b23;
        font-family: 'nimbus-sans-condensed', sans-serif;
        font-size: 2.25rem;
        font-style: italic;
        position: absolute;
        font-weight: 900;
        bottom: 25%;
        left: -1%;
        z-index: 26;
        transform: rotate(270deg);
    }
    .apps-two span{color: #e31b23;margin-bottom: 10px;display: block;}
    .apps-two a{display: inline-block;}
    .apps-two a:first-of-type{width: 145px;margin-right: 1rem;}
    .apps-two a:last-of-type{width: 166px;}

    .nav-bottomRow .main-navLinks{
        display: none;
        z-index: 5;
        padding-top: 1rem;
        position: absolute;
        top: 120px;
        /* height: 100vh; */
        min-height: 575px;
        height: calc(100vh - 150px);
        left: 0;
        width: 100%;
        flex-direction: column;
        align-items: flex-end;
        background-color: #fff;
        box-shadow: 0 7px 5px -5px rgba(0,0,0,0.25);
    }
    .display-navLinks{display: flex !important;}
    .mobile-menu{display: block;padding: 1.5rem 7px;z-index: 10;}
    .hamburger-icon{
        position: relative;
        display: block;
        width: 1.75rem;
        pointer-events: none;
    }
    .hamburger-icon,
    .hamburger-icon::before,
    .hamburger-icon::after{
        height: 2px;
        background: #e31b23;
        border-radius: 30px;
        transition: transform 200ms ease-in-out, opacity 200ms linear;
    }
    .hamburger-icon::before,
    .hamburger-icon::after{ content: '';position: absolute;right: 0; }
    .hamburger-icon::before{bottom: 9px;width:1rem}
    .hamburger-icon::after{top: 9px;width: 0.5rem;}
    .animate{ transform: rotate(45deg); }
    .animate::before{ opacity: 0; }
    .animate::after{ transform: rotate(90deg) translate(-9px);width: 1.75rem; }

    .nav-bottomRow ul li{margin-bottom: 1rem;font-size: 1rem;position: static;}
    .title-links i{pointer-events: none;}
    #parent-innerMenu i{transform: rotate(90deg);}
    .nav-bottomRow .submenu{
        position: absolute;
        top: 10px;
        /* left: -255px; */
        left: inherit;
        right: 12px;
        z-index: 25;
        background-color: #fff;
        height: calc(100vh - 400px);
        /* width: 550px; */
        width: 95vw;
        text-align: right;
        box-shadow: none;
    }
    .nav-bottomRow .submenu a{padding: 10px 0;}
    .nav-bottomRow ul li .sub-submenu{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: auto;
        height: 100%;
        padding: 0;
        box-shadow: none;
        background-color: #fff;
        overflow-y: scroll;
    }
    .show-innerMenu{left: 0 !important;}
    
    .nav-bottomRow ul .search-icon{
        text-align: center;
        width: 100%;
        font-size: 1.25rem;
        padding: 13px 0;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .sub-backBtn{
        color: #000;
        font-size: 1rem;
        position: absolute;
        top: 0;
        left: 0;
        padding: 8px 10px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
    }
    .sub-backBtn i{pointer-events: none;padding-right: 10px;}
}
@media screen and (max-width:1000px) and (max-height: 425px){
    /*.nav-bottomRow .submenu{height: calc(100vh - 100px) !important;}*/
    .nav-bottomRow .submenu{height: calc(100vh - 30px) !important;}
}
@media (max-width: 660px){
    .footer-topRow .columns, .footer-bottomRow .columns{flex-direction: column;}
    .footer-topRow .columns .col:first-of-type{margin-bottom: 2rem;width: 100%;}
    .footer-topRow .col:last-of-type{flex-direction: column;}
    .footer-topRow .col:last-of-type ul:first-of-type{margin-right: 0;margin-bottom: 2rem;}
    .footer-bottomRow{padding: 10px 0;}
    .footer-bottomRow .columns{align-items: center;}
    .footer-bottomRow .columns p{margin-bottom: 5px;}
}
@media (max-width: 480px){
    .title-links, .nav-bottomRow .submenu a{font-size: 16px;}
    .sub-backBtn{font-size: 1.2rem;}
    .nav-topRow a, .nav-topRow .apps{font-size: 14px;}
    .apps-two a:first-of-type{width: 130px;}
    .apps-two a:last-of-type{width: 145px;}
    .location-info{flex-direction: column;}
    .location-city{display: block;margin-bottom: 8px;}
    .location-info p span{display: none;}
    .vertical-name{bottom: 45%;left: -7%;}
}