/**
 * 2023-07-16 05:35:54 */
@font-face {
    font-family: 'Chalet London Nineteen Seventy';
    font-weight: normal;
    font-style: normal;
    src: url('https://www.charleyharper.com/static/version1689485247/frontend/FabFrames/charleyharper/en_US/fonts/custom/Chalet-London-Nineteen-Seventy.eot');
src: url('https://www.charleyharper.com/static/version1689485247/frontend/FabFrames/charleyharper/en_US/fonts/custom/Chalet-London-Nineteen-Seventy.eot') format('embedded-opentype'), url('https://www.charleyharper.com/static/version1689485247/frontend/FabFrames/charleyharper/en_US/fonts/custom/Chalet-London-Nineteen-Seventy.woff2') format('woff2'), url('https://www.charleyharper.com/static/version1689485247/frontend/FabFrames/charleyharper/en_US/fonts/custom/Chalet-London-Nineteen-Seventy.woff') format('woff'), url('https://www.charleyharper.com/static/version1689485247/frontend/FabFrames/charleyharper/en_US/fonts/custom/Chalet-London-Nineteen-Seventy.ttf') format('truetype'), url('https://www.charleyharper.com/static/version1689485247/frontend/FabFrames/charleyharper/en_US/fonts/custom/Chalet-London-Nineteen-Seventy.otf') format('opentype'), url('https://www.charleyharper.com/static/version1689485247/frontend/FabFrames/charleyharper/en_US/fonts/custom/Chalet-London-Nineteen-Seventy.svg') format('svg');
 }

body {
    font-family: Optima,Frutiger,'Frutiger Linotype','Segoe UI Variable Text','Segoe UI','DejaVu Sans','Bitstream Vera Sans','Verdana Pro',Verdana,sans-serif, HelveticaNeue,Helvetica,'Arial Pro',Arial,Arimo,'Liberation Sans',sans-serif;
    font-size: 18px;
}

/* Class for elements in custom content */
.headings-font, .main-font,/* Headings */
h1, h2, h3, h4, h5, .section-title, .products-list .product-name, .filter .block-subtitle,
/* Generic  */
.feature .heading, .uaccordion .heading,
/* Block headings */
.block .block-title,
/* Checkout headings */
#opc-login h3,
/* Multiple checkout */
/*.fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend,*/
/* Account */
.box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2,
/* Product page tabs */
.product.data.items > .item.title > .switch,
/* Footer headings */
.footer .heading, #subscribe-form label,
/* Captions */
.caption .heading {
    font-family: 'Poiret One','Segoe UI Variable Display','Josefin Sans','Avant Garde',Avantgarde,'Century Gothic',CenturyGothic,AppleGothic,sans-serif;
    font-weight: 400;
}


body {
    background-color: #fff;
    color: #333;
}

a {
    color: #c84200;
}
a:hover, .sideacco li.current > a, p.product-name a:hover, h2.product-name a:hover, h3.product-name a:hover, h4.product-name a:hover, h5.product-name a:hover {
    color: #ff5501;
}

.action.primary {
    background-color: #eee;
    color: #333;
}
.action.primary:hover, .action.primary:focus {
    background-color: #c84200;
    color: #fff;
}

.product-view .action.primary, .action.primary.checkout {
    background-color: #333;
    color: #fff;
}
.product-view .action.primary:hover, .action.primary.checkout:hover {
    background-color: #c84200;
    color: #fff;
}

.links > li > a:hover {
    background-color: #c84200;
    color: #fff !important;
}


.sticker.new {
    background-color: rgba(255, 85, 1, 0.85);
    color: #fff;
}
.sticker.sale {
    background-color: rgba(0, 34, 255, 0.85);
    color: #fff;
}
.sticker.custom {
    background-color: rgba(0, 119, 136, 0.85);
    color: #fff;
}


.opc-progress-bar-item._active:before, .opc-progress-bar-item._active > span:before,
.opc-wrapper .shipping-address-item.selected-item:after, .filter-title strong[data-count]:after, .main-color--bg {
    background-color: #5bd2ec;
}

.opc-wrapper .shipping-address-item.selected-item, .main-color--border {
    border-color: #5bd2ec;
}

.fotorama__thumb-border {
    border-color: #333;
}

.swatch-option.selected, .swatch-attribute.size .swatch-option.selected,  .swatch-attribute.manufacturer .swatch-option.selected, .swatch-option:not(.disabled):hover,
.swatch-option.image:not(.disabled):hover, .swatch-option.color:not(.disabled):hover {
    outline-color: #333;
}


.price-box .price {
    color: #333;
}

.special-price .price, .special-price .price-label {
    color: #F70046;
}

.page-product-configurable .product-info-price .special-price .price {
    color: #333;
}

.old-price .price, .old-price .price-label, .old-price {    color: #ccc;
}

.rating-summary .rating-result > span:before, .review-control-vote label:before {
    color: #333;
}

.additional-bg-color, .cart-summary, .opc-block-summary, .opc-estimated-wrapper, .bundle-options-container .block-bundle-summary, .block-collapsible-nav .content, /* Legacy styles selectors, may be deprecated (review it later): */ .checkout-agreements li {
    background-color: #f5f5f5;
}

.minicart-wrapper .action.showcart .counter:not(.ib), .header-container .skip-link .counter, .dropdown-block .dropdown-heading .counter {
    background-color: #c84200;
}




.modes-mode, .sorter-action, .pages .page, .pages .action, .pages .action.previous, .pages .action.next {
    background-color: #f5f5f5;
    color: #333;
}

.modes-mode:before, .sorter-action:before,
.pages .action:before, .pages .action.previous:before, .pages .action.next:before {
    color: #333;
}

.modes-mode:hover, .sorter-action:hover, .pages .page:hover, .pages .action:hover {
    background-color: #333;
    color: #fff;
}

.modes-mode:hover:before, .sorter-action:hover:before, .pages .action:hover:before, .pages .action.previous:hover:before, .pages .action.next:hover:before {
    color: #fff;
}

.modes-mode.active, .pages .current .page {
    background-color: #e5e5e5;
    color: #333;
}

.modes-mode.active:before {
    color: #333;
}

/* Add-to links */
.addto-links .ic,
/* Slider arrows */
.slider-arrows1 .owl-controls .owl-buttons div, .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover,
.slider-arrows2 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover,
/* Slider pagination */
.slider-pagination1 .owl-controls .owl-page span, .slider-pagination2 .owl-controls .owl-page span,
/* Lightbox */
#cboxPrevious, #cboxNext, #cboxClose,
/* Accordion and collapsible: opener */
.uaccordion-style1 .opener, .collapsible .opener,
/* Quantity button */
.qty-button,
/* Scroll to top */
#scroll-to-top {
    background-color: #f5f5f5;
    color: #333;
}

/* Add-to links */
.addto-links .ic:hover, .addto-links .feature-icon-hover:hover .ic,
/* Slider arrows */
.slider-arrows1 .owl-controls.clickable .owl-buttons div:hover, .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover, .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover,
/* Slider pagination */
.slider-pagination1 .owl-controls.clickable .owl-page:hover span, .slider-pagination2 .owl-controls.clickable .owl-page:hover span,
/* Lightbox */
#cboxPrevious:hover, #cboxNext:hover, #cboxClose:hover,
/* Accordion and collapsible: opener */
.uaccordion-style1 .opener:hover, .collapsible .opener:hover,
/* Quantity button */
.qty-button:hover,
/* Scroll to top */
#scroll-to-top:hover {
    background-color: #333;
    color: #fff;
}

/* Slider pagination */
.slider-pagination1 .owl-controls .owl-page.active span,
.slider-pagination1 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */
.slider-pagination2 .owl-controls .owl-page.active span,
.slider-pagination2 .owl-controls.clickable .owl-page.active:hover span { /* Active state overrides hover state */
    background-color: #e5e5e5;
    color: #333;
}


.ib {
    background-color: #c84200;
    color: #fff;
}

.ib-hover:hover, .feature-icon-hover:hover .ib {
    background-color: #ff5501;
    color: #fff;
}

.ib-ef-1:hover, .feature-icon-hover:hover .ib-ef-1 {
    background-color: #ff5501;
    color: #fff;
}
.ib-ef-1:after {
    box-shadow: 0 0 0 4px #ff5501;
}

.ib-ef-2 {
    box-shadow: 0 0 0 4px #c84200;
}
.ib-ef-2:after {
    background-color: #c84200;
}

.ib-ef-2a:hover, .feature-icon-hover:hover .ib-ef-2a  {
    color: #fff;
}

.ib-ef-2b:hover, .feature-icon-hover:hover .ib-ef-2b  {
    color: #c84200;
}

.ib-ef-3 {
    box-shadow: 0 0 0 4px #c84200;
}
.ib-ef-3:after {
    background-color: #c84200;
}

.ib-ef-3a:hover, .feature-icon-hover:hover .ib-ef-3a {
    color: #c84200;
}

.ib-ef-3b {
    color: #c84200;
}
.ib-ef-3b:hover, .feature-icon-hover:hover .ib-ef-3b {
    color: #fff;
}

.ib.icon-color-productview {
    background-color: #eee;
    color: #333;
}
.ib-hover.icon-color-productview:hover, .feature-icon-hover:hover .ib.icon-color-productview {
    background-color: #ff5501 !important;
    color: #fff !important;
}

.cap {
    background-color: rgba(255, 85, 1, 0.85);
}





.page-wrapper {
    border: none !important;
}

.inner-container {
    padding-left: 15px;
    padding-right: 15px;
}










.header-container3 {
}

.header-regular .block-search.expanding._active {    width: 185px;
}

.header-regular .block-search .input-text, .header-regular .block-search .action.search .icon, .header-regular .block-search.expanding .input-text {    background-color: #fff;
    color: #bbb;
}

.header-regular .block-search .input-text:hover, .header-regular .block-search .input-text:focus,
.header-regular .block-search .action.search:hover .icon, .header-regular .block-search .action.search:focus .icon, .header-regular .block-search.expanding._active .input-text {    background-color: #fff;
    color: #333;
}

.header-regular .block-search.expanding._active .action.search .icon {
    color: #333;
}

.block-search .action.search .icon {
    background-color: transparent !important;
    color: #bbb;
}


.header-regular .block-search .input-text {
    border-color: #ddd;
}

.header-regular .block-search .input-text:hover, .header-regular .block-search .input-text:focus {
    border-color: #eee;
}




.header-regular .block-search .action.search, .header-regular .block-search .action.search:before, .header-regular .block-search .input-text::-webkit-input-placeholder,
.header-regular .block-search .input-text:-moz-placeholder, .header-regular .block-search .input-text::-moz-placeholder,
.header-regular .block-search .input-text:-ms-input-placeholder, .header-regular .block-search .input-text::placeholder {
    color: #bbb;
}

.header-regular .block-search .action.search:hover, .header-regular .block-search .action.search:focus, .header-regular .block-search .action.search:hover:before, .header-regular .block-search .action.search:focus:before, .header-regular .block-search .input-text:hover::-webkit-input-placeholder, .header-regular .block-search .input-text:focus::-webkit-input-placeholder,
.header-regular .block-search .input-text:hover:-moz-placeholder, .header-regular .block-search .input-text:focus:-moz-placeholder,
.header-regular .block-search .input-text:hover::-moz-placeholder, .header-regular .block-search .input-text:focus::-moz-placeholder,
.header-regular .block-search .input-text:hover:-ms-input-placeholder, .header-regular .block-search .input-text:focus:-ms-input-placeholder,
.header-regular .block-search .input-text:hover::placeholder, .header-regular .block-search .input-text:focus::placeholder {
    color: #333;
}

.header-regular .block-search .input-text {
    box-shadow: none;
}
.header-regular .block-search .input-text:focus {
    box-shadow: 0 0 5px rgba(81,167,232,0.5), inset 0 1px 2px rgba(0,0,0,0.075);
}


.header-container .dropdown-block .dropdown-content,
.header-container .dropdown-block.filled-heading.open .dropdown-heading .inner-heading, .header-container .dropdown-block.open .dropdown-heading.cover .inner-heading, .header-container .block-search .search-autocomplete ul li {
    background-color: #fff;
    color: #333; }

.header-container .dropdown-block.filled-heading.open .dropdown-heading .icon:not(.ib), .header-container .dropdown-block.open .dropdown-heading.cover .icon:not(.ib) {    color: #333; }

.header-container .dropdown-block .dropdown-content a, .header-container .dropdown-block .dropdown-content .action:before,
.header-container .dropdown-block.filled-heading.open .dropdown-heading a,
.header-container .dropdown-block.open .dropdown-heading.cover a {    color: #333;
}

.header-container .dropdown-block .dropdown-content a:hover, .header-container .dropdown-block .dropdown-content .action:hover:before,
.header-container .dropdown-block.filled-heading.open .dropdown-heading a:hover,
.header-container .dropdown-block.open .dropdown-heading.cover a:hover, .header-container .block-search .search-autocomplete ul li:hover, .header-container .block-search .search-autocomplete ul li.selected {    color: #aaa;
}

.dropdown-block.show-pointer .dropdown-content:before {
    border-bottom-color: #fff;
}
.dropdown-block.show-border .dropdown-content:after {
    border-bottom-color: ;
}
.dropdown-block.show-border .dropdown-content, .dropdown-block.show-border.filled-heading.open .dropdown-heading {
    border-color: ;
}

.dropdown-block .dropdown-heading .icon {
    color: #333;
}

.dropdown-block .dropdown-heading .icon.ib {
    background-color: #f55856;
}

.header-top-container {
}
.header-top {
}

.header-top .local-font, .header-top .dropdown-block .dropdown-heading, .header-top .links > li > * {
}

.header-top .local-height, .header-top .dropdown-block .dropdown-heading, .header-top .links > li > * {
    line-height: 40px;
}

.header-top .dropdown-block .dropdown-heading {
        max-height: 40px;
}

.header-top {
    line-height: 40px;
    }

.header-primary-container {
}
.header-primary {
    padding-top: 5px;
    padding-bottom: 5px;
}

.header-primary .local-font, .header-primary .dropdown-block .dropdown-heading,
.header-primary .links > li > * {
    line-height: 40px;
}
.header-primary .dropdown-block .dropdown-heading {
        max-height: 40px;
}

.cat-label-label1 {
    background-color: rgba(255, 85, 1, 0.85);
    color: #fff;
}
.cat-label-label2 {
    background-color: rgba(0, 34, 255, 0.85);
    color: #fff;
}

li.level0 > a > span > .cat-label-label1.pin-bottom:before {
    border-top-color: rgba(255, 85, 1, 0.85);
}
li.level0 > a > span > .cat-label-label2.pin-bottom:before {
    border-top-color: rgba(0, 34, 255, 0.85);
}

li > a:hover > span > .cat-label,
.nav-regular li.level0:hover > a > span > .cat-label {/* Top-level category label is highlighted on item hover, not on link hover */
    background-color: rgba(0, 119, 136, 0.85);
    color: #fff;
}
li.level0 > a:hover > span > .pin-bottom:before,
.nav-regular li.level0:hover > a > span > .pin-bottom:before {
    border-top-color: rgba(0, 119, 136, 0.85);
}


.navi .nav-panel--dropdown {
    background-color: #fff;    
    color: #333;
}

.nav-mobile.opt-sb0.opt-sob .nav-item.nav-item--only-blocks > div {
    background-color: #fff !important;
}

.nav-regular .nav-panel--dropdown .nav-item > a:hover {
    background-color: #F0F8FF;
}

.navi .nav-panel--dropdown a {
    color: #333;
}
.navi .nav-panel--dropdown a:hover {
    color: #c84200;
}


.nav-regular .nav-panel--dropdown {
    filter: progid:DXImageTransform.Microsoft.Shadow(color = #D9D9D9, direction = 180, strength = 10);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Shadow(color = #D9D9D9, direction = 180, strength = 10)';
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

.nav-mobile div.nav-panel--dropdown,
.nav-mobile.opt-sb0.opt-sob .nav-item.nav-item--only-blocks > div {
    filter: progid:DXImageTransform.Microsoft.Shadow(color = #D9D9D9, direction = 180, strength = 10);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Shadow(color = #D9D9D9, direction = 180, strength = 10)';
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
        z-index: 1;
    position: relative;
}
.nav-mobile div.nav-panel--dropdown div.nav-panel--dropdown {
    filter: progid:DXImageTransform.Microsoft.Shadow(enabled = false);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Shadow(enabled = false)';
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


.nav-container {
}

.nav.container {
}



.sticky-header .nav-container, .sticky-header .navi-wrapper, .sticky-header .nav-regular:not(.nav-vert)  {
    background-color: #fff;
}

.sticky-header .nav-regular:not(.nav-vert) .nav-item.level0 > a,
.sticky-header .nav-regular .nav-item--homeicon a, .sticky-header .nav-regular .nav-item--homeicon.active a,
.sticky-header .nav-holder .dropdown-block .dropdown-heading, .sticky-header .nav-holder .dropdown-block .dropdown-heading .icon:not(.ib), .sticky-header .nav-holder .dropdown-block .dropdown-heading a, .sticky-header .nav-holder .block-search.expanding:not(._active) .action.search .icon  {
    color: #333;
}

.sticky-header .nav-border-bottom {
    border-bottom: none;
}


.nav-mobile .nav-item > a, .header-mobile .skip-content .links > li > a {
    line-height: 50px;
}

            .navi-wrapper, .nav-regular {
    background-color: #f8f8f8;
}

.nav-regular:not(.nav-vert) .nav-item.level0 > a,
 .nav-holder .dropdown-block .dropdown-heading, .nav-holder .dropdown-block .dropdown-heading .icon:not(.ib), .nav-holder .dropdown-block .dropdown-heading a, .nav-holder .block-search.expanding .action.search .icon  {
    color: #333;
}

.navi .nav-item--homeicon a {
    color: #333 !important;
}

            .nav-mobile .nav-item.level0 > a, .header-mobile .skip-content .links > li > a  {
    background-color: #f8f8f8;
    color: #333;
    padding: 0 10px;
}
.nav-mobile .nav-item.level0 > .opener {
    color: #333;
}

                .navi.nav-mobile ul.level0 .nav-item > a {
    background-color: #f8f8f8;
    color: #333;
}
.nav-mobile ul.level0 .nav-item > .opener {
    color: #333;
}

            .nav-regular:not(.nav-vert) .nav-item.level0.active > a {
    background-color: #333;
    color: #fff;
}

            .nav-mobile .nav-item.level0.current > a,
.header-mobile .skip-content .links > li.current > a  {
    background-color: #333;
    color: #fff;
}
.nav-mobile .nav-item.level0.current > .opener {
    color: #fff;
}

                .navi.nav-mobile ul.level0 .nav-item.current > a {
    background-color: #333;
    color: #fff;
}
.nav-mobile ul.level0 .nav-item.current > .opener {
    color: #fff;
}

            .nav-regular:not(.nav-vert) .nav-item.level0:hover > a {
    background-color: #ff5501;
    color: #fff;
}

            .nav-mobile .nav-item.level0 > a:hover,
.header-mobile .skip-content .links > li > a:hover  {
    background-color: #ff5501;
    color: #fff;
}
.nav-mobile .nav-item.level0 > a:hover + .opener {
    color: #fff;
}

                .navi.nav-mobile ul.level0 .nav-item > a:hover {
    background-color: #ff5501;
    color: #fff;
}
.nav-mobile ul.level0 .nav-item > a:hover + .opener {
    color: #fff;
}


.nav-vert .nav-item.level0 > a {
    background-color: #f8f8f8;
    color: #333;
}

    .sideacco .nav-item > a {
    background-color: #f8f8f8;
    color: #333;
}
.sideacco .nav-item > .opener {
    color: #333;
}

.nav-vert .nav-item.level0.active > a {
    background-color: #333;
    color: #f5f5f5;
}

    .sideacco .nav-item.current > a {
    background-color: #333;
    color: #f5f5f5;
}
.sideacco .nav-item.current > .opener {
    color: #f5f5f5;
}

.nav-vert .nav-item.level0:hover > a {
    background-color: #ff5501;
    color: #fff;
}

        .sideacco .nav-item > a:hover {
    background-color: #ff5501;
    color: #fff;
}
.sideacco .nav-item > a:hover + .opener {
    color: #fff;
}
    
.navi.nav-vert-triggerable {
    filter: progid:DXImageTransform.Microsoft.Shadow(color = #D9D9D9, direction = 180, strength = 10);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Shadow(color = #D9D9D9, direction = 180, strength = 10)';
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}


    .navi-wrapper .menu-trigger, .nav-regular .nav-item.level0 > a {
    line-height: 50px;
}

    .navi-wrapper .navi.nav-vert-triggerable {
    top: 50px;
}

    
.nav-holder > * {
    line-height: 50px;
    max-height: 50px;
}

.nav-holder .dropdown-block .dropdown-heading {
    line-height: 50px;
    max-height: 50px;
}

.menu-trigger, .nav-vert .nav-item.level0 > a {
    line-height: 32px;
}

    .vertnav-trigger + .navi.nav-vert-triggerable {
    top: 32px;
}

    .sideacco .nav-item > a {
    line-height: 32px;
}
.sideacco .nav-item.parent > a {
        padding-right: 32px;
}
.sideacco .nav-item > .opener {
    width: 32px;
    height: 32px;
    line-height: 32px;
}




    .nav-mobile .nav-item { margin-top: 1px !important; }
.nav-mobile { background-color: #eee; }



.menu-trigger .menu-trigger-inner {
    background-color: #f8f8f8;
    color: #333;
}

.menu-trigger .menu-trigger-inner:hover {
    background-color: #ff5501;
    color: #fff;
}

.menu-trigger.active .menu-trigger-inner {
    background-color: #ff5501;
    color: #fff;
}

.menu-trigger .menu-trigger-inner .trigger-icon .line {
    background-color: #333;
}
.menu-trigger .menu-trigger-inner:hover .trigger-icon .line {
    background-color: #fff;
}
.menu-trigger.active .menu-trigger-inner .trigger-icon .line {
    background-color: #fff;
}


.vertnav-trigger .menu-trigger-inner {
        background-color: #f7f7f7;
    
        color: #333;
    }

.vertnav-trigger .menu-trigger-inner .trigger-icon .line {
    background-color: #333;
}

.nav-border-bottom {
    border-bottom:5px solid #333;
}

                        .vertnav-trigger, .nav-regular .nav-item.level0 > a,
.nav-holder .dropdown-block .dropdown-heading  {
                                    font-size: 14px;
                                    text-transform: none;
}

                        
.nav-regular .nav-item > a {
                                    font-size: 12px;
                                                    }

                    .nav-regular .nav-submenu--mega .nav-item > a {
                    font-size: 12px;
                    text-transform: none;
}

            .nav-regular .nav-submenu--mega > .nav-item > a {
                                    font-size: 14px;
                                    text-transform: none;
}

                    .nav-mobile li.nav-item > a {
    font-size: 14px;
}
        
        
        .mobnav-trigger, .nav-mobile .nav-item.level0 > a,
.header-mobile .skip-content .links > li > a  {
                font-size: 14px;
                            text-transform: none;
}

        .nav-mobile .nav-item.level1 > a {
                font-size: 14px;
                text-transform: none;
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    /* Menu */
                .nav-regular:not(.nav-vert) .nav-item.level0 > a {
        padding: 0 6px;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1023px) {
    /* Menu */
                .nav-regular:not(.nav-vert) .nav-item.level0 > a {
        padding: 0 4px;
    }
}

@media only screen and (max-width: 959px) {
    /* Menu */
                .nav-regular:not(.nav-vert) .nav-item.level0 > a {
        padding: 0 3px;
    }
}



.header-container-micro {
    background-color: rgba(0, 0, 0, 0.02);
}


.header-mobile.header-container, .header-mobile .header-m-container, .header-mobile .nav-container {
        padding-top: 0;
    padding-bottom: 0;
}

    
.header-mobile .header-container3 {
        }


.header-mobile .skip-link {
        background-color: #fafafa;
            color: #333;
    }
.header-mobile .skip-link.skip-active {
        background-color: #f5f5f5;
            color: #ff5501;
    }
.header-mobile .skip-link:hover {
        background-color: #ff5501;
            color: #fff;
    }

.header-mobile .skip-content--style {
        background-color: #f5f5f5;
            color: #333;
    }
    .header-mobile .skip-content--style a {
    color: #333;
}
        .header-mobile .skip-content--style a:hover {
    color: #ff5501;
}
    
.main-container {
            }
.main.container {
        background-color: #fff;
            padding-top: 20px;
            padding-bottom: 20px;
    }

.truncated .item-options {
    background-color: #fff;
}











/* Slider arrows */
.slideshow-wrapper .owl-controls .owl-buttons div,
/* Slider pagination */
.slideshow-wrapper.slider-pagination1 .owl-controls .owl-page span,
/* For pagination2 default color overrides color of active state and hover state */
.slideshow-wrapper.slider-pagination2 .owl-controls .owl-page span, .slideshow-wrapper.slider-pagination2 .owl-controls .owl-page.active span,
.slideshow-wrapper.slider-pagination2 .owl-controls.clickable .owl-page.active:hover span  {
    background-color: #fff;
    color: #333;
}

/* Slider arrows */
.slideshow-wrapper .owl-controls.clickable .owl-buttons div:hover,
/* Slider pagination */
.slideshow-wrapper.slider-pagination1 .owl-controls.clickable .owl-page:hover span, .slideshow-wrapper.slider-pagination2 .owl-controls.clickable .owl-page:hover span {
    background-color: #000;
    color: #fff;
}

.slideshow-wrapper.slider-pagination1 .owl-controls .owl-page.active span, .slideshow-wrapper.slider-pagination1 .owl-controls.clickable .owl-page.active:hover span /* Active state overrides hover state */ {
    background-color: #02f;
        }

    .footer-container {
    background-color: #f5f5f5;
}
    .footer {
        }

        
.footer .button {
    background-color: #e5e5e5;
    color: #555;
}
.footer .button:hover, .footer .button:focus {
    background-color: #078;
    color: #fff;
}

.footer .ib, .footer span.icon /* For backward compatibility */ {
    background-color: #02f;
    color: #fff;
}
.footer .ib-hover:hover, .footer span.icon-hover:hover, /* For backward compatibility */
.footer .feature-icon-hover:hover .ib, .footer .feature-icon-hover:hover span.icon /* For backward compatibility */ {
    background-color: #444 !important;
    color: #fff !important;
}

/* Slider arrows */
.footer .slider-arrows1 .owl-controls .owl-buttons div, .footer .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover,
.footer .slider-arrows2 .owl-controls .owl-buttons div, .footer .slider-arrows3 .owl-controls .owl-buttons div, .footer .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover,
/* Slider pagination */
.footer .slider-pagination1 .owl-controls .owl-page span, .footer .slider-pagination2 .owl-controls .owl-page span,
/* Accordion and collapsible: opener */
.footer .uaccordion-style1 .opener, .footer .collapsible .opener {
    background-color: #f5f5f5;
    color: #333;
}

/* Slider arrows */
.footer .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover, .footer .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover, .footer .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover,
/* Slider pagination */
.footer .slider-pagination1 .owl-controls.clickable .owl-page:hover span, .footer .slider-pagination2 .owl-controls.clickable .owl-page:hover span,
/* Accordion and collapsible: opener */
.footer .uaccordion-style1 .opener:hover, .footer .collapsible .opener:hover {
    background-color: #ff5501;
    color: #fff;
}

.footer-top-container {
        background-color: #fff;
            }
.footer-top {
                }
        
.footer-primary-container {
            padding-top: 10px;
            padding-bottom: 10px;
    }
.footer-primary {
                padding-top: 20px;
            padding-bottom: 20px;
    }
        
    .footer-bottom-container {
    background-color: rgba(0, 0, 0, 0.04);
}
    .footer-bottom {
            color: #888;
            padding-top: 20px;
            padding-bottom: 20px;
    }
    .footer-bottom a {
    color: #555;
}
        .footer-bottom a:hover {
    color: #02f;
}
    
.social-links .ib, .social-links a > span.icon /* For backward compatibility */ {
    background-color: #bbb;
    color: #fff;
}
.social-links .ib-hover:hover, .social-links a > span.icon-hover:hover /* For backward compatibility */ {
    background-color: #ff5501 !important;
    color: #fff !important;
}


/* Sticky header */
.sticky-header .sticky-container,
/* Dropdowns */
.dropdown-block.filled-heading.open .dropdown-heading, .dropdown-block.open .dropdown-heading.filled,
.dropdown-block.open .dropdown-heading.cover, .dropdown-block.open .dropdown-content,
/* Search autocomplete */
.search-autocomplete {
    filter: progid:DXImageTransform.Microsoft.Shadow(color = #D9D9D9, direction = 180, strength = 10);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Shadow(color = #D9D9D9, direction = 180, strength = 10)';
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
/**
 * 2023-07-16 05:35:54 */
/* w:1920, b:1920*/                .lte-ie8 .container { max-width: 1740px; }
                        @media only screen and (min-width: 1920px) {
                            .container { max-width: 1740px; }
            /* Item grid */
    
.itemgrid .item { width:14.6666%; clear:none !important; }
.itemgrid > li:nth-of-type(6n+1) { clear:left !important; }
    /* Item grid - adaptive */
    /* Item grid: 2 columns */
    .itemgrid-adaptive.itemgrid-2col .item { width: 18%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(5n+1) { clear: left !important; }
    /* Item grid: 3 columns */
    .itemgrid-adaptive.itemgrid-3col .item { width: 14.6666%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(6n+1) { clear: left !important; }
    /* Item grid: 4 columns */
    .itemgrid-adaptive.itemgrid-4col .item { width: 12.2857%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(7n+1) { clear: left !important; }
    /* Item grid: 5 columns */
    .itemgrid-adaptive.itemgrid-5col .item { width: 10.5%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(8n+1) { clear: left !important; }
    /* Item grid: 6 columns */
    .itemgrid-adaptive.itemgrid-6col .item { width: 10.5%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(8n+1) { clear: left !important; }
    /* Item grid: 7 columns */
    .itemgrid-adaptive.itemgrid-7col .item { width: 10.5%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(8n+1) { clear: left !important; }
        /* Hide */
    .hide-below-1680 { display:inherit !important; }
    .hide-below-1440 { display:inherit !important; }
    .hide-below-1360 { display:inherit !important; }
    .hide-below-1280 { display:inherit !important; }
}
            @media only screen and (min-width: 1680px) and (max-width: 1919px) {
                        .container { max-width: 1500px; }
                        /* Item grid */
    
.itemgrid .item { width:14.6666%; clear:none !important; }
.itemgrid > li:nth-of-type(6n+1) { clear:left !important; }
    /* Item grid - adaptive */
    /* Item grid: 2 columns */
    .itemgrid-adaptive.itemgrid-2col .item { width: 18%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(5n+1) { clear: left !important; }
    /* Item grid: 3 columns */
    .itemgrid-adaptive.itemgrid-3col .item { width: 14.6666%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(6n+1) { clear: left !important; }
    /* Item grid: 4 columns */
    .itemgrid-adaptive.itemgrid-4col .item { width: 12.2857%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(7n+1) { clear: left !important; }
    /* Item grid: 5 columns */
    .itemgrid-adaptive.itemgrid-5col .item { width: 10.5%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(8n+1) { clear: left !important; }
    /* Item grid: 6 columns */
    .itemgrid-adaptive.itemgrid-6col .item { width: 10.5%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(8n+1) { clear: left !important; }
    /* Item grid: 7 columns */
    .itemgrid-adaptive.itemgrid-7col .item { width: 10.5%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(8n+1) { clear: left !important; }
        /* Hide */
    .hide-below-1680 { display: inherit !important; }
    .hide-below-1440 { display: inherit !important; }
    .hide-below-1360 { display: inherit !important; }
    .hide-below-1280 { display: inherit !important; }
}
            @media only screen and (min-width: 1680px) {
    /* 2 columns - left */
    .page-layout-2columns-left .column.main { width: 83.33333333%; }
    .page-layout-2columns-left .sidebar-main { width: 16.66666667%; }
    .page-layout-2columns-left .sidebar-additional { width: 16.66666667%; }
    /* 2 columns - right */
    .page-layout-2columns-right .column.main { width: 83.33333333%; }
    .page-layout-2columns-right .sidebar-main { width: 16.66666667%; }
    .page-layout-2columns-right .sidebar-additional { width: 16.66666667%; }
}
            @media only screen and (min-width: 1440px) and (max-width: 1679px) {
                        .container { max-width: 1380px; }
                        /* Item grid */
    
.itemgrid .item { width:18%; clear:none !important; }
.itemgrid > li:nth-of-type(5n+1) { clear:left !important; }
    /* Item grid - adaptive */
    /* Item grid: 2 columns */
    .itemgrid-adaptive.itemgrid-2col .item { width: 23%; clear:none !important; }
    .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(4n+1) { clear: left !important; }
    /* Item grid: 3 columns */
    .itemgrid-adaptive.itemgrid-3col .item { width: 18%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(5n+1) { clear: left !important; }
    /* Item grid: 4 columns */
    .itemgrid-adaptive.itemgrid-4col .item { width: 14.6666%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(6n+1) { clear: left !important; }
    /* Item grid: 5 columns */
    .itemgrid-adaptive.itemgrid-5col .item { width: 12.2857%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(7n+1) { clear: left !important; }
    /* Item grid: 6 columns */
    .itemgrid-adaptive.itemgrid-6col .item { width: 10.5%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(8n+1) { clear: left !important; }
    /* Item grid: 7 columns */
    .itemgrid-adaptive.itemgrid-7col .item { width: 10.5%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(8n+1) { clear: left !important; }
        /* Hide */
    .hide-below-1440 { display: inherit !important; }
    .hide-below-1360 { display: inherit !important; }
    .hide-below-1280 { display: inherit !important; }
}
            @media only screen and (min-width: 1200px) and (max-width: 1439px) {
                        .container { max-width: 1170px; }
                        /* Item grid */
    
.itemgrid .item { width:23%; clear:none !important; }
.itemgrid > li:nth-of-type(4n+1) { clear:left !important; }
    /* Item grid - adaptive */
    /* Item grid: 2 columns */
    .itemgrid-adaptive.itemgrid-2col .item { width: 31.3333%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(3n+1) { clear: left !important; }
    /* Item grid: 3 columns */
    .itemgrid-adaptive.itemgrid-3col .item { width: 23%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(4n+1) { clear: left !important; }
    /* Item grid: 4 columns */
    .itemgrid-adaptive.itemgrid-4col .item { width: 18%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(5n+1) { clear: left !important; }
    /* Item grid: 5 columns */
    .itemgrid-adaptive.itemgrid-5col .item { width: 14.6666%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(6n+1) { clear: left !important; }
    /* Item grid: 6 columns */
    .itemgrid-adaptive.itemgrid-6col .item { width: 12.2857%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(7n+1) { clear: left !important; }
    /* Item grid: 7 columns */
    .itemgrid-adaptive.itemgrid-7col .item { width: 10.5%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(8n+1) { clear: left !important; }
        /* Hide */
    .hide-below-1280 { display: inherit !important; }
}
            @media only screen and (min-width: 992px) and (max-width: 1199px) {
                        .container { max-width: 970px; }
                        /* Item grid */
    
.itemgrid .item { width:31.3333%; clear:none !important; }
.itemgrid > li:nth-of-type(3n+1) { clear:left !important; }
    /* Item grid - adaptive */
    /* Item grid: 2 columns */
    .itemgrid-adaptive.itemgrid-2col .item { width: 48%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(2n+1) { clear: left !important; }
    /* Item grid: 3 columns */
    .itemgrid-adaptive.itemgrid-3col .item { width: 31.3333%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(3n+1) { clear: left !important; }
    /* Item grid: 4 columns */
    .itemgrid-adaptive.itemgrid-4col .item { width: 23%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(4n+1) { clear: left !important; }
    /* Item grid: 5 columns */
    .itemgrid-adaptive.itemgrid-5col .item { width: 18%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(5n+1) { clear: left !important; }
    /* Item grid: 6 columns */
    .itemgrid-adaptive.itemgrid-6col .item { width: 14.6666%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(6n+1) { clear: left !important; }
    /* Item grid: 7 columns */
    .itemgrid-adaptive.itemgrid-7col .item { width: 12.2857%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(7n+1) { clear: left !important; }
}
            @media only screen and (min-width: 768px) and (max-width: 991px) {
                        .container { max-width: 750px; }
                        /* 2 columns - left */
    .page-layout-2columns-left .column.main { width: 75%; }
    .page-layout-2columns-left .sidebar-main { width: 25%; }
    .page-layout-2columns-left .sidebar-additional { width: 25%; }
    /* 2 columns - right */
    .page-layout-2columns-right .column.main { width: 75%; }
    .page-layout-2columns-right .sidebar-main { width: 25%; }
    .page-layout-2columns-right .sidebar-additional { width: 25%; }
    /* 3 columns */
    .page-layout-3columns .column.main { width: 75%; float: right; }
    .page-layout-3columns .sidebar-main { width: 25%; float: left; }
    .page-layout-3columns .sidebar-additional { width: 25%; padding-right: 2%; padding-left: 0; clear: left; float: left; }
    /* Item grid */
    
.itemgrid .item { width:31.3333%; clear:none !important; }
.itemgrid > li:nth-of-type(3n+1) { clear:left !important; }
    /* Item grid - adaptive
       Between breakpoints S and M decrease number of columns
       if default number of columns is 4 or higher. */
    /* Item grid: 4 columns */
    .itemgrid-adaptive.itemgrid-4col .item { width: 31.3333%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(3n+1) { clear: left !important; }
    /* Item grid: 5 columns */
    .itemgrid-adaptive.itemgrid-5col .item { width: 23%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(4n+1) { clear: left !important; }
    /* Item grid: 6 columns */
    .itemgrid-adaptive.itemgrid-6col .item { width: 18%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(5n+1) { clear: left !important; }
    /* Item grid: 7 columns */
    .itemgrid-adaptive.itemgrid-7col .item { width: 14.6666%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(6n+1) { clear: left !important; }
    /* Item grid: 8 columns */
    .itemgrid-adaptive.itemgrid-8col .item { width: 12.2857%; clear: none !important; }
    .itemgrid-adaptive.itemgrid-8col > li:nth-of-type(7n+1) { clear: left !important; }
}
        @media only screen and (max-width: 767px) {
        .container { max-width: none !important; width: 100%; }
        .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8,
    .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid-full {
        width: 100% !important;        margin-left: 0;
        margin-right: 0;
    }
        .columns .column.main, .columns .sidebar-main, .columns .sidebar-additional {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-right: 0;
        padding-left: 0;
    }
        .v-grid-container { display: block; }
    .v-grid { float: inherit; display: block; width: 100%; }
}
    @media only screen and (min-width: 640px) and (max-width: 767px) {
    /* Item grid */
    
.itemgrid .item { width:31.3333%; clear:none !important; }
.itemgrid > li:nth-of-type(3n+1) { clear:left !important; }
}
    @media only screen and (max-width: 639px) {
                }
    @media only screen and (min-width: 480px) and (max-width: 639px) {
    /* Item grid */
    
.itemgrid .item { width:48%; clear:none !important; }
.itemgrid > li:nth-of-type(2n+1) { clear:left !important; }
}
    @media only screen and (max-width: 479px) {
                    
        .category-products-grid.hover-effect .item .addto-links,
        .category-products-grid .item .addto-links {
            display: none !important;
        }
                }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
    /* Item grid */
    
.itemgrid .item { width:48%; clear:none !important; }
.itemgrid > li:nth-of-type(2n+1) { clear:left !important; }
}
    @media only screen and (max-width: 319px) {
            
        /* Disable hover effect */
        .category-products-grid.hover-effect .item:hover {
            margin-left:0;
            margin-right:0;
            padding-left:1%;
            padding-right:1%;
            box-shadow: none !important;
            border-color: #f5f5f5;
        }
        .category-products-grid.hover-effect .item .display-onhover { display:block !important; }
        .category-products-grid.hover-effect.single-line-name .item .product-name { overflow: visible; white-space: normal; }
                            /* Item grid */
    /* Always show 1 column */
    /* Important: added ".itemgrid" class to override other styles */
    .itemgrid.itemgrid-adaptive .item { width: 98%; clear: none !important; }
}
    @media only screen and (max-width: 1023px) {
    .hide-below-1024 { display: none !important; }
}
@media only screen and (max-width: 959px) {
    .hide-below-960 { display: none !important; }
}
@media only screen and (max-width: 767px) {
    .hide-below-768 { display: none !important; }
}
@media only screen and (max-width: 479px) {
   .hide-below-480 { display: none !important; }
}
@media only screen and (max-width: 319px) {
    .hide-below-320 { display: none !important; }
}