@font-face {
    font-family: 'Trade Gothic';
    src: url("../fonts/trade-gothic-lt-std-extended.otf") format("opentype");
    font-weight: 100;
}

@font-face {
    font-family: 'Perpetua-Titling-MT-W04-Regular';
    src: url("../fonts/Perpetua-Titling-MT-Std-Regular.otf") format("opentype");
    font-weight: 100;
}

@font-face {
    font-family: 'Perpetua-Titling-MT-Light';
    src: url('../fonts/Perpetua-Titling-MT-Light.woff2') format('woff2');
}

.page-header .icon-search .icon:before {
    width: 21px;
    height: 22px;
    content: "";
    display: inline-block;
    vertical-align: bottom;
    background-image: url(../images/seaside-search.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 15px;
}

.mb-search-top .icon-search .icon:before {
    width: 21px;
    height: 22px;
    content: "";
    display: inline-block;
    vertical-align: bottom;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 15px;
}

.page-header .login-icon .icon:before {
    width: 21px;
    height: 22px;
    content: "";
    display: inline-block;
    vertical-align: bottom;
    background-image: url(../images/seaside-panel-user.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.page-header a.icon-logout .icon:before {
    width: 21px;
    height: 22px;
    content: "";
    display: inline-block;
    vertical-align: bottom;
    background-image: url(../images/seaside-panel-logout.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.page-header .menu-icon span:before {
    width: 30px;
    height: 30px;
    content: "";
    display: inline-block;
    vertical-align: bottom;
    background-image: url(../images/seaside-menu.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 5px;
    padding-top: 0px;
    position: relative;
    top: -3px;

}

.page-header .menu-icon span.active:before {
    width: 25px;
    background-image: url(../images/seaside-close.png);
}

.mb-arrow {
    width: 23px;
    height: 23px;
    content: "";
    display: inline-block;
    vertical-align: bottom;
    background-image: url(../images/down-arrow.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.header-contact a:before {
    width: 24px;
    height: 25px;
    content: "";
    display: inline-block;
    vertical-align: bottom;
    background-image: url(../images/white-shopping-bag.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 15px;
}

.icon-minicart .icon:before {
    width: 24px;
    height: 25px;
    content: "";
    display: inline-block;
    vertical-align: bottom;
    background-image: url(../images/shopping-bag.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.page-header .header-top-panel .login-icon .icon:before {
    background-image: url(../images/seaside-panel-user.png);
}

.page-header .header-top-panel a.icon-logout .icon:before {
    background-image: url(../images/seaside-panel-logout.png);
}

.cms-riverside .page-header .menu-icon span.active:before {

    background-image: url(../images/close-menu.svg);
}

.cms-riverside .page-header .menu-icon span:before {
    background-image: url(../images/menu.svg);
    width: 30px;
    height: 30px;
}

.cms-riverside .page-header .login-icon .icon:before {
    background-image: url(../images/login.svg);
    width: 30px;
    height: 30px;
}

.cms-riverside .page-header a.icon-logout .icon:before {
    background-image: url(../images/logout.svg);
}

.cms-riverside .header-contact a:before {
    background-image: url(../images/seaside-panel-contact.png);

}

.cms-riverside .page-header .icon-search .icon:before {
    background-image: url(../images/search.svg);
}

.item.seaside-buffer {
    background-image: url(../images/seaside_collection.png);
}

.item.riverside-buffer {
    background-image: url(../images/riverside_collection.png);
}

@media screen and (min-width: 2000px) {
    .icon-minicart .counter.qty:not(.empty) {
        line-height: 12px;
    }

}