@font-face {
    font-family: manrope;
    src: url(font/manrope/Manrope-VariableFont_wght.ttf);
}
.navbar {
    font-size: 15px;
    font-family: manrope;
}
.navbar .btn-cart {
    position: relative;
}
.navbar .ico-cart {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 23px;
}
@media (min-width: 992px) {
    .navbar {
        position: absolute;
        top: 0;
        left: 0;
        height: 90px;
        z-index: 9;
        width: 100%;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
}
.sk-btn:hover {
    color: unset;
}
.sk-btn-xs {
    font-size: 15px;
    padding: 15px 55px;
    border-radius: 31px;
}
.sk-btn-md {
    font-size: 18px;
    padding: 13px 55px;
    border-radius: 31px;
    min-width: 312px;
}
@media (max-width: 312px) {
    .sk-btn-md {
        min-width: unset;
        width: 100%;
    }
}
.sk-btn-brown {
    color: #fff;
    background: #A48B78;    
}
.sk-btn-brown:hover {
    color: #fff;
    background: #b68a68;
}
.sk-btn-black {
    color: #fff;
    background: #3E3A39;
}
.sk-btn-black:hover {
    color: #fff;
    background: #2a2727;
}
.sk-btn-dark {
    color: #fff;
    background: #3B1919;
}
.sk-btn-dark:hover {
    color: #fff;
    background: #4d1919;
}
@media (max-width: 991px) {
    .sk-btn-md {
        font-size: 15px;
    }
}

/* footer */
footer .logo-footer {
    text-align: right;
    padding: 0 125px;
}
footer .footer {
    padding: 15px 1rem 30px;
    margin: 0 auto;
    max-width: 1584px;
    color: #3E3A39;
}
footer .copy-right {
    font-size: 12px;
    height: 12px;
    color: rgb(113 122 131 / 50%);
}
footer .footer-menu {
    margin: 0px 20px 14px 20px;
    font-size: 15px;
}
footer .footer-menu:last-child {
    margin-right: unset;
}
footer .footer-menu a {
    color: #3E3A39;
}
@media (max-width: 1199px) {
    footer .footer .left, .footer .right {
        width: 100%;
        justify-content: center;
    }
}
@media (max-width: 767px) {
    footer .logo-footer {
        text-align: center;
    }
    footer .footer-menu {
        margin: 0px 16px 14px 16px;
    }
}
.ec-orderRole .ec-orderRole__summary_sk {
    width: 100%;
}
@media only screen and (min-width: 768px) {
    .ec-orderRole .ec-orderRole__summary_sk {
        width: 33.33333%;
        padding: 0 16px;
    }
}