@font-face {
    font-family: 'Yukikato';
    src: url('../fonts/Yukikato.woff') format('woff');
    font-display: swap;
    font-weight: normal;
    font-style: normal;
}
body {
    font: normal 14px Krub, Calibri, Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: left;
    font-weight: 400;
    font-style: normal;
    color: #183159;
}
p {
    line-height: 2em;
    letter-spacing: 0.04em;
}
.topic-block-body {
    text-align: justify;
}
/*Used to Be in PRESET.LESS but No Custom Colors were Allowed*/
.header-menu .close-menu, .header-menu .back-button, .block .title, .footer-block li:hover a:before, .item-box input[type="button"], .pager li span, .overview .subscribe-button, .free-shipping, .overview .add-to-cart-button, .variant-overview .add-to-cart-button, .write-review .button-1, .wishlist-add-to-cart-button, .contact-page .button-1, .email-a-friend-page .button-1, .apply-vendor-page .button-1, .registration-page .button-2, .registration-result-page .button-1, .login-page .button-1, .password-recovery-page .button-1, .account-page .button-1, .return-request-page .button-1, .shopping-cart-page .button-1, .checkout-page .button-1, .shopping-cart-page .button-2, .checkout-page .button-2, .order-details-page .page-title a, .search-input .button-1, .new-comment .button-1, .topic-post .quote-post a, .blog-search-results li a:before, .mini-shopping-cart input[type="button"], .header-menu .sublist li > a:hover, .nivo-control, .ajax-cart-button-wrapper input[type="text"], .ajax-cart-button-wrapper select, .ajaxCart .productAddedToCartWindowCheckout, .ui-slider-range, .nopAjaxFilters7Spikes .close-filters, .home-page-filter-button .results-number, .home-page-filter-button .search-button, .home-page-filter-button .search-button:after, .products-carousel .button, .categories.fullWidth .row:before, .manufacturers.fullWidth .row:before, .mega-menu .title, .ui-datepicker-calendar td a:hover, .user-agreement-page .button-1, .rich-blog-homepage .read-more, .ropc .estimate-shipping-panel button, .ropc .current-code button, .ropc .cart-total button, .ropc .complete-button button {
    background-color: #2373ae;
}

    .page-title h1, .inbox-qty, .wishlist-qty, .cart-qty, .breadcrumb strong, .tax-shipping-info a, .variant-overview .variant-name, .product-review-item .review-title, .wishlist-page .share-info a, .return-request-list-page .comments, .reward-points-history .title, .order-progress li.current-step a, .cart-collaterals .title, .checkout-page .address-item li.country, .order-review-data .title, .shipment-overview .title, .order-details-area .title, .post-title, .news-title, .item-box .post-item .actual-price, .block .list a.inactive *, .comment-info .username, .forums-main-page .topic-block h2, .forums-table-section-title .view-all, .forum-page .forum-name h1, .forum-topic-page .topic-name, .profile-page .topic-title, .forum-edit-page strong, .private-message-send-page a, .header-links a:hover, .mini-shopping-cart .count a, .mini-shopping-cart .totals strong, .footer-block li:hover a, .footer-block.recently-viewed a:hover, .news-list-homepage .news-title:hover, .block .tags li a:hover, .block .title.clickable-link strong, .product-tags-all-page li a:hover, .product-item .product-title a:hover, .overview .email-a-friend-button:hover, .product-tags-list a:hover, .product-review-item .review-info a:hover, .product-review-helpfulness .vote:hover, .login-page .forgot-password a:hover, .cart .product-name:hover, .opc .back-link a:hover, .sitemap-page a:hover, .blog-page .tags a:hover, .blogpost-page .tags a:hover, .forums-table-section a:hover, .forums-table-section td a:hover, .forum-breadcrumb a:hover, .forum-page .actions a:hover, .forum-topic-page .actions a:hover, .topic-footer .actions a:hover, td.details a, .productAddedToCartWindowDescription strong, .filtersGroupPanel li .filter-item-name:hover, .filtersGroupPanel li.checked .filter-item-name, .products-carousel .jcarousel-product-name:hover, .mega-menu .box li a:hover, .product-specs-box a, .cart .edit-item a:hover, .order-details-page .download a, .order-details-page .download-license a, .rich-blog-homepage .view-all a:hover, .blog-search-results li a:hover, .post-footer a, .rich-blog-autocomplete-last-item span, .blog-search-results li a, .search-term-highlighter, .account-page.customer-info-page .email, .category-navigation .cat-number {
        color: #2373ae;
    }

        .footer-block li:hover a:before, .block .title.clickable-link, .pager li span, .registration-page .buttons, .registration-result-page .buttons, .login-page .buttons, .password-recovery-page .buttons, .account-page .buttons, .return-request-page .buttons, .address-list-page .add-button, .order-progress li.current-step a:before, .mini-shopping-cart .count, .blog-search-results li a:before {
            border-color: #2373ae;
        }
.list-item.billing-cycle:has(input[type="radio"]:checked), .forum-edit-page .buttons input[type="submit"], .move-topic-page .buttons input[type="submit"], .private-messages-page .buttons input[type="submit"], .private-message-send-page .options input[type="submit"], .private-message-view-page .options input.button-1 {
    background-color: #2373ae;
}
.responsive-nav-wrapper .context-info {
    background-color: #004c83;
}
.registration-page .button-2, .registration-page .button-1, .registration-result-page .button-1, .login-page .button-1, .password-recovery-page .button-1, .account-page .button-1, .return-request-page .button-1, .vendor-products-page .button-1, .nopAjaxFilters7Spikes .button-1, .category-page .button-1, .sis-button {
    color: white;
    text-transform: uppercase;
    font-size: 15px;
    text-align: center;
    background-color: #d5eded !important;
    color: #183159;
    border-radius: 0;
    font-family: 'Krub';
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.1em;
    /*width: 80%;*/
    margin-bottom: 15px;
}
.sis-button.sis-dark-button {
    background-color: #183159 !important;
    color: white !important;
}
.vendorCategoryItem.checked, .vendorCategoryItem.cta-link:hover {
    border-style: solid;
    background-color: #183159;
    color: white;
}
    .form-page button[type=submit] {
        background-color: #183159;
    }
        .red.arrow-box:before {
            background: linear-gradient(to right top, #183159 50%, rgba(0, 0, 0, 0) 50%);
        }
.red.arrow-box:after {
    background: linear-gradient(to right bottom, #183159 50%, rgba(0, 0, 0, 0) 50%);
}
.vendorCategoryItem.checked .breadcrumb.list, .vendorCategoryItem.cta-link:hover .breadcrumb.list, .cart a, .data-table a, .compare-products-table a, td.details a {
    color: #183159;
}
.vendor-card .contact .click-button svg path, .product-share ._2152u span svg, .share-button svg {
    fill: #183159;
}
.bootstrap-iso a.inactive .badge {
    background-color: #333 !important;
}
.breadcrumb.list .fa, .province .fa-map-pin, .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .title, .sis-custom-form .form-group > label:first-child, .footer-block .link, .breadcrumb li .fa {
    color: #183159;
}
.h1-wrapper.dark {
    background-color: #183159;
}
.h1-wrapper .buttons .sis-button {
    background: white !important;
}
.h1-wrapper .button-1 {
    font-weight: bold !important;
}
.h1-wrapper.selling .buttons .button-1 {
    color: #2373ae;
    background: white !important;
}
.sis-loader {
    border-top-color: #183159;
    border-bottom-color: #183159;
}
.sublist .view-all, .topic-page .page-body, .item-box .actual-price, .bootstrap-iso a:hover *,
.bootstrap-iso a:hover, .bootstrap-iso a:active *, .bootstrap-iso a:focus *, .bootstrap-iso a:hover * {
    color: #183159;
}
.sublist .view-all {
    font-weight: 700;
}
.block .list > li {
    font-size: 15px;
}
#nprogress .bar {
    background: orange;
}
#nprogress .spinner-icon {
    border-top-color: orange;
    border-left-color: orange;
}
.block.block-recently-viewed-products .title, .footer-lower, section > h2.dark-background, .fieldset .title strong, .section .title strong, .login-page .title strong {
    background-color: #183159; /*Deepest Blue*/
    color: white;
}
.bootstrap-iso a.inactive:hover .badge, .bootstrap-iso a.active .badge, .block .list a.active, .block .list a:hover, .block .list a.active *, .block .list a:hover * {
    background-color: #183159 !important;
    color: white !important;
}
.bootstrap-iso .badge.bg-primary, .bootstrap-iso a.inactive .badge {
    background-color: #2373ae !important;
    color: white;
}

.category-navigation a {
    font-size: 13px;
    letter-spacing: 0.2px;
}
.category-navigation .category-item.active > a > span, .block .list > li.active {
    background-color: #183159;
    color: white;
}
    .category-navigation .category-item.active-cat-ancestor > a {
        color: #183159;
    }
.bootstrap-iso a, .bootstrap-iso a:visited  {
    color: #2373ae !important;
}
.pager {
    border-color: #183159;
}
input[type=radio] {
    margin-right: 3px;
}
.header-menu > ul.user-and-business {
    border-color: black;
}
.header-logo a img {
    max-height: 60px;
}
.ui-autocomplete.ui-menu.ui-widget.ui-widget-content .title {
    font-size: 12px;
}
.top-cat-nav a, .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .desc, .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .location {
    font-size: 12px;
    font-weight: 500;
}

/* Advertising min-height to avoid CLS */
.sis-adsense-mobile.sis-top-banner {
    min-height: 250px;
}
.sis-adsense-mobile.sis-category {
    min-height: 250px;
}

.sis-adsense-desktop.sis-top-banner {
    min-height: 90px;
}
.sis-adsense-desktop.sis-category {
    min-height: 90px;
}

.sis-adsense-desktop.sis-adsense-left-column {
    min-height: calc(600px + 5px);/*5 px added because creative is sometimes taller than defined size*/
}
.topic-page h2 {
    font-family: 'Open Sans';
    color: #2373ae;
    margin: 45px 0 10px 0;
    padding-top: 20px;
    font-size: 16px;
}
.topic-page section {
    line-height: 30px;
    font-size: 14px;
}
.topic-page p {
    letter-spacing: 1px;
    line-height: 26px;
}
.overview-link-item h2 {
    margin: 0;
}
.flex-container-col-50-50 {
    border: 2px solid #183159;
}
    .flex-container-col-50-50 .column.dark-background {
        background: #183159;
        font-size: 18px;
        color: #d5eded;
    }
    .flex-container-col-50-50 .column.dark-background .bullet-title div {
        font-size: 15px;
    }
    .flex-container-col-50-50 .sis-indented {
        font-size: 14px;
    }
    .header-menu > ul > li > a, .header-menu > ul > li > span, .block .title strong, .footer-block .title strong, .h1-wrapper h1, .sis-button, section > h2, .click-button {
        font: normal 13px 'Krub' !important;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-weight: 400;
    }
.h1-wrapper h1 {
    font-weight: bold !important;
    font: normal 15px 'Krub' !important;
}
section > h2 {
    padding: 10px;
}
.top-cat-nav a, .overview-link-item .title, .home-page-category-grid .title, .sub-category-grid .title, .manufacturer-grid .title, .vendor-grid .title {
    font-family: 'Open Sans';
}
 .pic-and-title {
    display: block;
}
    .top-cat-nav .paddle {
        background-color: #2373ae;
    }
.page-title h1 {
    font: normal 18px / 32px 'Open Sans';
    font-weight: 700;
    letter-spacing: 1.2px;
    color: #183159 !important;
}
.category-description p {
    font-family: 'Krub';
}
.header-selectors-wrapper select {
    background-color: #d5eded;
    color: #183159;
}
.search-box.store-search-box form {
    border: none;
    background-color: #d5eded;
}
.search-box.store-search-box .search-box-button{

}
.top-cat-nav a.nav-link, .category-description, .header-links a, .menu-icon, .overview-link-item a, .search-box.store-search-box input.search-box-text::placeholder {
    color: #183159 !important; /*Deepest Blue*/
    font-family: 'Open Sans';
}
.overview-link-item a, .item-box .title a {
    /*color: white !important;*/
    text-align: inherit;
}
.header-links a {
    font-size: 12px;
}
.top-cat-nav .item.active {
    border-bottom: 2px solid #2373ae;
}
.block .view-all, .block .view-all a .menu-icon {
    font-size: 13px;
}
.menu-icon {
    font-size: 14px;
}
.breadcrumb li a {
    border-color: #2373ae;
    padding: 2px 7px 3px;
    font-size: 14px;
    padding-bottom: 3px;
}
.breadcrumb li a:hover {
    background-color: white;
}
    .breadcrumb li a:hover {
        background-color: white;
    }
.inbox-qty, .wishlist-qty, .cart-qty {
    color: white !important;
    background: #2373ae;
}
.page.home-page {
    text-align: center;
}
.home .master-column-wrapper {
    width: auto;
}
/*hero image*/
.hero-container {
    position: relative;
    display: flow-root;
    min-height: calc(150vw);
    width: 100%;
}
    .hero-container .side {
        background-color: #d5eded;
        height: 100%;
        position: absolute;
        width: 70%;
    }
    .hero-container .side.right {
        right: 0;
    }
    .hero-container .side.left {
        left: 0;
    }
    .hero-container .top-frame {
        min-height: calc(60vw);
        position: absolute;
        top: 5%;
        width: 93%;
        background-size: cover;
    }
    .hero-container .center-frame {
        min-height: calc(50vw);
        width: 70%;
        position: absolute;
        top: 33%;
        left: 15%;
        background-size: cover;
        background-position: center;
        border: 6px solid white;
    }
    .hero-container .bottom-frame {
        background: #2373ae;
        position: absolute;
        bottom: 4%;
        left: 5%;
        width: 90%;
    }
    .hero-container .heading {
        color: white;
        font-size: 20px;
        text-align: center;
        margin: 30px 10px 10px;
        font-family: 'Open Sans';
        font-weight: 300;
    }
    .hero-container .description {
        color: white;
        font-size: 26px;
        text-align: center;
        margin: 10px 10px;
        font-family: 'Yukikato';
        line-height: 1.6;
    }
    .hero-container .sis-button {
        color: white;
        text-transform: uppercase;
        font-size: 18px;
        text-align: center;
        background-color: #d5eded;
        color: #183159;
        border-radius: 0;
        font-family: 'Krub';
        font-weight: 400;
        font-style: normal;
        letter-spacing: 0.1em;
        width: 80%;
        margin-bottom: 30px;
    }
        .hero-container .sis-button::after {
            content: "";
        }
    .hero-container .bottom-frame {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }
    /*Hero bottom frame list*/
.hero-container .bottom-frame.list .heading {
    font-size: 18px;
    padding: 5% 0;
    border-bottom: 3px solid white;
    margin: 0 5%;
}
.hero-container .bottom-frame.list .heading:last-of-type {
    border-color: transparent;
}
    .hero-container .bottom-frame.list .heading::after {
        font-family: FontAwesome;
        font-weight: 900;
        content: "\f138";
        padding-left: 6px;
        font-size: 17px;
    }    
    .home-page .hero-container .bottom-frame.list {
        bottom: calc(6vw);
    }
/* END hero image*/
.home-page .topic-block-title h2 {
    color: #2373ae;
    background: #d5eded;
    padding: 10px;
    font-size: 17px;
}

.h1-wrapper.light, .overview-link-item .description .title, .overview-link-list .overview-link-item .see-more {
    color: #2373ae; /*Deep Blue*/
}
.product-filters .filter-content .current-filter .title, .product-filters .filter-content ul li.title {
    color: #2373ae;
}
.product-filters .filter-content ul {
    border-color: #2373ae;
}
.product-details-page .title, .paged-filtered-item-grid h2, .product-grid .title strong, .vendor-details .title {
    font: 400 16px Krub, Calibri, Arial, Helvetica, sans-serif;
}
.sub-category-grid .item-grid {
    gap:1px 1px;
}
    .sub-category-grid .item-grid .item-box {
        padding: 0 !important;
        margin: 0 !important;
        width: calc(50% - 2px);
        max-width: none;
    }

.product-grid .item-box .post-item {
    font-family: 'Open Sans';
}
.item-box .post-item .product-title a {
    color: #426aaa;
}
.item-box .post-item .details .second-row {
    color: #e9592d;
}
.item-box .post-item .third-row .prices {
    font-style: italic;
}
.sis-button.button-2 {
    border-color: #183159;
    border-radius: 0;
    color: #183159;
    font-weight: 600;
}
.sis-custom-form .save-cancel-buttons input.save, .sis-custom-form .save-cancel-buttons input.save.create-more {
    background-color: #2373ae;
    border-color: #2373ae;
}
.subheader-wrapper, .logo-header-link, .search-box.sisbox, .search-box.sisbox, .product-grid .title strong, .footer-upper:before, .footer-block .title, section > h2 {
    background-color: #2373ae;
    color: white;
}
.h1-wrapper.light, .map-and-categories, .home-page .product-grid, section.paged-filtered-item-grid, .manufacturer-grid, .vendor-grid {
    color: #183159;
    background-color: #d5eded; /*Light Blue*/
    background: #d5eded; /*Light Blue*/
}
.login-page .title {
    border-bottom: 1px solid #183159;
}
.login-page button[type=submit] {
    margin-bottom: 0;
}
.leaflet-popup {
    z-index: 9999999999999999;
}
.map-popup .description {
    font-family: 'Open Sans';
    color: #183159;
}
    .map-popup .description .title {
        font: bold 14px 'Krub';
        text-transform: uppercase;
        letter-spacing: 0.1em;
        color: #2373ae;
    }
.map-popup .see-more {
    color: #2373ae;
}
.sis-map section.leaflet-control-layers-list {
    margin: 2px;
}
    .search-box.sisbox {
    border-color: #2373ae;
}
    /*TEMPORARY TO BE FIXED*/
    .product-grid.home-page-product-grid {
    display:none;
}
.sis-card .contact .sis-button {
    background-color: #183159 !important;
}
.sis-card .top-container .target-page-link .sis-button {
    border: none;
    padding-left: 15px;
}
.sis-card .top-container .title {
    font-size: 15px;
    font-weight: bold;
    color: #183159;
    border-color: #2373ae;
}
.sis-card .top-container .province {
    font-size: 14px;
}
.sis-card .contact .click-button .caption {
    font-size: 12px;
    font-weight: 600;
}
.sis-card .logo-picture img {
    border-radius: 8px;
}
.product-details-page .pics-and-share {
    background: #8cacbc;
}
.product-template-post .overview .second-row {
    background: #183159;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 500;
}
.product-details-page .main-info .actual-price {
    color: #2373ae;
}
.product-details-page .overview, .vendor-details {
    background-color: #d5eded;
}
.single-place-map h4 {
    background-color: #d5eded;
    border-bottom: 1px dashed #2373ae;
}
    .vendor-details .name {
        color: #183159;
        font-family: Yukikato;
        font-size: 34px;
    }
    .vendor-details .info-block.location {
        margin-top: 0;
        color: #183159;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 13px;
    }
    .vendor-details .see-vendor-inventory {
        color: #2373ae;
    }

    .product-details-page .vendor .position {
        text-align: inherit;
        font-size: 12px;
        color: #515151;
        display: contents;
        margin: 10px;
    }
.item-box .picture {
    background-color: inherit;
}
/*External Url Links*/
.external-urls-logos {
    display: flex;
    gap: 10px;
    justify-content: center;
}
.item-box .external-urls-logos {
    margin-bottom: 8px;
}
.external-urls-logos div {
    display: inline-block;
    padding: 0 8px 0 15px;
    font-size: 13px;
}
.external-urls-logos .airbnb {
    background: url(../img/airbnb-30px.png) left center no-repeat;
    background-size: 11px;
    text-decoration: none;
    color: #ee2a6d;
}
.external-urls-logos .homeaway {
    background: url(../img/homeaway-30px.png) left center no-repeat;
    background-size: 14px;
    text-decoration: none;
    color: #096db4;
    padding-left: 17px;
}
.external-urls-logos .tripadvisor {
    background: url(../img/tripadvisor-30px.png) left center no-repeat;
    background-size: 16px;
    text-decoration: none;
    color: #040507;
    padding-left: 19px;
}
.product-template-post .external-urls .airbnb a {
    background: url(../img/airbnb-30px.png) left center no-repeat;
    background-size: 20px;
    padding-left: 30px;
    display: inline-block;
    text-decoration: none;
    color: #ee2a6d;
    border: 1px solid #ee2a6d;
    background-color: #f4f4f4;
    background-position-x: 5px;
}
.product-template-post .external-urls .homeaway a {
    background: url(../img/homeaway-30px.png) left center no-repeat;
    background-size: 20px;
    padding-left: 30px;
    display: inline-block;
    text-decoration: none;
    color: #096db4;
    border: 1px solid #096db4;
    background-color: #f4f4f4;
    background-position-x: 5px;
}
.product-template-post .external-urls .tripadvisor a {
    background: url(../img/tripadvisor-30px.png) left center no-repeat;
    background-size: 20px;
    padding-left: 30px;
    display: inline-block;
    text-decoration: none;
    color: #040507;
    border: 1px solid #040507;
    background-color: #f4f4f4;
    background-position-x: 5px;
}
    .product-template-post .external-urls a {
        font-size: 13px;
    }
.save-as-favorite ._2152u span svg {
    fill: #183159;
}

svg > path.in-wishlist {
    fill: #183159;
}

.pulse {
    box-shadow: 0 0 0 rgba(24,49,89, 1);
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(24,49,89, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 7px rgba(24,49,89, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(24,49,89, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(24,49,89, 0.4);
    box-shadow: 0 0 0 0 rgba(24,49,89, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 7px rgba(24,49,89, 0);
      box-shadow: 0 0 0 7px rgba(24,49,89, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(24,49,89, 0);
      box-shadow: 0 0 0 0 rgba(24,49,89, 0);
  }
}
.web-share .sis-button {
    border: 1px solid #183159;
    color: #183159;
    font-weight: 700 !important;
}
.contact-footer {
    background-color: #2373ae;
}
.custom-button {
    text-transform: uppercase;
    padding: 10px 7px;
}

/*************************************************************************/
/*************************** Tiny Screens (< 480px) **********************/
/*************************************************************************/
@media (max-width: 480px) {
    .master-wrapper-content {
        width: 100%;
        margin: 0 auto;
    }
    .vendor-page .vendor-info .line1 {
        margin: 0 10px;
    }
}
/*************************************************************************/
/************************** All But Tiny Screens (> 480px) ***************/
/*************************************************************************/
@media (min-width: 481px) {
    .product-grid .item-box {
        padding: 0 0 12px;
        border-bottom: 1px dotted #ccc;
    }
    .home-page .hero-container {
        min-height: calc(130vw);
    }
    .page-title h1 {
        font: normal 20px / 36px 'Open Sans';
        font-weight: 700;
        letter-spacing: 1.2px;
    }
}
/*************************************************************************/
/****************** Medium and Large Screens (> 768px) *******************/
/*************************************************************************/
@media (min-width: 769px) {
    .sub-category-grid .item-grid .item-box {
        width: calc(33.33% - 2px);
    }
    .hero-container {
        margin-right: auto;
        margin-left: auto;
        min-height: calc(122vw);
        max-width: 1200px;
    }

        .hero-container .side {
            width: 45%;
        }

        .hero-container .top-frame {
            top: 7%;
            left: 0;
            width: 65%;
            min-height: 360px;
        }

        .hero-container .center-frame {
            min-height: 55%;
            width: 40%;
            top: auto;
            bottom: -6px;
            left: 10%;
        }

        .hero-container .bottom-frame {
            top: 15%;
            right: 2%;
            left: auto;
            width: 44%;
            min-height: fit-content;
            padding: 15px;
        }
        .hero-container .bottom-frame.list {
            padding: 0;
        }
        .hero-container .heading {
            font-size: 28px;
            margin: 30px 34px 12px;
        }
        .hero-container .bottom-frame.list .heading {
            padding-top: 5%;
            padding-bottom: 5%;
        }
        .hero-container .description{
            font-size: 30px;
        }
    .hero-container .bottom-frame.list .heading {
        margin: 0 7%;
    }
    .home-page .hero-container {
        min-height: 480px;
    }
        .home-page .hero-container .bottom-frame.list {
            width: 40%;
        }
    .product-details-page .pics-and-share {
        background: #d5eded;
    }
}
/*************************************************************************/
/****************************** Mobile Only ******************************/
/*************************************************************************/
@media all and (max-width: 1000px) {
    .logo-header-link ~ .responsive-nav-wrapper-parent {
        top: 70px;
    }
    .subheader-wrapper {
        margin-top: 122px;
    }
    ul.mega-menu-responsive > li > a:first-letter, ul.mega-menu-responsive > li > span:first-letter {
        font-size: 17px;
    }
    .logo-header-link {
        width: 100%;
        height: 70px;
    }

        .logo-header-link img {
            height: 64px;
            margin: 3px auto;
        }

    .header-menu > ul li > a, .header-menu > ul li > span {
        color: #183159;
    }

    .header-menu.open {
        background: #183159 !important;
    }

    .close-menu span {
        font-family: 'Krub';
    }
    .responsive-nav-inner {
        background-color: #d5eded;
    }

    .nopAjaxFilters7Spikes .close-filters {
        background: #2373ae !important;
    }

        .header-menu > ul > li > a, .header-menu > ul > li > span, .nopAjaxFilters7Spikes .close-filters span, .filter-block a.toggleControl {
            font: normal 13px 'Krub' !important;
            text-transform: uppercase !important;
            letter-spacing: 0.1em !important;
            font-weight: 400 !important;
            font-style: normal !important;
        }
}
/*************************************************************************/
/******************************* Large Screens ***************************/
/*************************************************************************/

@media all and (min-width: 1001px) {
    #dark-mode-toggle {
        top: 10px;
        right: 10px;
    }
    .headerMenuParent {
        padding: 0;
    }
    .logo-wrapper {
        width: 380px;
    }
    .item-box .external-urls-logos {
        margin-bottom: 0;
    }
    ul.mega-menu > li > a:first-letter, ul.mega-menu > li > span:first-letter {
        font-size: 20px;
    }
    .header-menu li a.view-all {
        color: #333;
    }
    .header-menu .sublist-wrap {
        margin-top: 32px;
        border-color: #183159;
        border-width: 2px 0 4px 0;
    }

    .header-menu > ul > li > a, .header-menu > ul > li > span, .header-menu .sublist li a {
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 1.0px;
    }

    .header-menu .sublist li a {
        font-size: 12px;
    }
    .block.category-navigation .list .category-item.active > a {
        background-color: #183159;
    }
    .page.category-page {
        margin-top: 0;
    }
    .home-page .hero-container .bottom-frame.list {
        width: 35%;
    }
    .home-page  .hero-container .bottom-frame.list {
        top: 20%;
        right: 6%;
    }
    .filter-block a.toggleControl {
        letter-spacing: 0.1em;
        font-family: 'Krub' !important;
    }
    .nopAjaxFilters7Spikes {
        border-bottom: 7px solid #183159 !important;
    }
    .bootstrap-iso .sis-button-link-list .btn-primary:hover {
        background-color: #2373ae;
        border-color: #2373ae;
    }
    .footer-middle {
        background-color: #d5eded;
    }
}