@import url("https://p.typekit.net/p.css?s=1&k=fmj4dwl&ht=tk&f=28169.39182.39183.39184.39187.44884.44887.44894.44897.45271.45272&a=89113516&app=typekit&e=css");

@font-face {
    font-family: "baileywick-jf-gothic";
    src: url("https://use.typekit.net/af/44d472/00000000000000007735b3ee/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/44d472/00000000000000007735b3ee/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/44d472/00000000000000007735b3ee/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "calibri";
    src: url("https://use.typekit.net/af/bdd682/00000000000000007735bbe9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/bdd682/00000000000000007735bbe9/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/bdd682/00000000000000007735bbe9/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family: "calibri";
    src: url("https://use.typekit.net/af/9bc41b/00000000000000007735bbeb/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/9bc41b/00000000000000007735bbeb/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/9bc41b/00000000000000007735bbeb/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family: "calibri";
    src: url("https://use.typekit.net/af/cfc06a/00000000000000007735bbef/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/cfc06a/00000000000000007735bbef/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/cfc06a/00000000000000007735bbef/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "calibri";
    src: url("https://use.typekit.net/af/5c4f69/00000000000000007735bbfb/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/5c4f69/00000000000000007735bbfb/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/5c4f69/00000000000000007735bbfb/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "alternate-gothic-atf";
    src: url("https://use.typekit.net/af/5ab2eb/00000000000000007735c741/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/5ab2eb/00000000000000007735c741/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/5ab2eb/00000000000000007735c741/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "alternate-gothic-atf";
    src: url("https://use.typekit.net/af/889bfc/00000000000000007735c752/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/889bfc/00000000000000007735c752/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/889bfc/00000000000000007735c752/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family: "alternate-gothic-atf-thin";
    src: url("https://use.typekit.net/af/8f3cca/00000000000000007735c744/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff2"),url("https://use.typekit.net/af/8f3cca/00000000000000007735c744/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff"),url("https://use.typekit.net/af/8f3cca/00000000000000007735c744/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 100;
    font-stretch: normal;
}

:root {
    /*Border Primary */
    --border-primary-color: hsl(356,68%,10%);
    --border-primary-color-outline: hsl(348,28%,25%);
}


.tk-baileywick-jf-gothic {
    font-family: "baileywick-jf-gothic",sans-serif;
}

.tk-calibri {
    font-family: "calibri",sans-serif;
}

.tk-alternate-gothic-atf {
    font-family: "alternate-gothic-atf",sans-serif;
}

.tk-alternate-gothic-atf-thin {
    font-family: "alternate-gothic-atf-thin",sans-serif;
}

html {
    height: 100%;
    background-color: #d1d2d4;
    font-family: Calibri;
}

.glyphicon {
    font-family: "Glyphicons Halflings" !important;
}

/*input:focus,
#btnempty:focus,
#btncontinueshopping:focus,
input.ui-autocomplete-input:focus,
#submitOrderForm:focus,
button.btn-primary:focus {
    outline-color: #512e35 !important;
    outline-offset: -3px !important;
*/}

input[type="button"]:focus {
    outline-color: #512e35 !important;
    outline-offset: -3px !important;
    outline-width: 2px !important;
}

.k-link-increase:focus,
.k-link-decrease:focus {
    outline-width: 1px !important;
    outline-style: solid !important;
    outline-offset: -2px !important;
    outline-color: #512e35 !important;
}

.navbar-default.ccm-navbar .navbar-nav > li > a,
.home-landing .product-scroller-row .products-slider .aec-slider-tile h2,
.home-landing .product-scroller-row .products-slider .aec-slider-tile a,
.home-landing .aec-promotemplate5 .aec-ellipsis a,
.home-landing .product-scroller-row .aec-seolink .aec-threedotstext,
.home-landing .item .aec-promotemplate5 li.aec-salescat,
.storetype-landing .product-scroller-row .products-slider .aec-slider-tile h2,
.storetype-landing .product-scroller-row .products-slider .aec-slider-tile a,
.storetype-landing .aec-promotemplate5 .aec-ellipsis a,
.storetype-landing .product-scroller-row .aec-seolink .aec-threedotstext,
.item .aec-promotemplate5 li.aec-salescat,
.aec-promotemplate5 .aec-custprice span,
.aec-promotemplate5 .aec-listprice + .aec-custprice > span,
.storetype-landing .aec-promotemplate5 span.aec-buybutton,
.storetype-landing .aec-promotemplate5 .aec-quickviewhover,
.aec-promotemplate5 .aec-listprice,
.home-landing .slick-slide .aec-promotemplate5 span.aec-buybutton,
.home-landing .aec-promotemplate5 .aec-quickviewhover,
.aec-productfeature *,
.aec-desc-label,
.aec-product-container .ui-tabs .ui-tabs-nav li,
ul.aec-listview > li *,
.footer h3,
.bt-content #aec-quickviewcontent dt,
.bt-content h2 > a,
.ccm-shop-department,
.aec-rec-tile,
.owl-item *,
.btn-use,
div#aec-page[data-role="page"] .btn-primary,
#aec-catalogreq .btn-primary, .btn-secondary, .btn-cancel,
.navbar-default.ccm-navbar .navbar-nav > li > ul.dropdown-menu > li > a {
    font-family: 'alternate-gothic-atf';
}

.ccm-header-info h2,
.skinny-banner .aec-adzone-container .adzone-txt-below {
    font-family: 'baileywick-jf-gothic';
}

#aec-classicaltabs #aec-musictracksonly > ul > li > span,
#aec-classicaltabs #aec-musictracksonly .aec-discnum,
.aec-heavyitem a,
.aec-product-columns .ui-tabs .ui-tabs-panel {
    font-family: calibri;
}

.aec-listcontent.aec-gridnotes,
.aec-gridnotes .aec-listlink {
    font-family: Calibri !important;
}

.aec-listview:not(.aec-gridview) ul.aec-gridcontentul li.aec-groupednotifier + li a {
    font-size: 2px;
}

.aec-gridnotes .aec-listlink {
    font-size: 14px;
}

.aec-promotemplate5 .aec-custprice span:before {
    margin-left: 0;
}
.aec-promotemplate5 .aec-listprice {
    margin-right: 6px;
}

#aec-sb-btn[disabled]:focus,
#aec-br-btn[disabled]:focus,
#cartaddress[disabled]:focus,
#btncshopping:focus {
    outline-width: 2px !important;
    outline-style: solid !important;
    outline-offset: -4px !important;
    outline-color: #512e35 !important;
}

#aec-sb-btn:focus,
#aec-br-btn:focus,
#cartaddress:focus,
#aec-webamiloginform input.btn-default:focus {
    outline-style: solid !important;
    outline-color: var(--bs-white) !important;
}

#aec-shp-inputs > .row > .form-group > input:focus,
#aec-checkout-billingaddress > .row > .form-group > input:focus,
#aec-shp-inputs > .row > .form-group > select:focus,
#aec-checkout-billingaddress > .row > .form-group > select:focus {
    outline-width: 1px !important;
    outline-style: solid !important;
    outline-offset: 0px !important;
    outline-color: var(--primary-color) !important;
}

#aec-closex:focus,
.bt-content a:focus,
#aec-btn-bulkcart > a#aec-btnBulkUpdateCart:focus {
    outline-color: var(--primary-color) !important;
    outline-offset: -1px !important;
}

.bt-content a:focus,
.bt-content a:hover,
#aec-webamiloginformlinks a:focus {
    text-decoration: underline;
    border: none;
    outline: none !important;
}

.aec-recproduct a.title-image:focus {
    text-decoration: underline;
    border: none;
    outline: none !important;
    color: var(--bs-black);
}

#aec-gridSwitchView.gridView:focus {
    outline-color: #512e35 !important;
    outline-offset: 3px !important;
}

.aec-cart-description {
     overflow: visible; 
}

#CartGrid_active_cell a:focus,
#CartGrid_active_cell a:focus-within {
    outline: 1px solid var(--bs-black) !important;
}

.icon-cancel-circle:before {
    color: var(--bs-white) !important;
}

.close {
    opacity: 1 !important;
}

.nav-departments ul.left-col li a {
    text-decoration: none;
    outline: none !important;
}

.nav-departments ul.left-col li a.focused.hovered span {
    outline-width: 2px !important;
    outline-style: solid !important;
    outline-offset: -1px !important;
    outline-color: #512e35 !important;
}

.aec-catalog-zone .aec-adzone-text a:focus,
.aec-adzone-container .aec-adzone-text a:focus,
.products-slider a:focus {
    outline-width: inherit !important;
    outline-style: none !important;
    outline-offset: inherit !important;
    outline-color: transparent !important;
    text-decoration: underline !important;
}

.products-slider a:focus {
    text-decoration-color: var(--bs-black) !important
}

/*button.aec-buybutton-textbtn:focus {
    outline-width: 2px !important;
    outline-style: solid !important;
    outline-offset: -3px !important;
    outline-color: #2a080a !important;
    background-color: #7f4b4e !important;
}*/

.aec-promotemplate5 li.aec-seolink a:focus span {
    outline-width: inherit !important;
    outline-style: none !important;
    outline-offset: inherit !important;
    outline-color: transparent !important;
    text-decoration: underline !important;
    text-decoration-color: #f8f1d7;
}

.home-landing .aec-promotemplate5 .aec-quickviewhover:focus {
    outline-width: 1px;
    outline-style: solid;
    outline-offset: -2px;
    outline-color: var(--primary-color);
}

#product-credits a:focus {
    outline-width: inherit !important;
    outline-style: none !important;
    outline-offset: inherit !important;
    outline-color: transparent !important;
    text-decoration: underline !important;
    text-decoration-color: #f8f1d7 !important;
    background-color: transparent !important;
}

.aec-globalsearch .aec-selectedTxt:focus {
    outline-width: 1px;
    outline-style: solid;
    outline-offset: -6px;
    outline-color: #f8f1d7;
}

/*====================================
	RESET RULES
=====================================*/
#aec-container {
    background: transparent none repeat scroll 0 0;
    margin: 0 auto;
    max-width: 100%;
    min-width: 100%;
    overflow-x: hidden;
}

#aec-errorpage {
    background-color: #d1d2d4;
    height: 800px;
    margin: 0;
    text-align: center;
}

#aec-errorpage > h1 {
    color: #4e4e4e;
    font-size: 22px;
    font-weight: 600;
    margin-top: 50px;
}

#aec-errorpage > h1:before {
    content: "\f883";
    font-family: 'WebGlyphs';
    margin-right: 5px;
    font-weight: normal !important;
}

#aec-error404 > div,
#aec-errorpage > div {
    color: #512e35;
    font-size: 14px;
    margin: 5px;
}

#aec-errorpage > div + div {
    background-color: var(--primary-color);
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    font-size: 13px;
    margin: 10px auto 0;
    padding: 10px 12px;
    width: 200px;
    font-weight: 600;
    color: #f9ba56;
}

#aec-errorpage > div a {
    color: #f9ba56;
}

#aec-header,
#aec-left,
#aec-main,
#aec-sidebar,
#aec-footer {
    border: none;
}

.col-md-offset-1-2 {
    margin-left: 4.16667%;
}

/*====================================
	EMAIL LIST
=====================================*/

.email-container,
.login-container,
.cart-container {
    display: block;
    float: left;
    height: 149px;
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
    width: 33.3333%;
    position: relative;
}

.join-our-email,
.aec-loginlinks,
.aec-main-minicart {
    padding-top: 5px;
}

.email-container a,
.login-container a,
.header-custom-buttons .login-container .aec-loginlinks-login,
.aec-main-minicart {
    background-color: #f8f1d7;
    border-radius: 4px;
    color: var(--primary-color);
    display: block;
    font-weight: 700;
    height: 100%;
    text-decoration: none !important;
    font-size: 16px;
    line-height: 100%;
}

.icon-mail-1,
.icon-basket-1 {
    display: block;
    line-height: 100%;
    text-transform: uppercase;
}

.icon-mail-1:before,
.icon-lock:before,
.icon-logout:before {
    display: inline-block;
    height: 30px;
    margin-bottom: 10px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 12px;
    text-align: center !important;
    width: 100% !important;
}

.icon-lock:before {
    font-size: 40px !important;
    margin-bottom: 15px !important;
}

.icon-logout:before {
    font-size: 30px !important;
    margin-bottom: 8px !important;
    margin-top: 20px;
}

.icon-basket-1:before {
    display: inline-block;
    font-size: 37px;
    height: 30px;
    margin-bottom: 5px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 12px;
    text-align: center !important;
    width: 100% !important;
}


.login-container a {
    font-size: 16px;
    line-height: 100%;
    text-transform: uppercase;
    color: var(--primary-color);
}

.ccm-navbar-menu-links {
    display: flex;
    align-items: center;
    width: 100%;
}

.ccm-navbar-menu-links .ccm-email-signup {
    display: inline-block;
    width: 100%;
}

.ccm-email-signup img {
    width: 25px;
    display: inline-block;
}

.ccm-myaccount,
.ccm-email-signup,
.aec-cart-icon {
    color: #fbf5db;
    font-size: 14px;
    text-transform: uppercase;
}

.ccm-myaccount,
.aec-cart-icon {
    margin-right: 10px;
}

.ccm-myaccount:hover,
.ccm-email-signup:hover,
.aec-cart-icon:hover {
    color: #ffefac;
}

.ccm-myaccount:focus,
.ccm-email-signup:focus,
.aec-cart-icon:focus {
    color: #ffefac;
    outline-width: 1px !important;
    outline-style: solid !important;
    outline-offset: 2px !important;
    outline-color: #fbf5db !important;
}

.aec-cart-icon {
    margin: 0;
    width: 100px;
    position: relative;
}

.aec-cart-icon img {
    display: inline-block;
}
.ccm-header-info {
    margin-bottom: 32px;
}

#aec-cartitems-counts {
    color: #fbf5db;
    font-weight: 600;
    font-size: 14px;
    left: 18px;
    position: absolute;
    top: 4px;
}

a[href^=tel] {
    color: inherit;
}

.ccm-navbar .dropdown-menu {
    background: #b6b6b6;
}

.outer-circle {
    border: 2px solid var(--primary-color);
    border-radius: 50%;
    bottom: 6px;
    display: block;
    height: 40px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    width: 40px;
}
#aec-cartinfo .outer-circle {
    bottom: 4px;
}
.circle-ring {
    border: 1px solid var(--primary-color);
    border-radius: 50px;
    display: block;
    height: 26px;
    margin: 0 auto;
    position: relative;
    top: 5px;
    width: 26px;
}

.inner-cirle {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 50px;
    display: block;
    height: 20px;
    margin: 0 auto;
    position: relative;
    top: 2px;
    width: 20px;
    transition: background-color 0.25s ease-in-out 0s;
    -webkit-transition: background-color 0.25s ease-in-out 0s;
}

.join-our-email:hover,
.join-our-email:active,
.login-container:hover,
.login-container .aec-loginlinks a:hover,
.login-container .aec-loginlinks a:active,
.aec-main-minicart:hover,
.aec-main-minicart .aec-cart-icon:hover,
.aec-main-minicart .aec-cart-icon:active {
    text-decoration: none;
    color: #3a3a3a;
}

.join-our-email:hover .inner-cirle,
.join-our-email:active .inner-cirle,
.login-container:hover .inner-cirle,
.login-container .aec-loginlinks:hover + .outer-circle .inner-cirle,
.login-container .aec-loginlinks:active + .outer-circle .inner-cirle,
.aec-main-minicart:hover .inner-cirle,
.aec-main-minicart .aec-cart-icon:hover .inner-cirle,
.aec-main-minicart .aec-cart-icon:active .inner-cirle {
    background-color: var(--primary-color);
}

@media (min-width: 992px) and (max-width: 1145px) {
    .email-container,
    .login-container,
    .cart-container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .login-container a,
    .email-container a,
    .header-custom-buttons .login-container .aec-loginlinks,
    .aec-main-minicart {
        font-size: 17px;
    }
}

@media (min-width: 0px) and (max-width: 991px) {
    .home-link {
        background-size: auto 100% !important;
    }
    .email-container,
    .login-container,
    .cart-container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .email-container,
    .login-container,
    .cart-container {
        height: 80px;
    }

    .email-container a,
    .header-custom-buttons .login-container .aec-loginlinks,
    .aec-main-minicart,
    .login-container a {
        font-size: 14px;
    }

    .icon-mail-1:before,
    .icon-basket-1:before,
    .icon-lock:before,
    .icon-logout:before {
        font-size: 25px;
        height: 15px;
    }

    .outer-circle {
        bottom: 6px;
        height: 26px;
        width: 26px;
    }

    #aec-cartinfo .outer-circle {
        bottom: 4px;
    }

    .circle-ring {
        display: block;
        height: 16px;
        top: 3px;
        width: 16px;
    }

    .inner-cirle {
        height: 10px;
        top: 2px;
        width: 10px;
    }
}

#aec-email-signup .modal-header {
    background-color: var(--primary-color);
    border-bottom: 5px solid #aaaaaa;
    color: var(--bs-white);
    justify-content: center;
    position: relative;
}

#aec-email-signup h4.modal-title {
    font-size: 16px !important;
    font-weight: 700;
    text-transform: uppercase;
}

#aec-email-signup button.close {
    background-color: var(--bs-white);
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    opacity: 1;
    padding: 0 8px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    position: absolute;
    right: 15px;
}

#aec-email-signup button.close:hover {
    background-color: #ccc;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

#aec-email-signup button.close span {
    color: var(--primary-color);
    font-size: 30px;
    line-height: 1em;
    opacity: 1 !important;
    overflow: hidden;
    position: relative;
    text-shadow: 0 0;
    top: 0px;
}

#aec-email-signup h4.modal-title .icon-newspaper {
    margin-right: 4px;
}

#aec-email-signup .modal-content {
    border: medium none;
    border-radius: 0 5px 15px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7);
}

#aec-email-signup .modal-body .optInSignUp-title > p {
    font-weight: normal;
    text-align: left;
    color: #512e35;
    font-size:14px;
}

#aec-email-signup .modal-body .optInSignUp-title > span {
    background-color: #babbbc;
    border-radius: 0 !important;
    color: #4e4e4e;
    display: block;
    font-size: 85%;
    font-weight: 400;
    line-height: 1;
    padding: 4px;
    text-align: left;
    vertical-align: baseline;
}

#aec-email-signup .modal-body {
    background-color: #4e4e4e;
    padding: 2px;
}

.email-form-container {
    background-color: var(--bs-white);
    padding: 15px;
}
.modal-body .optInResult-Panel {
    color: var(--bs-black);
    font-size: 20px;
    padding: 15px;
}
.modal-body .optInResult-Panel > b > br + br {
    display: none;
}
.modal-body .optInResult-Panel > br {
    display: none;
}
.email-form-container label {
    color: #d1d2d4;
    display: block;
    font-size: 14px !important;
    font-weight: 600;
    text-align: left;
    width: 100%;
}

.email-form-container .optInSignUp-title b {
    color: #d1d2d4;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.email-form-container h5.optInSignUp-title {
    margin-bottom: 15px;
    margin-top: 0;
}

.email-form-container label[for="optInSignUp-email-address"] {
    margin-top: 10px;
}

.email-form-container .optInSignUp-Form {
    display: table;
    width: 100%;
}

.email-form-container input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px !important;
    line-height: 1.42857143;
    color: #512e35;
    background-color: var(--bs-white);
    background-image: none;
    border: 1px solid #512e35 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom: 10px;
}

.email-form-container input:focus {
    border-color: #512e35 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.email-form-container .optInSignUp-button {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    background-color: var(--primary-color);
    color: var(--bs-white);
    float: right;
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}

.email-form-container .optInSignUp-button:before {
    font-family: 'WebGlyphs';
    content: '\f84e';
    font-weight: normal;
    margin-right: 4px;
}

.email-form-container .optInSignUp-button:hover {
    background-color: var(--primary-color);
    color: var(--bs-white);
}

.optInSignUp-button > span > b {
    font-weight: 400 !important;
}

.aec-redStandard {
    color: var(--bs-black);
}

.aec-redStandard.optInSignUp-frmValidations {
    text-align: left;
}

.aec-redStandard.optInSignUp-frmValidations > p {
    font-size: 12px;
    margin: 0 0 5px;
}


/*====================================
	SHOPING CART
=====================================*/

.aec-cart-icon .icon-basket-alt:before {
    left: 0;
    position: relative;
    top: 5px;
}

#aec-cartinfo-cartname {
    display: none;
}

#aec-cart-arrow {
    display: none !important;
}

#aec-cartitems-total::before {
    display: none;
}

#aec-miniCartDiv {
    background-color: var(--bs-white);
    min-height: 120px;
}

#aec-miniCart2 {
    margin-bottom: 0;
    width: 100%;
}

#aec-miniCart2 th:nth-child(2),
#aec-miniCart2 td:nth-child(2) {
    text-align: center;
}

#aec-miniCart2 thead tr {
    background: #4e4e4e none repeat scroll 0 0;
    border-top: medium none;
}

#aec-miniCart2 th {
    color: #d1d2d4;
    font-size: 12px;
    font-weight: 400;
    line-height: 25px;
    margin-top: 0;
    padding: 0 5px;
    text-decoration: none;
}

#aec-miniCart2 td {
    color: #4e4e4e;
    line-height: normal;
    padding: 4px 0 4px 7px;
    text-align: left;
}

#aec-miniCart2 tbody a {
    color: #4e4e4e;
    display: block;
    font-size: 13px;
    width: 100%;
}

#aec-miniCart2 tbody a:hover {
    color: #d1d2d4;
}

#aec-minicart-checkoutlink {
    background-color: var(--bs-black);
    border-radius: 0 !important;
    font-size: 14px;
    line-height: 40px;
    margin-bottom: 7px;
    margin-left: 7px;
    margin-right: 7px;
    padding-bottom: 0;
    position: relative;
    text-align: center;
}

#aec-minicart-checkoutlink > a {
    color: #4e4e4e;
    font-weight: 700;
    text-transform: uppercase;
}

#aec-cartinfo,
#aec-cartinfo.aec-hovertab.aec-cartinfo-on {
    background-color: transparent !important;
    border-radius: 0 !important;
    cursor: pointer;
    display: inline-block;
    height: 100%;
    left: 0;
    line-height: normal;
    padding-top: 0;
    position: relative;
    width: 100%;
}

#aec-cartinfo {
    display: inline !important;
}

#aec-cartinfo-inner {
    display: inline-block;
    float: left;
    height: 50px;
    position: relative;
    width: calc(100% - 50px);
}

#aec-cartinfo-inner > a {
    display: inline-block;
    text-align: center;
    width: 90%;
}

#aec-cartinfo-inner a,
#aec-cartinfo-inner a:hover,
#aec-cartinfo-inner a:active {
    text-decoration: none !important;
}

#aec-cartinfo-inner * {
    color: #4e4e4e;
    font: 500 15px/50px "Mukta Vaani", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#aec-carthead {
    display: inline-block;
    float: right;
    font-size: 12px;
    margin-right: 5px;
    padding: 0;
    position: relative;
    text-align: center;
    top: 8px;
    width: auto;
    line-height: 100%;
}

#aec-carthead a {
    background-color: #4e4e4e;
    color: var(--bs-white);
    display: inline;
    font-weight: bold;
    line-height: normal;
    padding: 7px 10px;
    position: relative;
    text-transform: uppercase;
    top: 1px;
    transition: background-color 0.2s ease-in-out 0s;
    -webkit-transition: background-color 0.2s ease-in-out 0s;
}

#aec-cartinfo-inner span#aec-cartitems-total:before {
    color: #4e4e4e;
    content: "\f845";
    font-family: 'WebGlyphs';
    position: absolute;
    right: 7px;
    top: -2px;
    font-weight: normal;
    font-size: 12px;
}

#aec-carthead a:hover,
#aec-carthead a:active,
#aec-carthead a:focus {
    color: var(--bs-white) !important;
    background-color: #4e4e4e !important;
    text-decoration: none !important;
    text-decoration: none !important;
}


@media (min-width: 0px) and (max-width: 991px) {
    #aec-carthead a {
        padding: 6px 25px;
    }
}

@media (min-width: 320px) and (max-width: 992px) {
    .header-cart {
        margin-top: 15px;
    }
}

/* 4K and 8K UHD 7680px */

@media (min-width: 768px) and (max-width: 991px) {
    #aec-carthead a {
        display: inline-block;
        width: 100%;
    }
    #aec-carthead {
        top: 2px;
    }
}

@media (min-width: 360px) and (max-width: 767px) {
    #aec-cartinfo-inner {
        width: 55%;
    }

    #aec-carthead {
        margin-right: 1%;
        width: 31%;
    }

    #aec-carthead a {
        display: inline-block;
        position: relative;
        top: -6px;
        width: 100%;
    }
}

@media (min-width: 360px) and (max-width: 420px) {
    #aec-cartinfo-inner * {
        color: #4e4e4e;
        font: bold 14px/34px arial;
    }
}

/*====================================
	LEFT NAVIGATION
=====================================*/

body.open-nav {
    /* removed margin causing extra space when the left nav is open */
    margin-right: -200px;
}

body #aec-left {
    transition: left .2s ease-in-out 0s;
    -webkit-transition: left .2s ease-in-out 0s;
    -moz-transition: left .2s ease-in-out 0s;
    -o-transition: left .2s ease-in-out 0s;
}

#aec-leftnavspacer {
    height: 33px;
    width: 180px !important;
}

@media (min-width: 0px) and (max-width: 1023px) {
    body.open-nav #aec-left {
        left: 0;
        overflow-y: scroll;
        height: 100%;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.27);
        -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.27);
    }
}

body.open-nav #aec-left::-webkit-scrollbar {
    display: none;
}


/* 4K and 8K UHD 7680px */

@media (min-width: 1023px) and (max-width: 7680px) {
    #aec-left {
        width: 16.6667% !important;
        float: left;
        list-style: outside none none;
        padding-left: 0;
        padding-right: 15px;
        border: medium none;
    }
    body.open-nav {
        margin-left: 0;
        margin-right: 0;
    }

    .aec-dcsRefine {
        margin-left: -10px !important;
    }
}

.hidden-toggle {
    display: none;
    height: 50px;
    left: 0;
    line-height: 50px;
    padding: 0 15px;
    position: absolute;
    top: 0;
    z-index: 9999;
}

@media (min-width: 0px) and (max-width: 1023px) {
    .hidden-toggle {
        display: block;
    }
}

@media (min-width: 0px) and (max-width: 1023px) {
    #aec-left {
        position: absolute;
        width: 200px !important;
        left: -200px;
        top: 0;
        z-index: 2;
        padding-left: 0;
        padding-right: 0;
        background-color: #e7e7e7 !important;
    }
    body.open-nav #aec-left {
        -webkit-box-shadow: none !important;
    }
    .aec-dcsnavTitle,
    .aec-navTitle {
        padding-left: 8px !important;
    }
    .aec-dcsnavAccordian .aec-dcsnavHead {
        padding: 0 8px !important;
    }

    .aec-dcsSelections > h3,
    .aec-dcsMore {
        border-radius: 7px !important;
    }
    .aec-dcsLinks ul li {
        padding-bottom: 4px;
        padding-top: 4px;
    }
    .aec-dcsIcon {
        margin: 6px 0 0;
    }
    .aec-dcsSelections {
        padding: 0 8px !important;
    }
}

.help-nav,
.aec-res-deals-nav {
    display: none;
}

.aec-dcsnavAccordian .aec-dcsnavHead {
    border-bottom: medium none;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 0;
}

.aec-dcsSelections > h3 {
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 5px 0;
}

.aec-dcsSelections > ul {
    margin-bottom: 0;
}

.aec-dcsRefine {
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
}

.aec-dcsnavTitle,
.aec-navTitle {
    background-color: transparent;
    color: #4e4e4e;
    font-size: 16px;
    font-weight: bold;
    padding-left: 0;
    text-decoration: none;
}

.aec-dcsnavTitle a,
.aec-navTitle a,
.aec-dcsnavTitle h2,
.aec-navTitle h2 {
    color: #3c3c3c;
    display: block;
    font-size: 22px;
    font-weight: 800;
    padding: 5px 0;
    text-decoration: none;
    transition: color 0.2s ease 0s;
    -webkit-transition: color 0.2s ease 0s;
}

.aec-dcsnavAccordian .aec-dcsnavHead {
    margin-bottom: 5px;
    margin-top: 0;
    padding: 0;
}

.aec-dcsnavAccordian .aec-dcsnavHead a {
    background-color: #b6b6b6;
    color: #2a080a;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 0 5px 30px !important;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: color 0.2s ease 0s;
    -webkit-transition: color 0.2s ease 0s;
}

.aec-dcsnavAccordian .aec-dcsnavHead:first-child {
    border-top: medium none;
}

.aec-dcsLinks a,
.aec-navLinks > ul > li a {
    color: #3c3c3c;
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease 0s;
    -webkit-transition: color 0.2s ease 0s;
}

.aec-boutique-link > a {
    text-transform: capitalize;
}

.aec-dcsLinks a:hover,
.aec-dcsnavTitle a:hover,
.aec-navTitle a:hover,
.aec-dcsnavTitle h2:hover,
.aec-navTitle h2:hover,
.aec-dcsnavAccordian .aec-dcsnavHead a:hover,
.aec-navLinks > ul > li a:hover {
    color: #512e35 !important;
    text-decoration: none !important;
}

.aec-navLinks > ul > li {
    list-style-type: none;
    padding: 2px 0 2px 5px;
}

.aec-dcsLinks ul li {
    padding-right: 4px;
}

.aec-navLinks.translate {
    border-top: 1px solid #d1d2d4;
    margin-top: 0;
    padding-top: 5px;
}

.aec-dcsIcon {
    background-image: url("/customers/ccmusic/img/ui-icons_222222_256x240D.svg");
    background-position: -32px -16px;
    height: 16px;
    margin: 6px -5px 0;
    position: absolute;
    width: 16px;
    margin-left: 10px;
}

.aec-dcsLinks {
    margin-left: 10px;
}

.aec-dcsMore {
    background: #4e4e4e none repeat scroll 0 0;
    color: var(--bs-white) !important;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1em;
    padding: 0px 4px;
    text-decoration: none;
    width: auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    padding-bottom: 3px;
    border-radius: 6px;
}

.aec-dcsMore:hover {
    background: #dddddd none repeat scroll 0 0;
    color: var(--bs-white) !important;
}

.aec-dcsSelections {
    background-color: transparent;
    border: medium none;
    color: #4e4e4e;
    padding: 0;
}

.aec-dcsRefine {
    color: #3c3c3c;
    font-size: 22px;
    font-weight: 800;
    padding: 5px 10px 10px;
    margin-top: 15px;
}

.aec-dcsSelections > h3 {
    background-color: #babbbc;
    border-radius: 12px;
    color: #512e35;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 0 5px 10px;
    text-decoration: none;
    transition: color 0.2s ease 0s;
    -webkit-transition: color 0.2s ease 0s;
}

.aec-dcsSelections a {
    color: var(--bs-black);
    font-size: 16px;
    padding: 2px 2px 2px 18px;
    text-decoration: none;
    transition: color 0.2s ease 0s;
    -webkit-transition: color 0.2s ease 0s;
}

.aec-dcsSelectionsIcon {
    background-image: none;
    cursor: pointer;
    height: 16px;
    margin: 0;
    position: initial;
    width: 16px;
    margin-right: 3px;
    float: left;
}

#aec-left .fa-times-circle:before {
    content: "\f800" !important;
    font-family: "WebGlyphs";
}

.aec-dcsSelectionsIcon:before {
    color: #3c3c3c;
}

.aec-dcsSelections a:hover {
    color: #512E35 !important;
    text-decoration: none !important;
}

.aec-dcsSelections li:hover .aec-dcsSelectionsIcon:before {
    color: #512E35 !important;
}


/*====================================
	LEFT NAVIGATION END
=====================================*/


/*====================================
	INFO BOX
=====================================*/

.bt-content {
    background: none repeat scroll 0 0 var(--bs-white);
    border: 4px solid var(--primary-color);
    border-radius: 0 !important;
}

.b1f,
.b2f,
.b3f,
.b4f,
.bt-content h3,
.contentf {
    background: none repeat scroll 0 0 var(--bs-white);
}

.contentf div {
    margin-left: 0;
}

.aec-listview .aec-quickviewhover,
.aec-listview.aec-gridview .aec-quickviewhover {
    padding: 0;
    margin: 5px 0;
}
.aec-quickviewhover
.contentf span:empty {
    display: none;
    padding: 0;
    margin: 5px 0;
}

.bt-content #aec-rated {
    background-color: var(--bs-white);
    border: 1px solid var(--bs-black);
    border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    font-size: 11px;
    font-weight: bolder;
    line-height: 14px;
    margin: 1px 4px 1px 10px;
    min-width: 17px;
    padding: 2px 2px 1px;
    color: var(--bs-black);
}

#aec-closex {
    background-color: var(--primary-color);
    border: medium none;
    color: var(--bs-white);
    cursor: pointer;
    display: block;
    font: bold 12px/16px Arial, Helvetica, sans-serif;
    height: 22px;
    margin: 0;
    overflow: hidden;
    padding: 1px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 22px;
    text-indent: 2px;
    border-radius: 0 !important;
}

.bt-content h2 {
    background-color: transparent !important;
    color: var(--bs-black);
    display: inline-block;
    font: bold 12px/22px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 5px 24px 0;
    text-align: center;
    width: 100%;
}

.contentf h3 {
    margin: 0;
}

.bt-content h2 > a,
.bt-content h3 {
    color: #512e35;
    font-size: 1.4em;
    text-decoration: none;
}

.bt-content h2 > a:hover {
    color: #512e35 !important;
}

.bt-content h3 span {
    color: #4e4e4e;
    display: inline-block;
    font: 13px/15px "Mukta Vaani", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin-top: 5px;
}

.bt-content #aec-quickviewcontent {
    border-top: 2px solid #babbbc;
    clear: left;
    color: #333;
    font: 14px/22px "Mukta Vaani", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 0;
    margin-right: 0;
    padding: 10px;
    position: relative;
    width: 100%;
}

.bt-content #aec-quickviewcontent dt {
    clear: left;
    color: #4e4e4e;
    display: inline-block;
    float: left;
    font-weight: bold;
    margin: 0 6px 0 0;
    padding-bottom: 6px;
    text-align: left;
    width: 70px;
}

.bt-content #aec-quickviewcontent dd {
    color: #4e4e4e;
    margin-left: 80px;
    padding-bottom: 6px;
    padding-left: 2px;
    font-family: Calibri;
}

.bt-wrapper.ui-draggable #canvas {
    display: none !important;
}

#aec-quickviewcontent a {
    color: #512e35;
}

#aec-quickviewcontent a:hover {
    color: #512e35 !important;
}

#aec-quickviewcontent h3, #aec-quickviewcontent h2 {
    color: #512e35 !important;
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    text-align: left;
}
/*====================================
	GRID
=====================================*/

.aec-next:hover,
.aec-prev:hover {
    box-shadow: none;
}


/* Hide Categories */

.aec-navTitle:first-child + .aec-dcsnavAccordian {
    display: block;
}

.aec-navTitle:first-child {
    display: block !important;
}

.aec-staticleft + .aec-navTitle {
    display: block !important;
}

.aec-navTitle {
    display: none !important;
}

.aec-dcsnavAccordian {
    display: none;
}

.aec-navLinks {
    display: none;
}

.aec-dcsRefine + .aec-dcsnavAccordian {
    display: block;
}

#aec-left > .aec-navTitle:first-child + .aec-navLinks {
    display: block;
}

.aec-staticleft + .aec-navTitle + .aec-dcsnavAccordian {
    display: block;
}


/* Hide Categories */

html > body #aec-main {
    height: auto !important;
    margin: 0;
    min-height: 1%;
    padding: 0;
    vertical-align: top;
    width: 83.3333%;
    /* Match initial Bootstrap container width */
    float: left;
    padding: 0 0;
    position: relative;
}

#aec-main h3 {
    color: #2a080a;
}

@media (min-width: 1024px) and (max-width: 1199px) {
    html > body #aec-main {
        width: 82.3333%;
    }
}

@media (min-width: 0px) and (max-width: 1023px) {
    html > body #aec-main {
        width: 100%;
    }
}

.aec-searchresults {
    color: #512e35;
    font-size: 16px;
    margin-bottom: 10px;
}

.aec-searchresults-notfound {
    color: #512e35;
    font-size: 16px;
    padding: 0;
}

.aec-otherpossibilities {
    font-size: 16px;
    color: #512e35;
}

.aec-otherpossibilities {
    color: #512e35;
    font-size: 16px;
}

.aec-expandResults {
    color: #512e35;
    font-size: 16px;
}

.aec-otherpossibilities a,
.aec-expandResults a,
.aec-searchresults-notfound a {
    color: #512e35 !important;
    font-weight: 700;
}

.aec-otherpossibilities a:hover,
.aec-expandResults a:hover,
.aec-searchresults-notfound a:hover {
    color: var(--bs-black) !important;
}

@media (min-width: 0px) and (max-width: 640px) {
    .aec-expandResults {
        float: none;
    }
}


/*====================================
	PRODUCT GRID
=====================================*/

.aec-listview span.aec-buybutton:before {
    top: 0;
    font-size: 14px;
}

.aec-listview .aec-noresults, .aec-noresults {
    color: #512e35;
    font-size: 16px;
}

#aec-prodgrid .aec-noresults {
    background-color: #d1d2d4;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -5px;
}

.aec-listview .aec-noresults:before {
    content: "\f883";
    font-family: "WebGlyphs";
    font-weight: normal !important;
    margin-left: 10px;
    margin-right: 5px;
}

ul.aec-listview {
    background-color: var(--bs-white);
    border-left: medium none;
    border-right: none;
    display: flex;
    list-style: outside none none;
    padding: 0.5% 15px 0;
    text-align: left;
    width: 100%;
    margin-bottom: 0;
    margin-top: 15px;
    flex-wrap: wrap;
}

ul.aec-listview li {
    position: relative;
    padding: 15px 0;
}

.aec-dd-text,
.aec-dd-to {
    font-size: 18px;
}

@media (min-width: 768px) and (max-width: 991px) {
    ul .aec-listview#aec-prodgrid {
        padding: 0.5% 15px 0 !important;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    ul.aec-listview#aec-prodgrid {
        padding: 0.5% 10px 0;
    }
}

ul.aec-listview > li:first-child {
    border-top: medium none;
}

ul.aec-listview > li {
    border-color: #2a080a;
    border-style: solid;
    border-width: 0 0 1px;
}

ul#aec-prodgrid.aec-listview:not(.aec-gridview) > li:last-child {
    border-bottom: medium none;
}

.aec-gridview .aec-gridcontentul li {
    text-align: unset;
}

.aec-sectioncontent {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    width: 70%;
}

.aec-gridview .aec-sectioncontent {
    width: 100%;
    flex: 0;
}

.aec-listview .aec-gridcontentul {
    flex: 1;
    min-height: 110px;
}

.aec-grid-divspan .aec-sectioncontent > .aec-quickviewhover {
    display: none;
}

.aec-gridview .aec-gridcontentul {
    width: 100%;
}

#aec-prodgrid.aec-gridview > li {
    background: transparent none repeat scroll 0 0;
    border-color: #d1d2d4;
    border-style: solid;
    border-width: 0 0 2px;
    display: table-cell;
    float: left;
    height: auto;
    height: auto;
    margin: 0;
    padding: 10px;
    width: 20%;
}

#aec-prodgrid .threedots_ellipsis {
    color: var(--bs-black);
}

/*Go Top section*/
#return-to-top {
    position: fixed;
    bottom: 5px;
    right: 20px;
    background: var(--primary-color);
    width: 50px;
    height: 50px;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    border: 1px solid var(--bs-white);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 9999;
}

#return-to-top i {
    color: var(--bs-white);
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top:hover {
    background: var(--bs-white);
    border: 1px solid var(--primary-color);
}

#return-to-top:hover i {
    color: var(--primary-color);
}

@media (min-width: 0px) and (max-width: 319px) {
    #aec-prodgrid.aec-gridview > li, #aec-prodgrid.aec-listview > li {
        width: 100%;
        border-left: 0 !important;
        border-right: 0 !important;
        border-top: 0 !important;
        margin: 0 !important;
    }
}

@media (min-width: 320px) and (max-width: 359px) {
    #aec-prodgrid.aec-gridview > li,
    #aec-prodgrid.aec-listview > li {
        width: 100%;
        border-left: 0 !important;
        border-right: 0 !important;
        border-top: 0 !important;
        margin: 0 !important;
    }
}

@media (min-width: 360px) and (max-width: 519px) {
    #aec-prodgrid.aec-gridview > li {
        width: 50%;
    }
}

@media (min-width: 520px) and (max-width: 767px) {
    #aec-prodgrid.aec-gridview > li {
        width: 33.3333333%;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    #aec-prodgrid.aec-gridview > li {
        width: 25%;
    }
}

.aec-gridview .aec-buybutton {
    text-align: unset;
}

.aec-listview ul li:first-child {
    padding: 0 !important;
    margin: 0;
}

.aec-product-container .aec-product-unavailable {
    padding: 10px;
    background: #c2c2c2;
    font-weight: 600;
    color: var(--bs-black);
    width: 100%;
    text-align: center;
    margin: 0;
}

@media (min-width: 0px) and (max-width: 768px) {
    .aec-product-container .aec-product-unavailable {
        margin: 20px auto;
    }
}

.aec-buybutton-qty {
    background-color: var(--bs-white);
    border: none;
    border-radius: 0 !important;
    font-size: 12px;
    height: 26px;
    text-align: center;
    width: 38px;
    color: #512e35;
}

.aec-listview .aec-gridcontentul a {
    color: #4e4e4e;
    font-weight: 600;
}

.aec-listview .aec-gridcontentul .aec-ellipsis {
    font-size: 20px;
}

.aec-listview .aec-gridcontentul .aec-ellipsis a.aec-listlink {
    font-size: inherit !important;
    line-height: inherit !important;
}

.aec-listview ul.aec-gridcontentul li.aec-groupednotifier + li a {
    color: var(--bs-black);
    font-size: 16px;
    line-height: 14px;
}

.aec-listview:not(.aec-gridview) ul.aec-gridcontentul li.aec-groupednotifier + li a {
    font-size: 2rem;
    line-height: 30px;
    font-weight: 400;
}

.aec-listview:not(.aec-gridview) ul.aec-gridcontentul li .aec-threedots {
    overflow: hidden;
    text-overflow: ellipsis;
}

.aec-listview .aec-gridcontentul li {
    font-size: 12px;
    padding: 0;
}

.aec-listview li .aec-gridcontent.aec-attrdesc {
    font-size: 9pt;
    display: block;
}

.aec-listview:not(.aec-gridview) .aec-ellipsis {
    width: 100%;
    display: inline-block;
}

.aec-listview:not(.aec-gridview) ul li:first-child .aec-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 30px;
    font-weight: 400;
    color: var(--bs-black);
}

.aec-listview ul li > span.aec-release-year {
    display: inline;
}

.aec-listview.aec-gridview li .aec-gridcontent.aec-attrdesc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aec-quickviewhover {
    -moz-user-select: none;
    background-color: transparent;
    background-image: none;
    border: medium none;
    border-radius: 0 !important;
    color: var(--primary-color);
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
    opacity: 1;
    overflow: hidden;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 100px;
    border-radius: 3px;
    text-decoration: underline;
    position: initial;
}

.slick-active .aec-quickviewhover,
.aec-grid-divspan .aec-quickviewhover {
    display: block;
}

.aec-quickviewhover:before {
    content: "QUICK VIEW";
    float: left;
}

.aec-quickviewhover > img {
    display: none;
}

@media (min-width: 0px) and (max-width: 1024px) {
    .aec-quickviewhover {
        display: none !important;
    }
}

.aec-grid-divspan {
    display: flex;
    height: 100%;
    position: relative;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
}

.aec-gridview .aec-grid-divspan {
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

#aec-prodgrid.aec-listview .aec-cover {
    max-height: auto;
}

#aec-prodgrid .aec-cover > a {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    justify-content: center;
    align-items: center;
    height: 200px;
    overflow: hidden;
}

#aec-prodgrid .aec-cover > a > img {
    max-width: 100%;
    max-height: 100%;
}

#aec-prodgrid.aec-gridview .aec-cover {
    width: 100%;
}

#aec-prodgrid.aec-listview p.aec-cover {
    padding-left: 0;
}

.aec-listview.aec-gridview .aec-cover > a {
    height: 250px;
}

.aec-listview .aec-cover {
    padding: 15px;
    margin: 0;
}

.aec-gridview .aec-gridcontentul {
    display: inline-block;
    padding: 0;
}

.aec-gridview .aec-ellipsis {
    width: 100%;
}

.aec-gridview .aec-gridcontentul li:first-child a {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
}

#aec-boutiquegridspan .aec-listview div > span.aec-threedotstext {
    font-weight: 700;
}

.aec-grid-artist a:hover,
.aec-grid-genres a:hover {
    color: var(--primary-color) !important;
}

.aec-grid-artist a,
.aec-grid-genres a,
.aec-grid-genres {
    color: var(--primary-color) !important;
    font-size: 19px !important;
    font-style: normal;
    font-weight: 500 !important;
    overflow: hidden;
    padding-right: 5px;
    text-overflow: ellipsis;
    width: 100%;
}

.aec-gridview .aec-grid-artist a,
.aec-gridview .aec-grid-genres a,
.aec-gridview .aec-grid-genres {
    font-size: 15px !important;
    line-height: 17px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: inline-block;
}

.aec-listview.aec-gridview .aec-grid-artist a {
    display: inline !important;
    float: none;
    font-size: 14px !important;
    line-height: 100%;
    width: auto;
}

.aec-listview.aec-gridview .aec-grid-artist {
    color: #f9f091;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aec-listcontent.aec-gridnotes {
    color: var(--bs-black);
    font-size: 18px;
    line-height: 100%;
    font-weight: 200;
    width: 100%;
    margin-top: 10px;
}

.aec-gridview .aec-grid-artist .aec-ellipsis {
    overflow: hidden;
    min-height: 10pt;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #4e4e4e;
}

.aec-gridview div.aec-buybutton {
    font-size: 13px;
    font-weight: normal;
    width: 100%;
}

.aec-gridview div.aec-buybutton .aec-listprice,
.aec-gridview div.aec-buybutton .aec-custprice,
.aec-gridview div.aec-buybutton .aec-yousave {
    width: 100%;
}

.aec-gridview .aec-price {
    margin-top: 10px;
}

.aec-listview .aec-gridcontentul li {
    font-size: 12px;
    padding: 1px 0;
}

.aec-listview .aec-gridcontentul li.aec-listcontent.aec-shortdesc {
    display: none !important;
}

.aec-listcontent.aec-platform {
    color: #4e4e4e !important;
    display: inline-block !important;
    font-size: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* ESRB GRID START */

.aec-listcontent.aec-esrb > br {
    display: none;
}

.aec-listcontent.aec-esrb > div * {
    font-size: 12px;
}

.aec-listcontent.aec-esrb .aec-esrbimg {
    max-width: 25px;
}

.aec-listcontent.aec-esrb + .aec-listcontent {
    font-size: 7pt !important;
    margin-top: 5px;
    text-align: left !important;
}

.product-scroller-row .slick-initialized .slick-slide .aec-promotemplate-button {
    bottom: 0;
    position: fixed;
    width: 225px;
}

@media (min-width: 0px) and (max-width: 767px) {
    #aec-prodgrid.aec-listview p.aec-cover {
        max-height: 195px;
        min-height: 195px;
    }

    #aec-prodgrid.aec-listview.aec-gridview p.aec-cover {
        padding: 0;
        margin-bottom: 15px;
    }

    .aec-listcontent.aec-esrb br {
        display: none;
    }
    .aec-listcontent.aec-esrb a {
        border-left: 1px solid #DBF4FB;
        display: inline-block;
        margin-left: 4px;
        padding-left: 4px;
    }
    .aec-listcontent.aec-esrb {
        margin: 4px 0 0;
        padding: 0 !important;
    }
    .aec-listcontent.aec-esrb .aec-esrbimg {
        max-width: 19px;
    }
    .aec-listcontent.aec-platform {
        margin-bottom: 5px !important;
    }
}


/* ESRB GRID START */

.aec-listview .aec-price {
    font-size: 13px;
    margin-top: 5px;
    min-height: 100px;
}

.aec-listview .aec-webamiprice-href {
    font-weight: normal !important;
    text-decoration: none;
}

.aec-listview .aec-salescat {
    color: var(--bs-black);
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
}

.aec-listview .aec-listprice {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--bs-black);
}

.aec-listview .aec-yousave {
    font-size: 12px;
    display: inline-block;
    text-transform: uppercase;
    color: var(--bs-black);
}

.aec-listview .aec-listprice > span {
    text-decoration: line-through;
}

.aec-listview .aec-custprice {
    color: transparent;
    display: inline-block;
    font-size: 0;
    font-weight: 700;
    line-height: 0;
}

.aec-listview .aec-custprice > span {
    color: var(--primary-color);
    font-size: 35px;
    line-height: 28px;
}

.aec-listview.aec-gridview .aec-custprice > span {
    font-size: 24px;
}

.aec-listview .aec-savepercent {
    font-weight: normal !important;
}

.aec-listview .aec-yousave span:first-child {
    font-weight: normal;
}

.aec-gridcontrolstop {
    font-size: 10pt;
}

.aec-listview:not(.aec-gridview) div.aec-buybutton {
    width: 170px;
}

.aec-listview:not(.aec-gridview) .aec-salescat {
    text-align: center;
}

.aec-listview div.aec-buybutton .aec-price {
    max-width: 100%;
}

.aec-listview div > span {
    display: inline;
    font-weight: 700;
}

.aec-listview.aec-gridview .aec-grid-artist > span {
    display: none !important;
}

.aec-listview:not(.aec-gridview) div.aec-buybutton .aec-listprice {
    font-size: 10px;
    left: 34%;
    line-height: 100%;
    position: absolute;
    top: 118px;
}

.aec-listview:not(.aec-gridview) div.aec-buybutton .aec-listprice span {
    color: var(--bs-black);
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
}

.aec-listview:not(.aec-gridview) div.aec-buybutton .aec-custprice {
    left: 148px;
    position: absolute;
    top: 120px;
}

.aec-listview:not(.aec-gridview) div.aec-buybutton .aec-yousave {
    left: 45%;
    position: absolute;
    top: 118px;
}

.aec-listview:not(.aec-gridview) div.aec-buybutton .aec-yousave span {
    color: var(--bs-black);
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
}

@media (min-width: 540px) and (max-width: 7680px) {
    .aec-listview:not(.aec-gridview) div.aec-buybutton .aec-yousave:before {
        color: var(--bs-black);
        content: "You Save";
        display: block;
        font-size: 10px;
        line-height: 100%;
    }
    .aec-listview:not(.aec-gridview) div.aec-buybutton .aec-yousave {
        color: transparent;
        font-size: 0;
        line-height: 0;
    }
}

.aec-gridnotes .aec-listlink,
.aec-gridnotes .aec-listlink:hover,
.aec-gridnotes .aec-listlink:active {
    color: var(--bs-black);
    text-transform: capitalize;
}

.aec-listview ul li > span {
    color: #d1d2d4;
    font-weight: 600;
}

.aec-listview ul li > span.aec-release-year {
    font-weight: 400;
}

.aec-listview:not(.aec-gridview) p.aec-cover {
    margin: 0;
}
.aec-listview:not(.aec-gridview) .aec-grid-artist span,
.aec-listview:not(.aec-gridview) .aec-grid-genres span,
.aec-listview:not(.aec-gridview) .release-date span {
    color: var(--bs-black);
    display: block;
    font-size: 12px;
    font-weight: 300;
}

.aec-listview:not(.aec-gridview) .aec-grid-artist,
.aec-listview:not(.aec-gridview) .aec-grid-genres,
.aec-listview:not(.aec-gridview) .release-date {
    color: var(--primary-color);
    display: inline-block;
    float: left;
    font-size: 19px;
    font-weight: 500;
    margin: 0;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 10px;
    width: 33.3333%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.aec-gstitle {
    font-size: 14px !important;
    font-family: 'calibri' !important;
}

.aec-gspersoninfo {
    font-family: 'calibri' !important;
    font-size: 16px !important;
    margin: 0 !important;
}

/* 4K and 8K UHD 7680px */

/*@media (min-width: 670px) and (max-width: 7680px) {
    .aec-listview:not(.aec-gridview) div.aec-buybutton {
        margin-right: 8px;
        padding: 0;
    }
    .aec-listview:not(.aec-gridview) div.aec-buybutton .aec-buyimage {
        width: 10px;
    }
    .aec-listview:not(.aec-gridview) .aec-gridcontentul {
        float: left;
        height: auto;
        width: calc(100% - 350px);
    }
}

@media (min-width: 710px) and (max-width: 7680px) {
    .aec-listview:not(.aec-gridview) .aec-gridcontentul {
        min-height: 160px;
    }
}*/

@media (min-width: 670px) and (max-width: 991px) {
    .aec-listview:not(.aec-gridview) div.aec-buybutton .aec-listprice {
        left: 38%;
    }
    .aec-listview:not(.aec-gridview) div.aec-buybutton .aec-yousave {
        left: 50%;
    }

    .product-scroller-row .slick-initialized .slick-slide .aec-promotemplate-button {
        width: 150px;
    }
}

@media (min-width: 670px) and (max-width: 767px) {
    .aec-grid-artist a,
    .aec-grid-genres a,
    .aec-grid-genres,
    .aec-listview:not(.aec-gridview) .release-date {
        font-size: 15px !important;
    }
    .aec-listcontent.aec-gridnotes {
        font-size: 16px;
    }
}

@media (min-width: 540px) and (max-width: 767px) {
    .aec-listview:not(.aec-gridview) ul.aec-gridcontentul li:first-child a {
        font-size: 22px
    }
}

@media (min-width: 540px) and (max-width: 696px) {
    #aec-prodgrid.aec-listview:not(.aec-gridview) p.aec-cover {
        margin-right: 10px;
        max-width: 100%;
        min-height: 1%;
        width: 20%;
    }
    .aec-listview:not(.aec-gridview) .aec-gridcontentul {
        width: 70%;
    }
    .aec-listview.aec-gridview p.aec-cover > a > img {
        max-width: 100% !important;
        min-height: auto;
        height: auto;
        width: auto;
    }
    .aec-listview:not(.aec-gridview) .aec-cover > a > img {
        max-width: 100% !important;
    }
    .aec-grid-artist a,
    .aec-grid-genres,
    .aec-grid-genres a,
    .aec-listview:not(.aec-gridview) .release-date {
        font-size: 15px !important;
    }
    .aec-listcontent.aec-gridnotes {
        font-size: 16px;
    }
    .aec-listview:not(.aec-gridview) div.aec-buybutton .aec-price {
        left: 0;
        max-width: 100%;
        width: 100%;
    }
    .aec-listview:not(.aec-gridview) div.aec-buybutton .aec-custprice {
        left: 0;
        position: absolute;
        top: 15px;
    }
    .aec-listview:not(.aec-gridview) div.aec-buybutton .aec-yousave {
        left: 42%;
        top: 13px;
    }
    .aec-listview:not(.aec-gridview) div.aec-buybutton .aec-listprice {
        left: 25%;
        top: 13px;
    }
    .aec-listview:not(.aec-gridview) div.aec-buybutton {
        max-width: 100%;
        padding: 0;
        width: 100%;
        position: relative;
    }

    .aec-listview:not(.aec-gridview) .aec-buybutton .aec-buyimage {
        right: 0;
        position: absolute;
        bottom: 10px;
        width: calc(100% - 65px);
    }
    .aec-listview:not(.aec-gridview) .aec-salescat {
        position: absolute;
        text-align: left;
        bottom: 15px;
        left: 0px;
    }
}

@media (min-width: 0px) and (max-width: 539px) {
    .aec-listcontent.aec-gridnotes {
        display: none !important;
    }
    .aec-listview:not(.aec-gridview) ul li:first-child .aec-ellipsis {
        width: 100%;
    }
    #aec-prodgrid.aec-listview:not(.aec-gridview) .aec-cover {
        max-height: 100% !important;
        min-height: 150px !important;
        width: 30%;
    }

    .aec-listview .aec-gridcontentul {
        height: auto;
        padding-left: 8px;
        flex: 0 0 100%;
    }
    .aec-listview.aec-gridview p.aec-cover > a > img {
        max-width: 100% !important;
        min-height: auto;
        height: auto;
        width: 100%;
    }
    .aec-listview:not(.aec-gridview) ul.aec-gridcontentul li:first-child a {
        font-size: 17px;
        font-weight: 600;
        line-height: normal;
        white-space: nowrap;
        overflow: hidden;
    }
    .aec-grid-artist a,
    .aec-grid-genres a,
    .aec-grid-genres,
    .aec-listview:not(.aec-gridview) .release-date {
        font-size: 13px !important;
    }

    #aec-prodgrid.aec-listview .aec-buybutton > div.aec-grid-unavailable {
        display: block;
    }
    .aec-listview:not(.aec-gridview) .aec-grid-artist span,
    .aec-listview:not(.aec-gridview) .aec-grid-genres span,
    .aec-listview:not(.aec-gridview) .release-date span {
        display: inline-block;
        float: left;
        font-size: 13px;
        font-weight: 300;
        margin-right: 4px;
    }
    .aec-listview:not(.aec-gridview) .aec-grid-artist,
    .aec-listview:not(.aec-gridview) .aec-grid-genres,
    .aec-listview:not(.aec-gridview) .release-date {
        color: var(--primary-color);
        display: inline-block;
        float: left;
        font-size: 13px !important;
        font-weight: 500;
        margin: 0;
        overflow: hidden;
        padding: 0;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        line-height: 16px;
    }
    .aec-listview:not(.aec-gridview) div.aec-buybutton .aec-custprice {
        left: auto;
        position: relative;
        top: auto;
    }
    .aec-grid-artist a,
    .aec-grid-genres a,
    .aec-listview:not(.aec-gridview) .aec-ellipsis {
        width: auto;
    }
    .aec-listview:not(.aec-gridview) div.aec-buybutton {
        display: inline-block;
        float: left;
        margin-top: 13px;
        max-width: 58%;
        padding: 0;
        width: 58%;
        padding: 0 0 0 8px;
    }

    .aec-listview div.aec-buybutton .aec-price {
        margin: 5px auto 0;
        max-width: 100%;
    }
    .aec-listview:not(.aec-gridview) .aec-webamiprice-href {
        display: inline-block;
        float: left;
        height: auto;
        text-align: left;
    }
    .aec-listview:not(.aec-gridview) div.aec-buybutton .aec-listprice {
        float: left;
        left: 0;
        position: relative;
        text-align: left;
        top: auto;
        width: 100%;
        display: inline-block;
        font-size: 14px;
    }
    .aec-listview:not(.aec-gridview) div.aec-buybutton .aec-listprice span {
        font-size: 14px;
        display: inline;
        line-height: 100%;
    }
    .aec-listview:not(.aec-gridview) div.aec-buybutton .aec-custprice {
        float: left;
        left: 0;
        position: relative;
        top: 0;
    }
    .aec-listview.aec-gridview) div.aec-buybutton .aec-custprice {
        width: 100%;
        text-align: center;
    }
    .aec-listview:not(.aec-gridview) div.aec-buybutton .aec-yousave {
        float: left;
        font-size: 14px;
        left: 0;
        position: relative;
        text-align: left;
        top: 0;
        width: 100%;
    }
    .aec-listview:not(.aec-gridview) div.aec-buybutton .aec-yousave span {
        font-size: 14px;
    }
    .aec-listview:not(.aec-gridview) .aec-custprice > span {
        color: var(--primary-color);
        font-size: 25px;
        line-height: 100%;
    }
    .aec-listview:not(.aec-gridview) .aec-salescat {
        text-align: left;
        display: inline;
    }
    .aec-listview:not(.aec-gridview) .aec-salescat:after {
        clear: both;
        content: "";
        display: inline-block;
        float: left;
        width: 100%;
    }
}

@media (min-width: 0px) and (max-width: 500px) {
    .aec-listview.aec-gridview .aec-grid-artist a {
        display: inline !important;
        line-height: 100%;
    }
}


/*====================================
	GRID ICON
=====================================*/

.aec-listview .aec-gridicon {
    position: absolute;
    z-index: 1;
}

    .aec-listview .aec-gridicon a {
        display: block;
    }

.aec-listview.aec-gridview .aec-gridicon {
    right: 0;
}


.aec-buybutton div {
    text-align: unset;
}

span.aec-buybutton:before {
    display: none !important;
}

/* 4K and 8K UHD 7680px */
@media (min-width: 768px) and (max-width: 7680px) {
    .aec-listview:not(.aec-gridview) .aec-gridicon {
        left: 80px;
        top: -5px;
    }
}

@media (min-width: 521px) and (max-width: 767px) {
    .aec-listview:not(.aec-gridview) .aec-gridicon {
        left: 18%;
        top: -5px;
    }
}

@media (min-width: 361px) and (max-width: 520px) {
    .aec-listview:not(.aec-gridview) .aec-gridicon {
        left: 15%;
        top: 30px;
    }
    .aec-listview .aec-gridicon img {
        max-height: 44px;
    }
}

@media (min-width: 0px) and (max-width: 360px) {
    .aec-listview:not(.aec-gridview) .aec-gridicon {
        left: 1px;
        top: -8px;
    }
}


/*====================================
	SEARCH WITHIN AND GRID SORT
=====================================*/

.aec-searchwithin {
    background: none repeat scroll 0 0 transparent;
    border-left: medium none;
    border-right: medium none;
    border-top: medium none;
    border-radius: 0 !important;
    display: inline-block;
    height: 36px;
    margin: 0;
    padding: 5px;
    text-align: center;
    width: 100%;
    position: relative;
}


/*------------------------------------------
	Search within without extra js elements
-------------------------------------------*/

.aec-searchwithin #aec-searchwithintxt {
    background-color: var(--bs-white);
    background-image: none;
    border: 1px solid var(--primary-color);
    border-radius: 0 !important;
    display: block;
    float: left;
    font-size: 14px;
    height: 29px;
    line-height: 1.429;
    padding: 5px 9px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 24%;
    margin-left: 28.5%;
}

@media (min-width: 570px) and (max-width: 767px) {
    .aec-searchwithin #aec-searchwithintxt {
        margin-left: 31.333%;
        width: 33%;
        display: none !important;
    }
    .aec-searchwithin #aec-searchwithinbtn {
        display: none !important;
    }
}

@media (min-width: 0px) and (max-width: 680px) {
    .aec-searchwithin {
        border-radius: 0 !important;
        border-top: none;
        display: table;
        height: auto;
        margin: 0;
        padding: 5px;
        position: relative;
        text-align: center;
        width: 100%;
    }
    .aec-searchwithin #aec-searchwithintxt,
    .aec-searchwithin #aec-searchwithinbtn,
    .aec-searchwithin > div#aec-btn-bulkcart {
        display: none !important;
    }
    .aec-searchwithin > .aec-pagecount {
        display: block;
        float: left;
        height: 28px;
        left: -6px;
        line-height: normal;
        font-size: 14px !important;
        margin-bottom: 0 !important;
        margin-top: 0;
        padding-bottom: 0 !important;
        padding-left: 10px;
        padding-right: 10px !important;
        padding-top: 5px !important;
        position: relative !important;
        width: 62% !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .aec-searchwithin .aec-swicthbtn {
        display: block;
        float: right;
        margin-right: 0;
        padding-bottom: 0;
        padding-top: 0;
        position: absolute;
        right: 0;
        top: 8px;
        width: 48%;
    }
    .aec-searchwithin #aec-searchwithintxt {
        margin-left: 3%;
        width: 80%;
    }
    #aec-gridSwitchView.gridView {
        font-size: 14px !important;
    }
    .aec-gridcontrolsbot {
        height: 90px !important;
        margin: 10px 0 !important;
    }
    .aec-gridcontrolsbot .aec-pagenumgroup {
        position: relative;
        top: 40px;
        padding-top: 20px !important;
    }
    #aec-searchgridspan + .aec-gridcontrolsbot .aec-pagenumgroup {
        border-top: 0 none;
        top: 5px !important;
    }
    #aec-searchgridspan + .aec-gridcontrolsbot {
        height: 40px !important;
    }
}

@media (min-width: 0px) and (max-width: 520px) {
    .aec-gridcontrolsbot #aec-perpagegroup > label,
    .aec-gridcontrolsbot #aec-sortbygroup label {
        font-size: 0 !important;
    }
    .aec-gridcontrolsbot #aec-perpagegroup > label:before {
        content: "Items";
        font-size: 10pt !important;
    }
    .aec-gridcontrolsbot #aec-sortbygroup label:before {
        content: "Sort";
        font-size: 10pt !important;
    }
    .aec-sortbycontainer ul.aec-newList li a {
        display: block;
        font-size: 9pt;
        text-decoration: none;
    }
    ul.aec-newList li {
        padding: 5px;
    }
}


/*-------------------------------------------
	Extra cloned elemets
-------------------------------------------*/

#aec-gridcontrols-jump.aec-gridcontrolstop {
    display: none;
}

.aec-searchwithin > div.aec-pagecount {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 700;
    left: 0;
    margin: 0;
    padding: 3px 0 0;
    position: absolute;
    text-align: left;
    width: 200px;
}

@media (min-width: 320px) and (max-width: 360px) {
    .aec-searchwithin > div.aec-pagecount {
        overflow: hidden;
    }
}

#aec-gridSwitchView.gridView {
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    padding: 0 0 0 10px;
    position: absolute;
    right: 15px;
    color: var(--primary-color);
    text-decoration: none !important;
}

#aec-gridSwitchView.gridView:before {
    color: var(--primary-color);
    content: "\f881";
    font-family: 'WebGlyphs';
    margin-right: 4px;
    font-size: 18px;
}

.gridView.gridListView:before {
    color: #512e35;
    content: "\f850" !important;
    font-family: 'WebGlyphs';
    margin-right: 4px;
}


.aec-searchwithin > div#aec-btn-bulkcart a,
.aec-searchwithin > div#aec-btn-bulkcart a:hover,
.aec-searchwithin > div#aec-btn-bulkcart a:focus,
.aec-searchwithin > div#aec-btn-bulkcart a:active {
    color: var(--bs-white);
    text-decoration: none;
}

#aec-btn-bulkcart > a#aec-btnBulkUpdateCart {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25em;
}

#aec-btn-bulkcart > a#aec-btnBulkUpdateCart .icon-carry-basket:before {
    content: "\f838";
}

.aec-searchwithin > div#aec-btn-bulkcart {
    display:none;
}

/*--------------------------------------------
	Search within without extra js elements
-------------------------------------------*/

#aec-gridcontrols-jump .aec-svcontainer {
    clear: right;
    float: right;
    text-align: right;
    width: 45%;
}

#aec-currentnum {
    margin-top: 5px;
    width: 45%;
}

.aec-searchwithin #aec-searchwithinbtn {
    background-color: var(--primary-color);
    background-image: none;
    border: solid 2px var(--primary-color);
    color: var(--bs-white);
    float: left;
    font-weight: bold !important;
    line-height: 1.429;
    margin: 0 0 0 4px;
    padding: 3px 10px;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    border-radius: 0 !important;
    text-transform: uppercase;
    font-weight: 800;
}

.aec-searchwithin #aec-searchwithinbtn:after {
    content: "!";
}


.aec-searchwithin #aec-searchwithintxt:focus {
    border-color: #4e4e4e;
}

.aec-gridcontrolsbot {
    background: transparent none repeat scroll 0 0;
    border: medium none !important;
    display: inline-block;
    height: 40px;
    margin: 20px 0 15px;
    padding: 0;
    position: relative;
    width: 100%;
}

.aec-gridcontrolsbot ul.aec-newList {
    background: #babbbc none repeat scroll 0 0;
    border-color: #4e4e4e;
    border-style: solid;
    border-width: 0 2px 2px;
    color: #512e35;
    left: -2px;
    list-style: outside none none;
    margin: 0;
    position: absolute;
    top: 23px;
    z-index: 9999;
}

.aec-gridcontrolsbot ul.aec-newList a {
    color: #512e35;
    font-size: 13px;
    letter-spacing: -0.04em;
}

.aec-gridcontrolsbot ul.aec-newList li:hover {
    background: #d1d2d4 none repeat scroll 0 0 !important;
    color: #512e35 !important;
    cursor: pointer;
}

.aec-gridcontrolsbot ul.aec-newList li:hover a {
    color: #4e4e4e !important;
}

#aec-searchgridspan + .aec-gridcontrolsbot {
    border-top: medium none;
    border-radius: 0 !important;
    border-top: 1px solid #d1d2d4;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
}

.aec-gridcontrolsbot .aec-selectedTxt {
    color: #512e35;
    cursor: pointer;
    font-size: 14px;
    height: 23px;
    line-height: 18px;
    overflow: hidden;
    padding: 2px;
}

.aec-newListSelected {
    background-color: #babbbc;
    background-image: url("/customers/ccmusic/img/arrowdown.svg");
    background-position: right center;
    background-repeat: no-repeat;
    border: 2px solid #4e4e4e;
    border-radius: 0 !important;
    color: #512e35;
    cursor: pointer;
    float: left;
    height: 27px;
    z-index: 9;
}

.aec-sortbycontainer .aec-newListSelected {
    width: 132px;
}

.aec-gridcontrolsbot .aec-pagenumgroup {
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    padding-top: 6px;
    text-align: center;
    width: auto !important;
    position: relative;
}

.aec-next:hover,
.aec-prev:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #4e4e4e;
}

.aec-gridcontrolsbot #aec-perpagegroup {
    clear: none;
    float: none;
    position: absolute;
    right: 10px;
    top: 6px;
}

.aec-gridcontrolsbot > div#aec-sortbygroup {
    left: 0;
    position: absolute;
    top: 6px;
    width: 210px;
    z-index: 1;
}

.aec-gridcontrolsbot #aec-sortbygroup label {
    color: var(--primary-color);
    float: left;
    font-size: 15px;
    font-weight: 500;
    padding: 4px 4px 4px 0;
}

.aec-gridcontrolsbot #aec-perpagegroup > label {
    display: inline-block;
    float: left;
    padding: 4px;
    color: var(--primary-color);
    font-size: 15px;
    font-weight: 500;
}

.aec-pagenumcontainer a {
    background: var(--bs-white) none repeat scroll 0 0;
    border-color: var(--primary-color);
    border-radius: 0 !important;
    border-style: solid;
    border-width: 2px;
    color: var(--primary-color);
    display: inline;
    font-size: 14px;
    height: 25px;
    line-height: 1em;
    margin-right: 4px;
    padding: 5px 10px 3px;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    font-weight: 800 !important;
}

.aec-pagenumcontainer a:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    box-shadow: 0 2px 2px var(--primary-color) inset, 2px 0 2px var(--primary-color) inset, 0 0 2px 2px var(--primary-color) inset;
    -webkit-box-shadow: 0 2px 2px var(--primary-color) inset, 2px 0 2px var(--primary-color) inset, 0 0 2px 2px var(--primary-color) inset;
    color: var(--bs-white);
}

.aec-pagenumcontainer {
    display: inline;
    margin-left: 25px;
}

.aec-pagenumcontainer a:first-child {
    border-left: 1px solid var(--primary-color);
}

.aec-pagenumcontainer .aec-pagenum span {
    background: var(--primary-color) none repeat scroll 0 0;
    border: 2px solid var(--primary-color) !important;
    border-radius: 0 !important;
    box-shadow: 0 2px 2px var(--primary-color) inset, 2px 0 2px var(--primary-color) inset, 0 0 2px 2px var(--primary-color) inset;
    -webkit-box-shadow: 0 2px 2px var(--primary-color) inset, 2px 0 2px var(--primary-color) inset, 0 0 2px 2px var(--primary-color) inset;
    color: var(--bs-white);
    font-size: 14px;
    font-weight: 800 !important;
    height: 25px;
    line-height: 25px;
    margin-left: 4px;
    margin-right: 4px;
    padding: 5px 10px 3px;
    text-decoration: none;
}

.aec-prev {
    background-image: none;
    border: none;
    color: var(--primary-color);
    height: 25px;
    line-height: 25px;
    margin: 0;
    position: absolute;
    width: 25px;
    font-size: 25px;
}

.aec-next {
    background-image: none;
    border: none;
    color: var(--primary-color);
    height: 25px;
    line-height: 25px;
    margin: 0;
    position: absolute;
    width: 25px;
    font-size: 25px;
}

.aec-prev:before {
    content: '\f824';
    font-family: 'WebGlyphs';
}

.aec-next:before {
    content: '\f823';
    font-family: 'WebGlyphs';
}

.aec-next:hover, .aec-prev:hover,
.aec-next:focus, .aec-prev:focus,
.aec-next:active, .aec-prev:active {
    color: #512e35;
}
.aec-next:focus, .aec-prev:focus {
    outline-offset: 2px !important;
    outline-color: #512e35 !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS fixes */
    .aec-gridcontrolsbot .aec-prev {
        float: none !important;
        position: relative !important;
        left: 12px !important;
        display: inline-block;
    }
    .aec-gridcontrolsbot .aec-next {
        margin-left: -3px;
    }
    .aec-pagenumcontainer {
        position: relative;
        top: 0px;
        left: -5px
    }
    .aec-pagenumcontainer .aec-pagenum span {
        line-height: 18px;
        margin-right: 7px;
        top: -1px;
        text-decoration: none;
    }
}

.aec-gridcontrolsbot .aec-newListSelected {
    height: 27px !important;
    position: relative !important;
    top: 2px;
}

#aec-sortbygroup .aec-gridcontrolsbot .aec-newListSelected {
    width: 50px;
}

@media (min-width: 0px) and (max-width: 520px) {
    .aec-sortbycontainer .aec-selectedTxt {
        width: 133px;
    }
    .aec-pagenumcontainer {
        margin-left: 0;
    }
    .aec-prev {
        margin-left: -27px;
    }
}

a.aec-iconbase {
    margin-right: 0;
}

#aec-stripbanner:empty,
#aec-stripbanner,
#aec-stripbanner + br {
    display: none;
}

.aec-personname, .aec-themename {
    border-bottom: 3px solid #babbbc;
    color: #512e35;
    font-size: 20px;
    margin: 0 0 5px;
    padding: 8px 0 6px;
}

@media (min-width: 0px) and (max-width: 359px) {
    .aec-pagenumcontainer .aec-pagenum span,
    .aec-pagenumcontainer a {
        font-size: 12px;
    }
}

/*====================================
	SEARCH WITHIN AND GRID SORT END
=====================================*/

/*====================================
	BOUTIQUES
=====================================*/

.aec-boutiquebanner > img {
    height: auto;
    width: 100%;
}


/*====================================
	404 PAGE
=====================================*/

#aec-error404 > h1 {
    color: #512e35;
    font-size: 22px;
    font-weight: 600;
}

#aec-error404 > h1:before {
    content: "\f883";
    font-family: "WebGlyphs";
    font-weight: normal;
    margin-right: 8px;
}

#aec-error404 > div + div {
    background-color: var(--primary-color);
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    font-size: 14px;
    margin: 10px auto 0;
    padding: 10px 12px;
    width: 200px;
    font-weight: 500;
    font-weight: 600;
}

#aec-error404 > div + div:hover {
    background-color: var(--primary-color);
    box-shadow: 0 0 10px var(--primary-color) !important;
    -webkit-box-shadow: 0 0 10px var(--primary-color) !important;
}

#aec-error404 > div a {
    color: var(--bs-white);
}


/*====================================
	ADVANCE SEARCH PAGE
=====================================*/

#aec-adv-currentlyselected {
    color: #4e4e4e;
    font-size: 16px;
    margin-top: 10px;
    padding: 0 0 0 2px;
}

#aec-main #aec-advsrch-wrapper {
    background-color: #4e4e4e;
    border: none;
    border-radius: 0 !important;
    display: table;
    overflow: hidden;
    padding: 0 15px;
    width: 100%;
}

#aec-main #aec-advsrch-wrapper h1 {
    background-color: transparent;
    border-bottom: 3px solid var(--bs-black);
    color: var(--bs-black);
    display: block !important;
    font-size: 33px;
    margin: 0 0 20px;
    padding: 30px 15px 7px;
    text-transform: uppercase;
}

#aec-main #aec-advsrch-wrapper h1:before {
    content: '\f81d';
    font-family: 'WebGlyphs';
    font-size: 33px;
    font-weight: normal;
    margin-right: 5px;
}

#aec-main #aec-advsrch-wrapper > form#aec-advsrch {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

#aec-advsrch-wrapper h4:before {
    content: '\f878';
    font-family: 'WebGlyphs';
    margin-right: 4px;
}

#aec-advsrch-wrapper h4 {
    background-color: transparent;
    background-image: none;
    color: var(--bs-black);
    font-size: 17px;
    margin: 0 0 10px;
    padding: 0 10px 10px;
}

#aec-main #aec-advsrch-wrapper input[type="text"],
#aec-main #aec-advsrch-wrapper select {
    background-color: #d1d2d4;
    background-image: none;
    border: medium none;
    border-radius: 0 !important;
    color: #512e35;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    -webkit-box-shadow: none !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    width: 40%;
}

#aec-main #aec-advsrch-wrapper input[type="text"]:focus,
#aec-main #aec-advsrch-wrapper input[type="text"]:focus {
    outline: 0;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

#aec-main #aec-advsrch-wrapper span {
    color: #d1d2d4;
    font-size: 15px !important;
    font-weight: 600;
    padding: 6px 0;
    position: relative;
    top: 5px;
    width: 20%;
}

#aec-main #aec-advsrch-wrapper #aec-advsrch input#ais {
    position: relative;
    top: 7px;
}

#aec-main #aec-advsrch-wrapper #aec-advsrch .aec-advsrch-cba {
    border: 1px solid #4e4e4e;
    border-radius: 0 !important;
    margin-bottom: 5px;
    margin-top: 15px;
    padding: 5px !important;
    width: 40%;
}

#aec-main #aec-advsrch-wrapper #aec-advsrch .aec-advsrch-cba label {
    color: #d1d2d4;
    font-weight: 600;
    font-size: 16px !important;
}

#aec-main #aec-advsrch-wrapper #aec-advsrch .aec-advsrch-cba > div {
    margin: 0;
}

#aec-main #aec-advsrch-wrapper #aec-advsrch-checkboxarea #afmt_cd,
#aec-main #aec-advsrch-wrapper label[for="afmt_cd"],
#aec-main #aec-advsrch-wrapper #aec-advsrch-checkboxarea #afmt_mdvd,
#aec-main #aec-advsrch-wrapper label[for="afmt_mdvd"],
#aec-main #aec-advsrch-wrapper #aec-advsrch-checkboxarea #afmt_sacd,
#aec-main #aec-advsrch-wrapper label[for="afmt_sacd"],
#aec-main #aec-advsrch-wrapper #aec-advsrch-checkboxarea #afmt_dd,
#aec-main #aec-advsrch-wrapper label[for="afmt_dd"] {
    display: none !important;
}

#aec-main #aec-advsrch-results-links {
    border: 1px solid #e2e6ed;
    border-radius: 0 !important;
    font-size: 13px;
    padding: 5px;
}

#aec-main #aec-advsrch-wrapper #aec-advsrch-submit {
    background-color: var(--bs-black);
    background-image: none;
    border: medium none;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #512e35;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 12px;
    margin-top: 12px;
    padding: 6px 40px;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}

#aec-main #aec-advsrch-wrapper #aec-advsrch-submit:hover {
    background-color: var(--bs-black);
    color: #512e35;
    box-shadow: 0 0 10px var(--bs-black) !important;
    -webkit-box-shadow: 0 0 10px var(--bs-black) !important;
}

#aec-main #aec-advsrch-wrapper #aec-advsrch-submit-div {
    clear: both;
    display: block;
    margin-left: 190px;
}

@media (min-width: 320px) and (max-width:767px) {
    #aec-main #aec-advsrch-wrapper span {
        margin-right: 0;
        padding: 2px 0;
        text-align: left;
        top: 0;
        width: 100%;
    }
    #aec-main #aec-advsrch-wrapper input[type="text"],
    #aec-main #aec-advsrch-wrapper select,
    #aec-main #aec-advsrch-wrapper #aec-advsrch .aec-advsrch-cba {
        width: 100%;
    }
    #aec-main #aec-advsrch-wrapper #aec-advsrch-submit-div {
        margin-left: 0;
    }
    #aec-main #aec-advsrch-wrapper #aec-advsrch input#ais {
        left: 60px;
        position: relative;
        top: -24px;
    }
    #aec-main #aec-advsrch-wrapper #aec-advsrch .aec-advsrch-cba {
        margin-top: 0;
    }
}

@media (min-width: 768px) and (max-width:992px) {
    #aec-main #aec-advsrch-wrapper input[type="text"],
    #aec-main #aec-advsrch-wrapper select,
    #aec-main #aec-advsrch-wrapper #aec-advsrch .aec-advsrch-cba {
        width: 59%;
    }
    #aec-main #aec-advsrch-wrapper #aec-advsrch-submit-div {
        margin-left: 22%;
    }
}

/* Mobile elemets*/

@media (min-width: 0px) and (max-width: 1023px) {
    body,
    #aec-container,
    #aec-body {
        overflow-x: hidden !important;
        width: 100vw !important;
    }
    body.open-nav #aec-left {
        left: 0;
        overflow-y: scroll;
        height: 100%;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.27) !important;
        -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.27) !important;
    }
    body.open-nav #aec-container {
        overflow: hidden !important;
    }
    body.open-nav {
        overflow-x: hidden;
        position: absolute;
        width: 100vw;
    }
    #aec-container {
        margin-left: 0;
        transition: margin-left 0.2s ease-in-out 0s;
        -webkit-transition: margin-left 0.2s ease-in-out 0s;
    }
    body.open-nav .aec-top-nav {
        left: 200px !important;
    }
    body .aec-top-nav {
        left: 0;
        transition: left 0.2s ease-in 0s;
        -moz-transition: left 0.2s ease-in 0s;
        -webkit-transition: left 0.2s ease-in 0s;
    }
}

.aec-boutiquebanner-txtbelow > a {
    color: #512e35;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 10px;
}
    .aec-boutiquebanner-txtbelow > a:hover {
        text-decoration: underline;
    }

.aec-boutiquebanner-txtbelow, .aec-boutiquebanner-txtabove {
    color: #4e4e4e;
}
.aec-boutiquebanner-txtabove {
    font-size: 19px;
    font-weight: 800;
    padding-bottom: 9px;
    padding-top: 12px;
}

/*====================================
	PERSON SEARCH GRID
=====================================*/
.aec-searchresults-notfound {
    margin-bottom: 10px;
}
#aec-personsearchgrid {
    display: inline-block;
    width: 100%;
}

#aec-searchgridspan > ul {
    background-color: var(--bs-white);
    margin-bottom: 0;
}
#aec-searchgridspan > ul {
    border-left: 1px solid var(--bs-white);
    border-right: 1px solid var(--bs-white);
    margin-bottom: 0;
}

#aec-personsearchgrid > li {
    border-bottom: 3px solid #d1d2d4;
    color: #d1d2d4;
    float: left;
    font-size: 16px;
    list-style-type: none;
    padding: 10px;
    width: 100%;
}
#aec-personsearchgrid .aec-artistinfo .aec-artistinfo-title {
    font-style: normal;
    font-weight: 700;
}

#aec-personsearchgrid a {
    color: var(--bs-black);
}

    #aec-personsearchgrid a:hover {
        text-decoration: underline;
    }

.aec-persongridcontrolsbot {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    display: inline-block;
    height: 45px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.aec-persongridcontrolsbot .aec-pagenumgroup.aec-pagenumgroup-bot {
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    padding-top: 6px;
    position: relative;
    text-align: center;
    width: auto !important;
}


/*====================================
	GRID GROUPED NOTIFIER
=====================================*/

.aec-groupednotifier {
    padding-left: 15px !important;
    padding-right: 15px !important;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.aec-listview:not(.aec-gridview) ul.aec-gridcontentul .aec-groupednotifier {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

li.aec-groupednotifier:empty {
    display: none !important;
}


.aec-listview:not(.aec-gridview) ul.aec-gridcontentul .aec-groupednotifier-box > span {
    line-height: 100% !important;
}

.aec-listview:not(.aec-gridview) ul.aec-gridcontentul .aec-groupednotifier-box {
    line-height: 100% !important;
    padding-bottom: 4px !important;
    padding-left: 2px !important;
    padding-right: 4px !important;
}

.aec-groupednotifier-box {
    background-color: #BABBBC;
    border-color: transparent !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    text-decoration: none !important;
    padding: 2px 4px;
    margin-left: auto;
    -webkit-transition: all 0.35s ease-in-out 0s;
    transition: all 0.35s ease-in-out 0s;
    border-width: 0;
    display: block;
}

.aec-groupednotifier-box > span {
    color: #000000;
    font-size: 13px;
}

.aec-dcsSelections ul li {
    color: #2b2b2b;
}

.aec-groupednotifier-box:hover,
.aec-groupednotifier-box:focus {
    background-color: #BABBBC !important;
    border-color: transparent !important;
    color: #512E35 !important;
}

.aec-groupednotifier-box:hover > span,
.aec-groupednotifier-box:focus > span {
    color: #512E35 !important;
}

.aec-listview:not(.aec-gridview) ul.aec-gridcontentul li.aec-groupednotifier {
    font-size: 16px;
    max-width: 220px !important;
    width: auto;
    display: inline-block;
}

ul.aec-listview .aec-groupednotifier-box {
    margin: 0 auto 2px;
    width: 100%;
    max-width: 210px;
}
.aec-listview:not(.aec-gridview) .aec-grid-artist div {
    display: inline !important;
}
div#aec-recommendations.recs {
    background-color: var(--bs-white);
    padding: 0px;
}
div#aec-recommendations .item .aec-price span {
    color: var(--bs-white);
}

.aec-grid-artist a {
    width: 75%;
}

body.open-nav #aec-left {
    background-color: var(--bs-white) !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
    body.open-nav .aec-toggle-leftnav {
        z-index: 5 !important;
    }
}

.tab-content button.aec-buybutton-textbtn {
    width: 70%;
}

.home-landing #aec-tabbedContent .aec-promotemplate5 button.aec-buybutton-textbtn span.aec-buybutton {
    font-size: 2rem;
}

#emailPanel label.control-label {
    color: #4e4e4e !important;
}

#emailPanel input#UserEmail {
    border: 1px solid #4e4e4e;
}

#emailPanel input#UserEmail:focus {
    border: 1px solid #512e35 !important;
}

.aec-checkout-title {
    color: #2a080a;
}

#aec-webami-loginbox .validation-summary-errors {
    background-color: rgb(202,94,88);
    color: var(--bs-white) !important;
    padding: 2px 25px;
    border: 1px solid rgb(202,94,88);
    border-radius: 2px;
    text-align: center;
}

#aec-webami-loginbox .validation-summary-errors ul {
    margin-bottom: 5px;
    margin-top: 5px;
}


#help-content .aec-info-section h4 {
    color: var(--primary-color) !important;
    font-size: 17px;
    font-weight: 600;
    margin-top: 30px !important;
}

.account-message-label {
    font-size: 17px;
    font-weight: 600;
    margin-top: 5px;
    color: var(--bs-white);
}


@media (min-width: 768px) {
    #aec-email-signup .modal-dialog {
        width: 400px;
        margin: 30px auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) !important;
    }
}

div.delayShipOrdDivStyle {
    background: var(--bs-black) !important;
    color: #512e35 !important;
}
#delay-orders-div {
    color: #f9ba56 !important;
}
/*-----------------DropDownList Sortby and ItemsPerPage---------------------*/
#aec-sortby,
#aec-perpage {
    background-color: var(--bs-white) !important;
    border: 1px solid #512e35 !important;
    border-radius: 0 !important;
    color: #512e35 !important;
    height: 26px !important;
    font-size: 14px !important;
}

    #aec-sortby:focus,
    #aec-perpage:focus {
        outline-color: #512e35 !important;
    }

.aec-gridcontrolsbot #aec-sortbygroup label,
.aec-gridcontrolsbot #aec-perpagegroup label {
    font-size: 15px;
}
/*-----------------End DropDownList Sortby and ItemsPerPage---------------------*/

.aec-cartitems-rounded {
    background: #fbf5db;
    color: var(--primary-color);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    float: right;
    position: absolute;
    top: -4px;
    right: 1px;
    z-index: 1;
}

#slick-control-container {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    font-size: 70px;
    color: rgba(255,255,255,0.5);
    opacity: 0;
    border: none;
    background-color: transparent;
    transition: all 0.5s linear;
    color: var(--bs-black);
}

.responsive-single.slick-slider:hover #slick-control-container {
    opacity: 1;
}

#slick-control-container:hover {
    color: var(--bs-black);
}

#slick-control-container:focus {
    opacity: 1;
    color: var(--primary-color);
}

.nav-departments ul {
    list-style-type: none;
}

.storetype-landing .product-scroller-row .products-slider .aec-slider-tile h2,
#aec-tabbedContent .aec-slider-tile > h2 {
    color: var(--primary-color);
    display: inline-block;
    float: left;
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
    margin-right: 15px;
}

.aec-help-content,
#help-content h4,
.aec-mainhelp-page dt,
.aec-mainhelp-page strong,
.aec-privatepolicy tbody tr {
    color: var(--bs-white) !important;
}

.aec-help-content .form-group label {
    font-weight: bold;
    margin-bottom: 5px;
}

#help-content {
    background-color: #4e4e4e;
}

.aec-helpnavigation a {
    padding: 3px 10px !important;
}

.aec-helpnavigation a:hover,
.aec-helpnavigation a:focus {
    color: var(--bs-white) !important;
    text-decoration: underline;
}

#messageDiv p {
    font-size: 20px;
    padding: 10px 0;
}

.form-control {
    margin-bottom: 10px;
}

.form-control .control-label {
    font-weight: bold;
}

input.form-control {
    background-color: var(--bs-white);
}

legend {
    color: var(--bs-black);
    border-bottom: 1px solid var(--bs-black);
    font-size: 20px
}

#help-content p strong {
    color: var(--bs-white) !important;
    font-weight: 600 !important;
}

#aec-reset-loginLink:before {
    color: var(--bs-black);
    content: "\f060";
    font-family: "Font Awesome\ 5 Free";
    font-weight: 900;
}

.aec-reset-loginLink2-back-home:before {
    color: var(--bs-black);
    content: "\f015";
    font-family: "Font Awesome\ 5 Free";
    font-weight: 900;
    padding-right: 10px;
}

#aec-main h3.aec-pwd-head1 {
    color: var(--bs-black);
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 20px;
}

#LoginFormLabel .icon-lock:before {
    font-size: 20px !important;
    display: inherit;
    padding-right: 10px !important;
}

#LoginFormLabel {
    font-size: 14px !important;
}

.field-validation-error span {
    color: #b20000 !important;
}

#product-credits a:focus {
    color: var(--bs-black);
}

table.tableCatForm .field-validation-error {
    display: block;
}

@media (min-width: 0px) and (max-width: 991px) {
    .icon-mail-1:before {
        margin: 0 !important;
    }

    .icon-lock:before {
        margin: 0 !important;
        font-size: 4vw !important;
        display: inline !important;
    }

    .outer-circle {
        display: none !important;
    }

    .icon-lock:before {
        font-size: 25px !important;
        margin-bottom: 0 !important;
    }

    .icon-mail-1:before,
    .icon-lock:before,
    .icon-logout:before,
    .icon-basket-1:before {
        margin: 0 !important;
        font-size: 4vw !important;
    }

    .email-container a,
    .login-container a,
    .header-custom-buttons .login-container .aec-loginlinks-login,
    .aec-main-minicart {
        font-size: 1.3rem;
        line-height: 28px;
    }

    .login-container a,
    .email-container a,
    .aec-main-minicart {
        padding: 4px !important;
        text-align: center !important;
    }
}

#aec-playbtn-adanotification {
    display: none;
}

.home-landing .product-scroller-row .products-slider .aec-cat-link {
    padding-top: 0;
}

@media (min-width: 0px) and (max-width: 320px) {
    button.shop-departments {
        font-size: 1.5rem;
    }

    .nav-departments .capsule {
        width: 80%;
    }

    .nav-departments .dot {
        margin-right: 5px;
    }

    .nav-departments a {
        font-size: 15px;
        line-height: 30px;
    }

    .ads-row-top {
        margin-bottom: 0px;
    }

    .home-landing .row.ads-row .aec-catalog-zone > .aec-adzone-container .adzone-txt-below {
        font-size: 1.5rem !important;
    }

    .product-scroller-row .products-slider .slick-prev:before,
    .product-scroller-row .products-slider .slick-next:before {
        font-size: 2rem;
    }

    .home-landing .product-scroller-row .products-slider .aec-slider-tile a {
        font-size: 1.2rem !important;
    }

    .home-landing .product-scroller-row .products-slider .aec-slider-tile .view-all-arrow:before {
        font-size: 1.2rem;
    }

    #aec-footer .aec-copyAndLogo {
        justify-content: center !important;
    }

    .icon-mail-1,
    .icon-basket-1,
    .icon-logout {
        display: inline-block;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .nav-departments .innerdot {
        top: -4px !important;
    }
}

@media (min-width: 321px) and (max-width: 767px) {
    .product-scroller-row .products-slider .slick-prev:before,
    .product-scroller-row .products-slider .slick-next:before {
        font-size: 2rem;
    }

    .home-landing .product-scroller-row .products-slider .aec-slider-tile .view-all-arrow:before {
        font-size: 1.2rem;
    }

    #aec-footer .aec-copyAndLogo {
        justify-content: center !important;

    }

    .icon-mail-1,
    .icon-basket-1,
    .icon-logout {
        display: inline-block;
    }
}

@media (max-width: 649px) {
    .footer h3 {
        display: none;
    }
}

@media (min-width: 649px) {
    .footer {
        padding-top: 70px;
    }

    .home-landing .product-scroller-row .products-slider .aec-cat-link {
         padding-top: 0;
    }
}

@media (min-width: 0px) and (max-width: 992px) {
    .aec-gslabel {
        padding: 5px 5px 5px 55px;
    }

    .header-logo img.img-responsive {
        margin: auto;
        width: 50%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .nav-departments .left-col {
        background-image: none;
        background-position: center;
        background-repeat: inherit;
        background-size: 0;
        display: block;
        padding: 0;
    }

    .nav-departments a.hovered:before,
    .nav-departments a.focused:before {
        background-image: none;
    }

    .email-container a,
    .login-container a,
    .header-custom-buttons .login-container .aec-loginlinks-login,
    .aec-main-minicart {
        font-size: 1rem;
        line-height: 15px;
        border-radius: 0;
    }

    .icon-mail-1,
    .icon-lock,
    .icon-basket-1 {
        display: block;
    }

    .icon-mail-1:before,
    .icon-lock:before,
    .icon-logout:before,
    .icon-basket-1:before {
        font-size: 2rem !important;
    }

    .email-container,
    .login-container,
    .cart-container {
        height: 50px;
    }
}

@media (min-width: 992px) {
    .icon-mail-1:before,
    .icon-basket-1:before,
    .icon-logout:before,
    .icon-lock:before {
        font-size: 2.8rem !important;
        margin-bottom: 10px !important;
    }

    .email-container a,
    .login-container a,
    .cart-container a {
        font-size: 1.2rem !important;
    }

    .join-our-email, .aec-loginlinks, .aec-main-minicart {
        padding-top: 0;
    }

    .aec-cartitems-rounded {
        background: #fbf5db;
        color: var(--primary-color);
        border-radius: 50%;
        width: 20px;
        height: 20px;
        float: right;
        position: absolute;
        top: 2px;
        right: 1px;
    }
}

.aec-gslabel {
    color: #4e4e4e;
    padding: 5px 5px 5px 55px;
    width: 100%;
}

#product-reviews h2 {
    color: var(--bs-black);
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
}

#product-reviews h3 {
    color: var(--bs-black);
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
}

#slick-control-container .fa-play-circle,
#slick-control-container .fa-pause-circle {
    background-color: white;
    border-radius: 50%;
}

#slick-control-container .fa-play-circle:before,
#slick-control-container .fa-pause-circle:before {
    color: #919191;
}

.icon-basket-1:before {
    margin-bottom: 2px !important;
}

.ccm-navbar .navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
}

.ccm-navbar .navbar-nav > li {
    flex: 1 0 auto;
    -ms-flex: 1 0 auto;
}

.ccm-navbar ul.navbar-nav {
    margin: 0 auto;
    text-align: center;
    float: unset;
}

.navbar-default.ccm-navbar .navbar-nav > li > a {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 0;
    padding-top: 10px;
}

.main-header {
    background-color: var(--bs-white);
}

.main-header .header-container {
    background-color: var(--primary-color);
}

.main-header .header-container .header {
    margin: 0 auto;
}

.header-custom-buttons {
    margin-bottom: 10px;
}

.ccm-navbar-menu-links i.fa-cart-shopping {
    font-size: 2.5rem;
}

/*Help Pages*/
#help-content h2 {
    border-bottom: 2px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
    font-size: 17px;
    font-weight: 500;
    margin-top: 0;
    padding-bottom: 0 !important;
    padding-left: 0;
    padding-top: 0;
    text-transform: uppercase;
}

.aec-help-content,
#help-content h4,
.aec-mainhelp-page dt,
.aec-mainhelp-page strong,
.aec-privatepolicy tbody tr {
    color: var(--bs-black) !important;
}

.aec-help-content ul {
    list-style: disc;
}

.aec-help-content ol {
    list-style: decimal;
}

.aec-help-content ul.aec-help-ccs {
    list-style: none;
}

.aec-help-content ul {
    list-style: disc;
}

.aec-help-content ol {
    list-style: decimal;
}

.aec-help-content ul.aec-help-ccs {
    list-style: none;
    display: flex
}

.aec-help-content > h2.main-heading {
    color: var(--primary-color) !important;
}

h2.help-index {
    border-bottom-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    margin-bottom: 0 !important;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px !important;
    padding-top: 13px !important;
}

.aec-helpnavigation a {
    background-color: var(--primary-color) !important;
    border-radius: 3px !important;
    color: var(--bs-white) !important;
    display: inline-block;
    font-size: 15px !important;
    font-weight: 700;
    padding: 3px;
    width: 100%;
}

.help-nav {
    background-color: var(--bs-white) !important;
    border: 1px solid var(--primary-color) !important;
    display: block;
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    width: 16.6667%;
}

#help-content table th {
    background-color: var(--primary-color) !important;
    color: var(--bs-white) !important;
    font-weight: 600;
    border-color: #3e3e3e;
}

.list-inline.aec-help-ccs > li .icon-cc-visa,
.list-inline.aec-help-ccs > li .icon-cc-mastercard,
.list-inline.aec-help-ccs > li .icon-cc-amex,
.list-inline.aec-help-ccs > li .icon-cc-discover,
.list-inline.aec-help-ccs > li .icon-cc-paypal {
    color: var(--primary-color) !important;
}

#help-content {
    background-color: var(--bs-white) !important;
}

#help-content a {
    color: #205d91;
    text-decoration: none;
}

#help-content a:hover,
#help-content a:focus {
    color: #205d91;
    text-decoration: underline;
}

#help-content h3 {
    border-bottom: 2px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
    font-size: 17px;
    font-weight: 600;
    margin-top: 10px;
}

.product-scroller-row .slick-initialized .slick-slide {
    padding: 15px;
    min-height: 450px;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(/Content/img/vinyl.gif) center no-repeat var(--bs-white);
    background-size: 100px;
}

span.aec-logo img {
    width: 18px;
}

.ad-zones .aec-catalog-zone {
    padding-right: 5px;
}

@media (min-width: 0px) and (max-width: 767px) {
    .product-scroller-row .products-slider .slick-next {
        right: -20px;
        top: 25%;
    }

    .product-scroller-row .products-slider .slick-prev {
        left: -20px;
        right: 0;
        top: 25%;
    }

    .home-landing .aec-promotemplate5 .aec-cover a img {
        object-fit: cover;
    }
    .ccm-navbar ul.navbar-nav {
        display: block;
    }
    .home-landing .product-scroller-row .products-slider .aec-slider-tile h2 {
        font-size: 2rem;
    }

    .footer button[aria-expanded="false"] .nav-label:before {
        position: relative;
        color: #f8f1d7;
        margin-right: 10px;
    }

    .price-box .aec-title,
    div.aec-btnQtyWrapper > div:first-child {
        display: block !important;
    }

    .price-box button.aec-buybutton-textbtn {
        padding: 8px !important;
        margin: auto;
    }

    #aec-deliverydate {
        margin: auto;
        text-align: center !important;
        max-width: 300px;
    }

    .price-box .aec-attr {
        left: unset !important;
        margin: auto;
    }

    .header-custom-buttons {
        text-align: center;
    }

    #aec-searchholder {
        margin-bottom: 15px;
    }

    .ccm-navbar-menu-links {
        margin-bottom: 10px;
        margin-top: 10px;
        display:block;
    }
}

@media (min-width: 0px) and (max-width: 576px) {
    #aec-searchholder {
        padding: 0;
    }
}

@media (min-width: 0px) and (max-width: 991px) {
    .ccm-navbar-menu-links .aec-cart-icon {
        display: none;
    }

    .ccm-header-info h2 {
        font-size: 2rem;
    }

    .aec-promotemplate5 .aec-listprice:before,
    .aec-promotemplate5 .aec-listprice span,
    .aec-promotemplate5 .aec-custprice span:before,
    .aec-promotemplate5 .aec-custprice span {
        font-size: 1.7rem;
    }
}
@media (min-width: 0px) and (max-width: 479px) {
    .product-scroller-row .slick-initialized .slick-slide {
        padding: 0 30px;
    }
}